0.0.78

deep-foundation · Sep 15, 2024 · bffe7ff · bffe7ff
1 parent afb005f
commit bffe7ff
Show file tree

Hide file tree

Showing 12 changed files with 551 additions and 29 deletions.
diff --git a/import.ts b/import.ts
@@ -14,3 +14,5 @@ export { ColorMode, theme } from './imports/theme.js';
 export { Packages, usePreload, useHandlersContext, PreloadProviderCore, PreloadProvider, useSymbol, symbol, useLoader, useCanByContain, useChakraColor, getChakraColor, getChakraVar, useChakraVar, PreloadContext, HandlersContext, loader } from './imports/hooks.js';
 
 export { AutoGuest } from './imports/auto-guest.js';
+
+export { requires } from './imports/requires.js';
diff --git a/imports/icons/down.tsx b/imports/icons/down.tsx
@@ -0,0 +1,52 @@
+import React from 'react';
+import { useColorMode } from "@chakra-ui/react";
+
+export function DownIcon({
+  strokePath = '#000',
+  strokeCircle = '#000',
+}:{
+  strokePath?: string;
+  strokeCircle?: string;
+}) {
+  const { colorMode } = useColorMode();
+  return (
+    <svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M2.02385 3.03816C1.68148 2.53526 1.81385 1.84466 2.33822 1.49936C2.86259 1.15416 3.56225 1.29686 3.90462 1.79986C4.247 2.30276 4.11462 2.99336 3.59025 3.33856C3.06588 3.68386 2.36623 3.54116 2.02385 3.03816Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5"/>
+      <path d="M12.5639 13.6941C13.0633 14.4278 12.8657 15.4257 12.1132 15.9212C11.3607 16.4166 10.3473 16.2161 9.84787 15.4824C9.34842 14.7487 9.54598 13.7508 10.2985 13.2553C11.051 12.7599 12.0644 12.9604 12.5639 13.6941Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}/>
+      <path d="M12.1462 3.03816C12.4886 2.53526 12.3562 1.84466 11.8319 1.49936C11.3075 1.15416 10.6079 1.29686 10.2655 1.79986C9.92311 2.30276 10.0555 2.99336 10.5798 3.33856C11.1042 3.68386 11.8039 3.54116 12.1462 3.03816Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5"/>
+      <path d="M1.60633 13.6941C1.10688 14.4278 1.30444 15.4257 2.05694 15.9212C2.80944 16.4166 3.82286 16.2161 4.32231 15.4824C4.82176 14.7487 4.6242 13.7508 3.8717 13.2553C3.1192 12.7599 2.10578 12.9604 1.60633 13.6941Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}/>
+      <path d="M8.20455 8.61285C8.20455 8.02018 7.71137 7.51138 7.06776 7.51138C6.42415 7.51138 5.93097 8.02018 5.93097 8.61285C5.93097 9.20553 6.42415 9.71432 7.06776 9.71432C7.71137 9.71432 8.20455 9.20553 8.20455 8.61285Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}/>
+      <path d="M8.21698 9.57367L10.1022 12.1513M10.1022 12.1513L8.80059 11.5415M10.1022 12.1513L9.898 10.7389" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5" 
+        strokeLinecap="round" 
+        strokeLinejoin="round"
+      />
+      <path d="M4.10001 3.60001L5.82607 5.96005M5.82607 5.96005L4.58729 5.43615M5.82607 5.96005L5.6847 4.63354" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5" 
+        strokeLinecap="round" 
+        strokeLinejoin="round"
+      />
+      <path d="M10.0324 3.59L8.26999 5.99973M8.26999 5.99973L9.52312 5.45622M8.26999 5.99973L8.42571 4.6536" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5" 
+        strokeLinecap="round" 
+        strokeLinejoin="round"
+      />
+      <path d="M5.87194 9.57367L3.98672 12.1513M3.98672 12.1513L5.28833 11.5415M3.98672 12.1513L4.19092 10.7389" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5" 
+        strokeLinecap="round" 
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}
diff --git a/imports/icons/from.tsx b/imports/icons/from.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { useColorMode } from "@chakra-ui/react";
+
+export function FromIcon({
+  strokePath = '#000',
+  strokeCircle = '#000',
+}:{
+  strokePath?: string;
+  strokeCircle?: string;
+}) {
+  const { colorMode } = useColorMode();
+  return (
+    <svg width="22" height="13" viewBox="0 0 22 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="16.815" cy="6.715" r="3.715" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth='0.5'
+      />
+      <path d="M1 1V12.4545" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}  
+        strokeLinecap="round"
+      />
+      <path d="M1 6.72726L12.5237 6.72726" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}  
+        strokeLinecap="round"
+      />
+    </svg>
+  )
+}
diff --git a/imports/icons/in.tsx b/imports/icons/in.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { useColorMode } from "@chakra-ui/react";
+
+export function InIcon({
+  strokePath = '#000',
+  strokeCircle = '#000',
+}:{
+  strokePath?: string;
+  strokeCircle?: string;
+}) {
+  const { colorMode } = useColorMode();
+  return (
+    <svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M11.2793 2.73366L6.34862 7.66435M6.34862 7.66435L6.51536 3.93844M6.34862 7.66435L10.0187 7.44183" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}  
+        strokeWidth="1" 
+        strokeLinecap="round" 
+        strokeLinejoin="round"
+      />
+      <path d="M11.2474 17.2303L6.31667 12.2996M6.31667 12.2996L10.0426 12.4663M6.31667 12.2996L6.53919 15.9697" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}  
+        strokeWidth="1" 
+        strokeLinecap="round" 
+        strokeLinejoin="round"
+      />
+      <path d="M14.368 9.98359H7.39493M7.39493 9.98359L10.1474 7.46688M7.39493 9.98359L10.1474 12.4214" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}  
+        strokeWidth="1" 
+        strokeLinecap="round" 
+        strokeLinejoin="round"
+      />
+      <path d="M5.29 9.99501C5.29 11.3177 4.21772 12.39 2.895 12.39C1.57228 12.39 0.5 11.3177 0.5 9.99501C0.5 8.67228 1.57228 7.60001 2.895 7.60001C4.21772 7.60001 5.29 8.67228 5.29 9.99501Z" 
+        strokeWidth="0.5"
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+      />
+    </svg>
+  )
+}
diff --git a/imports/icons/out.tsx b/imports/icons/out.tsx
@@ -0,0 +1,50 @@
+import React from 'react';
+import { useColorMode } from "@chakra-ui/react";
+
+export function OutIcon({
+  strokePath = '#000',
+  strokeCircle = '#000',
+}:{
+  strokePath?: string;
+  strokeCircle?: string;
+}) {
+  const { colorMode } = useColorMode();
+  return (
+    <svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <line x1="7.19104" y1="8.70264" x2="7.19104" y2="9.56306" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round"
+      />
+      <path d="M8 9L13 9" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round"
+      />
+      <line x1="5.72974" y1="12.1213" x2="5.12133" y2="12.7297" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round"
+      />
+      <path d="M6.09149 12.9036L9.62703 16.4391" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round"
+      />
+      <line x1="1.5" y1="-1.5" x2="2.36042" y2="-1.5" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 5.72998 8.29999)" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round"
+      />
+      <path d="M6.09174 5.39638L9.62727 1.86084" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round"
+      />
+      <circle cx="2.89506" cy="9.195" r="2.395" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5"
+      />
+    </svg>
+  )
+}
diff --git a/imports/icons/to.tsx b/imports/icons/to.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { useColorMode } from "@chakra-ui/react";
+
+export function ToIcon({
+  strokePath = '#000',
+  strokeCircle = '#000',
+}:{
+  strokePath?: string;
+  strokeCircle?: string;
+}) {
+  const { colorMode } = useColorMode();
+  return (
+    <svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M8.5 6.21901H19.9637M19.9637 6.21901L14.4651 11.1401M19.9637 6.21901L14.4651 1.50001" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}  
+        strokeWidth="1" 
+        strokeLinecap="round" 
+        strokeLinejoin="round"
+        />
+      <circle cx="4.215" cy="6.215" r="3.715" 
+        strokeWidth="0.5" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+      />
+    </svg>
+  )
+}
diff --git a/imports/icons/type.tsx b/imports/icons/type.tsx
@@ -0,0 +1,30 @@
+import React from 'react';
+import { useColorMode } from "@chakra-ui/react";
+
+export function TypeIcon({
+  strokePath = '#000',
+  strokeCircle = '#000',
+}:{
+  strokePath?: string;
+  strokeCircle?: string;
+}) {
+  const { colorMode } = useColorMode();
+  return (
+    <svg
+      width="18" height="12" viewBox="0 0 25 12"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+
+      <path d="M11.3765 5.99997C11.3765 9.04243 8.93684 11.5 5.93824 11.5C2.93965 11.5 0.5 9.04243 0.5 5.99997C0.5 2.95751 2.93965 0.499969 5.93824 0.499969C8.93684 0.499969 11.3765 2.95751 11.3765 5.99997Z" stroke={colorMode === 'dark' ? '#fff' : '#19202B'} strokeWidth="1" />
+      <path
+        d="M12.5363 6.05236H24M24 6.05236L18.5014 10.9735M24 6.05236L18.5014 1.33335" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}
+        strokeWidth="1.5" 
+        strokeLinecap="round" 
+        strokeLinejoin="round" 
+        strokeDasharray="2 4"
+      />
+    </svg>
+  )
+}
diff --git a/imports/icons/typed.tsx b/imports/icons/typed.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import { useColorMode } from "@chakra-ui/react";
+
+export function TypedIcon({
+  strokePath = '#000',
+  strokeCircle = '#000',
+}:{
+  strokePath?: string;
+  strokeCircle?: string;
+}) {
+  const { colorMode } = useColorMode();
+  return (
+    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M11.0472 9.05161C11.0472 10.3752 9.97429 11.4481 8.65073 11.4481C7.32717 11.4481 6.25421 10.3752 6.25421 9.05161C6.25421 7.72805 7.32717 6.65509 8.65073 6.65509C9.97429 6.65509 11.0472 7.72805 11.0472 9.05161Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}
+        strokeWidth="0.5" 
+      />
+      <path d="M1.81223 16.075L6.26039 11.6268M6.26039 11.6268L6.01666 15.6502M6.26039 11.6268L2.31459 11.9481" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round" 
+        strokeLinejoin="round" 
+        strokeDasharray="2 4"
+      />
+      <path d="M15.4556 16.1101L11.0074 11.662M11.0074 11.662L11.2512 15.6854M11.0074 11.662L14.9532 11.9833" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round" 
+        strokeLinejoin="round" 
+        strokeDasharray="2 4"
+      />
+      <path d="M1.95065 1.81223L6.39881 6.26039M6.39881 6.26039L2.37539 6.01666M6.39881 6.26039L6.07746 2.31459" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round" 
+        strokeLinejoin="round" 
+        strokeDasharray="2 4"
+      />
+      <path d="M15.2732 1.81223L10.825 6.26039M10.825 6.26039L14.8484 6.01666M10.825 6.26039L11.1464 2.31459" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1" 
+        strokeLinecap="round" 
+        strokeLinejoin="round" 
+        strokeDasharray="2 4"
+      />
+    </svg>
+  )
+}
diff --git a/imports/icons/up.tsx b/imports/icons/up.tsx
@@ -0,0 +1,62 @@
+import React from 'react';
+import { useColorMode } from "@chakra-ui/react";
+
+export function UpIcon({
+  strokePath = '#000',
+  strokeCircle = '#000',
+}:{
+  strokePath?: string;
+  strokeCircle?: string;
+}) {
+  const { colorMode } = useColorMode();
+  return (
+    <svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M2.02392 14.4655C1.68155 14.9684 1.81392 15.659 2.33829 16.0043C2.86266 16.3495 3.56232 16.2068 3.90469 15.7038C4.24707 15.2009 4.11469 14.5103 3.59032 14.1651C3.06595 13.8198 2.3663 13.9625 2.02392 14.4655Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5"
+      />
+      <path d="M12.5639 3.8095C13.0633 3.07582 12.8657 2.07791 12.1132 1.58244C11.3607 1.08697 10.3473 1.28755 9.84787 2.02124C9.34842 2.75492 9.54598 3.75283 10.2985 4.2483C11.051 4.74376 12.0644 4.54319 12.5639 3.8095Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}
+        strokeWidth="1"
+      />
+      <path d="M12.1462 14.4655C12.4886 14.9684 12.3562 15.659 11.8319 16.0043C11.3075 16.3495 10.6079 16.2068 10.2655 15.7038C9.9231 15.2009 10.0555 14.5103 10.5798 14.1651C11.1042 13.8198 11.8039 13.9625 12.1462 14.4655Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="0.5"
+      />
+      <path d="M1.60632 3.8095C1.10687 3.07582 1.30443 2.07791 2.05693 1.58244C2.80943 1.08697 3.82285 1.28755 4.3223 2.02124C4.82175 2.75492 4.62419 3.75283 3.87169 4.2483C3.11919 4.74376 2.10577 4.54319 1.60632 3.8095Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'}
+        strokeWidth="1"
+      />
+
+
+      <path d="M8.20461 8.89081C8.20461 9.48348 7.71143 9.99228 7.06782 9.99228C6.42421 9.99228 5.93103 9.48348 5.93103 8.89081C5.93103 8.29813 6.42421 7.78934 7.06782 7.78934C7.71143 7.78934 8.20461 8.29813 8.20461 8.89081Z" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        strokeWidth="1"
+      />
+      <path d="M8.21705 10.3524L10.1023 12.93M10.1023 12.93L8.80066 12.3202M10.1023 12.93L9.89807 11.5176" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        stroke-linecap="round" 
+        strokeLinejoin="round"
+        strokeWidth="0.5"
+      />
+      <path d="M4.1634 4.44231L5.88946 6.80235M5.88946 6.80235L4.65068 6.27845M5.88946 6.80235L5.74809 5.47584" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        stroke-linecap="round" 
+        strokeLinejoin="round"
+        strokeWidth="0.5"
+      />
+      <path d="M9.96193 4.39263L8.19953 6.80236M8.19953 6.80236L9.45266 6.25885M8.19953 6.80236L8.35525 5.45623" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        stroke-linecap="round" 
+        strokeLinejoin="round"
+        strokeWidth="0.5"
+      />
+      <path d="M5.87194 10.3524L3.98672 12.93M3.98672 12.93L5.28833 12.3202M3.98672 12.93L4.19092 11.5176" 
+        stroke={colorMode === 'dark' ? '#fff' : '#19202B'} 
+        stroke-linecap="round" 
+        strokeLinejoin="round"
+        strokeWidth="0.5"
+      />
+    </svg>
+  )
+}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -14,3 +14,5 @@ export { ColorMode, theme } from './imports/theme.js';
		export { Packages, usePreload, useHandlersContext, PreloadProviderCore, PreloadProvider, useSymbol, symbol, useLoader, useCanByContain, useChakraColor, getChakraColor, getChakraVar, useChakraVar, PreloadContext, HandlersContext, loader } from './imports/hooks.js';

		export { AutoGuest } from './imports/auto-guest.js';

		export { requires } from './imports/requires.js';