@ape.swap/bonds-sdk 3.1.8 → 3.1.9-test.3

package/dist/components/uikit-sdk/Button/IconButton.js

@@ -0,0 +1,23 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import { Button } from 'theme-ui';
+import Svg from '../Svg/index.js';
+import { icons } from '../Svg/types.js';
+import { iconButtonVariants } from './types.js';
+import styles from './styles.js';
+
+const IconButton = ({ icon = icons.DISCORD, color = 'white1', background = 'yellow', variant = iconButtonVariants.PRIMARY, iconWidth, children, ...props }) => {
+    return (jsx(Button, { ...props, variant: variant, sx: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            position: 'relative',
+            variant: `buttons.${variant}`,
+            color: 'primaryBright',
+            background,
+            ...(variant === iconButtonVariants.PRIMARY ? styles.primary : {}),
+            ...(variant === iconButtonVariants.TRANSPARENT ? styles.transparent : {}),
+        }, children: children || (jsx("span", { sx: { height: iconWidth, width: iconWidth }, children: jsx(Svg, { color: color, icon: icon, ...props, width: iconWidth }) })) }));
+};
+
+export { IconButton as default };
+//# sourceMappingURL=IconButton.js.map

package/dist/components/uikit-sdk/Button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/uikit-sdk/Button/IconButton.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from 'theme-ui'\nimport Svg from '../Svg'\nimport { icons } from '../Svg/types'\nimport { IconButtonProps, iconButtonVariants as variants } from './types'\nimport style from './styles'\n\nconst IconButton: React.FC<IconButtonProps> = ({\n  icon = icons.DISCORD,\n  color = 'white1',\n  background = 'yellow',\n  variant = variants.PRIMARY,\n  iconWidth,\n  children,\n  ...props\n}) => {\n  return (\n    <Button\n      {...props}\n      variant={variant}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n        variant: `buttons.${variant}`,\n        color: 'primaryBright',\n        background,\n        ...(variant === variants.PRIMARY ? style.primary : {}),\n        ...(variant === variants.TRANSPARENT ? style.transparent : {}),\n      }}\n    >\n      {children || (\n        <span sx={{ height: iconWidth, width: iconWidth }}>\n          <Svg color={color} icon={icon} {...props} width={iconWidth} />\n        </span>\n      )}\n    </Button>\n  )\n}\n\nexport default IconButton\n"],"names":["variants","_jsx","style"],"mappings":";;;;;;;AAOA,MAAM,UAAU,GAA8B,CAAC,EAC7C,IAAI,GAAG,KAAK,CAAC,OAAO,EACpB,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,QAAQ,EACrB,OAAO,GAAGA,kBAAQ,CAAC,OAAO,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;IACH,QACEC,GAAA,CAAC,MAAM,EAAA,EAAA,GACD,KAAK,EACT,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE;AAC7B,YAAA,KAAK,EAAE,eAAe;YACtB,UAAU;AACV,YAAA,IAAI,OAAO,KAAKD,kBAAQ,CAAC,OAAO,GAAGE,MAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AACtD,YAAA,IAAI,OAAO,KAAKF,kBAAQ,CAAC,WAAW,GAAGE,MAAK,CAAC,WAAW,GAAG,EAAE,CAAC;AAC/D,SAAA,EAAA,QAAA,EAEA,QAAQ,KACPD,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,YAC/CA,GAAA,CAAC,GAAG,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAA,GAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAA,CAAI,GACzD,CACR,EAAA,CACM;AAEb;;;;"}

package/dist/components/uikit-sdk/Button/styles.js

@@ -0,0 +1,31 @@
+const defaultStyle = {
+    cursor: 'pointer',
+    color: 'primaryBright',
+    border: 'none',
+    transition: 'all .3s linear',
+    '&:hover': {
+        filter: 'brightness(115%)',
+    },
+    '&:active': {
+        transform: 'scale(0.9)',
+    },
+};
+const styles = {
+    primary: {
+        ...defaultStyle,
+    },
+    transparent: {
+        ...defaultStyle,
+        backgroundColor: 'transparent',
+        backgroundRepeat: 'no-repeat',
+        padding: '0px',
+        border: 'none',
+        cursor: 'pointer',
+        svg: {
+            background: 'transparent',
+        },
+    },
+};
+
+export { styles as default };
+//# sourceMappingURL=styles.js.map

package/dist/components/uikit-sdk/Button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Button/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst defaultStyle = {\n  cursor: 'pointer',\n  color: 'primaryBright',\n  border: 'none',\n  transition: 'all .3s linear',\n  '&:hover': {\n    filter: 'brightness(115%)',\n  },\n  '&:active': {\n    transform: 'scale(0.9)',\n  },\n}\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  primary: {\n    ...defaultStyle,\n  },\n  transparent: {\n    ...defaultStyle,\n    backgroundColor: 'transparent',\n    backgroundRepeat: 'no-repeat',\n    padding: '0px',\n    border: 'none',\n    cursor: 'pointer',\n    svg: {\n      background: 'transparent',\n    },\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,kBAAkB;AAC3B,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,SAAS,EAAE,YAAY;AACxB,KAAA;CACF;AAED,MAAM,MAAM,GAAuC;AACjD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,YAAY;AAChB,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,GAAG,YAAY;AACf,QAAA,eAAe,EAAE,aAAa;AAC9B,QAAA,gBAAgB,EAAE,WAAW;AAC7B,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,GAAG,EAAE;AACH,YAAA,UAAU,EAAE,aAAa;AAC1B,SAAA;AACF,KAAA;;;;;"}

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

@@ -0,0 +1,39 @@
+var sizes;
+(function (sizes) {
+    sizes["SMALL"] = "sm";
+    sizes["MEDIUM"] = "md";
+    sizes["LARGE"] = "lg";
+})(sizes || (sizes = {}));
+const buttonFontSizes = {
+    [sizes.SMALL]: '12px',
+    [sizes.MEDIUM]: '16px',
+    [sizes.LARGE]: '18px',
+};
+const buttonLineHeight = {
+    [sizes.SMALL]: '10px',
+    [sizes.MEDIUM]: '24px',
+    [sizes.LARGE]: '33px',
+};
+const buttonPadding = {
+    [sizes.SMALL]: { x: 5, y: 2 },
+    [sizes.MEDIUM]: { x: 7, y: 3 },
+    [sizes.LARGE]: { x: 10, y: 6 },
+};
+var variants;
+(function (variants) {
+    variants["PRIMARY"] = "primary";
+    variants["SECONDARY"] = "secondary";
+    variants["TERTIARY"] = "tertiary";
+    variants["TEXT"] = "text";
+    variants["SUCCESS"] = "success";
+    variants["DANGER"] = "danger";
+})(variants || (variants = {}));
+var iconButtonVariants;
+(function (iconButtonVariants) {
+    iconButtonVariants["PRIMARY"] = "primary";
+    iconButtonVariants["TRANSPARENT"] = "transparent";
+    iconButtonVariants["CIRCULAR"] = "circular";
+})(iconButtonVariants || (iconButtonVariants = {}));
+
+export { buttonFontSizes, buttonLineHeight, buttonPadding, iconButtonVariants, sizes, variants };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Button/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { ButtonProps as ThemeUIButtonProps } from 'theme-ui'\nimport { iconTypes } from '../Svg/types'\n\nexport enum sizes {\n  SMALL = 'sm',\n  MEDIUM = 'md',\n  LARGE = 'lg',\n}\n\nexport const buttonFontSizes: Record<sizes | any, string> = {\n  [sizes.SMALL]: '12px',\n  [sizes.MEDIUM]: '16px',\n  [sizes.LARGE]: '18px',\n}\n\nexport const buttonLineHeight: Record<sizes | any, string> = {\n  [sizes.SMALL]: '10px',\n  [sizes.MEDIUM]: '24px',\n  [sizes.LARGE]: '33px',\n}\n\nexport const buttonPadding: Record<sizes | any, { x: number; y: number }> = {\n  [sizes.SMALL]: { x: 5, y: 2 },\n  [sizes.MEDIUM]: { x: 7, y: 3 },\n  [sizes.LARGE]: { x: 10, y: 6 },\n}\n\nexport enum variants {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  TERTIARY = 'tertiary',\n  TEXT = 'text',\n  SUCCESS = 'success',\n  DANGER = 'danger',\n}\n\nexport enum iconButtonVariants {\n  PRIMARY = 'primary',\n  TRANSPARENT = 'transparent',\n  CIRCULAR = 'circular',\n}\n\nexport type sizeProps = `${sizes}`\nexport type variantProps = `${variants}`\nexport type iconButtonVariantsProps = `${iconButtonVariants}`\n\nexport interface ButtonProps extends Omit<ThemeUIButtonProps, 'sx'> {\n  variant?: variantProps\n  size?: sizeProps\n  startIcon?: ReactNode\n  endIcon?: ReactNode\n  fullWidth?: boolean\n  load?: boolean\n  [key: string]: any\n}\n\nexport interface IconButtonProps extends Omit<ButtonProps, 'variant'> {\n  variant?: iconButtonVariantsProps\n  color?: string\n  background?: string\n  icon?: iconTypes\n  iconWidth?: number\n}\n"],"names":[],"mappings":"IAIY;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,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,EAJW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;AAMV,MAAM,eAAe,GAAgC;AAC1D,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACrB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACtB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;;AAGhB,MAAM,gBAAgB,GAAgC;AAC3D,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACrB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACtB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;;AAGhB,MAAM,aAAa,GAAkD;AAC1E,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7B,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC9B,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;;IAGpB;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,QAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAPW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;IASR;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;;;"}

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

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { scales } from './types.js';
+
+const getScale = ({ scale }) => {
+    switch (scale) {
+        case scales.SM:
+            return '21px';
+        case scales.MD:
+        default:
+            return '32px';
+    }
+};
+const Checkbox = ({ scale = scales.SM, display = 'block', className, background, ...props }) => {
+    const scaleSize = getScale({ scale });
+    const svgScale = scale === 'sm' ? 13 : 21;
+    return (jsxs("span", { className: className, sx: {
+            display,
+            width: scaleSize,
+            height: scaleSize,
+            position: 'relative',
+        }, children: [jsx("input", { type: "checkbox", sx: { variant: 'checkbox', background: background, borderColor: 'white4' }, ...props }), jsx("svg", { width: svgScale, viewBox: "0 0 13 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M11.8132 0.171594C11.522 -0.0616871 11.0766 -0.046135 10.8025 0.218251L4.25899 6.76569L1.17566 4.46397C0.93585 4.27735 0.576128 4.2618 0.319184 4.43287C-0.00627898 4.63505 -0.0747974 5.0394 0.147888 5.33489L3.35113 9.4873C3.43677 9.59617 3.55668 9.70503 3.67659 9.78279C4.27612 10.156 5.09835 10.0161 5.50946 9.47175L5.56085 9.40954L11.9159 1.01141C12.1215 0.747022 12.0701 0.389324 11.8132 0.171594Z", fill: "#FAFAFA" }) })] }));
+};
+
+export { Checkbox as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Checkbox/index.tsx"],"sourcesContent":["import { CheckboxProps, scales } from './types'\n\nconst getScale = ({ scale }: CheckboxProps) => {\n  switch (scale) {\n    case scales.SM:\n      return '21px'\n    case scales.MD:\n    default:\n      return '32px'\n  }\n}\n\nconst Checkbox = ({ scale = scales.SM, display = 'block', className, background, ...props }: CheckboxProps | any) => {\n  const scaleSize = getScale({ scale })\n  const svgScale = scale === 'sm' ? 13 : 21\n\n  return (\n    <span\n      className={className}\n      sx={{\n        display,\n        width: scaleSize,\n        height: scaleSize,\n        position: 'relative',\n      }}\n    >\n      <input type=\"checkbox\" sx={{ variant: 'checkbox', background: background, borderColor: 'white4' }} {...props} />\n      <svg width={svgScale || '13'} viewBox=\"0 0 13 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M11.8132 0.171594C11.522 -0.0616871 11.0766 -0.046135 10.8025 0.218251L4.25899 6.76569L1.17566 4.46397C0.93585 4.27735 0.576128 4.2618 0.319184 4.43287C-0.00627898 4.63505 -0.0747974 5.0394 0.147888 5.33489L3.35113 9.4873C3.43677 9.59617 3.55668 9.70503 3.67659 9.78279C4.27612 10.156 5.09835 10.0161 5.50946 9.47175L5.56085 9.40954L11.9159 1.01141C12.1215 0.747022 12.0701 0.389324 11.8132 0.171594Z\"\n          fill=\"#FAFAFA\"\n        />\n      </svg>\n    </span>\n  )\n}\n\nexport default Checkbox\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAEA,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAiB,KAAI;IAC5C,QAAQ,KAAK;QACX,KAAK,MAAM,CAAC,EAAE;AACZ,YAAA,OAAO,MAAM;QACf,KAAK,MAAM,CAAC,EAAE;AACd,QAAA;AACE,YAAA,OAAO,MAAM;;AAEnB,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,EAAuB,KAAI;IAClH,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;AACrC,IAAA,MAAM,QAAQ,GAAG,KAAK,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AAEzC,IAAA,QACEA,IAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE;YACF,OAAO;AACP,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,QAAQ,EAAE,UAAU;SACrB,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,OAAA,EAAA,EAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAA,GAAM,KAAK,EAAA,CAAI,EAChHA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,QAAgB,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC9FA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,kZAAkZ,EACpZ,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}

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

@@ -0,0 +1,8 @@
+var scales;
+(function (scales) {
+    scales["SM"] = "sm";
+    scales["MD"] = "md";
+})(scales || (scales = {}));
+
+export { scales };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Checkbox/types.ts"],"sourcesContent":["import { InputHTMLAttributes } from 'react'\nimport { ThemeUICSSObject } from 'theme-ui'\n\nexport enum scales {\n  SM = 'sm',\n  MD = 'md',\n}\n\nexport type scaleProps = `${scales}`\n\nexport interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {\n  scale?: scaleProps\n  display?: ThemeUICSSObject['display']\n}\n"],"names":[],"mappings":"IAGY;AAAZ,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,MAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EAHW,MAAM,KAAN,MAAM,GAAA,EAAA,CAAA,CAAA;;;;"}

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

@@ -0,0 +1,9 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import { Flex as Flex$1 } from 'theme-ui';
+
+const Flex = ({ children, ...props }) => {
+    return jsx(Flex$1, { ...props, children: children });
+};
+
+export { Flex as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Flex/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex as ThemeUIFlex } from 'theme-ui'\n\nconst Flex = ({ children, ...props }: { children: React.ReactNode } | any) => {\n  return <ThemeUIFlex {...props}>{children}</ThemeUIFlex>\n}\n\nexport default Flex\n"],"names":["_jsx","ThemeUIFlex"],"mappings":";;;AAGA,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuC,KAAI;AAC3E,IAAA,OAAOA,IAACC,MAAW,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EAAG,QAAQ,GAAe;AACzD;;;;"}

package/dist/components/uikit-sdk/Input/Input.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import { Input as Input$1, Spinner } from 'theme-ui';
+import Flex from '../Flex/index.js';
+import Svg from '../Svg/index.js';
+import Text from '../Text/index.js';
+
+const colorScheme = {
+    default: 'gray',
+    error: 'red',
+    success: 'green',
+};
+const Input = ({ variant, width, status, isLoading, ...props }) => {
+    switch (variant) {
+        case 'search':
+            return (jsxs(Flex, { sx: { position: 'relative', width: width ? width : 'unset' }, children: [jsx(Input$1, { ...props, sx: {
+                            background: 'white3',
+                            border: 'none',
+                            pl: '10px',
+                            borderRadius: 'normal',
+                            ':focus': { outline: 'none' },
+                        } }), jsx(Flex, { sx: { position: 'absolute', right: 5, justifyContent: 'center', height: '100%' }, children: jsx(Svg, { icon: "search", color: "grey" }) })] }));
+        case 'password': {
+            const statusColor = colorScheme[status];
+            return (jsxs(Flex, { sx: {
+                    width: width ? width : '100%',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    gap: '5px',
+                    position: 'relative',
+                }, children: [jsx(Input$1, { ...props, type: "password", sx: {
+                            position: 'relative',
+                            background: 'white3',
+                            border: 'none',
+                            borderBottom: `2px solid ${statusColor}`,
+                            color: statusColor,
+                            pl: '10px',
+                            borderRadius: 'normal',
+                            ':focus': { outline: 'none' },
+                        } }), isLoading && (jsx(Flex, { sx: { position: 'absolute', top: '5px', right: '5px', justifyContent: 'center', height: '100%' }, children: jsx(Spinner, { width: "20px", height: "20px" }) })), jsx(Text, { sx: { fontSize: '10px', color: statusColor, visibility: status === 'default' ? 'hidden' : 'visible' }, children: status === 'error' ? 'Wrong Password' : 'Correct Password' })] }));
+        }
+        default:
+            return (jsx(Input$1, { ...props, sx: {
+                    background: 'white3',
+                    border: 'none',
+                    pl: '10px',
+                    borderRadius: 'normal',
+                    ':focus': { outline: 'none' },
+                } }));
+    }
+};
+
+export { Input as default };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../../src/components/uikit-sdk/Input/Input.tsx"],"sourcesContent":["import { Input as ThemeInput, Spinner } from 'theme-ui'\nimport Flex from '../Flex'\nimport Svg from '../Svg'\nimport Text from '../Text'\n\ntype variant = 'search' | 'password' | 'text'\ntype inputStatus = 'default' | 'error' | 'success'\ntype color = 'gray' | 'red' | 'green'\n\ntype colorSchemeMap = Record<inputStatus, color>\n\nconst colorScheme: colorSchemeMap = {\n  default: 'gray',\n  error: 'red',\n  success: 'green',\n}\n\nconst Input = ({\n  variant,\n  width,\n  status,\n  isLoading,\n  ...props\n}: { variant?: variant; width?: string[]; status?: inputStatus; isLoading?: boolean } | any) => {\n  switch (variant) {\n    case 'search':\n      return (\n        <Flex sx={{ position: 'relative', width: width ? width : 'unset' }}>\n          <ThemeInput\n            {...props}\n            sx={{\n              background: 'white3',\n              border: 'none',\n              pl: '10px',\n              borderRadius: 'normal',\n              ':focus': { outline: 'none' },\n            }}\n          />\n          <Flex sx={{ position: 'absolute', right: 5, justifyContent: 'center', height: '100%' }}>\n            <Svg icon=\"search\" color=\"grey\" />\n          </Flex>\n        </Flex>\n      )\n\n    case 'password': {\n      const statusColor = colorScheme[status as inputStatus]\n      return (\n        <Flex\n          sx={{\n            width: width ? width : '100%',\n            flexDirection: 'column',\n            alignItems: 'center',\n            gap: '5px',\n            position: 'relative',\n          }}\n        >\n          <ThemeInput\n            {...props}\n            type=\"password\"\n            sx={{\n              position: 'relative',\n              background: 'white3',\n              border: 'none',\n              borderBottom: `2px solid ${statusColor}`,\n              color: statusColor,\n              pl: '10px',\n              borderRadius: 'normal',\n              ':focus': { outline: 'none' },\n            }}\n          />\n          {isLoading && (\n            <Flex sx={{ position: 'absolute', top: '5px', right: '5px', justifyContent: 'center', height: '100%' }}>\n              <Spinner width=\"20px\" height=\"20px\" />\n            </Flex>\n          )}\n          <Text sx={{ fontSize: '10px', color: statusColor, visibility: status === 'default' ? 'hidden' : 'visible' }}>\n            {status === 'error' ? 'Wrong Password' : 'Correct Password'}\n          </Text>\n        </Flex>\n      )\n    }\n\n    default:\n      return (\n        <ThemeInput\n          {...props}\n          sx={{\n            background: 'white3',\n            border: 'none',\n            pl: '10px',\n            borderRadius: 'normal',\n            ':focus': { outline: 'none' },\n          }}\n        />\n      )\n  }\n}\n\nexport default Input\n"],"names":["_jsxs","_jsx","ThemeInput"],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import '../Svg/types.js';
+import 'theme-ui';
+import Flex from '../Flex/index.js';
+import '../Text/types.js';
+import '../Checkbox/types.js';
+import '../Skeleton/types.js';
+import '../Skeleton/styles.js';
+import '../TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../Button/types.js';
+import '../../../contexts/ModalContext.js';
+import '../../../views/FullBondsView/FullBondsView.js';
+import '../Select/types.js';
+
+const Dots = () => {
+    return (jsxs(Flex, { children: ["Loading", ' ', jsx("span", { sx: {
+                    ':after': {
+                        display: 'inline-block',
+                        animation: ' ellipsis 1.25s infinite',
+                        content: "'.'",
+                        width: '1em',
+                        textAlign: 'left',
+                    },
+                    '@keyframes ellipsis': {
+                        '0%': {
+                            content: "'.'",
+                        },
+                        ' 33%': {
+                            content: "'..'",
+                        },
+                        '66%': {
+                            content: "'...'",
+                        },
+                    },
+                } })] }));
+};
+
+export { Dots as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/LoadingDots/index.tsx"],"sourcesContent":["import { Flex } from '../index'\n\nconst Dots = () => {\n  return (\n    <Flex>\n      Loading{' '}\n      <span\n        sx={{\n          ':after': {\n            display: 'inline-block',\n            animation: ' ellipsis 1.25s infinite',\n            content: \"'.'\",\n            width: '1em',\n            textAlign: 'left',\n          },\n          '@keyframes ellipsis': {\n            '0%': {\n              content: \"'.'\",\n            },\n            ' 33%': {\n              content: \"'..'\",\n            },\n            '66%': {\n              content: \"'...'\",\n            },\n          },\n        }}\n      />\n    </Flex>\n  )\n}\n\nexport default Dots\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAEA,MAAM,IAAI,GAAG,MAAK;IAChB,QACEA,KAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CAAA,SAAA,EACK,GAAG,EACXC,GAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE;AACR,wBAAA,OAAO,EAAE,cAAc;AACvB,wBAAA,SAAS,EAAE,0BAA0B;AACrC,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,KAAK,EAAE,KAAK;AACZ,wBAAA,SAAS,EAAE,MAAM;AAClB,qBAAA;AACD,oBAAA,qBAAqB,EAAE;AACrB,wBAAA,IAAI,EAAE;AACJ,4BAAA,OAAO,EAAE,KAAK;AACf,yBAAA;AACD,wBAAA,MAAM,EAAE;AACN,4BAAA,OAAO,EAAE,MAAM;AAChB,yBAAA;AACD,wBAAA,KAAK,EAAE;AACL,4BAAA,OAAO,EAAE,OAAO;AACjB,yBAAA;AACF,qBAAA;iBACF,EAAA,CACD,CAAA,EAAA,CACG;AAEX;;;;"}

package/dist/components/uikit-sdk/Modal/ModalHeader.js

@@ -0,0 +1,13 @@
+import { jsxs, Fragment, jsx } from 'theme-ui/jsx-runtime';
+import { Flex, Divider } from 'theme-ui';
+import styles from './styles.js';
+import 'react';
+import '../Button/types.js';
+import IconButton from '../Button/IconButton.js';
+
+const ModalHeader = ({ children, onDismiss, hideDivider, ...props }) => {
+    return (jsxs(Fragment, { children: [jsxs(Flex, { ...props, sx: styles.modalHead, children: [children, onDismiss && jsx(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: onDismiss })] }), !hideDivider && jsx(Divider, {})] }));
+};
+
+export { ModalHeader as default };
+//# sourceMappingURL=ModalHeader.js.map

package/dist/components/uikit-sdk/Modal/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sources":["../../../../src/components/uikit-sdk/Modal/ModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Divider, Flex } from 'theme-ui'\nimport style from './styles'\nimport { IconButton } from '../Button'\nimport { InternalProps } from './types'\n\nconst ModalHeader: React.FC<InternalProps> = ({ children, onDismiss, hideDivider, ...props }) => {\n  return (\n    <>\n      <Flex {...props} sx={style.modalHead}>\n        {children}\n        {onDismiss && <IconButton icon=\"close\" color=\"text\" variant=\"transparent\" onClick={onDismiss} />}\n      </Flex>\n      {!hideDivider && <Divider />}\n    </>\n  )\n}\n\nexport default ModalHeader\n"],"names":["_jsxs","style","_jsx"],"mappings":";;;;;;;AAMA,MAAM,WAAW,GAA4B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,KAAI;IAC9F,QACEA,4BACEA,IAAA,CAAC,IAAI,OAAK,KAAK,EAAE,EAAE,EAAEC,MAAK,CAAC,SAAS,EAAA,QAAA,EAAA,CACjC,QAAQ,EACR,SAAS,IAAIC,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,SAAS,GAAI,CAAA,EAAA,CAC3F,EACN,CAAC,WAAW,IAAIA,IAAC,OAAO,EAAA,EAAA,CAAG,CAAA,EAAA,CAC3B;AAEP;;;;"}

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

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { useContext } from 'react';
+import { Box } from 'theme-ui';
+import { AnimatePresence, motion } from 'framer-motion';
+import styles from './styles.js';
+import ModalHeader from './ModalHeader.js';
+import { Context } from '../../../contexts/ModalContext.js';
+import Text from '../Text/index.js';
+
+const Modal = ({ children, onDismiss, open = true, title, zIndex = 'modal', onAnimationComplete, backdrop, ...props }) => {
+    const { handleClose } = useContext(Context);
+    const onClose = onDismiss || handleClose;
+    return (jsxs(Box, { id: title, sx: { zIndex }, children: [jsx(AnimatePresence, { children: open && (jsxs(motion.div, { initial: {
+                        opacity: 0,
+                        transform: 'translate(-50%, -50%) scale(0.1)',
+                    }, animate: {
+                        opacity: 1,
+                        transform: 'translate(-50%, -50%) scale(1.0)',
+                    }, transition: {
+                        opacity: { duration: 0.2 },
+                        transform: { duration: 0.2 },
+                    }, exit: { opacity: 0, transform: 'translate(-50%, -50%) scale(0)' }, ...props, sx: { ...styles.container, zIndex }, onAnimationComplete: onAnimationComplete, children: [title && (jsx(ModalHeader, { onDismiss: onClose, children: jsx(Text, { sx: { fontSize: '22px', fontWeight: 700, lineHeight: '33px' }, children: title }) })), children] })) }), open && jsx(Box, { sx: { ...styles.backdrop, ...backdrop }, onClick: onClose })] }));
+};
+
+export { Modal as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Modal/index.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { Box } from 'theme-ui'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { ModalProps } from './types'\nimport style from './styles'\nimport ModalHeader from './ModalHeader'\nimport { Context as ModalContext } from '../../../contexts/ModalContext'\nimport Text from '../Text'\n\nconst Modal = ({\n  children,\n  onDismiss,\n  open = true,\n  title,\n  zIndex = 'modal',\n  onAnimationComplete,\n  backdrop,\n  ...props\n}: ModalProps | any) => {\n  const { handleClose } = useContext(ModalContext)\n  const onClose = onDismiss || handleClose\n\n  return (\n    <Box id={title} sx={{ zIndex }}>\n      <AnimatePresence>\n        {open && (\n          <motion.div\n            initial={{\n              opacity: 0,\n              transform: 'translate(-50%, -50%) scale(0.1)',\n            }}\n            animate={{\n              opacity: 1,\n              transform: 'translate(-50%, -50%) scale(1.0)',\n            }}\n            transition={{\n              opacity: { duration: 0.2 },\n              transform: { duration: 0.2 },\n            }}\n            exit={{ opacity: 0, transform: 'translate(-50%, -50%) scale(0)' }}\n            {...props}\n            sx={{ ...style.container, zIndex }}\n            onAnimationComplete={onAnimationComplete}\n          >\n            {title && (\n              <ModalHeader onDismiss={onClose}>\n                <Text sx={{ fontSize: '22px', fontWeight: 700, lineHeight: '33px' }}>{title}</Text>\n              </ModalHeader>\n            )}\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n      {open && <Box sx={{ ...style.backdrop, ...backdrop }} onClick={onClose} />}\n    </Box>\n  )\n}\n\nexport default Modal\n"],"names":["ModalContext","_jsxs","_jsx","style"],"mappings":";;;;;;;;;AASA,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,KAAK,EACL,MAAM,GAAG,OAAO,EAChB,mBAAmB,EACnB,QAAQ,EACR,GAAG,KAAK,EACS,KAAI;IACrB,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAACA,OAAY,CAAC;AAChD,IAAA,MAAM,OAAO,GAAG,SAAS,IAAI,WAAW;IAExC,QACEC,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,aAC5BC,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACb,IAAI,KACHD,IAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACT,OAAO,EAAE;AACP,wBAAA,OAAO,EAAE,CAAC;AACV,wBAAA,SAAS,EAAE,kCAAkC;AAC9C,qBAAA,EACD,OAAO,EAAE;AACP,wBAAA,OAAO,EAAE,CAAC;AACV,wBAAA,SAAS,EAAE,kCAAkC;AAC9C,qBAAA,EACD,UAAU,EAAE;AACV,wBAAA,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;AAC1B,wBAAA,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;AAC7B,qBAAA,EACD,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,gCAAgC,EAAE,EAAA,GAC7D,KAAK,EACT,EAAE,EAAE,EAAE,GAAGE,MAAK,CAAC,SAAS,EAAE,MAAM,EAAE,EAClC,mBAAmB,EAAE,mBAAmB,EAAA,QAAA,EAAA,CAEvC,KAAK,KACJD,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAE,OAAO,EAAA,QAAA,EAC7BA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,YAAG,KAAK,EAAA,CAAQ,GACvE,CACf,EACA,QAAQ,CAAA,EAAA,CACE,CACd,GACe,EACjB,IAAI,IAAIA,GAAA,CAAC,GAAG,IAAC,EAAE,EAAE,EAAE,GAAGC,MAAK,CAAC,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,CAAA,EAAA,CACtE;AAEV;;;;"}

package/dist/components/uikit-sdk/Modal/styles.js

@@ -0,0 +1,47 @@
+const styles = {
+    container: {
+        padding: '20px',
+        background: 'white2',
+        borderRadius: 'normal',
+        color: 'text',
+        hr: {
+            background: '#DCD9D9',
+        },
+        position: 'fixed',
+        display: 'block',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        width: '380px',
+        minWidth: ['95%', 'min(380px, 90%)', '380px'],
+        overflowY: ['auto', 'auto', 'auto', 'unset'],
+        maxHeight: 'calc(100% - 30px)',
+        maxWidth: '95vw',
+    },
+    backdrop: {
+        position: 'fixed',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        background: 'modalOverlay',
+        width: '100%',
+        height: '100%',
+        zIndex: 100,
+        transition: 'all 1s ease',
+    },
+    modalHead: {
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        svg: {
+            fill: 'text',
+            marginLeft: 'auto',
+            cursor: 'pointer',
+        },
+        button: {
+            ml: 'auto',
+        },
+    }};
+
+export { styles as default };
+//# sourceMappingURL=styles.js.map

package/dist/components/uikit-sdk/Modal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Modal/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  container: {\n    padding: '20px',\n    background: 'white2',\n    borderRadius: 'normal',\n    color: 'text',\n    hr: {\n      background: '#DCD9D9',\n    },\n    position: 'fixed',\n    display: 'block',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    width: '380px',\n    minWidth: ['95%', 'min(380px, 90%)', '380px'],\n    overflowY: ['auto', 'auto', 'auto', 'unset'],\n    maxHeight: 'calc(100% - 30px)',\n    maxWidth: '95vw',\n  },\n  backdrop: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    background: 'modalOverlay',\n    width: '100%',\n    height: '100%',\n    zIndex: 100,\n    transition: 'all 1s ease',\n  },\n  modalHead: {\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    svg: {\n      fill: 'text',\n      marginLeft: 'auto',\n      cursor: 'pointer',\n    },\n    button: {\n      ml: 'auto',\n    },\n  },\n  modalFooter: {\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    pt: 9,\n    gap: 4,\n  },\n  cancelButton: {\n    background: 'transparent',\n    textDecoration: 'underline',\n    color: 'text',\n    cursor: 'pointer',\n    fontSize: 0,\n    fontWeight: 'normal',\n    p: 0,\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAuC;AACjD,IAAA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,SAAS;AACtB,SAAA;AACD,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,SAAS,EAAE,uBAAuB;AAClC,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,CAAC;QAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AAC5C,QAAA,SAAS,EAAE,mBAAmB;AAC9B,QAAA,QAAQ,EAAE,MAAM;AACjB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,UAAU,EAAE,cAAc;AAC1B,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,GAAG,EAAE;AACH,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,MAAM,EAAE,SAAS;AAClB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,MAAM;AACX,SAAA;AACF;;;;"}

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

@@ -0,0 +1,51 @@
+import { jsxs, Fragment, jsx } from 'theme-ui/jsx-runtime';
+import React, { useRef, useState } from 'react';
+import { Box, Flex } from 'theme-ui';
+import { AnimatePresence, motion } from 'framer-motion';
+import { selectPadding, selectedExtraPadding, sizes, positions } from './types.js';
+import Svg from '../Svg/index.js';
+import styles from './styles.js';
+
+const Select = ({ children, active, width = 'fit-content', size = sizes.MEDIUM, position = positions.BOTTOM, className, label, ...props }) => {
+    const inputRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    const handleClick = () => setOpen((prev) => !prev);
+    const setNativeInput = (val) => {
+        const input = inputRef?.current;
+        if (input) {
+            Object?.getOwnPropertyDescriptor?.(window.HTMLInputElement.prototype, 'value')?.set?.call(input, val);
+            input.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+    };
+    return (jsxs(Fragment, { children: [jsxs(Box, { sx: { ...styles.container, width }, onClick: handleClick, className: className, children: [jsxs(Flex, { sx: {
+                            padding: selectedExtraPadding[size],
+                            pr: selectPadding[size],
+                            columnGap: '10px',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            width: '100%',
+                            overflow: 'hidden',
+                        }, children: [label ? (jsx(Box, { children: label })) : (React.Children.map(children, (child) => {
+                                if (child?.props?.value !== active) {
+                                    return null;
+                                }
+                                return React.cloneElement(child, {
+                                    ...child?.props,
+                                    active: true,
+                                });
+                            })), jsx(Flex, { sx: { minWidth: '10px' }, children: jsx(Svg, { icon: "caret", direction: open ? 'up' : 'down' }) })] }), jsx(AnimatePresence, { children: open && (jsx(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'fit-content' }, transition: { opacity: { duration: 0.2 } }, exit: { opacity: 0, height: 0 }, sx: {
+                                ...styles.ul,
+                                zIndex: 10,
+                                top: position === positions.BOTTOM ? 'calc(100% + 5px)' : undefined,
+                                bottom: position === positions.TOP ? 'calc(100% + 5px)' : undefined,
+                            }, children: React.Children.map(children, (child) => {
+                                return React.cloneElement(child, {
+                                    ...child?.props,
+                                    active: false,
+                                    onClick: () => setNativeInput(child?.props?.value),
+                                });
+                            }) })) }), jsx("input", { ref: inputRef, value: active || '', "aria-hidden": "true", tabIndex: -1, ...props, sx: styles.input })] }), open && jsx("div", { "aria-hidden": "true", onClick: () => setOpen(false), sx: styles.backdrop })] }));
+};
+
+export { Select as default };
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +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 Svg from '../Svg'\nimport styles from './styles'\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            <Svg icon=\"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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"}

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

@@ -0,0 +1,20 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import { selectItemPadding, sizes } from './types.js';
+import { dynamicStyles } from './styles.js';
+import Flex from '../Flex/index.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 }) }));
+};
+
+export { SelectItem as default };
+//# sourceMappingURL=SelectItem.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,50 @@
+import { fontSizes } from './types.js';
+
+const styles = {
+    container: {
+        background: 'white3',
+        borderRadius: 'normal',
+        cursor: 'pointer',
+        width: 'fit-content',
+        height: 'fit-content',
+        position: 'relative',
+    },
+    ul: {
+        position: 'absolute',
+        background: 'white2',
+        borderRadius: 'normal',
+        cursor: 'pointer',
+        minWidth: '100%',
+        width: 'max-content',
+        overflow: 'hidden',
+        boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px',
+    },
+    backdrop: {
+        width: '98vw',
+        height: '100vh',
+        position: 'fixed',
+        background: 'transparent',
+        top: 0,
+        left: 0,
+    },
+    input: {
+        bottom: 0,
+        left: 0,
+        position: 'absolute',
+        opacity: 0,
+        pointerEvents: 'none',
+        width: '100%',
+    },
+};
+const dynamicStyles = {
+    dropdownItem: ({ size }) => ({
+        width: '100%',
+        fontSize: fontSizes[size],
+        '*': {
+            fontSize: fontSizes[size],
+        },
+    }),
+};
+
+export { styles as default, dynamicStyles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Select/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\nimport { fontSizes } from './types'\n\nconst styles: Record<'container' | 'ul' | 'backdrop' | 'input', ThemeUIStyleObject> = {\n  container: {\n    background: 'white3',\n    borderRadius: 'normal',\n    cursor: 'pointer',\n    width: 'fit-content',\n    height: 'fit-content',\n    position: 'relative',\n  },\n  ul: {\n    position: 'absolute',\n    background: 'white2',\n    borderRadius: 'normal',\n    cursor: 'pointer',\n    minWidth: '100%',\n    width: 'max-content',\n    overflow: 'hidden',\n    boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px',\n  },\n  backdrop: {\n    width: '98vw',\n    height: '100vh',\n    position: 'fixed',\n    background: 'transparent',\n    top: 0,\n    left: 0,\n  },\n  input: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    opacity: 0,\n    pointerEvents: 'none',\n    width: '100%',\n  },\n}\n\ninterface Props {\n  active: boolean\n  size: keyof typeof fontSizes\n}\n\nexport const dynamicStyles: Record<string, (props: any) => ThemeUIStyleObject> = {\n  dropdownItem: ({ size }: Props) => ({\n    width: '100%',\n    fontSize: fontSizes[size],\n    '*': {\n      fontSize: fontSizes[size],\n    },\n  }),\n}\n\nexport default styles\n"],"names":[],"mappings":";;AAGA,MAAM,MAAM,GAA0E;AACpF,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,QAAQ,EAAE,UAAU;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,iCAAiC;AAC7C,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;;AAQI,MAAM,aAAa,GAAuD;IAC/E,YAAY,EAAE,CAAC,EAAE,IAAI,EAAS,MAAM;AAClC,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;AACzB,QAAA,GAAG,EAAE;AACH,YAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;AAC1B,SAAA;KACF,CAAC;;;;;"}

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

@@ -39,7 +39,7 @@ export interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     active?: number | string;
     size?: sizeProps;
     width?: string | number;
-    label?: JSX.Element;
+    label?: React.ReactNode;
     position?: positionProps;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
 }

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

@@ -0,0 +1,39 @@
+var positions;
+(function (positions) {
+    positions["TOP"] = "top";
+    positions["BOTTOM"] = "bottom";
+})(positions || (positions = {}));
+var sizes;
+(function (sizes) {
+    sizes["XSMALL"] = "xsm";
+    sizes["SMALL"] = "sm";
+    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 };
+//# sourceMappingURL=types.js.map