@ape.swap/bonds-sdk 6.3.0-test.69 → 7.0.0-test.0

package/dist/components/uikit-sdk/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/uikit-sdk/Select/Select.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react'\nimport { Box, Flex } from 'theme-ui'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { SelectProps, selectPadding, sizes, positions, selectedExtraPadding } from './types'\nimport styles from './styles'\nimport Caret from '../Svg/Icons/Caret'\n\nconst Select = ({\n  children,\n  active,\n  width = 'fit-content',\n  size = sizes.MEDIUM,\n  position = positions.BOTTOM,\n  className,\n  label,\n  ...props\n}: SelectProps) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [open, setOpen] = useState(false)\n\n  const handleClick = () => setOpen((prev) => !prev)\n\n  const setNativeInput = (val: string) => {\n    const input = inputRef?.current\n\n    if (input) {\n      Object?.getOwnPropertyDescriptor?.(window.HTMLInputElement.prototype, 'value')?.set?.call(input, val)\n      input.dispatchEvent(new Event('change', { bubbles: true }))\n    }\n  }\n\n  return (\n    <>\n      <Box sx={{ ...styles.container, width }} onClick={handleClick} className={className}>\n        <Flex\n          sx={{\n            padding: selectedExtraPadding[size],\n            pr: selectPadding[size],\n            columnGap: '10px',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            width: '100%',\n            overflow: 'hidden',\n          }}\n        >\n          {label ? (\n            <Box>{label}</Box>\n          ) : (\n            React.Children.map(children, (child) => {\n              if ((child as any)?.props?.value !== active) {\n                return null\n              }\n              return React.cloneElement(child as any, {\n                ...(child as any)?.props,\n                active: true,\n              })\n            })\n          )}\n          <Flex sx={{ minWidth: '10px' }}>\n            <Caret direction={open ? 'up' : 'down'} />\n          </Flex>\n        </Flex>\n        <AnimatePresence>\n          {open && (\n            <motion.div\n              initial={{ opacity: 0, height: 0 }}\n              animate={{ opacity: 1, height: 'fit-content' }}\n              transition={{ opacity: { duration: 0.2 } }}\n              exit={{ opacity: 0, height: 0 }}\n              sx={{\n                ...styles.ul,\n                zIndex: 10,\n                top: position === positions.BOTTOM ? 'calc(100% + 5px)' : undefined,\n                bottom: position === positions.TOP ? 'calc(100% + 5px)' : undefined,\n              }}\n            >\n              {React.Children.map(children, (child) => {\n                return React.cloneElement(child as any, {\n                  ...(child as any)?.props,\n                  active: false,\n                  onClick: () => setNativeInput((child as any)?.props?.value),\n                })\n              })}\n            </motion.div>\n          )}\n        </AnimatePresence>\n        <input ref={inputRef} value={active || ''} aria-hidden=\"true\" tabIndex={-1} {...props} sx={styles.input} />\n      </Box>\n      {open && <div aria-hidden=\"true\" onClick={() => setOpen(false)} sx={styles.backdrop} />}\n    </>\n  )\n}\n\nexport default Select\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/uikit-sdk/Select/Select.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { SelectProps, sizes, positions } from './types'\nimport Caret from '../Svg/Icons/Caret'\n\n// px values ported 1:1 from the old theme-ui space scale indices in types.ts\nconst extraPaddingPx: Record<string, string> = {\n  [sizes.XSMALL]: '4px',\n  [sizes.SMALL]: '0px',\n  [sizes.MEDIUM]: '0px',\n  [sizes.LARGE]: '0px',\n}\nconst trailingPaddingPx: Record<string, string> = {\n  [sizes.XSMALL]: '6px',\n  [sizes.SMALL]: '10px',\n  [sizes.MEDIUM]: '14px',\n  [sizes.LARGE]: '18px',\n}\n\nconst Select = ({\n  children,\n  active,\n  width = 'fit-content',\n  size = sizes.MEDIUM,\n  position = positions.BOTTOM,\n  className,\n  label,\n  ...props\n}: SelectProps) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [open, setOpen] = useState(false)\n\n  const handleClick = () => setOpen((prev) => !prev)\n\n  const setNativeInput = (val: string) => {\n    const input = inputRef?.current\n\n    if (input) {\n      Object?.getOwnPropertyDescriptor?.(window.HTMLInputElement.prototype, 'value')?.set?.call(input, val)\n      input.dispatchEvent(new Event('change', { bubbles: true }))\n    }\n  }\n\n  return (\n    <>\n      <div\n        className={clsx(\n          'ape:bg-white3 ape:rounded-normal ape:cursor-pointer ape:h-fit ape:relative ape:shadow-[rgba(0,0,0,0.16)_0px_1px_4px]',\n          className,\n        )}\n        style={{ width }}\n        onClick={handleClick}\n      >\n        <div\n          className=\"ape:flex ape:items-center ape:justify-between ape:w-full ape:overflow-hidden\"\n          style={{ padding: extraPaddingPx[size], paddingRight: trailingPaddingPx[size], columnGap: '10px' }}\n        >\n          {label ? (\n            <div>{label}</div>\n          ) : (\n            React.Children.map(children, (child) => {\n              if ((child as any)?.props?.value !== active) {\n                return null\n              }\n              return React.cloneElement(child as any, {\n                ...(child as any)?.props,\n                active: true,\n              })\n            })\n          )}\n          <div className=\"ape:flex ape:min-w-[10px]\">\n            <Caret direction={open ? 'up' : 'down'} />\n          </div>\n        </div>\n        <AnimatePresence>\n          {open && (\n            <motion.div\n              initial={{ opacity: 0, height: 0 }}\n              animate={{ opacity: 1, height: 'fit-content' }}\n              transition={{ opacity: { duration: 0.2 } }}\n              exit={{ opacity: 0, height: 0 }}\n              // The comma inside `rgba(0,0,0,0.16)` breaks Tailwind's arbitrary-value\n              // candidate scanning (it never generated any CSS for this class at all —\n              // confirmed via the compiled output). Comma-free modern CSS color syntax\n              // (space-separated rgb + slash-alpha) is required here instead.\n              className=\"ape:absolute ape:z-10 ape:bg-white2 ape:rounded-normal ape:cursor-pointer ape:min-w-full ape:w-max ape:overflow-hidden ape:shadow-[0px_1px_4px_rgb(0_0_0/0.16)]\"\n              style={{\n                top: position === positions.BOTTOM ? 'calc(100% + 5px)' : undefined,\n                bottom: position === positions.TOP ? 'calc(100% + 5px)' : undefined,\n              }}\n            >\n              {React.Children.map(children, (child) => {\n                return React.cloneElement(child as any, {\n                  ...(child as any)?.props,\n                  active: false,\n                  onClick: () => setNativeInput((child as any)?.props?.value),\n                })\n              })}\n            </motion.div>\n          )}\n        </AnimatePresence>\n        <input\n          ref={inputRef}\n          value={active || ''}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n          {...props}\n          className=\"ape:bottom-0 ape:left-0 ape:absolute ape:opacity-0 ape:pointer-events-none ape:w-full\"\n        />\n      </div>\n      {open && (\n        <div\n          aria-hidden=\"true\"\n          onClick={() => setOpen(false)}\n          className=\"ape:w-[98vw] ape:h-screen ape:fixed ape:bg-transparent ape:top-0 ape:left-0\"\n        />\n      )}\n    </>\n  )\n}\n\nexport default Select\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/uikit-sdk/Select/SelectItem.d.ts

@@ -1,3 +1,3 @@
 import { SelectItemProps } from './types';
-declare const SelectItem: ({ onClick, value, active, size, children, ...props }: SelectItemProps) => import("react").JSX.Element;
+declare const SelectItem: ({ onClick, value, active, size, children, className, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
 export default SelectItem;

package/dist/components/uikit-sdk/Select/SelectItem.js

@@ -1,19 +1,30 @@
-import { jsx } from 'theme-ui/jsx-runtime';
-import { selectItemPadding, sizes } from './types.js';
-import { dynamicStyles } from './styles.js';
-import Flex from '../Flex/index.js';
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { sizes } from './types.js';
 
-const SelectItem = ({ onClick, value, active, size = sizes.MEDIUM, children, ...props }) => {
-    const style = dynamicStyles.dropdownItem({ size });
-    return (jsx(Flex, { as: "li", ...props, onClick: () => onClick?.(value), sx: {
-            padding: selectItemPadding[size],
-            listStyleType: 'none',
-            cursor: 'pointer',
-            borderRadius: 'normal',
-            '&:hover': {
-                backgroundColor: !active ? 'white3' : undefined,
-            },
-        }, children: jsx(Flex, { sx: style, children: children }) }));
+// px values ported 1:1 from the old theme-ui space scale indices in types.ts
+const itemPaddingPx = {
+    [sizes.XSMALL]: '6px',
+    [sizes.SMALL]: '10px',
+    [sizes.MEDIUM]: '14px',
+    [sizes.LARGE]: '18px',
+};
+// fontSizes indices ported 1:1 from types.ts (theme fontSizes scale). Applied
+// as a forced descendant override (not just inherited) — the original theme-ui
+// styles did the same via a `'*': { fontSize }` wildcard selector, since a
+// child like Text sets its own explicit font-size via its variant, which
+// plain CSS inheritance can't override on its own.
+// `!` (important) because this must reliably beat a descendant's own explicit
+// variant font-size class, and Tailwind's internal class ordering — not JSX
+// source order — decides who wins between two same-specificity utilities.
+const itemFontSizeClass = {
+    [sizes.XSMALL]: 'ape:text-[14px]! ape:[&_*]:text-[14px]!',
+    [sizes.SMALL]: 'ape:text-[14px]! ape:[&_*]:text-[14px]!',
+    [sizes.MEDIUM]: 'ape:text-[18px]! ape:[&_*]:text-[18px]!',
+    [sizes.LARGE]: 'ape:text-[24px]! ape:[&_*]:text-[24px]!',
+};
+const SelectItem = ({ onClick, value, active, size = sizes.MEDIUM, children, className, ...props }) => {
+    return (jsx("li", { ...props, onClick: () => onClick?.(value), className: clsx('ape:flex ape:list-none ape:cursor-pointer ape:rounded-normal', !active && 'ape:hover:bg-white3', className), style: { padding: itemPaddingPx[size] }, children: jsx("div", { className: clsx('ape:flex ape:w-full', itemFontSizeClass[size]), children: children }) }));
 };
 
 export { SelectItem as default };

package/dist/components/uikit-sdk/Select/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","sources":["../../../../src/components/uikit-sdk/Select/SelectItem.tsx"],"sourcesContent":["import { SelectItemProps, selectItemPadding, sizes } from './types'\nimport { dynamicStyles } from './styles'\nimport Flex from '../Flex'\n\nconst SelectItem = ({ onClick, value, active, size = sizes.MEDIUM, children, ...props }: SelectItemProps) => {\n  const style = dynamicStyles.dropdownItem({ size })\n\n  return (\n    <Flex\n      as=\"li\"\n      {...props}\n      onClick={() => onClick?.(value)}\n      sx={{\n        padding: selectItemPadding[size],\n        listStyleType: 'none',\n        cursor: 'pointer',\n        borderRadius: 'normal',\n        '&:hover': {\n          backgroundColor: !active ? 'white3' : undefined,\n        },\n      }}\n    >\n      <Flex sx={style}>{children}</Flex>\n    </Flex>\n  )\n}\n\nexport default SelectItem\n"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmB,KAAI;IAC1G,MAAM,KAAK,GAAG,aAAa,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC;IAElD,QACEA,IAAC,IAAI,EAAA,EACH,EAAE,EAAC,IAAI,EAAA,GACH,KAAK,EACT,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,EAC/B,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,iBAAiB,CAAC,IAAI,CAAC;AAChC,YAAA,aAAa,EAAE,MAAM;AACrB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,SAAS,EAAE;gBACT,eAAe,EAAE,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;AAChD,aAAA;SACF,EAAA,QAAA,EAEDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,EAAA,CAC7B;AAEX;;;;"}
+{"version":3,"file":"SelectItem.js","sources":["../../../../src/components/uikit-sdk/Select/SelectItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { SelectItemProps, sizes } from './types'\n\n// px values ported 1:1 from the old theme-ui space scale indices in types.ts\nconst itemPaddingPx: Record<string, string> = {\n  [sizes.XSMALL]: '6px',\n  [sizes.SMALL]: '10px',\n  [sizes.MEDIUM]: '14px',\n  [sizes.LARGE]: '18px',\n}\n// fontSizes indices ported 1:1 from types.ts (theme fontSizes scale). Applied\n// as a forced descendant override (not just inherited) — the original theme-ui\n// styles did the same via a `'*': { fontSize }` wildcard selector, since a\n// child like Text sets its own explicit font-size via its variant, which\n// plain CSS inheritance can't override on its own.\n// `!` (important) because this must reliably beat a descendant's own explicit\n// variant font-size class, and Tailwind's internal class ordering — not JSX\n// source order — decides who wins between two same-specificity utilities.\nconst itemFontSizeClass: Record<string, string> = {\n  [sizes.XSMALL]: 'ape:text-[14px]! ape:[&_*]:text-[14px]!',\n  [sizes.SMALL]: 'ape:text-[14px]! ape:[&_*]:text-[14px]!',\n  [sizes.MEDIUM]: 'ape:text-[18px]! ape:[&_*]:text-[18px]!',\n  [sizes.LARGE]: 'ape:text-[24px]! ape:[&_*]:text-[24px]!',\n}\n\nconst SelectItem = ({\n  onClick,\n  value,\n  active,\n  size = sizes.MEDIUM,\n  children,\n  className,\n  ...props\n}: SelectItemProps) => {\n  return (\n    <li\n      {...props}\n      onClick={() => onClick?.(value)}\n      className={clsx(\n        'ape:flex ape:list-none ape:cursor-pointer ape:rounded-normal',\n        !active && 'ape:hover:bg-white3',\n        className,\n      )}\n      style={{ padding: itemPaddingPx[size] }}\n    >\n      <div className={clsx('ape:flex ape:w-full', itemFontSizeClass[size])}>{children}</div>\n    </li>\n  )\n}\n\nexport default SelectItem\n"],"names":["_jsx"],"mappings":";;;;AAGA;AACA,MAAM,aAAa,GAA2B;AAC5C,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK;AACrB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACrB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACtB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;CACtB;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,iBAAiB,GAA2B;AAChD,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,yCAAyC;AACzD,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,yCAAyC;AACxD,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,yCAAyC;AACzD,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,yCAAyC;CACzD;AAED,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACQ,KAAI;IACpB,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,GACM,KAAK,EACT,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,EAC/B,SAAS,EAAE,IAAI,CACb,8DAA8D,EAC9D,CAAC,MAAM,IAAI,qBAAqB,EAChC,SAAS,CACV,EACD,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,EAAE,EAAA,QAAA,EAEvCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAO,EAAA,CACnF;AAET;;;;"}

package/dist/components/uikit-sdk/Select/types.d.ts

@@ -50,6 +50,7 @@ export interface SelectItemProps {
     active?: boolean;
     size?: sizeProps;
     value: number | string;
+    className?: string;
     sx?: any;
 }
 export {};

package/dist/components/uikit-sdk/Select/types.js

@@ -10,30 +10,30 @@ var sizes;
     sizes["MEDIUM"] = "md";
     sizes["LARGE"] = "lg";
 })(sizes || (sizes = {}));
-const fontSizes = {
+({
     [sizes.XSMALL]: 1,
     [sizes.SMALL]: 1,
     [sizes.MEDIUM]: 3,
     [sizes.LARGE]: 6,
-};
-const selectPadding = {
+});
+({
     [sizes.XSMALL]: 2,
     [sizes.SMALL]: 4,
     [sizes.MEDIUM]: 6,
     [sizes.LARGE]: 8,
-};
-const selectedExtraPadding = {
+});
+({
     [sizes.XSMALL]: 1,
     [sizes.SMALL]: 0,
     [sizes.MEDIUM]: 0,
     [sizes.LARGE]: 0,
-};
-const selectItemPadding = {
+});
+({
     [sizes.XSMALL]: 2,
     [sizes.SMALL]: 4,
     [sizes.MEDIUM]: 6,
     [sizes.LARGE]: 8,
-};
+});
 
-export { fontSizes, positions, selectItemPadding, selectPadding, selectedExtraPadding, sizes };
+export { positions, sizes };
 //# sourceMappingURL=types.js.map

package/dist/components/uikit-sdk/Select/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Select/types.ts"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react'\n\nexport enum positions {\n  TOP = 'top',\n  BOTTOM = 'bottom',\n}\n\nexport enum sizes {\n  XSMALL = 'xsm',\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n}\n\nexport const fontSizes = {\n  [sizes.XSMALL]: 1,\n  [sizes.SMALL]: 1,\n  [sizes.MEDIUM]: 3,\n  [sizes.LARGE]: 6,\n}\n\nexport const selectPadding = {\n  [sizes.XSMALL]: 2,\n  [sizes.SMALL]: 4,\n  [sizes.MEDIUM]: 6,\n  [sizes.LARGE]: 8,\n}\n\nexport const selectedExtraPadding = {\n  [sizes.XSMALL]: 1,\n  [sizes.SMALL]: 0,\n  [sizes.MEDIUM]: 0,\n  [sizes.LARGE]: 0,\n}\n\nexport const selectItemPadding = {\n  [sizes.XSMALL]: 2,\n  [sizes.SMALL]: 4,\n  [sizes.MEDIUM]: 6,\n  [sizes.LARGE]: 8,\n}\n\ntype sizeProps = `${sizes}`\ntype positionProps = `${positions}`\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  active?: number | string\n  size?: sizeProps\n  width?: string | number\n  label?: JSX.Element\n  position?: positionProps\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\n}\n\nexport interface SelectItemProps {\n  children: React.ReactNode\n  onClick?: (value: number | string) => void\n  url?: string\n  active?: boolean\n  size?: sizeProps\n  value: number | string\n  sx?: any\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,SAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAHW,SAAS,KAAT,SAAS,GAAA,EAAA,CAAA,CAAA;IAKT;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,KAAc;AACd,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACd,CAAC,EALW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;AAOV,MAAM,SAAS,GAAG;AACvB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;AAChB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;AAGX,MAAM,aAAa,GAAG;AAC3B,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;AAChB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;AAGX,MAAM,oBAAoB,GAAG;AAClC,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;AAChB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;AAGX,MAAM,iBAAiB,GAAG;AAC/B,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;AAChB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Select/types.ts"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react'\n\nexport enum positions {\n  TOP = 'top',\n  BOTTOM = 'bottom',\n}\n\nexport enum sizes {\n  XSMALL = 'xsm',\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n}\n\nexport const fontSizes = {\n  [sizes.XSMALL]: 1,\n  [sizes.SMALL]: 1,\n  [sizes.MEDIUM]: 3,\n  [sizes.LARGE]: 6,\n}\n\nexport const selectPadding = {\n  [sizes.XSMALL]: 2,\n  [sizes.SMALL]: 4,\n  [sizes.MEDIUM]: 6,\n  [sizes.LARGE]: 8,\n}\n\nexport const selectedExtraPadding = {\n  [sizes.XSMALL]: 1,\n  [sizes.SMALL]: 0,\n  [sizes.MEDIUM]: 0,\n  [sizes.LARGE]: 0,\n}\n\nexport const selectItemPadding = {\n  [sizes.XSMALL]: 2,\n  [sizes.SMALL]: 4,\n  [sizes.MEDIUM]: 6,\n  [sizes.LARGE]: 8,\n}\n\ntype sizeProps = `${sizes}`\ntype positionProps = `${positions}`\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  active?: number | string\n  size?: sizeProps\n  width?: string | number\n  label?: JSX.Element\n  position?: positionProps\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\n}\n\nexport interface SelectItemProps {\n  children: React.ReactNode\n  onClick?: (value: number | string) => void\n  url?: string\n  active?: boolean\n  size?: sizeProps\n  value: number | string\n  className?: string\n  sx?: any\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACX,IAAA,SAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAHW,SAAS,KAAT,SAAS,GAAA,EAAA,CAAA,CAAA;IAKT;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,KAAc;AACd,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACd,CAAC,EALW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;CAOQ;AACvB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;AAChB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;CAGW;AAC3B,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;AAChB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;CAGkB;AAClC,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;AAChB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;CAGe;AAC/B,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;AAChB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;AACjB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;;;;"}

package/dist/components/uikit-sdk/Skeleton/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { SkeletonProps } from './types';
-declare const Skeleton: ({ variant, animation, ...props }: SkeletonProps | any) => React.JSX.Element;
+declare const Skeleton: ({ variant, animation, className, style, width, height, ...props }: SkeletonProps | any) => import("react/jsx-runtime").JSX.Element;
 export default Skeleton;

package/dist/components/uikit-sdk/Skeleton/index.js

@@ -1,14 +1,13 @@
-import { jsx } from 'theme-ui/jsx-runtime';
-import { Box } from 'theme-ui';
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
 import { variant, animation } from './types.js';
-import styles from './styles.js';
 
-const Skeleton = ({ variant: variant$1 = variant.RECT, animation: animation$1 = animation.PULSE, ...props }) => {
-    return (jsx(Box, { ...props, sx: {
-            ...(animation$1 === animation.WAVES ? styles.waves : styles.pulse),
-            height: props.height,
-            width: props.width,
+const Skeleton = ({ variant: variant$1 = variant.RECT, animation: animation$1 = animation.PULSE, className, style, width, height, ...props }) => {
+    return (jsx("div", { ...props, className: clsx(animation$1 === animation.WAVES ? 'ape-skeleton-waves' : 'ape-skeleton-pulse', className), style: {
+            height,
+            width,
             borderRadius: variant$1 === variant.RECT ? '10px' : '50%',
+            ...style,
         } }));
 };
 

package/dist/components/uikit-sdk/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Skeleton/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Box } from 'theme-ui'\nimport { SkeletonProps, animation as ANIMATION, variant as VARIANT } from './types'\nimport styles from './styles'\n\nconst Skeleton = ({ variant = VARIANT.RECT, animation = ANIMATION.PULSE, ...props }: SkeletonProps | any) => {\n  return (\n    <Box\n      {...props}\n      sx={{\n        ...(animation === ANIMATION.WAVES ? styles.waves : styles.pulse),\n        height: props.height,\n        width: props.width,\n        borderRadius: variant === VARIANT.RECT ? '10px' : '50%',\n      }}\n    />\n  )\n}\n\nexport default Skeleton\n"],"names":["variant","VARIANT","animation","ANIMATION","_jsx"],"mappings":";;;;;AAKA,MAAM,QAAQ,GAAG,CAAC,WAAEA,SAAO,GAAGC,OAAO,CAAC,IAAI,aAAEC,WAAS,GAAGC,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,EAAuB,KAAI;AAC1G,IAAA,QACEC,GAAA,CAAC,GAAG,OACE,KAAK,EACT,EAAE,EAAE;AACF,YAAA,IAAIF,WAAS,KAAKC,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAChE,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,YAAA,YAAY,EAAEH,SAAO,KAAKC,OAAO,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK;AACxD,SAAA,EAAA,CACD;AAEN;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Skeleton/index.tsx"],"sourcesContent":["import React from 'react'\nimport clsx from 'clsx'\nimport { SkeletonProps, animation as ANIMATION, variant as VARIANT } from './types'\n\nconst Skeleton = ({\n  variant = VARIANT.RECT,\n  animation = ANIMATION.PULSE,\n  className,\n  style,\n  width,\n  height,\n  ...props\n}: SkeletonProps | any) => {\n  return (\n    <div\n      {...props}\n      className={clsx(animation === ANIMATION.WAVES ? 'ape-skeleton-waves' : 'ape-skeleton-pulse', className)}\n      style={{\n        height,\n        width,\n        borderRadius: variant === VARIANT.RECT ? '10px' : '50%',\n        ...style,\n      }}\n    />\n  )\n}\n\nexport default Skeleton\n"],"names":["variant","VARIANT","animation","ANIMATION","_jsx"],"mappings":";;;;AAIA,MAAM,QAAQ,GAAG,CAAC,WAChBA,SAAO,GAAGC,OAAO,CAAC,IAAI,aACtBC,WAAS,GAAGC,SAAS,CAAC,KAAK,EAC3B,SAAS,EACT,KAAK,EACL,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACY,KAAI;IACxB,QACEC,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAE,IAAI,CAACF,WAAS,KAAKC,SAAS,CAAC,KAAK,GAAG,oBAAoB,GAAG,oBAAoB,EAAE,SAAS,CAAC,EACvG,KAAK,EAAE;YACL,MAAM;YACN,KAAK;AACL,YAAA,YAAY,EAAEH,SAAO,KAAKC,OAAO,CAAC,IAAI,GAAG,MAAM,GAAG,KAAK;AACvD,YAAA,GAAG,KAAK;AACT,SAAA,EAAA,CACD;AAEN;;;;"}

package/dist/components/uikit-sdk/Skeleton/types.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from 'theme-ui';
+import type React from 'react';
 export declare enum animation {
     WAVES = "waves",
     PULSE = "pulse"
@@ -9,7 +9,7 @@ export declare enum variant {
 }
 type Animation = `${animation}`;
 type Variant = `${variant}`;
-export interface SkeletonProps extends BoxProps {
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
     animation?: Animation;
     variant?: Variant;
     width?: string | number;

package/dist/components/uikit-sdk/Skeleton/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Skeleton/types.ts"],"sourcesContent":["import { BoxProps } from 'theme-ui'\n\nexport enum animation {\n  WAVES = 'waves',\n  PULSE = 'pulse',\n}\n\nexport enum variant {\n  RECT = 'rect',\n  CIRCLE = 'circle',\n}\n\ntype Animation = `${animation}`\ntype Variant = `${variant}`\n\nexport interface SkeletonProps extends BoxProps {\n  animation?: Animation\n  variant?: Variant\n  width?: string | number\n  height?: string | number\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAHW,SAAS,KAAT,SAAS,GAAA,EAAA,CAAA,CAAA;IAKT;AAAZ,CAAA,UAAY,OAAO,EAAA;AACjB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAHW,OAAO,KAAP,OAAO,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Skeleton/types.ts"],"sourcesContent":["import type React from 'react'\n\nexport enum animation {\n  WAVES = 'waves',\n  PULSE = 'pulse',\n}\n\nexport enum variant {\n  RECT = 'rect',\n  CIRCLE = 'circle',\n}\n\ntype Animation = `${animation}`\ntype Variant = `${variant}`\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  animation?: Animation\n  variant?: Variant\n  width?: string | number\n  height?: string | number\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,SAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAHW,SAAS,KAAT,SAAS,GAAA,EAAA,CAAA,CAAA;IAKT;AAAZ,CAAA,UAAY,OAAO,EAAA;AACjB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAHW,OAAO,KAAP,OAAO,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/uikit-sdk/Spinner/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SpinnerProps {
+    size?: number;
+    strokeWidth?: number;
+    title?: string;
+    duration?: number;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Spinner: ({ size, strokeWidth, title, duration, style, className }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/dist/components/uikit-sdk/Spinner/index.js

@@ -0,0 +1,9 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Spinner = ({ size = 48, strokeWidth = 4, title = 'Loading', duration = 750, style, className }) => {
+    const r = 16 - strokeWidth;
+    return (jsxs("svg", { viewBox: "0 0 32 32", width: size, height: size, fill: "none", stroke: "currentColor", strokeWidth: strokeWidth, role: "img", className: className, style: { overflow: 'visible', ...style }, children: [jsx("title", { children: title }), jsx("circle", { r: r, cx: 16, cy: 16, fill: "none", strokeWidth: strokeWidth, opacity: 1 / 8 }), jsx("circle", { r: r, cx: 16, cy: 16, fill: "none", strokeWidth: strokeWidth, strokeDasharray: "20 110", children: jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 16 16", to: "360 16 16", dur: `${duration}ms`, repeatCount: "indefinite" }) })] }));
+};
+
+export { Spinner as default };
+//# sourceMappingURL=index.js.map

package/dist/components/uikit-sdk/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Spinner/index.tsx"],"sourcesContent":["import React from 'react'\n\ninterface SpinnerProps {\n  size?: number\n  strokeWidth?: number\n  title?: string\n  duration?: number\n  style?: React.CSSProperties\n  className?: string\n}\n\nconst Spinner = ({ size = 48, strokeWidth = 4, title = 'Loading', duration = 750, style, className }: SpinnerProps) => {\n  const r = 16 - strokeWidth\n\n  return (\n    <svg\n      viewBox=\"0 0 32 32\"\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={strokeWidth}\n      role=\"img\"\n      className={className}\n      style={{ overflow: 'visible', ...style }}\n    >\n      <title>{title}</title>\n      <circle r={r} cx={16} cy={16} fill=\"none\" strokeWidth={strokeWidth} opacity={1 / 8} />\n      <circle r={r} cx={16} cy={16} fill=\"none\" strokeWidth={strokeWidth} strokeDasharray=\"20 110\">\n        <animateTransform\n          attributeName=\"transform\"\n          attributeType=\"XML\"\n          type=\"rotate\"\n          from=\"0 16 16\"\n          to=\"360 16 16\"\n          dur={`${duration}ms`}\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </svg>\n  )\n}\n\nexport default Spinner\n"],"names":["_jsxs","_jsx"],"mappings":";;AAWA,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;AACpH,IAAA,MAAM,CAAC,GAAG,EAAE,GAAG,WAAW;AAE1B,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAA,QAAA,EAAA,CAExCC,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,GAAS,EACtBA,GAAA,CAAA,QAAA,EAAA,EAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,EAAA,CAAI,EACtFA,GAAA,CAAA,QAAA,EAAA,EAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,eAAe,EAAC,QAAQ,EAAA,QAAA,EAC1FA,GAAA,CAAA,kBAAA,EAAA,EACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI,EACpB,WAAW,EAAC,YAAY,EAAA,CACxB,EAAA,CACK,CAAA,EAAA,CACL;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/AllChains.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const AllChains = ({ width }) => {
     return (jsx("svg", { width: width || '26', viewBox: "0 0 26 26", fill: "#fafafa", xmlns: "http://www.w3.org/2000/svg", children: jsxs("g", { mask: "url(#mask0_4377_23303)", children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: "#fafafa" }), jsx("path", { d: "M0 12.9777C0.0118051 5.83109 5.86935 -0.0156193 13.0011 -9.12111e-05C20.1926 0.0161764 26.0074 5.84588 26 13.0332C25.9926 20.2375 20.138 26.062 12.8624 25.9992C5.72916 25.9378 0.0272993 20.1783 0 12.9777ZM10.6563 20.2242C11.2222 20.2331 11.9032 20.0659 12.5547 19.7598C13.4386 19.345 14.0879 18.6462 14.7077 17.929C15.1068 17.4676 14.9954 16.7525 14.5387 16.3606C14.0746 15.9621 13.3995 15.9769 12.9561 16.4028C12.6765 16.6712 12.4123 16.9544 12.132 17.2213C11.1875 18.1175 9.72666 18.1027 8.81693 17.1932C7.90573 16.2823 7.88802 14.8211 8.78299 13.8776C9.04344 13.6033 9.31865 13.3437 9.58205 13.0731C10.0454 12.5962 10.0484 11.8656 9.59312 11.4079C9.1342 10.9472 8.41409 10.9465 7.92934 11.4123C7.67036 11.6615 7.41434 11.9144 7.16274 12.1717C6.29433 13.0576 5.82803 14.1172 5.78745 15.3624C5.70113 18.0332 7.82826 20.2294 10.6563 20.2242ZM15.5016 5.78746C14.31 5.78894 13.2638 6.18454 12.374 6.97278C12.036 7.27151 11.7276 7.60426 11.4126 7.92813C10.9359 8.41837 10.9411 9.15189 11.417 9.61182C11.8811 10.0599 12.6005 10.0444 13.0808 9.57337C13.3575 9.302 13.6223 9.01879 13.9071 8.75703C14.4797 8.22982 15.1644 8.02647 15.9243 8.16918C16.8525 8.34369 17.487 8.89753 17.7652 9.80333C18.0434 10.7091 17.8176 11.5122 17.1617 12.1924C16.9189 12.4446 16.6651 12.6864 16.4202 12.9378C15.9546 13.4147 15.9494 14.1446 16.4039 14.6015C16.8628 15.0629 17.5837 15.0659 18.0677 14.6023C18.3341 14.3472 18.5967 14.0884 18.8535 13.8236C19.7027 12.9481 20.1646 11.9048 20.2096 10.6803C20.3092 7.99246 18.188 5.78746 15.5008 5.7882L15.5016 5.78746ZM15.4381 11.7407C15.399 11.2674 15.1895 10.8903 14.7342 10.6803C14.2753 10.4681 13.7979 10.5494 13.4113 10.9295C12.5769 11.7517 11.7468 12.5792 10.9271 13.4155C10.4446 13.9072 10.446 14.6104 10.9035 15.0807C11.3676 15.5576 12.0892 15.5702 12.5879 15.0814C13.4254 14.2621 14.2473 13.4273 15.0751 12.5977C15.3068 12.3655 15.4182 12.0801 15.4381 11.7407Z", fill: "#312F3A" })] }) }));

package/dist/components/uikit-sdk/Svg/Icons/Arrow.js

@@ -1,4 +1,4 @@
-import { jsx } from 'theme-ui/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { dynamicStyles } from '../styles.js';
 
 const Arrow = ({ direction = 'down', color = 'text', width }) => {
@@ -12,7 +12,7 @@ const Arrow = ({ direction = 'down', color = 'text', width }) => {
         degree: deg[direction],
         color,
     });
-    return (jsx("svg", { width: width || '6', viewBox: "0 0 6 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsx("path", { d: "M3.00373 5.59387C3.77667 5.59387 4.4765 5.63946 4.90699 5.72433C4.9137 5.72433 5.30764 5.80842 5.43895 5.86265C5.62845 5.94752 5.78886 6.10077 5.89107 6.29253C5.96419 6.44578 6 6.60767 6 6.77664C5.99329 6.95268 5.88361 7.28354 5.83213 7.41399C5.51206 8.27375 4.46158 9.91705 3.82069 10.5473C3.71848 10.6542 3.59463 10.7697 3.56553 10.8004C3.40438 10.9308 3.20816 11 2.99702 11C2.80677 11 2.61726 10.9387 2.46431 10.8153C2.38486 10.7564 2.26889 10.6391 2.21587 10.5841L2.18752 10.5544C1.5235 9.90997 0.525243 8.3044 0.204428 7.49022C0.197588 7.49022 0.0377811 7.0841 0.00544739 6.83905L0 6.77664L0 6.74599C0 6.39234 0.189506 6.06226 0.496146 5.8933C0.664015 5.80135 1.15195 5.71647 1.15941 5.70861C1.59662 5.63946 2.26735 5.59387 3.00373 5.59387ZM3.00037 0C3.39347 0 3.71639 0.314279 3.75523 0.717488L3.75914 0.799248L3.59575 3.82885C3.59575 4.17542 3.3294 4.45599 3.00037 4.45599C2.69485 4.45599 2.44337 4.21407 2.409 3.90203L2.405 3.82885L2.24086 0.799248C2.24086 0.357579 2.58107 0 3.00037 0Z", fill: "#FAFAFA" }) }));
+    return (jsx("svg", { width: width || '6', viewBox: "0 0 6 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ape-icon", style: style, children: jsx("path", { d: "M3.00373 5.59387C3.77667 5.59387 4.4765 5.63946 4.90699 5.72433C4.9137 5.72433 5.30764 5.80842 5.43895 5.86265C5.62845 5.94752 5.78886 6.10077 5.89107 6.29253C5.96419 6.44578 6 6.60767 6 6.77664C5.99329 6.95268 5.88361 7.28354 5.83213 7.41399C5.51206 8.27375 4.46158 9.91705 3.82069 10.5473C3.71848 10.6542 3.59463 10.7697 3.56553 10.8004C3.40438 10.9308 3.20816 11 2.99702 11C2.80677 11 2.61726 10.9387 2.46431 10.8153C2.38486 10.7564 2.26889 10.6391 2.21587 10.5841L2.18752 10.5544C1.5235 9.90997 0.525243 8.3044 0.204428 7.49022C0.197588 7.49022 0.0377811 7.0841 0.00544739 6.83905L0 6.77664L0 6.74599C0 6.39234 0.189506 6.06226 0.496146 5.8933C0.664015 5.80135 1.15195 5.71647 1.15941 5.70861C1.59662 5.63946 2.26735 5.59387 3.00373 5.59387ZM3.00037 0C3.39347 0 3.71639 0.314279 3.75523 0.717488L3.75914 0.799248L3.59575 3.82885C3.59575 4.17542 3.3294 4.45599 3.00037 4.45599C2.69485 4.45599 2.44337 4.21407 2.409 3.90203L2.405 3.82885L2.24086 0.799248C2.24086 0.357579 2.58107 0 3.00037 0Z", fill: "#FAFAFA" }) }));
 };
 
 export { Arrow as default };

package/dist/components/uikit-sdk/Svg/Icons/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Arrow.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n\n  return (\n    <svg width={width || '6'} viewBox=\"0 0 6 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n      <path\n        d=\"M3.00373 5.59387C3.77667 5.59387 4.4765 5.63946 4.90699 5.72433C4.9137 5.72433 5.30764 5.80842 5.43895 5.86265C5.62845 5.94752 5.78886 6.10077 5.89107 6.29253C5.96419 6.44578 6 6.60767 6 6.77664C5.99329 6.95268 5.88361 7.28354 5.83213 7.41399C5.51206 8.27375 4.46158 9.91705 3.82069 10.5473C3.71848 10.6542 3.59463 10.7697 3.56553 10.8004C3.40438 10.9308 3.20816 11 2.99702 11C2.80677 11 2.61726 10.9387 2.46431 10.8153C2.38486 10.7564 2.26889 10.6391 2.21587 10.5841L2.18752 10.5544C1.5235 9.90997 0.525243 8.3044 0.204428 7.49022C0.197588 7.49022 0.0377811 7.0841 0.00544739 6.83905L0 6.77664L0 6.74599C0 6.39234 0.189506 6.06226 0.496146 5.8933C0.664015 5.80135 1.15195 5.71647 1.15941 5.70861C1.59662 5.63946 2.26735 5.59387 3.00373 5.59387ZM3.00037 0C3.39347 0 3.71639 0.314279 3.75523 0.717488L3.75914 0.799248L3.59575 3.82885C3.59575 4.17542 3.3294 4.45599 3.00037 4.45599C2.69485 4.45599 2.44337 4.21407 2.409 3.90203L2.405 3.82885L2.24086 0.799248C2.24086 0.357579 2.58107 0 3.00037 0Z\"\n        fill=\"#FAFAFA\"\n      />\n    </svg>\n  )\n}\n\nexport default Arrow\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,GAAG,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACnGA,cACE,CAAC,EAAC,o+BAAo+B,EACt+B,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"Arrow.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Arrow.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n\n  return (\n    <svg\n      width={width || '6'}\n      viewBox=\"0 0 6 11\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className=\"ape-icon\"\n      style={style}\n    >\n      <path\n        d=\"M3.00373 5.59387C3.77667 5.59387 4.4765 5.63946 4.90699 5.72433C4.9137 5.72433 5.30764 5.80842 5.43895 5.86265C5.62845 5.94752 5.78886 6.10077 5.89107 6.29253C5.96419 6.44578 6 6.60767 6 6.77664C5.99329 6.95268 5.88361 7.28354 5.83213 7.41399C5.51206 8.27375 4.46158 9.91705 3.82069 10.5473C3.71848 10.6542 3.59463 10.7697 3.56553 10.8004C3.40438 10.9308 3.20816 11 2.99702 11C2.80677 11 2.61726 10.9387 2.46431 10.8153C2.38486 10.7564 2.26889 10.6391 2.21587 10.5841L2.18752 10.5544C1.5235 9.90997 0.525243 8.3044 0.204428 7.49022C0.197588 7.49022 0.0377811 7.0841 0.00544739 6.83905L0 6.77664L0 6.74599C0 6.39234 0.189506 6.06226 0.496146 5.8933C0.664015 5.80135 1.15195 5.71647 1.15941 5.70861C1.59662 5.63946 2.26735 5.59387 3.00373 5.59387ZM3.00037 0C3.39347 0 3.71639 0.314279 3.75523 0.717488L3.75914 0.799248L3.59575 3.82885C3.59575 4.17542 3.3294 4.45599 3.00037 4.45599C2.69485 4.45599 2.44337 4.21407 2.409 3.90203L2.405 3.82885L2.24086 0.799248C2.24086 0.357579 2.58107 0 3.00037 0Z\"\n        fill=\"#FAFAFA\"\n      />\n    </svg>\n  )\n}\n\nexport default Arrow\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,IAAI,GAAG,EACnB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,KAAK,YAEZA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,o+BAAo+B,EACt+B,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/BitTensor.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const BitTensor = ({ width }) => {
     return (jsxs("svg", { width: width || '24', height: width || '24', viewBox: "0 0 21 23", xmlns: "http://www.w3.org/2000/svg", children: [jsx("rect", { width: "100", height: "100", fill: "grey", opacity: 0.15 }), jsxs("g", { transform: "translate(2.1, 2.3) scale(0.75)", children: [jsx("path", { fill: "currentColor", d: "M12.53 17.783v-9.08a4.144 4.144 0 0 0-4.14-4.117v14.511a3.8 3.8 0 0 0 3.96 3.841 4.28 4.28 0 0 0 2.816-.816c-2.39-.253-2.635-1.693-2.635-4.339" }), jsx("path", { fill: "currentColor", d: "M3.775.787A3.8 3.8 0 0 0 0 4.587h16.893a3.8 3.8 0 0 0 3.775-3.8z" })] })] }));

package/dist/components/uikit-sdk/Svg/Icons/Caret.js

@@ -1,4 +1,4 @@
-import { jsx } from 'theme-ui/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { dynamicStyles } from '../styles.js';
 
 const Caret = ({ direction = 'down', color = 'text', width }) => {
@@ -12,7 +12,7 @@ const Caret = ({ direction = 'down', color = 'text', width }) => {
         degree: deg[direction],
         color,
     });
-    return (jsx("svg", { width: width || '10', viewBox: "0 0 10 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsx("path", { d: "M4.30702 7.70463C4.26072 7.65942 4.06273 7.48875 3.89987 7.32976C2.87559 6.39766 1.19907 3.9661 0.687336 2.69342C0.605106 2.50015 0.431067 2.01149 0.419891 1.75041C0.419891 1.50024 0.477372 1.26176 0.59393 1.03419C0.756792 0.750511 1.01306 0.522942 1.31563 0.398246C1.52559 0.317973 2.15389 0.193278 2.16507 0.193278C2.85244 0.0685823 3.96932 -2.63609e-07 5.20356 -2.09659e-07C6.37952 -1.58256e-07 7.45089 0.0685824 8.14864 0.170677C8.15982 0.182367 8.9406 0.307063 9.20804 0.443449C9.69663 0.693619 10 1.18227 10 1.70521L10 1.75041C9.98802 2.09099 9.68465 2.80721 9.67348 2.80721C9.16094 4.0113 7.56665 6.38675 6.50725 7.34145C6.50725 7.34145 6.23502 7.61033 6.06497 7.72723C5.82068 7.9096 5.51811 8 5.21553 8C4.87783 8 4.56329 7.8979 4.30702 7.70463Z", fill: "#4D4040" }) }));
+    return (jsx("svg", { width: width || '10', viewBox: "0 0 10 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ape-icon", style: style, children: jsx("path", { d: "M4.30702 7.70463C4.26072 7.65942 4.06273 7.48875 3.89987 7.32976C2.87559 6.39766 1.19907 3.9661 0.687336 2.69342C0.605106 2.50015 0.431067 2.01149 0.419891 1.75041C0.419891 1.50024 0.477372 1.26176 0.59393 1.03419C0.756792 0.750511 1.01306 0.522942 1.31563 0.398246C1.52559 0.317973 2.15389 0.193278 2.16507 0.193278C2.85244 0.0685823 3.96932 -2.63609e-07 5.20356 -2.09659e-07C6.37952 -1.58256e-07 7.45089 0.0685824 8.14864 0.170677C8.15982 0.182367 8.9406 0.307063 9.20804 0.443449C9.69663 0.693619 10 1.18227 10 1.70521L10 1.75041C9.98802 2.09099 9.68465 2.80721 9.67348 2.80721C9.16094 4.0113 7.56665 6.38675 6.50725 7.34145C6.50725 7.34145 6.23502 7.61033 6.06497 7.72723C5.82068 7.9096 5.51811 8 5.21553 8C4.87783 8 4.56329 7.8979 4.30702 7.70463Z", fill: "#4D4040" }) }));
 };
 
 export { Caret as default };

package/dist/components/uikit-sdk/Svg/Icons/Caret.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caret.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Caret.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Caret: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n\n  return (\n    <svg width={width || '10'} viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n      <path\n        d=\"M4.30702 7.70463C4.26072 7.65942 4.06273 7.48875 3.89987 7.32976C2.87559 6.39766 1.19907 3.9661 0.687336 2.69342C0.605106 2.50015 0.431067 2.01149 0.419891 1.75041C0.419891 1.50024 0.477372 1.26176 0.59393 1.03419C0.756792 0.750511 1.01306 0.522942 1.31563 0.398246C1.52559 0.317973 2.15389 0.193278 2.16507 0.193278C2.85244 0.0685823 3.96932 -2.63609e-07 5.20356 -2.09659e-07C6.37952 -1.58256e-07 7.45089 0.0685824 8.14864 0.170677C8.15982 0.182367 8.9406 0.307063 9.20804 0.443449C9.69663 0.693619 10 1.18227 10 1.70521L10 1.75041C9.98802 2.09099 9.68465 2.80721 9.67348 2.80721C9.16094 4.0113 7.56665 6.38675 6.50725 7.34145C6.50725 7.34145 6.23502 7.61033 6.06497 7.72723C5.82068 7.9096 5.51811 8 5.21553 8C4.87783 8 4.56329 7.8979 4.30702 7.70463Z\"\n        fill=\"#4D4040\"\n      />\n    </svg>\n  )\n}\n\nexport default Caret\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACpGA,cACE,CAAC,EAAC,kvBAAkvB,EACpvB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"Caret.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Caret.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Caret: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n\n  return (\n    <svg\n      width={width || '10'}\n      viewBox=\"0 0 10 8\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className=\"ape-icon\"\n      style={style}\n    >\n      <path\n        d=\"M4.30702 7.70463C4.26072 7.65942 4.06273 7.48875 3.89987 7.32976C2.87559 6.39766 1.19907 3.9661 0.687336 2.69342C0.605106 2.50015 0.431067 2.01149 0.419891 1.75041C0.419891 1.50024 0.477372 1.26176 0.59393 1.03419C0.756792 0.750511 1.01306 0.522942 1.31563 0.398246C1.52559 0.317973 2.15389 0.193278 2.16507 0.193278C2.85244 0.0685823 3.96932 -2.63609e-07 5.20356 -2.09659e-07C6.37952 -1.58256e-07 7.45089 0.0685824 8.14864 0.170677C8.15982 0.182367 8.9406 0.307063 9.20804 0.443449C9.69663 0.693619 10 1.18227 10 1.70521L10 1.75041C9.98802 2.09099 9.68465 2.80721 9.67348 2.80721C9.16094 4.0113 7.56665 6.38675 6.50725 7.34145C6.50725 7.34145 6.23502 7.61033 6.06497 7.72723C5.82068 7.9096 5.51811 8 5.21553 8C4.87783 8 4.56329 7.8979 4.30702 7.70463Z\"\n        fill=\"#4D4040\"\n      />\n    </svg>\n  )\n}\n\nexport default Caret\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,KAAK,YAEZA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,kvBAAkvB,EACpvB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Close.js

@@ -1,11 +1,11 @@
-import { jsx } from 'theme-ui/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { dynamicStyles } from '../styles.js';
 
 const Close = ({ width, color = 'text' }) => {
     const style = dynamicStyles.generic({
         color,
     });
-    return (jsx("svg", { width: width || '12', viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.9497 10.9497C11.3403 10.5592 11.3403 9.92602 10.9497 9.5355L7.41424 5.99999L10.9497 2.46451C11.3402 2.07399 11.3402 1.44082 10.9497 1.0503C10.5592 0.659775 9.92602 0.659775 9.5355 1.0503L6.00002 4.58578L2.46446 1.05022C2.07394 0.659693 1.44077 0.659693 1.05025 1.05022C0.659726 1.44074 0.659726 2.07391 1.05025 2.46443L4.58581 5.99999L1.05022 9.53558C0.659693 9.9261 0.659693 10.5593 1.05022 10.9498C1.44074 11.3403 2.07391 11.3403 2.46443 10.9498L6.00002 7.4142L9.53553 10.9497C9.92605 11.3402 10.5592 11.3402 10.9497 10.9497Z", fill: "#FAFAFA" }) }));
+    return (jsx("svg", { width: width || '12', viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ape-icon", style: style, children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.9497 10.9497C11.3403 10.5592 11.3403 9.92602 10.9497 9.5355L7.41424 5.99999L10.9497 2.46451C11.3402 2.07399 11.3402 1.44082 10.9497 1.0503C10.5592 0.659775 9.92602 0.659775 9.5355 1.0503L6.00002 4.58578L2.46446 1.05022C2.07394 0.659693 1.44077 0.659693 1.05025 1.05022C0.659726 1.44074 0.659726 2.07391 1.05025 2.46443L4.58581 5.99999L1.05022 9.53558C0.659693 9.9261 0.659693 10.5593 1.05022 10.9498C1.44074 11.3403 2.07391 11.3403 2.46443 10.9498L6.00002 7.4142L9.53553 10.9497C9.92605 11.3402 10.5592 11.3402 10.9497 10.9497Z", fill: "#FAFAFA" }) }));
 };
 
 export { Close as default };

package/dist/components/uikit-sdk/Svg/Icons/Close.js.map

@@ -1 +1 @@
-{"version":3,"file":"Close.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Close.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Close: React.FC<SvgProps> = ({ width, color = 'text' }) => {\n  const style = dynamicStyles.generic({\n    color,\n  })\n\n  return (\n    <svg width={width || '12'} viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.9497 10.9497C11.3403 10.5592 11.3403 9.92602 10.9497 9.5355L7.41424 5.99999L10.9497 2.46451C11.3402 2.07399 11.3402 1.44082 10.9497 1.0503C10.5592 0.659775 9.92602 0.659775 9.5355 1.0503L6.00002 4.58578L2.46446 1.05022C2.07394 0.659693 1.44077 0.659693 1.05025 1.05022C0.659726 1.44074 0.659726 2.07391 1.05025 2.46443L4.58581 5.99999L1.05022 9.53558C0.659693 9.9261 0.659693 10.5593 1.05022 10.9498C1.44074 11.3403 2.07391 11.3403 2.46443 10.9498L6.00002 7.4142L9.53553 10.9497C9.92605 11.3402 10.5592 11.3402 10.9497 10.9497Z\"\n        fill=\"#FAFAFA\"\n      />\n    </svg>\n  )\n}\n\nexport default Close\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,KAAI;AAC9D,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;QAClC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qhBAAqhB,EACvhB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"Close.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Close.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Close: React.FC<SvgProps> = ({ width, color = 'text' }) => {\n  const style = dynamicStyles.generic({\n    color,\n  })\n\n  return (\n    <svg\n      width={width || '12'}\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className=\"ape-icon\"\n      style={style}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.9497 10.9497C11.3403 10.5592 11.3403 9.92602 10.9497 9.5355L7.41424 5.99999L10.9497 2.46451C11.3402 2.07399 11.3402 1.44082 10.9497 1.0503C10.5592 0.659775 9.92602 0.659775 9.5355 1.0503L6.00002 4.58578L2.46446 1.05022C2.07394 0.659693 1.44077 0.659693 1.05025 1.05022C0.659726 1.44074 0.659726 2.07391 1.05025 2.46443L4.58581 5.99999L1.05022 9.53558C0.659693 9.9261 0.659693 10.5593 1.05022 10.9498C1.44074 11.3403 2.07391 11.3403 2.46443 10.9498L6.00002 7.4142L9.53553 10.9497C9.92605 11.3402 10.5592 11.3402 10.9497 10.9497Z\"\n        fill=\"#FAFAFA\"\n      />\n    </svg>\n  )\n}\n\nexport default Close\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,KAAI;AAC9D,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;QAClC,KAAK;AACN,KAAA,CAAC;IAEF,QACEA,aACE,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAEZA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qhBAAqhB,EACvhB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Cog.d.ts

@@ -1,3 +1,3 @@
 import { SvgProps } from './types';
-declare const Cog: ({ direction, color, width }: SvgProps) => import("react").JSX.Element;
+declare const Cog: ({ direction, color, width }: SvgProps) => import("react/jsx-runtime").JSX.Element;
 export default Cog;

package/dist/components/uikit-sdk/Svg/Icons/Cog.js

@@ -1,4 +1,4 @@
-import { jsx } from 'theme-ui/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { dynamicStyles } from '../styles.js';
 
 const Cog = ({ direction = 'down', color = 'text', width }) => {
@@ -12,7 +12,7 @@ const Cog = ({ direction = 'down', color = 'text', width }) => {
         degree: deg[direction],
         color,
     });
-    return (jsx("svg", { width: width || '24', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsx("path", { d: "M19.43 12.98C19.47 12.66 19.5 12.34 19.5 12C19.5 11.66 19.47 11.34 19.43 11.02L21.54 9.37C21.73 9.22 21.78 8.95 21.66 8.73L19.66 5.27C19.54 5.05 19.27 4.97 19.05 5.05L16.56 6.05C16.04 5.65 15.48 5.32 14.87 5.07L14.49 2.42C14.46 2.18 14.25 2 14 2H9.99996C9.74996 2 9.53996 2.18 9.50996 2.42L9.12996 5.07C8.51996 5.32 7.95996 5.66 7.43996 6.05L4.94996 5.05C4.71996 4.96 4.45996 5.05 4.33996 5.27L2.33996 8.73C2.20996 8.95 2.26996 9.22 2.45996 9.37L4.56996 11.02C4.52996 11.34 4.49996 11.67 4.49996 12C4.49996 12.33 4.52996 12.66 4.56996 12.98L2.45996 14.63C2.26996 14.78 2.21996 15.05 2.33996 15.27L4.33996 18.73C4.45996 18.95 4.72996 19.03 4.94996 18.95L7.43996 17.95C7.95996 18.35 8.51996 18.68 9.12996 18.93L9.50996 21.58C9.53996 21.82 9.74996 22 9.99996 22H14C14.25 22 14.46 21.82 14.49 21.58L14.87 18.93C15.48 18.68 16.04 18.34 16.56 17.95L19.05 18.95C19.28 19.04 19.54 18.95 19.66 18.73L21.66 15.27C21.78 15.05 21.73 14.78 21.54 14.63L19.43 12.98ZM12 15.5C10.07 15.5 8.49996 13.93 8.49996 12C8.49996 10.07 10.07 8.5 12 8.5C13.93 8.5 15.5 10.07 15.5 12C15.5 13.93 13.93 15.5 12 15.5Z" }) }));
+    return (jsx("svg", { width: width || '24', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ape-icon", style: style, children: jsx("path", { d: "M19.43 12.98C19.47 12.66 19.5 12.34 19.5 12C19.5 11.66 19.47 11.34 19.43 11.02L21.54 9.37C21.73 9.22 21.78 8.95 21.66 8.73L19.66 5.27C19.54 5.05 19.27 4.97 19.05 5.05L16.56 6.05C16.04 5.65 15.48 5.32 14.87 5.07L14.49 2.42C14.46 2.18 14.25 2 14 2H9.99996C9.74996 2 9.53996 2.18 9.50996 2.42L9.12996 5.07C8.51996 5.32 7.95996 5.66 7.43996 6.05L4.94996 5.05C4.71996 4.96 4.45996 5.05 4.33996 5.27L2.33996 8.73C2.20996 8.95 2.26996 9.22 2.45996 9.37L4.56996 11.02C4.52996 11.34 4.49996 11.67 4.49996 12C4.49996 12.33 4.52996 12.66 4.56996 12.98L2.45996 14.63C2.26996 14.78 2.21996 15.05 2.33996 15.27L4.33996 18.73C4.45996 18.95 4.72996 19.03 4.94996 18.95L7.43996 17.95C7.95996 18.35 8.51996 18.68 9.12996 18.93L9.50996 21.58C9.53996 21.82 9.74996 22 9.99996 22H14C14.25 22 14.46 21.82 14.49 21.58L14.87 18.93C15.48 18.68 16.04 18.34 16.56 17.95L19.05 18.95C19.28 19.04 19.54 18.95 19.66 18.73L21.66 15.27C21.78 15.05 21.73 14.78 21.54 14.63L19.43 12.98ZM12 15.5C10.07 15.5 8.49996 13.93 8.49996 12C8.49996 10.07 10.07 8.5 12 8.5C13.93 8.5 15.5 10.07 15.5 12C15.5 13.93 13.93 15.5 12 15.5Z" }) }));
 };
 
 export { Cog as default };

package/dist/components/uikit-sdk/Svg/Icons/Cog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cog.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Cog.tsx"],"sourcesContent":["import { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Cog = ({ direction = 'down', color = 'text', width }: SvgProps) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n\n  return (\n    <svg width={width || '24'} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n      <path d=\"M19.43 12.98C19.47 12.66 19.5 12.34 19.5 12C19.5 11.66 19.47 11.34 19.43 11.02L21.54 9.37C21.73 9.22 21.78 8.95 21.66 8.73L19.66 5.27C19.54 5.05 19.27 4.97 19.05 5.05L16.56 6.05C16.04 5.65 15.48 5.32 14.87 5.07L14.49 2.42C14.46 2.18 14.25 2 14 2H9.99996C9.74996 2 9.53996 2.18 9.50996 2.42L9.12996 5.07C8.51996 5.32 7.95996 5.66 7.43996 6.05L4.94996 5.05C4.71996 4.96 4.45996 5.05 4.33996 5.27L2.33996 8.73C2.20996 8.95 2.26996 9.22 2.45996 9.37L4.56996 11.02C4.52996 11.34 4.49996 11.67 4.49996 12C4.49996 12.33 4.52996 12.66 4.56996 12.98L2.45996 14.63C2.26996 14.78 2.21996 15.05 2.33996 15.27L4.33996 18.73C4.45996 18.95 4.72996 19.03 4.94996 18.95L7.43996 17.95C7.95996 18.35 8.51996 18.68 9.12996 18.93L9.50996 21.58C9.53996 21.82 9.74996 22 9.99996 22H14C14.25 22 14.46 21.82 14.49 21.58L14.87 18.93C15.48 18.68 16.04 18.34 16.56 17.95L19.05 18.95C19.28 19.04 19.54 18.95 19.66 18.73L21.66 15.27C21.78 15.05 21.73 14.78 21.54 14.63L19.43 12.98ZM12 15.5C10.07 15.5 8.49996 13.93 8.49996 12C8.49996 10.07 10.07 8.5 12 8.5C13.93 8.5 15.5 10.07 15.5 12C15.5 13.93 13.93 15.5 12 15.5Z\" />\n    </svg>\n  )\n}\n\nexport default Cog\n"],"names":["_jsx"],"mappings":";;;AAGA,MAAM,GAAG,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAY,KAAI;AACtE,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gkCAAgkC,EAAA,CAAG,EAAA,CACvkC;AAEV;;;;"}
+{"version":3,"file":"Cog.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Cog.tsx"],"sourcesContent":["import { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Cog = ({ direction = 'down', color = 'text', width }: SvgProps) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n\n  return (\n    <svg\n      width={width || '24'}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className=\"ape-icon\"\n      style={style}\n    >\n      <path d=\"M19.43 12.98C19.47 12.66 19.5 12.34 19.5 12C19.5 11.66 19.47 11.34 19.43 11.02L21.54 9.37C21.73 9.22 21.78 8.95 21.66 8.73L19.66 5.27C19.54 5.05 19.27 4.97 19.05 5.05L16.56 6.05C16.04 5.65 15.48 5.32 14.87 5.07L14.49 2.42C14.46 2.18 14.25 2 14 2H9.99996C9.74996 2 9.53996 2.18 9.50996 2.42L9.12996 5.07C8.51996 5.32 7.95996 5.66 7.43996 6.05L4.94996 5.05C4.71996 4.96 4.45996 5.05 4.33996 5.27L2.33996 8.73C2.20996 8.95 2.26996 9.22 2.45996 9.37L4.56996 11.02C4.52996 11.34 4.49996 11.67 4.49996 12C4.49996 12.33 4.52996 12.66 4.56996 12.98L2.45996 14.63C2.26996 14.78 2.21996 15.05 2.33996 15.27L4.33996 18.73C4.45996 18.95 4.72996 19.03 4.94996 18.95L7.43996 17.95C7.95996 18.35 8.51996 18.68 9.12996 18.93L9.50996 21.58C9.53996 21.82 9.74996 22 9.99996 22H14C14.25 22 14.46 21.82 14.49 21.58L14.87 18.93C15.48 18.68 16.04 18.34 16.56 17.95L19.05 18.95C19.28 19.04 19.54 18.95 19.66 18.73L21.66 15.27C21.78 15.05 21.73 14.78 21.54 14.63L19.43 12.98ZM12 15.5C10.07 15.5 8.49996 13.93 8.49996 12C8.49996 10.07 10.07 8.5 12 8.5C13.93 8.5 15.5 10.07 15.5 12C15.5 13.93 13.93 15.5 12 15.5Z\" />\n    </svg>\n  )\n}\n\nexport default Cog\n"],"names":["_jsx"],"mappings":";;;AAGA,MAAM,GAAG,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAY,KAAI;AACtE,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAEZA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gkCAAgkC,EAAA,CAAG,EAAA,CACvkC;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/CoinGecko.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { dynamicStyles } from '../styles.js';
 
 const CoinGecko = ({ direction = 'down', color = 'text', width }) => {
@@ -12,7 +12,7 @@ const CoinGecko = ({ direction = 'down', color = 'text', width }) => {
         degree: deg[direction],
         color,
     });
-    return (jsxs("svg", { width: width || '18', height: width || '18', viewBox: "0 0 1000 1011", sx: style, children: [jsx("g", { clipPath: "url(#clip0_732_1340)", children: jsx("path", { d: "M497.766 0.392197C773.882 -0.828538 998.745 223.585 999.995 501.717C1001.14 757.094 813.355 968.919 568.881 1002.85C381.112 1029.33 197.133 948.682 89.6367 791.779C33.5576 710.813 0.483151 612.448 0.00585938 506.257C-1.24422 228.125 221.611 1.65123 497.766 0.392197ZM497.903 31.6422C239.215 32.8217 30.0815 245.033 31.2549 506.117C31.6665 597.691 57.8948 683.018 102.939 755.165C134.57 668.589 140.089 587.87 148.695 483.863C155.815 373.914 185.259 282.593 370.885 231.071C411.689 221.202 454.151 224.377 497.148 234.113C563.17 221.606 636.337 219.49 685.125 300.153C708.309 309.046 731.18 317.264 753.562 323.782L753.523 323.744C944.667 376.291 926.371 481.338 833.185 569.352C809.543 594.008 784.074 617.251 767.66 634.082C700.727 702.699 585.608 832.129 586.387 968.326C804.705 927.334 969.788 733.9 968.745 501.858C967.572 240.775 756.555 30.4985 497.903 31.6422ZM429.07 282.553C375.696 282.553 332.398 326.085 332.397 379.88C332.398 433.675 375.696 477.246 429.07 477.246C482.445 477.246 525.743 433.675 525.743 379.88C525.743 326.124 482.445 282.553 429.07 282.553ZM429.07 298.178C437.715 298.178 446.05 299.546 453.872 302.08C437.212 307.802 423.443 323.825 416.208 345.052L467.438 379.206L416.203 413.361C423.738 435.478 438.364 451.95 455.964 457.009C447.543 459.997 438.49 461.621 429.07 461.621C384.426 461.621 348.023 425.147 348.022 379.88C348.023 334.622 384.418 298.178 429.07 298.178Z", fill: "currentColor" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_732_1340", children: jsx("rect", { width: "1000", height: "1010.61", fill: "white", transform: "translate(0 0.38739)" }) }) })] }));
+    return (jsxs("svg", { width: width || '18', height: width || '18', viewBox: "0 0 1000 1011", className: "ape-icon", style: style, children: [jsx("g", { clipPath: "url(#clip0_732_1340)", children: jsx("path", { d: "M497.766 0.392197C773.882 -0.828538 998.745 223.585 999.995 501.717C1001.14 757.094 813.355 968.919 568.881 1002.85C381.112 1029.33 197.133 948.682 89.6367 791.779C33.5576 710.813 0.483151 612.448 0.00585938 506.257C-1.24422 228.125 221.611 1.65123 497.766 0.392197ZM497.903 31.6422C239.215 32.8217 30.0815 245.033 31.2549 506.117C31.6665 597.691 57.8948 683.018 102.939 755.165C134.57 668.589 140.089 587.87 148.695 483.863C155.815 373.914 185.259 282.593 370.885 231.071C411.689 221.202 454.151 224.377 497.148 234.113C563.17 221.606 636.337 219.49 685.125 300.153C708.309 309.046 731.18 317.264 753.562 323.782L753.523 323.744C944.667 376.291 926.371 481.338 833.185 569.352C809.543 594.008 784.074 617.251 767.66 634.082C700.727 702.699 585.608 832.129 586.387 968.326C804.705 927.334 969.788 733.9 968.745 501.858C967.572 240.775 756.555 30.4985 497.903 31.6422ZM429.07 282.553C375.696 282.553 332.398 326.085 332.397 379.88C332.398 433.675 375.696 477.246 429.07 477.246C482.445 477.246 525.743 433.675 525.743 379.88C525.743 326.124 482.445 282.553 429.07 282.553ZM429.07 298.178C437.715 298.178 446.05 299.546 453.872 302.08C437.212 307.802 423.443 323.825 416.208 345.052L467.438 379.206L416.203 413.361C423.738 435.478 438.364 451.95 455.964 457.009C447.543 459.997 438.49 461.621 429.07 461.621C384.426 461.621 348.023 425.147 348.022 379.88C348.023 334.622 384.418 298.178 429.07 298.178Z", fill: "currentColor" }) }), jsx("defs", { children: jsx("clipPath", { id: "clip0_732_1340", children: jsx("rect", { width: "1000", height: "1010.61", fill: "white", transform: "translate(0 0.38739)" }) }) })] }));
 };
 
 export { CoinGecko as default };

package/dist/components/uikit-sdk/Svg/Icons/CoinGecko.js.map

@@ -1 +1 @@
-{"version":3,"file":"CoinGecko.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/CoinGecko.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst CoinGecko: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n  return (\n    <svg width={width || '18'} height={width || '18'} viewBox=\"0 0 1000 1011\" sx={style}>\n      <g clipPath=\"url(#clip0_732_1340)\">\n        <path\n          d=\"M497.766 0.392197C773.882 -0.828538 998.745 223.585 999.995 501.717C1001.14 757.094 813.355 968.919 568.881 1002.85C381.112 1029.33 197.133 948.682 89.6367 791.779C33.5576 710.813 0.483151 612.448 0.00585938 506.257C-1.24422 228.125 221.611 1.65123 497.766 0.392197ZM497.903 31.6422C239.215 32.8217 30.0815 245.033 31.2549 506.117C31.6665 597.691 57.8948 683.018 102.939 755.165C134.57 668.589 140.089 587.87 148.695 483.863C155.815 373.914 185.259 282.593 370.885 231.071C411.689 221.202 454.151 224.377 497.148 234.113C563.17 221.606 636.337 219.49 685.125 300.153C708.309 309.046 731.18 317.264 753.562 323.782L753.523 323.744C944.667 376.291 926.371 481.338 833.185 569.352C809.543 594.008 784.074 617.251 767.66 634.082C700.727 702.699 585.608 832.129 586.387 968.326C804.705 927.334 969.788 733.9 968.745 501.858C967.572 240.775 756.555 30.4985 497.903 31.6422ZM429.07 282.553C375.696 282.553 332.398 326.085 332.397 379.88C332.398 433.675 375.696 477.246 429.07 477.246C482.445 477.246 525.743 433.675 525.743 379.88C525.743 326.124 482.445 282.553 429.07 282.553ZM429.07 298.178C437.715 298.178 446.05 299.546 453.872 302.08C437.212 307.802 423.443 323.825 416.208 345.052L467.438 379.206L416.203 413.361C423.738 435.478 438.364 451.95 455.964 457.009C447.543 459.997 438.49 461.621 429.07 461.621C384.426 461.621 348.023 425.147 348.022 379.88C348.023 334.622 384.418 298.178 429.07 298.178Z\"\n          fill=\"currentColor\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_732_1340\">\n          <rect width=\"1000\" height=\"1010.61\" fill=\"white\" transform=\"translate(0 0.38739)\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n\nexport default CoinGecko\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,SAAS,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AACtF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,eAAe,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACjFC,GAAA,CAAA,GAAA,EAAA,EAAG,QAAQ,EAAC,sBAAsB,EAAA,QAAA,EAChCA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,03CAA03C,EAC53C,IAAI,EAAC,cAAc,EAAA,CACnB,EAAA,CACA,EACJA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,UAAA,EAAA,EAAU,EAAE,EAAC,gBAAgB,EAAA,QAAA,EAC3BA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,sBAAsB,EAAA,CAAG,EAAA,CAC3E,EAAA,CACN,CAAA,EAAA,CACH;AAEV;;;;"}
+{"version":3,"file":"CoinGecko.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/CoinGecko.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst CoinGecko: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n  return (\n    <svg width={width || '18'} height={width || '18'} viewBox=\"0 0 1000 1011\" className=\"ape-icon\" style={style}>\n      <g clipPath=\"url(#clip0_732_1340)\">\n        <path\n          d=\"M497.766 0.392197C773.882 -0.828538 998.745 223.585 999.995 501.717C1001.14 757.094 813.355 968.919 568.881 1002.85C381.112 1029.33 197.133 948.682 89.6367 791.779C33.5576 710.813 0.483151 612.448 0.00585938 506.257C-1.24422 228.125 221.611 1.65123 497.766 0.392197ZM497.903 31.6422C239.215 32.8217 30.0815 245.033 31.2549 506.117C31.6665 597.691 57.8948 683.018 102.939 755.165C134.57 668.589 140.089 587.87 148.695 483.863C155.815 373.914 185.259 282.593 370.885 231.071C411.689 221.202 454.151 224.377 497.148 234.113C563.17 221.606 636.337 219.49 685.125 300.153C708.309 309.046 731.18 317.264 753.562 323.782L753.523 323.744C944.667 376.291 926.371 481.338 833.185 569.352C809.543 594.008 784.074 617.251 767.66 634.082C700.727 702.699 585.608 832.129 586.387 968.326C804.705 927.334 969.788 733.9 968.745 501.858C967.572 240.775 756.555 30.4985 497.903 31.6422ZM429.07 282.553C375.696 282.553 332.398 326.085 332.397 379.88C332.398 433.675 375.696 477.246 429.07 477.246C482.445 477.246 525.743 433.675 525.743 379.88C525.743 326.124 482.445 282.553 429.07 282.553ZM429.07 298.178C437.715 298.178 446.05 299.546 453.872 302.08C437.212 307.802 423.443 323.825 416.208 345.052L467.438 379.206L416.203 413.361C423.738 435.478 438.364 451.95 455.964 457.009C447.543 459.997 438.49 461.621 429.07 461.621C384.426 461.621 348.023 425.147 348.022 379.88C348.023 334.622 384.418 298.178 429.07 298.178Z\"\n          fill=\"currentColor\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_732_1340\">\n          <rect width=\"1000\" height=\"1010.61\" fill=\"white\" transform=\"translate(0 0.38739)\" />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n\nexport default CoinGecko\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,SAAS,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AACtF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,eAAe,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CACzGC,GAAA,CAAA,GAAA,EAAA,EAAG,QAAQ,EAAC,sBAAsB,EAAA,QAAA,EAChCA,cACE,CAAC,EAAC,03CAA03C,EAC53C,IAAI,EAAC,cAAc,EAAA,CACnB,GACA,EACJA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,UAAA,EAAA,EAAU,EAAE,EAAC,gBAAgB,EAAA,QAAA,EAC3BA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,sBAAsB,EAAA,CAAG,EAAA,CAC3E,EAAA,CACN,CAAA,EAAA,CACH;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/DexScreener.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { dynamicStyles } from '../styles.js';
 
 const DexScreener = ({ direction = 'down', color = 'text', width }) => {
@@ -12,7 +12,7 @@ const DexScreener = ({ direction = 'down', color = 'text', width }) => {
         degree: deg[direction],
         color,
     });
-    return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width || '18', height: width || '18', viewBox: "0 0 252 300", sx: style, children: [jsx("path", { d: "M151.818 106.866c9.177-4.576 20.854-11.312 32.545-20.541 2.465 5.119 2.735 9.586 1.465 13.193-.9 2.542-2.596 4.753-4.826 6.512-2.415 1.901-5.431 3.285-8.765 4.033-6.326 1.425-13.712.593-20.419-3.197m1.591 46.886l12.148 7.017c-24.804 13.902-31.547 39.716-39.557 64.859-8.009-25.143-14.753-50.957-39.556-64.859l12.148-7.017a5.95 5.95 0 003.84-5.845c-1.113-23.547 5.245-33.96 13.821-40.498 3.076-2.342 6.434-3.518 9.747-3.518s6.671 1.176 9.748 3.518c8.576 6.538 14.934 16.951 13.821 40.498a5.95 5.95 0 003.84 5.845zM126 0c14.042.377 28.119 3.103 40.336 8.406 8.46 3.677 16.354 8.534 23.502 14.342 3.228 2.622 5.886 5.155 8.814 8.071 7.897.273 19.438-8.5 24.796-16.709-9.221 30.23-51.299 65.929-80.43 79.589-.012-.005-.02-.012-.029-.018-5.228-3.992-11.108-5.988-16.989-5.988s-11.76 1.996-16.988 5.988c-.009.005-.017.014-.029.018-29.132-13.66-71.209-49.359-80.43-79.589 5.357 8.209 16.898 16.982 24.795 16.709 2.929-2.915 5.587-5.449 8.814-8.071C69.31 16.94 77.204 12.083 85.664 8.406 97.882 3.103 111.959.377 126 0m-25.818 106.866c-9.176-4.576-20.854-11.312-32.544-20.541-2.465 5.119-2.735 9.586-1.466 13.193.901 2.542 2.597 4.753 4.826 6.512 2.416 1.901 5.432 3.285 8.766 4.033 6.326 1.425 13.711.593 20.418-3.197", fill: "currentColor" }), jsx("path", { d: "M197.167 75.016c6.436-6.495 12.107-13.684 16.667-20.099l2.316 4.359c7.456 14.917 11.33 29.774 11.33 46.494l-.016 26.532.14 13.754c.54 33.766 7.846 67.929 24.396 99.193l-34.627-27.922-24.501 39.759-25.74-24.231L126 299.604l-41.132-66.748-25.739 24.231-24.501-39.759L0 245.25c16.55-31.264 23.856-65.427 24.397-99.193l.14-13.754-.016-26.532c0-16.721 3.873-31.578 11.331-46.494l2.315-4.359c4.56 6.415 10.23 13.603 16.667 20.099l-2.01 4.175c-3.905 8.109-5.198 17.176-2.156 25.799 1.961 5.554 5.54 10.317 10.154 13.953 4.48 3.531 9.782 5.911 15.333 7.161 3.616.814 7.3 1.149 10.96 1.035-.854 4.841-1.227 9.862-1.251 14.978L53.2 160.984l25.206 14.129a41.926 41.926 0 015.734 3.869c20.781 18.658 33.275 73.855 41.861 100.816 8.587-26.961 21.08-82.158 41.862-100.816a41.865 41.865 0 015.734-3.869l25.206-14.129-32.665-18.866c-.024-5.116-.397-10.137-1.251-14.978 3.66.114 7.344-.221 10.96-1.035 5.551-1.25 10.854-3.63 15.333-7.161 4.613-3.636 8.193-8.399 10.153-13.953 3.043-8.623 1.749-17.689-2.155-25.799l-2.01-4.175z", fill: "currentColor" })] }));
+    return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width || '18', height: width || '18', viewBox: "0 0 252 300", className: "ape-icon", style: style, children: [jsx("path", { d: "M151.818 106.866c9.177-4.576 20.854-11.312 32.545-20.541 2.465 5.119 2.735 9.586 1.465 13.193-.9 2.542-2.596 4.753-4.826 6.512-2.415 1.901-5.431 3.285-8.765 4.033-6.326 1.425-13.712.593-20.419-3.197m1.591 46.886l12.148 7.017c-24.804 13.902-31.547 39.716-39.557 64.859-8.009-25.143-14.753-50.957-39.556-64.859l12.148-7.017a5.95 5.95 0 003.84-5.845c-1.113-23.547 5.245-33.96 13.821-40.498 3.076-2.342 6.434-3.518 9.747-3.518s6.671 1.176 9.748 3.518c8.576 6.538 14.934 16.951 13.821 40.498a5.95 5.95 0 003.84 5.845zM126 0c14.042.377 28.119 3.103 40.336 8.406 8.46 3.677 16.354 8.534 23.502 14.342 3.228 2.622 5.886 5.155 8.814 8.071 7.897.273 19.438-8.5 24.796-16.709-9.221 30.23-51.299 65.929-80.43 79.589-.012-.005-.02-.012-.029-.018-5.228-3.992-11.108-5.988-16.989-5.988s-11.76 1.996-16.988 5.988c-.009.005-.017.014-.029.018-29.132-13.66-71.209-49.359-80.43-79.589 5.357 8.209 16.898 16.982 24.795 16.709 2.929-2.915 5.587-5.449 8.814-8.071C69.31 16.94 77.204 12.083 85.664 8.406 97.882 3.103 111.959.377 126 0m-25.818 106.866c-9.176-4.576-20.854-11.312-32.544-20.541-2.465 5.119-2.735 9.586-1.466 13.193.901 2.542 2.597 4.753 4.826 6.512 2.416 1.901 5.432 3.285 8.766 4.033 6.326 1.425 13.711.593 20.418-3.197", fill: "currentColor" }), jsx("path", { d: "M197.167 75.016c6.436-6.495 12.107-13.684 16.667-20.099l2.316 4.359c7.456 14.917 11.33 29.774 11.33 46.494l-.016 26.532.14 13.754c.54 33.766 7.846 67.929 24.396 99.193l-34.627-27.922-24.501 39.759-25.74-24.231L126 299.604l-41.132-66.748-25.739 24.231-24.501-39.759L0 245.25c16.55-31.264 23.856-65.427 24.397-99.193l.14-13.754-.016-26.532c0-16.721 3.873-31.578 11.331-46.494l2.315-4.359c4.56 6.415 10.23 13.603 16.667 20.099l-2.01 4.175c-3.905 8.109-5.198 17.176-2.156 25.799 1.961 5.554 5.54 10.317 10.154 13.953 4.48 3.531 9.782 5.911 15.333 7.161 3.616.814 7.3 1.149 10.96 1.035-.854 4.841-1.227 9.862-1.251 14.978L53.2 160.984l25.206 14.129a41.926 41.926 0 015.734 3.869c20.781 18.658 33.275 73.855 41.861 100.816 8.587-26.961 21.08-82.158 41.862-100.816a41.865 41.865 0 015.734-3.869l25.206-14.129-32.665-18.866c-.024-5.116-.397-10.137-1.251-14.978 3.66.114 7.344-.221 10.96-1.035 5.551-1.25 10.854-3.63 15.333-7.161 4.613-3.636 8.193-8.399 10.153-13.953 3.043-8.623 1.749-17.689-2.155-25.799l-2.01-4.175z", fill: "currentColor" })] }));
 };
 
 export { DexScreener as default };

package/dist/components/uikit-sdk/Svg/Icons/DexScreener.js.map

@@ -1 +1 @@
-{"version":3,"file":"DexScreener.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/DexScreener.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst DexScreener: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width || '18'}\n      height={width || '18'}\n      viewBox=\"0 0 252 300\"\n      sx={style}\n    >\n      <path\n        d=\"M151.818 106.866c9.177-4.576 20.854-11.312 32.545-20.541 2.465 5.119 2.735 9.586 1.465 13.193-.9 2.542-2.596 4.753-4.826 6.512-2.415 1.901-5.431 3.285-8.765 4.033-6.326 1.425-13.712.593-20.419-3.197m1.591 46.886l12.148 7.017c-24.804 13.902-31.547 39.716-39.557 64.859-8.009-25.143-14.753-50.957-39.556-64.859l12.148-7.017a5.95 5.95 0 003.84-5.845c-1.113-23.547 5.245-33.96 13.821-40.498 3.076-2.342 6.434-3.518 9.747-3.518s6.671 1.176 9.748 3.518c8.576 6.538 14.934 16.951 13.821 40.498a5.95 5.95 0 003.84 5.845zM126 0c14.042.377 28.119 3.103 40.336 8.406 8.46 3.677 16.354 8.534 23.502 14.342 3.228 2.622 5.886 5.155 8.814 8.071 7.897.273 19.438-8.5 24.796-16.709-9.221 30.23-51.299 65.929-80.43 79.589-.012-.005-.02-.012-.029-.018-5.228-3.992-11.108-5.988-16.989-5.988s-11.76 1.996-16.988 5.988c-.009.005-.017.014-.029.018-29.132-13.66-71.209-49.359-80.43-79.589 5.357 8.209 16.898 16.982 24.795 16.709 2.929-2.915 5.587-5.449 8.814-8.071C69.31 16.94 77.204 12.083 85.664 8.406 97.882 3.103 111.959.377 126 0m-25.818 106.866c-9.176-4.576-20.854-11.312-32.544-20.541-2.465 5.119-2.735 9.586-1.466 13.193.901 2.542 2.597 4.753 4.826 6.512 2.416 1.901 5.432 3.285 8.766 4.033 6.326 1.425 13.711.593 20.418-3.197\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M197.167 75.016c6.436-6.495 12.107-13.684 16.667-20.099l2.316 4.359c7.456 14.917 11.33 29.774 11.33 46.494l-.016 26.532.14 13.754c.54 33.766 7.846 67.929 24.396 99.193l-34.627-27.922-24.501 39.759-25.74-24.231L126 299.604l-41.132-66.748-25.739 24.231-24.501-39.759L0 245.25c16.55-31.264 23.856-65.427 24.397-99.193l.14-13.754-.016-26.532c0-16.721 3.873-31.578 11.331-46.494l2.315-4.359c4.56 6.415 10.23 13.603 16.667 20.099l-2.01 4.175c-3.905 8.109-5.198 17.176-2.156 25.799 1.961 5.554 5.54 10.317 10.154 13.953 4.48 3.531 9.782 5.911 15.333 7.161 3.616.814 7.3 1.149 10.96 1.035-.854 4.841-1.227 9.862-1.251 14.978L53.2 160.984l25.206 14.129a41.926 41.926 0 015.734 3.869c20.781 18.658 33.275 73.855 41.861 100.816 8.587-26.961 21.08-82.158 41.862-100.816a41.865 41.865 0 015.734-3.869l25.206-14.129-32.665-18.866c-.024-5.116-.397-10.137-1.251-14.978 3.66.114 7.344-.221 10.96-1.035 5.551-1.25 10.854-3.63 15.333-7.161 4.613-3.636 8.193-8.399 10.153-13.953 3.043-8.623 1.749-17.689-2.155-25.799l-2.01-4.175z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default DexScreener\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,WAAW,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AACxF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;IACF,QACEA,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,MAAM,EAAE,KAAK,IAAI,IAAI,EACrB,OAAO,EAAC,aAAa,EACrB,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CAETC,cACE,CAAC,EAAC,4rCAA4rC,EAC9rC,IAAI,EAAC,cAAc,EAAA,CACnB,EACFA,cACE,CAAC,EAAC,m/BAAm/B,EACr/B,IAAI,EAAC,cAAc,EAAA,CACnB,CAAA,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"DexScreener.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/DexScreener.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst DexScreener: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n  const deg: rotation = {\n    left: 90,\n    up: 180,\n    right: 270,\n    down: 0,\n  }\n  const style = dynamicStyles.generic({\n    degree: deg[direction as keyof rotation],\n    color,\n  })\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width || '18'}\n      height={width || '18'}\n      viewBox=\"0 0 252 300\"\n      className=\"ape-icon\"\n      style={style}\n    >\n      <path\n        d=\"M151.818 106.866c9.177-4.576 20.854-11.312 32.545-20.541 2.465 5.119 2.735 9.586 1.465 13.193-.9 2.542-2.596 4.753-4.826 6.512-2.415 1.901-5.431 3.285-8.765 4.033-6.326 1.425-13.712.593-20.419-3.197m1.591 46.886l12.148 7.017c-24.804 13.902-31.547 39.716-39.557 64.859-8.009-25.143-14.753-50.957-39.556-64.859l12.148-7.017a5.95 5.95 0 003.84-5.845c-1.113-23.547 5.245-33.96 13.821-40.498 3.076-2.342 6.434-3.518 9.747-3.518s6.671 1.176 9.748 3.518c8.576 6.538 14.934 16.951 13.821 40.498a5.95 5.95 0 003.84 5.845zM126 0c14.042.377 28.119 3.103 40.336 8.406 8.46 3.677 16.354 8.534 23.502 14.342 3.228 2.622 5.886 5.155 8.814 8.071 7.897.273 19.438-8.5 24.796-16.709-9.221 30.23-51.299 65.929-80.43 79.589-.012-.005-.02-.012-.029-.018-5.228-3.992-11.108-5.988-16.989-5.988s-11.76 1.996-16.988 5.988c-.009.005-.017.014-.029.018-29.132-13.66-71.209-49.359-80.43-79.589 5.357 8.209 16.898 16.982 24.795 16.709 2.929-2.915 5.587-5.449 8.814-8.071C69.31 16.94 77.204 12.083 85.664 8.406 97.882 3.103 111.959.377 126 0m-25.818 106.866c-9.176-4.576-20.854-11.312-32.544-20.541-2.465 5.119-2.735 9.586-1.466 13.193.901 2.542 2.597 4.753 4.826 6.512 2.416 1.901 5.432 3.285 8.766 4.033 6.326 1.425 13.711.593 20.418-3.197\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M197.167 75.016c6.436-6.495 12.107-13.684 16.667-20.099l2.316 4.359c7.456 14.917 11.33 29.774 11.33 46.494l-.016 26.532.14 13.754c.54 33.766 7.846 67.929 24.396 99.193l-34.627-27.922-24.501 39.759-25.74-24.231L126 299.604l-41.132-66.748-25.739 24.231-24.501-39.759L0 245.25c16.55-31.264 23.856-65.427 24.397-99.193l.14-13.754-.016-26.532c0-16.721 3.873-31.578 11.331-46.494l2.315-4.359c4.56 6.415 10.23 13.603 16.667 20.099l-2.01 4.175c-3.905 8.109-5.198 17.176-2.156 25.799 1.961 5.554 5.54 10.317 10.154 13.953 4.48 3.531 9.782 5.911 15.333 7.161 3.616.814 7.3 1.149 10.96 1.035-.854 4.841-1.227 9.862-1.251 14.978L53.2 160.984l25.206 14.129a41.926 41.926 0 015.734 3.869c20.781 18.658 33.275 73.855 41.861 100.816 8.587-26.961 21.08-82.158 41.862-100.816a41.865 41.865 0 015.734-3.869l25.206-14.129-32.665-18.866c-.024-5.116-.397-10.137-1.251-14.978 3.66.114 7.344-.221 10.96-1.035 5.551-1.25 10.854-3.63 15.333-7.161 4.613-3.636 8.193-8.399 10.153-13.953 3.043-8.623 1.749-17.689-2.155-25.799l-2.01-4.175z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default DexScreener\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,WAAW,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AACxF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;IACF,QACEA,cACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,MAAM,EAAE,KAAK,IAAI,IAAI,EACrB,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAEZC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,4rCAA4rC,EAC9rC,IAAI,EAAC,cAAc,EAAA,CACnB,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,m/BAAm/B,EACr/B,IAAI,EAAC,cAAc,EAAA,CACnB,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Discord.js

@@ -1,4 +1,4 @@
-import { jsx } from 'theme-ui/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { dynamicStyles } from '../styles.js';
 
 const Discord = ({ direction = 'right', color = 'white', width }) => {
@@ -12,7 +12,7 @@ const Discord = ({ direction = 'right', color = 'white', width }) => {
         degree: deg[direction],
         color,
     });
-    return (jsx("svg", { width: width || '26', viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsx("path", { d: "M22.0101 4.86639C20.3526 4.11889 18.576 3.56639 16.718 3.25222C16.7015 3.24904 16.6844 3.25109 16.669 3.25808C16.6537 3.26506 16.6409 3.27665 16.6325 3.29122C16.405 3.69097 16.1515 4.21205 15.9738 4.62372C14.0033 4.32931 12 4.32931 10.0295 4.62372C9.83165 4.16749 9.60849 3.72263 9.36112 3.29122C9.35273 3.27647 9.34005 3.26462 9.32476 3.25727C9.30946 3.24991 9.29229 3.2474 9.27553 3.25005C7.4187 3.56422 5.64203 4.11672 3.98345 4.8653C3.96918 4.87129 3.95708 4.88149 3.94878 4.89455C0.577449 9.8508 -0.346634 14.6846 0.107282 19.4578C0.108546 19.4695 0.112174 19.4808 0.117948 19.4911C0.123721 19.5013 0.131519 19.5103 0.140866 19.5174C2.10862 20.95 4.3034 22.0414 6.63328 22.7457C6.64953 22.7507 6.6669 22.7507 6.68313 22.7457C6.69936 22.7407 6.71371 22.7309 6.72428 22.7176C7.22478 22.0459 7.67112 21.3363 8.05245 20.591C8.0752 20.5476 8.05353 20.4956 8.00803 20.4783C7.30821 20.2148 6.63013 19.8967 5.98003 19.5271C5.96835 19.5205 5.95851 19.511 5.95139 19.4996C5.94426 19.4882 5.94009 19.4752 5.93923 19.4618C5.93837 19.4483 5.94086 19.4349 5.94646 19.4227C5.95207 19.4105 5.96063 19.3998 5.97137 19.3917C6.10787 19.291 6.24437 19.1859 6.37437 19.0808C6.38607 19.0714 6.40016 19.0653 6.41508 19.0634C6.43 19.0615 6.44516 19.0638 6.45887 19.07C10.7131 20.981 15.3205 20.981 19.525 19.07C19.5387 19.0634 19.554 19.0609 19.5691 19.0626C19.5843 19.0643 19.5986 19.0702 19.6105 19.0797C19.7405 19.1859 19.876 19.291 20.0135 19.3917C20.0244 19.3997 20.0331 19.4102 20.0389 19.4223C20.0447 19.4344 20.0473 19.4478 20.0467 19.4612C20.0461 19.4746 20.0421 19.4876 20.0352 19.4992C20.0283 19.5107 20.0186 19.5203 20.007 19.5271C19.3592 19.8998 18.6854 20.2151 17.978 20.4772C17.9671 20.4812 17.9572 20.4874 17.9489 20.4955C17.9406 20.5035 17.9342 20.5133 17.93 20.524C17.9258 20.5348 17.9239 20.5463 17.9245 20.5579C17.9252 20.5694 17.9282 20.5807 17.9335 20.591C18.3235 21.3352 18.7699 22.0437 19.2606 22.7165C19.2708 22.7303 19.285 22.7406 19.3013 22.746C19.3176 22.7515 19.3352 22.7517 19.3516 22.7468C21.6855 22.0444 23.8839 20.9526 25.8538 19.5174C25.8634 19.5107 25.8715 19.502 25.8774 19.4919C25.8834 19.4818 25.8872 19.4705 25.8885 19.4589C26.4301 13.9404 24.9806 9.14555 22.0437 4.89672C22.0365 4.88291 22.0246 4.87215 22.0101 4.86639ZM8.68837 16.5512C7.40787 16.5512 6.35162 15.3931 6.35162 13.9729C6.35162 12.5516 7.38728 11.3946 8.68837 11.3946C9.9992 11.3946 11.0457 12.5613 11.0251 13.9729C11.0251 15.3942 9.98945 16.5512 8.68837 16.5512ZM17.328 16.5512C16.0464 16.5512 14.9912 15.3931 14.9912 13.9729C14.9912 12.5516 16.0258 11.3946 17.328 11.3946C18.6388 11.3946 19.6853 12.5613 19.6647 13.9729C19.6647 15.3942 18.6399 16.5512 17.328 16.5512Z", fill: "#4D4040" }) }));
+    return (jsx("svg", { width: width || '26', viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "ape-icon", style: style, children: jsx("path", { d: "M22.0101 4.86639C20.3526 4.11889 18.576 3.56639 16.718 3.25222C16.7015 3.24904 16.6844 3.25109 16.669 3.25808C16.6537 3.26506 16.6409 3.27665 16.6325 3.29122C16.405 3.69097 16.1515 4.21205 15.9738 4.62372C14.0033 4.32931 12 4.32931 10.0295 4.62372C9.83165 4.16749 9.60849 3.72263 9.36112 3.29122C9.35273 3.27647 9.34005 3.26462 9.32476 3.25727C9.30946 3.24991 9.29229 3.2474 9.27553 3.25005C7.4187 3.56422 5.64203 4.11672 3.98345 4.8653C3.96918 4.87129 3.95708 4.88149 3.94878 4.89455C0.577449 9.8508 -0.346634 14.6846 0.107282 19.4578C0.108546 19.4695 0.112174 19.4808 0.117948 19.4911C0.123721 19.5013 0.131519 19.5103 0.140866 19.5174C2.10862 20.95 4.3034 22.0414 6.63328 22.7457C6.64953 22.7507 6.6669 22.7507 6.68313 22.7457C6.69936 22.7407 6.71371 22.7309 6.72428 22.7176C7.22478 22.0459 7.67112 21.3363 8.05245 20.591C8.0752 20.5476 8.05353 20.4956 8.00803 20.4783C7.30821 20.2148 6.63013 19.8967 5.98003 19.5271C5.96835 19.5205 5.95851 19.511 5.95139 19.4996C5.94426 19.4882 5.94009 19.4752 5.93923 19.4618C5.93837 19.4483 5.94086 19.4349 5.94646 19.4227C5.95207 19.4105 5.96063 19.3998 5.97137 19.3917C6.10787 19.291 6.24437 19.1859 6.37437 19.0808C6.38607 19.0714 6.40016 19.0653 6.41508 19.0634C6.43 19.0615 6.44516 19.0638 6.45887 19.07C10.7131 20.981 15.3205 20.981 19.525 19.07C19.5387 19.0634 19.554 19.0609 19.5691 19.0626C19.5843 19.0643 19.5986 19.0702 19.6105 19.0797C19.7405 19.1859 19.876 19.291 20.0135 19.3917C20.0244 19.3997 20.0331 19.4102 20.0389 19.4223C20.0447 19.4344 20.0473 19.4478 20.0467 19.4612C20.0461 19.4746 20.0421 19.4876 20.0352 19.4992C20.0283 19.5107 20.0186 19.5203 20.007 19.5271C19.3592 19.8998 18.6854 20.2151 17.978 20.4772C17.9671 20.4812 17.9572 20.4874 17.9489 20.4955C17.9406 20.5035 17.9342 20.5133 17.93 20.524C17.9258 20.5348 17.9239 20.5463 17.9245 20.5579C17.9252 20.5694 17.9282 20.5807 17.9335 20.591C18.3235 21.3352 18.7699 22.0437 19.2606 22.7165C19.2708 22.7303 19.285 22.7406 19.3013 22.746C19.3176 22.7515 19.3352 22.7517 19.3516 22.7468C21.6855 22.0444 23.8839 20.9526 25.8538 19.5174C25.8634 19.5107 25.8715 19.502 25.8774 19.4919C25.8834 19.4818 25.8872 19.4705 25.8885 19.4589C26.4301 13.9404 24.9806 9.14555 22.0437 4.89672C22.0365 4.88291 22.0246 4.87215 22.0101 4.86639ZM8.68837 16.5512C7.40787 16.5512 6.35162 15.3931 6.35162 13.9729C6.35162 12.5516 7.38728 11.3946 8.68837 11.3946C9.9992 11.3946 11.0457 12.5613 11.0251 13.9729C11.0251 15.3942 9.98945 16.5512 8.68837 16.5512ZM17.328 16.5512C16.0464 16.5512 14.9912 15.3931 14.9912 13.9729C14.9912 12.5516 16.0258 11.3946 17.328 11.3946C18.6388 11.3946 19.6853 12.5613 19.6647 13.9729C19.6647 15.3942 18.6399 16.5512 17.328 16.5512Z", fill: "#4D4040" }) }));
 };
 
 export { Discord as default };