@ape.swap/bonds-sdk 5.1.0 → 5.1.1-test.0

package/dist/components/Tooltip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/Tooltip/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  'infoRow' | 'linkRow' | 'titleText' | 'contentText' | 'iconButton' | 'link',\n  ThemeUIStyleObject\n> = {\n  infoRow: {\n    justifyContent: 'space-between',\n    width: '100%',\n    marginBottom: '5px',\n  },\n  linkRow: {\n    width: '100%',\n    marginTop: '5px',\n    justifyContent: 'flex-end',\n    '& svg': { width: '11px' },\n  },\n  titleText: {\n    fontSize: '12px',\n    lineHeight: '14px',\n    fontWeight: 500,\n  },\n  contentText: {\n    fontSize: '12px',\n    lineHeight: '14px',\n    fontWeight: 700,\n  },\n  iconButton: {\n    background: 'white3',\n    textDecoration: 'none',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 'fit-content',\n    height: '30px',\n    padding: '2px 5px',\n    borderRadius: '8px',\n    margin: '0 5px 5px 0',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n  link: {\n    fontSize: '12px',\n    lineHeight: '14px',\n    display: 'flex',\n    textDecoration: 'none',\n    '&: hover': { textDecoration: 'underline' },\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAGf;AACF,IAKA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,cAAc,EAAE,UAAU;AAC1B,QAAA,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;AAC3B,KAAA;AACD,IAUA,UAAU,EAAE;AACV,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,SAAS,EAAE;AACT,YAAA,MAAM,EAAE,SAAS;AAClB,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,UAAU,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE;AAC5C,KAAA;;;;;"}

package/dist/components/YouTooltip/YouTooltip.js

@@ -0,0 +1,45 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const YouTooltip = () => {
+    return (jsx(Flex, { sx: { position: 'relative', ml: '10px' }, children: jsx(Flex, { sx: {
+                background: 'primaryButton',
+                height: '18px',
+                justifyContent: 'center',
+                borderRadius: '4px',
+                px: '5px',
+                fontWeight: 400,
+                fontSize: '12px',
+                position: 'absolute',
+                left: 0,
+                top: '50%', // Start 50% down the parent
+                transform: 'translateY(-50%)', // Adjust by the element's own height
+                '::after': {
+                    content: '""',
+                    position: 'absolute',
+                    top: '50%', // Vertically center
+                    left: '-11px', // Position outside the tooltip box
+                    transform: 'translateY(-50%)', // Center arrow vertically
+                    borderWidth: '6px', // Arrow size
+                    borderStyle: 'solid',
+                    borderColor: 'transparent var(--theme-ui-colors-primaryButton) transparent transparent', // Arrow now points left
+                },
+            }, children: "You" }) }));
+};
+
+export { YouTooltip as default };
+//# sourceMappingURL=YouTooltip.js.map

package/dist/components/YouTooltip/YouTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YouTooltip.js","sources":["../../../src/components/YouTooltip/YouTooltip.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../uikit-sdk'\n\nconst YouTooltip = () => {\n  return (\n    <Flex sx={{ position: 'relative', ml: '10px' }}>\n      <Flex\n        sx={{\n          background: 'primaryButton',\n          height: '18px',\n          justifyContent: 'center',\n          borderRadius: '4px',\n          px: '5px',\n          fontWeight: 400,\n          fontSize: '12px',\n          position: 'absolute',\n          left: 0,\n          top: '50%', // Start 50% down the parent\n          transform: 'translateY(-50%)', // Adjust by the element's own height\n          '::after': {\n            content: '\"\"',\n            position: 'absolute',\n            top: '50%', // Vertically center\n            left: '-11px', // Position outside the tooltip box\n            transform: 'translateY(-50%)', // Center arrow vertically\n            borderWidth: '6px', // Arrow size\n            borderStyle: 'solid',\n            borderColor: 'transparent var(--theme-ui-colors-primaryButton) transparent transparent', // Arrow now points left\n          },\n        }}\n      >\n        You\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YouTooltip\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAGA,MAAM,UAAU,GAAG,MAAK;IACtB,QACEA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAC5CA,IAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gBAAA,UAAU,EAAE,eAAe;AAC3B,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,cAAc,EAAE,QAAQ;AACxB,gBAAA,YAAY,EAAE,KAAK;AACnB,gBAAA,EAAE,EAAE,KAAK;AACT,gBAAA,UAAU,EAAE,GAAG;AACf,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,KAAK;gBACV,SAAS,EAAE,kBAAkB;AAC7B,gBAAA,SAAS,EAAE;AACT,oBAAA,OAAO,EAAE,IAAI;AACb,oBAAA,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,OAAO;oBACb,SAAS,EAAE,kBAAkB;oBAC7B,WAAW,EAAE,KAAK;AAClB,oBAAA,WAAW,EAAE,OAAO;oBACpB,WAAW,EAAE,0EAA0E;AACxF,iBAAA;aACF,EAAA,QAAA,EAAA,KAAA,EAAA,CAGI,EAAA,CACF;AAEX;;;;"}

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

@@ -0,0 +1,73 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import { variants, sizes, buttonPadding, buttonLineHeight, buttonFontSizes } from './types.js';
+import { jsxs, jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Spinner, Button as Button$1 } from '../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const Button = (_a) => {
+    var { variant = variants.PRIMARY, size = sizes.MEDIUM, load, children, startIcon, endIcon, fullWidth, disabled } = _a, props = __rest(_a, ["variant", "size", "load", "children", "startIcon", "endIcon", "fullWidth", "disabled"]);
+    let hoverStyle = {
+        '&:hover': {
+            '&:not([disabled])': {
+                borderColor: 'primaryButton',
+                background: variant === 'primary' && 'primaryButton',
+                opacity: 0.7,
+            },
+            '&:disabled': {},
+        },
+    };
+    if (variant === 'secondary') {
+        hoverStyle = {
+            '&:hover': {
+                '&:not([disabled])': hoverStyle['&:hover']['&:not([disabled])'],
+                '&:disabled': {
+                    color: 'secondaryButtonDisableColor',
+                    borderColor: 'secondaryButtonDisable',
+                    opacity: 0.6,
+                },
+            },
+        };
+    }
+    if (variant === 'tertiary') {
+        hoverStyle = {
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: 'primaryBtnDisable',
+                    background: 'white4',
+                    opacity: 1,
+                },
+                '&:disabled': {},
+            },
+        };
+    }
+    if (variant === 'success') {
+        hoverStyle = {
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: 'hoveredSuccess',
+                    background: 'hoveredSuccess',
+                    opacity: 1,
+                },
+                '&:disabled': {},
+            },
+        };
+    }
+    if (variant === 'danger') {
+        hoverStyle = {
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: 'hoveredDanger',
+                    background: 'hoveredDanger',
+                    opacity: 1,
+                },
+                '&:disabled': {},
+            },
+        };
+    }
+    return (jsxs(Button$1, Object.assign({ variant: variant, disabled: disabled, sx: Object.assign(Object.assign({ variant: `buttons.${variant}`, textTransform: 'uppercase', fontSize: buttonFontSizes[size], lineHeight: buttonLineHeight[size], px: buttonPadding[size].x, py: buttonPadding[size].y, display: 'flex', justifyContent: 'center', transition: 'all .3s linear', '&:active': {
+                transform: 'scale(0.9)',
+            } }, hoverStyle), { width: fullWidth ? '100%' : 'max-content' }) }, props, { children: [React__default.isValidElement(startIcon) && React__default.cloneElement(startIcon), children, " ", load && jsx(Spinner, { size: 16, ml: "5px" }), React__default.isValidElement(endIcon) && React__default.cloneElement(endIcon)] })));
+};
+
+export { Button as default };
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/uikit-sdk/Button/Button.tsx"],"sourcesContent":["import React from 'react'\nimport { Button as ThemeUIButton, Spinner } from 'theme-ui'\nimport { ButtonProps, variants, buttonFontSizes, buttonPadding, sizes, buttonLineHeight } from './types'\n\nconst Button = ({\n  variant = variants.PRIMARY,\n  size = sizes.MEDIUM,\n  load,\n  children,\n  startIcon,\n  endIcon,\n  fullWidth,\n  disabled,\n  ...props\n}: ButtonProps) => {\n  let hoverStyle = {\n    '&:hover': {\n      '&:not([disabled])': {\n        borderColor: 'primaryButton',\n        background: variant === 'primary' && 'primaryButton',\n        opacity: 0.7,\n      },\n      '&:disabled': {},\n    },\n  }\n  if (variant === 'secondary') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': hoverStyle['&:hover']['&:not([disabled])'],\n        '&:disabled': {\n          color: 'secondaryButtonDisableColor',\n          borderColor: 'secondaryButtonDisable',\n          opacity: 0.6,\n        },\n      },\n    }\n  }\n  if (variant === 'tertiary') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': {\n          borderColor: 'primaryBtnDisable',\n          background: 'white4',\n          opacity: 1,\n        },\n        '&:disabled': {},\n      },\n    }\n  }\n  if (variant === 'success') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': {\n          borderColor: 'hoveredSuccess',\n          background: 'hoveredSuccess',\n          opacity: 1,\n        },\n        '&:disabled': {},\n      },\n    }\n  }\n  if (variant === 'danger') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': {\n          borderColor: 'hoveredDanger',\n          background: 'hoveredDanger',\n          opacity: 1,\n        },\n        '&:disabled': {},\n      },\n    }\n  }\n\n  return (\n    <ThemeUIButton\n      variant={variant}\n      disabled={disabled}\n      sx={{\n        variant: `buttons.${variant}`,\n        textTransform: 'uppercase',\n        fontSize: buttonFontSizes[size],\n        lineHeight: buttonLineHeight[size],\n        px: buttonPadding[size].x,\n        py: buttonPadding[size].y,\n        display: 'flex',\n        justifyContent: 'center',\n        transition: 'all .3s linear',\n        '&:active': {\n          transform: 'scale(0.9)',\n        },\n        ...hoverStyle,\n        width: fullWidth ? '100%' : 'max-content',\n      }}\n      {...props}\n    >\n      {React.isValidElement(startIcon) && React.cloneElement(startIcon)}\n      {children} {load && <Spinner size={16} ml=\"5px\" />}\n      {React.isValidElement(endIcon) && React.cloneElement(endIcon)}\n    </ThemeUIButton>\n  )\n}\n\nexport default Button\n"],"names":["_jsxs","ThemeUIButton","React","_jsx"],"mappings":";;;;;;AAIA,MAAM,MAAM,GAAG,CAAC,EAUF,KAAI;AAVF,IAAA,IAAA,EACd,OAAO,GAAG,QAAQ,CAAC,OAAO,EAC1B,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EAAA,GAAA,EAEI,EADT,KAAK,GAAA,MAAA,CAAA,EAAA,EATM,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAUf,CADS;AAER,IAAA,IAAI,UAAU,GAAG;AACf,QAAA,SAAS,EAAE;AACT,YAAA,mBAAmB,EAAE;AACnB,gBAAA,WAAW,EAAE,eAAe;AAC5B,gBAAA,UAAU,EAAE,OAAO,KAAK,SAAS,IAAI,eAAe;AACpD,gBAAA,OAAO,EAAE,GAAG;AACb,aAAA;AACD,YAAA,YAAY,EAAE,EAAE;AACjB,SAAA;KACF;AACD,IAAA,IAAI,OAAO,KAAK,WAAW,EAAE;AAC3B,QAAA,UAAU,GAAG;AACX,YAAA,SAAS,EAAE;AACT,gBAAA,mBAAmB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,mBAAmB,CAAC;AAC/D,gBAAA,YAAY,EAAE;AACZ,oBAAA,KAAK,EAAE,6BAA6B;AACpC,oBAAA,WAAW,EAAE,wBAAwB;AACrC,oBAAA,OAAO,EAAE,GAAG;AACb,iBAAA;AACF,aAAA;SACF;IACH;AACA,IAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,QAAA,UAAU,GAAG;AACX,YAAA,SAAS,EAAE;AACT,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,WAAW,EAAE,mBAAmB;AAChC,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,OAAO,EAAE,CAAC;AACX,iBAAA;AACD,gBAAA,YAAY,EAAE,EAAE;AACjB,aAAA;SACF;IACH;AACA,IAAA,IAAI,OAAO,KAAK,SAAS,EAAE;AACzB,QAAA,UAAU,GAAG;AACX,YAAA,SAAS,EAAE;AACT,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,WAAW,EAAE,gBAAgB;AAC7B,oBAAA,UAAU,EAAE,gBAAgB;AAC5B,oBAAA,OAAO,EAAE,CAAC;AACX,iBAAA;AACD,gBAAA,YAAY,EAAE,EAAE;AACjB,aAAA;SACF;IACH;AACA,IAAA,IAAI,OAAO,KAAK,QAAQ,EAAE;AACxB,QAAA,UAAU,GAAG;AACX,YAAA,SAAS,EAAE;AACT,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,WAAW,EAAE,eAAe;AAC5B,oBAAA,UAAU,EAAE,eAAe;AAC3B,oBAAA,OAAO,EAAE,CAAC;AACX,iBAAA;AACD,gBAAA,YAAY,EAAE,EAAE;AACjB,aAAA;SACF;IACH;AAEA,IAAA,QACEA,IAAA,CAACC,QAAa,EAAA,MAAA,CAAA,MAAA,CAAA,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,EAAE,gCACA,OAAO,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EAC7B,aAAa,EAAE,WAAW,EAC1B,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC,EAC/B,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,EAClC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EACzB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EACzB,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE;AACV,gBAAA,SAAS,EAAE,YAAY;AACxB,aAAA,EAAA,EACE,UAAU,CAAA,EAAA,EACb,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa,EAAA,CAAA,EAAA,EAEvC,KAAK,EAAA,EAAA,QAAA,EAAA,CAERC,cAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAIA,cAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAChE,QAAQ,EAAA,GAAA,EAAG,IAAI,IAAIC,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAC,KAAK,EAAA,CAAG,EACjDD,cAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAIA,cAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA,EAAA,CAAA,CAC/C;AAEpB;;;;"}

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

@@ -0,0 +1,15 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import Svg from '../Svg/index.js';
+import { icons } from '../Svg/types.js';
+import { iconButtonVariants } from './types.js';
+import styles from './styles.js';
+import { jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Button } from '../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const IconButton = (_a) => {
+    var { icon = icons.DISCORD, color = 'white1', background = 'yellow', variant = iconButtonVariants.PRIMARY, iconWidth, children } = _a, props = __rest(_a, ["icon", "color", "background", "variant", "iconWidth", "children"]);
+    return (jsx(Button, Object.assign({}, props, { variant: variant, sx: Object.assign(Object.assign({ 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, Object.assign({ 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,EAQ9C,KAAI;AAR0C,IAAA,IAAA,EAC7C,IAAI,GAAG,KAAK,CAAC,OAAO,EACpB,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,QAAQ,EACrB,OAAO,GAAGA,kBAAQ,CAAC,OAAO,EAC1B,SAAS,EACT,QAAQ,EAAA,GAAA,EAET,EADI,KAAK,GAAA,MAAA,CAAA,EAAA,EAPqC,CAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAQ9C,CADS;IAER,QACEC,GAAA,CAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACD,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,EAAE,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACA,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,QAAQ,EACxB,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,EAC7B,KAAK,EAAE,eAAe,EACtB,UAAU,EAAA,GACN,OAAO,KAAKD,kBAAQ,CAAC,OAAO,GAAGE,MAAK,CAAC,OAAO,GAAG,EAAE,EAAC,GAClD,OAAO,KAAKF,kBAAQ,CAAC,WAAW,GAAGE,MAAK,CAAC,WAAW,GAAG,EAAE,EAAC,EAAA,QAAA,EAG/D,QAAQ,KACPD,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EAC/CA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAA,EAAM,KAAK,EAAA,EAAE,KAAK,EAAE,SAAS,EAAA,CAAA,CAAI,EAAA,CACzD,CACR,EAAA,CAAA,CACM;AAEb;;;;"}

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

@@ -0,0 +1,21 @@
+const defaultStyle = {
+    cursor: 'pointer',
+    color: 'primaryBright',
+    border: 'none',
+    transition: 'all .3s linear',
+    '&:hover': {
+        filter: 'brightness(115%)',
+    },
+    '&:active': {
+        transform: 'scale(0.9)',
+    },
+};
+const styles = {
+    primary: Object.assign({}, defaultStyle),
+    transparent: Object.assign(Object.assign({}, 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;IACjD,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,YAAY,CAChB;IACD,WAAW,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,YAAY,CAAA,EAAA,EACf,eAAe,EAAE,aAAa,EAC9B,gBAAgB,EAAE,WAAW,EAC7B,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,SAAS,EACjB,GAAG,EAAE;AACH,YAAA,UAAU,EAAE,aAAa;SAC1B,EAAA,CACF;;;;;"}

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,27 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import { scales } from './types.js';
+import { jsxs, jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const getScale = ({ scale }) => {
+    switch (scale) {
+        case scales.SM:
+            return '21px';
+        case scales.MD:
+        default:
+            return '32px';
+    }
+};
+const Checkbox = (_a) => {
+    var { scale = scales.SM, display = 'block', className, background } = _a, props = __rest(_a, ["scale", "display", "className", "background"]);
+    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", Object.assign({ 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,EAA8F,KAAI;AAAlG,IAAA,IAAA,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,EAAE,UAAU,EAAA,GAAA,EAAiC,EAA5B,KAAK,GAAA,MAAA,CAAA,EAAA,EAAvE,+CAAyE,CAAF;IACvF,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,MAAA,CAAA,MAAA,CAAA,EAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAA,EAAM,KAAK,CAAA,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,11 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import { jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Flex as Flex$1 } from '../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const Flex = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return jsx(Flex$1, Object.assign({}, 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,EAA2D,KAAI;AAA/D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAiD,EAA5C,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AAChC,IAAA,OAAOA,IAACC,MAAW,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAA,QAAA,EAAG,QAAQ,IAAe;AACzD;;;;"}

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

@@ -0,0 +1,55 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import Flex from '../Flex/index.js';
+import Svg from '../Svg/index.js';
+import Text from '../Text/index.js';
+import { jsx, jsxs } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Input as Input$1, Spinner } from '../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const colorScheme = {
+    default: 'gray',
+    error: 'red',
+    success: 'green',
+};
+const Input = (_a) => {
+    var { variant, width, status, isLoading } = _a, props = __rest(_a, ["variant", "width", "status", "isLoading"]);
+    switch (variant) {
+        case 'search':
+            return (jsxs(Flex, { sx: { position: 'relative', width: width ? width : 'unset' }, children: [jsx(Input$1, Object.assign({}, 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, Object.assign({}, 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, Object.assign({}, 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,42 @@
+import '../../../node_modules/tslib/tslib.es6.js';
+import '../Svg/types.js';
+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 '../Button/types.js';
+import '../Button/styles.js';
+import '../../../contexts/ModalContext.js';
+import '../../../views/FullBondsView/FullBondsView.js';
+import '../Select/types.js';
+import '../../../utils/campaignStyles.js';
+import { jsxs, jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.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,15 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import styles from './styles.js';
+import { Fragment } from 'react';
+import '../Button/types.js';
+import IconButton from '../Button/IconButton.js';
+import { jsxs, jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Flex, Divider } from '../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const ModalHeader = (_a) => {
+    var { children, onDismiss, hideDivider } = _a, props = __rest(_a, ["children", "onDismiss", "hideDivider"]);
+    return (jsxs(Fragment, { children: [jsxs(Flex, Object.assign({}, 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,EAA8C,KAAI;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,OAAY,EAAP,KAAK,GAAA,MAAA,CAAA,EAAA,EAA5C,CAAA,UAAA,EAAA,WAAA,EAAA,aAAA,CAA8C,CAAF;IACxF,QACEA,4BACEA,IAAA,CAAC,IAAI,oBAAK,KAAK,EAAA,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,CAAA,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,29 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import { useContext } from 'react';
+import styles from './styles.js';
+import ModalHeader from './ModalHeader.js';
+import { Context } from '../../../contexts/ModalContext.js';
+import Text from '../Text/index.js';
+import { jsxs, jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { motion } from '../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
+import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { Box as Box$1 } from '../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const Modal = (_a) => {
+    var { children, onDismiss, open = true, title, zIndex = 'modal', onAnimationComplete, backdrop, hideDivider } = _a, props = __rest(_a, ["children", "onDismiss", "open", "title", "zIndex", "onAnimationComplete", "backdrop", "hideDivider"]);
+    const { handleClose } = useContext(Context);
+    const onClose = onDismiss || handleClose;
+    return (jsxs(Box$1, { id: title, sx: { zIndex }, children: [jsx(AnimatePresence, { children: open && (jsxs(motion.div, Object.assign({ 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: Object.assign(Object.assign({}, styles.container), { zIndex }), onAnimationComplete: onAnimationComplete, children: [title && (jsx(ModalHeader, { onDismiss: onClose, hideDivider: hideDivider, children: jsx(Text, { sx: { fontSize: '22px', fontWeight: 700, lineHeight: '33px' }, children: title }) })), children] }))) }), open && jsx(Box$1, { sx: Object.assign(Object.assign({}, 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  hideDivider,\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} hideDivider={hideDivider}>\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","Box","_jsx","style"],"mappings":";;;;;;;;;;;AASA,MAAM,KAAK,GAAG,CAAC,EAUI,KAAI;QAVR,EACb,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,KAAK,EACL,MAAM,GAAG,OAAO,EAChB,mBAAmB,EACnB,QAAQ,EACR,WAAW,OAEM,EADd,KAAK,GAAA,MAAA,CAAA,EAAA,EATK,CAAA,UAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,aAAA,CAUd,CADS;IAER,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAACA,OAAY,CAAC;AAChD,IAAA,MAAM,OAAO,GAAG,SAAS,IAAI,WAAW;IAExC,QACEC,IAAA,CAACC,KAAG,EAAA,EAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,aAC5BC,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACb,IAAI,KACHF,IAAA,CAAC,MAAM,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,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,EAC7D,KAAK,EAAA,EACT,EAAE,kCAAOG,MAAK,CAAC,SAAS,CAAA,EAAA,EAAE,MAAM,EAAA,CAAA,EAChC,mBAAmB,EAAE,mBAAmB,EAAA,QAAA,EAAA,CAEvC,KAAK,KACJD,IAAC,WAAW,EAAA,EAAC,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAA,QAAA,EACvDA,GAAA,CAAC,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,CAAA,CACE,CACd,EAAA,CACe,EACjB,IAAI,IAAIA,GAAA,CAACD,KAAG,EAAA,EAAC,EAAE,kCAAOE,MAAK,CAAC,QAAQ,CAAA,EAAK,QAAQ,GAAI,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,44 @@
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
+import React__default, { useRef, useState, Fragment } from 'react';
+import { sizes, positions, selectPadding, selectedExtraPadding } from './types.js';
+import Svg from '../Svg/index.js';
+import styles from './styles.js';
+import { jsxs, jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { motion } from '../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
+import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { Box as Box$1, Flex } from '../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const Select = (_a) => {
+    var { children, active, width = 'fit-content', size = sizes.MEDIUM, position = positions.BOTTOM, className, label } = _a, props = __rest(_a, ["children", "active", "width", "size", "position", "className", "label"]);
+    const inputRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    const handleClick = () => setOpen((prev) => !prev);
+    const setNativeInput = (val) => {
+        var _a, _b, _c;
+        const input = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
+        if (input) {
+            (_c = (_b = (_a = Object === null || Object === void 0 ? void 0 : Object.getOwnPropertyDescriptor) === null || _a === void 0 ? void 0 : _a.call(Object, window.HTMLInputElement.prototype, 'value')) === null || _b === void 0 ? void 0 : _b.set) === null || _c === void 0 ? void 0 : _c.call(input, val);
+            input.dispatchEvent(new Event('change', { bubbles: true }));
+        }
+    };
+    return (jsxs(Fragment, { children: [jsxs(Box$1, { sx: Object.assign(Object.assign({}, 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$1, { children: label })) : (React__default.Children.map(children, (child) => {
+                                var _a;
+                                if (((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.value) !== active) {
+                                    return null;
+                                }
+                                return React__default.cloneElement(child, Object.assign(Object.assign({}, child === null || child === void 0 ? void 0 : 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: Object.assign(Object.assign({}, styles.ul), { zIndex: 10, top: position === positions.BOTTOM ? 'calc(100% + 5px)' : undefined, bottom: position === positions.TOP ? 'calc(100% + 5px)' : undefined }), children: React__default.Children.map(children, (child) => {
+                                return React__default.cloneElement(child, Object.assign(Object.assign({}, child === null || child === void 0 ? void 0 : child.props), { active: false, onClick: () => { var _a; return setNativeInput((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.value); } }));
+                            }) })) }), jsx("input", Object.assign({ 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