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

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

@@ -0,0 +1,16 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import Flex from '../Flex/index.js';
+
+const SwiperDots = ({ isActive, onClick }) => {
+    return (jsx(Flex, { sx: {
+            background: isActive ? 'abondGradient' : 'white4',
+            height: '14px',
+            width: '14px',
+            borderRadius: '50px',
+            margin: '0px 2.5px 0px 2.5px',
+            cursor: 'pointer',
+        }, onClick: onClick }));
+};
+
+export { SwiperDots as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/SwiperDots/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../Flex'\n\nconst SwiperDots = ({ isActive, onClick }: { isActive: boolean; onClick?: () => void }) => {\n  return (\n    <Flex\n      sx={{\n        background: isActive ? 'abondGradient' : 'white4',\n        height: '14px',\n        width: '14px',\n        borderRadius: '50px',\n        margin: '0px 2.5px 0px 2.5px',\n        cursor: 'pointer',\n      }}\n      onClick={onClick}\n    />\n  )\n}\n\nexport default SwiperDots\n"],"names":["_jsx"],"mappings":";;;AAGA,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAA+C,KAAI;AACxF,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;YACF,UAAU,EAAE,QAAQ,GAAG,eAAe,GAAG,QAAQ;AACjD,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,MAAM,EAAE,qBAAqB;AAC7B,YAAA,MAAM,EAAE,SAAS;AAClB,SAAA,EACD,OAAO,EAAE,OAAO,EAAA,CAChB;AAEN;;;;"}

package/dist/components/uikit-sdk/Tag/ListTag.js

@@ -0,0 +1,18 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import Flex from '../Flex/index.js';
+
+const ListTag = ({ text = '' }) => {
+    return (jsx(Flex, { sx: {
+            background: '#3C6AB530',
+            color: '#3b78d3',
+            fontSize: '10px',
+            fontWeight: 600,
+            lineHeight: '15px',
+            p: '2px 6px',
+            borderRadius: '5px',
+            width: 'fit-content',
+        }, children: text }));
+};
+
+export { ListTag as default };
+//# sourceMappingURL=ListTag.js.map

package/dist/components/uikit-sdk/Tag/ListTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListTag.js","sources":["../../../../src/components/uikit-sdk/Tag/ListTag.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../Flex'\nimport { ListTagProps } from './types'\n\nconst ListTag: React.FC<ListTagProps> = ({ text = '' }) => {\n  return (\n    <Flex\n      sx={{\n        background: '#3C6AB530',\n        color: '#3b78d3',\n        fontSize: '10px',\n        fontWeight: 600,\n        lineHeight: '15px',\n        p: '2px 6px',\n        borderRadius: '5px',\n        width: 'fit-content',\n      }}\n    >\n      {text}\n    </Flex>\n  )\n}\n\nexport default ListTag\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,OAAO,GAA2B,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAI;AACxD,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,WAAW;AACvB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,CAAC,EAAE,SAAS;AACZ,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,KAAK,EAAE,aAAa;SACrB,EAAA,QAAA,EAEA,IAAI,EAAA,CACA;AAEX;;;;"}

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

@@ -0,0 +1,15 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import { Text as Text$1 } from 'theme-ui';
+import { variants } from './types.js';
+
+const Text = ({ variant = variants.NORMAL, weight = variants.NORMAL, size, children, color = 'text', ...props }) => {
+    return (jsx(Text$1, { ...props, sx: {
+            variant: variant === variants.LINK ? `flex.${variant}` : `text.${variant}`,
+            color,
+            fontWeight: weight,
+            fontSize: size,
+        }, children: children }));
+};
+
+export { Text as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Text/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Text as ThemeUIText } from 'theme-ui'\nimport { TextProps, variants } from './types'\n\nconst Text = ({\n  variant = variants.NORMAL,\n  weight = variants.NORMAL,\n  size,\n  children,\n  color = 'text',\n  ...props\n}: TextProps | any) => {\n  return (\n    <ThemeUIText\n      {...props}\n      sx={{\n        variant: variant === variants.LINK ? `flex.${variant}` : `text.${variant}`,\n        color,\n        fontWeight: weight,\n        fontSize: size,\n      }}\n    >\n      {children}\n    </ThemeUIText>\n  )\n}\n\nexport default Text\n"],"names":["_jsx","ThemeUIText"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG,CAAC,EACZ,OAAO,GAAG,QAAQ,CAAC,MAAM,EACzB,MAAM,GAAG,QAAQ,CAAC,MAAM,EACxB,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,GAAG,KAAK,EACQ,KAAI;AACpB,IAAA,QACEA,GAAA,CAACC,MAAW,OACN,KAAK,EACT,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC,IAAI,GAAG,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE,GAAG,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;YAC1E,KAAK;AACL,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,QAAQ,EAAE,IAAI;SACf,EAAA,QAAA,EAEA,QAAQ,EAAA,CACG;AAElB;;;;"}

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

@@ -0,0 +1,16 @@
+var variants;
+(function (variants) {
+    variants["SMALL"] = "sm";
+    variants["NORMAL"] = "md";
+    variants["LARGE"] = "lg";
+    variants["LINK"] = "link";
+})(variants || (variants = {}));
+var weights;
+(function (weights) {
+    weights["LIGHT"] = "light";
+    weights["NORMAL"] = "normal";
+    weights["BOLD"] = "bold";
+})(weights || (weights = {}));
+
+export { variants, weights };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Text/types.ts"],"sourcesContent":["import { TextProps as ThemeUITextProps } from 'theme-ui'\n\nexport enum variants {\n  SMALL = 'sm',\n  NORMAL = 'md',\n  LARGE = 'lg',\n  LINK = 'link',\n}\n\nexport enum weights {\n  LIGHT = 'light',\n  NORMAL = 'normal',\n  BOLD = 'bold',\n}\n\ntype variantProps = `${variants}`\ntype weightProps = `${weights}` | number\ntype sizeProps = string\n\nexport interface TextProps extends Omit<ThemeUITextProps, 'sx'> {\n  variant?: variantProps\n  weight?: weightProps\n  color?: string\n  size?: sizeProps\n  [key: string]: any\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AACb,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;IAOR;AAAZ,CAAA,UAAY,OAAO,EAAA;AACjB,IAAA,OAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAJW,OAAO,KAAP,OAAO,GAAA,EAAA,CAAA,CAAA;;;;"}

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

@@ -0,0 +1,18 @@
+import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import styles from './styles.js';
+import Flex from '../Flex/index.js';
+import { AnimatePresence, motion } from 'framer-motion';
+import { BondsViewOptions } from '../../../views/FullBondsView/FullBondsView.js';
+
+const Toggle = ({ options, activeOption, handleToggle, claimableBillsAmount, }) => {
+    return (jsx(Flex, { sx: styles.container, children: jsx(AnimatePresence, { initial: false, children: options.map((option) => {
+                return (jsx(motion.div, { animate: { opacity: option === activeOption ? 1 : 0.6, scale: option === activeOption ? 1 : 0.9 }, exit: { opacity: 0, scale: 0.9 }, transition: { duration: 0.2, type: 'spring', stiffness: 50 }, sx: { overflow: 'hidden', width: '100%' }, children: jsxs(Flex, { sx: {
+                            ...styles.switch,
+                            background: option === activeOption ? 'primaryButton' : 'white2',
+                            color: option === activeOption ? 'primaryBright' : 'primaryButtonDisable',
+                        }, onClick: () => handleToggle(option), children: [option, option === BondsViewOptions.YOURBONDS && claimableBillsAmount ? ` (${claimableBillsAmount})` : ''] }) }, option));
+            }) }) }));
+};
+
+export { Toggle as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Toggle/index.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './styles'\nimport Flex from '../Flex'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { BondsViewOptions } from '../../../views/FullBondsView/FullBondsView'\n\nconst Toggle = ({\n  options,\n  activeOption,\n  handleToggle,\n  claimableBillsAmount,\n}: {\n  options: string[]\n  activeOption: string\n  handleToggle: (newOption: string) => void\n  claimableBillsAmount?: string\n}) => {\n  return (\n    <Flex sx={styles.container}>\n      <AnimatePresence initial={false}>\n        {options.map((option) => {\n          return (\n            <motion.div\n              key={option}\n              animate={{ opacity: option === activeOption ? 1 : 0.6, scale: option === activeOption ? 1 : 0.9 }}\n              exit={{ opacity: 0, scale: 0.9 }}\n              transition={{ duration: 0.2, type: 'spring', stiffness: 50 }}\n              sx={{ overflow: 'hidden', width: '100%' }}\n            >\n              <Flex\n                sx={{\n                  ...styles.switch,\n                  background: option === activeOption ? 'primaryButton' : 'white2',\n                  color: option === activeOption ? 'primaryBright' : 'primaryButtonDisable',\n                }}\n                onClick={() => handleToggle(option)}\n              >\n                {option}\n                {option === BondsViewOptions.YOURBONDS && claimableBillsAmount ? ` (${claimableBillsAmount})` : ''}\n              </Flex>\n            </motion.div>\n          )\n        })}\n      </AnimatePresence>\n    </Flex>\n  )\n}\n\nexport default Toggle\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,CAAC,EACd,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,oBAAoB,GAMrB,KAAI;IACH,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EACxBA,GAAA,CAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EAC5B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACtB,gBAAA,QACEA,GAAA,CAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,KAAK,YAAY,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,GAAG,CAAC,GAAG,GAAG,EAAE,EACjG,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,EAC5D,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAEzCC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;4BACF,GAAG,MAAM,CAAC,MAAM;4BAChB,UAAU,EAAE,MAAM,KAAK,YAAY,GAAG,eAAe,GAAG,QAAQ;4BAChE,KAAK,EAAE,MAAM,KAAK,YAAY,GAAG,eAAe,GAAG,sBAAsB;AAC1E,yBAAA,EACD,OAAO,EAAE,MAAM,YAAY,CAAC,MAAM,CAAC,aAElC,MAAM,EACN,MAAM,KAAK,gBAAgB,CAAC,SAAS,IAAI,oBAAoB,GAAG,CAAA,EAAA,EAAK,oBAAoB,CAAA,CAAA,CAAG,GAAG,EAAE,CAAA,EAAA,CAC7F,EAAA,EAhBF,MAAM,CAiBA;AAEjB,YAAA,CAAC,CAAC,EAAA,CACc,EAAA,CACb;AAEX;;;;"}

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

@@ -0,0 +1,22 @@
+const styles = {
+    container: {
+        display: 'flex',
+        borderRadius: 'normal',
+        background: 'white2',
+        width: '100%',
+        position: 'relative',
+    },
+    switch: {
+        borderRadius: 'normal',
+        justifyContent: 'center',
+        px: '14px',
+        py: '5px',
+        cursor: 'pointer',
+        fontSize: '14px',
+        '&:hover': {
+            filter: '20%',
+        },
+    }};
+
+export { styles as default };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Toggle/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  container: {\n    display: 'flex',\n    borderRadius: 'normal',\n    background: 'white2',\n    width: '100%',\n    position: 'relative',\n  },\n  switch: {\n    borderRadius: 'normal',\n    justifyContent: 'center',\n    px: '14px',\n    py: '5px',\n    cursor: 'pointer',\n    fontSize: '14px',\n    '&:hover': {\n      filter: '20%',\n    },\n  },\n  button: {\n    position: 'absolute',\n    border: 0,\n    top: 0,\n    height: '100%',\n    transition: 'left 0.2s linear',\n    textTransform: 'none',\n    '&:hover': {\n      filter: 'none',\n    },\n  },\n  input: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    opacity: 0,\n    pointerEvents: 'none',\n    width: '100%',\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAuC;AACjD,IAAA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,UAAU;AACrB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,KAAK;AACT,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,SAAS,EAAE;AACT,YAAA,MAAM,EAAE,KAAK;AACd,SAAA;AACF;;;;"}

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

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import Flex from '../Flex/index.js';
+import { NETWORK_ICONS } from '../../../config/constants/chains.js';
+import Svg from '../Svg/index.js';
+import 'theme-ui';
+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 '../Svg/types.js';
+import '../../../contexts/ModalContext.js';
+import '../../../views/FullBondsView/FullBondsView.js';
+import '../Select/types.js';
+import { APEBOND } from '../../../config/constants/variables.js';
+
+const TokenImage = ({ symbol, symbol2, size, chain, }) => {
+    const token1 = symbol === 'USDC.e' ? 'USDC' : symbol;
+    const token2 = symbol2 === 'USDC.e' ? 'USDC' : symbol2;
+    return token2 ? (jsxs(Flex, { sx: {
+            minWidth: size * 1.5 - 2,
+            height: size - 2,
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderRadius: '55px',
+            position: 'relative',
+        }, children: [jsx("img", { src: `${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`, alt: `tokenImgFor:${token1}`, width: size, height: size, style: { position: 'absolute', zIndex: 4001, left: 0 } }), jsx("img", { src: `${APEBOND}/tokenImages/${token2.toUpperCase()}.png`, alt: `tokenImgFor:${token2}`, width: size, height: size, style: { position: 'absolute', zIndex: 4000, left: '33%' } }), chain && (jsx(Flex, { sx: {
+                    zIndex: 4002,
+                    position: 'absolute',
+                    top: '-2px',
+                    right: `-${size / 5}px`,
+                    overflow: 'hidden',
+                    borderRadius: '50px',
+                }, children: jsx(Svg, { width: size / 2.5, height: size / 2.5, icon: NETWORK_ICONS?.[chain] ?? 'question' }) }))] })) : (jsxs(Flex, { sx: {
+            width: size - 2,
+            height: size - 2,
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderRadius: '55px',
+            position: 'relative',
+        }, children: [jsx("img", { src: `${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`, alt: `tokenImgFor:${token1}`, width: size, height: token1 === 'BNB-ICHI' ? 19 : size }), chain && (jsx(Flex, { sx: {
+                    zIndex: 5,
+                    position: 'absolute',
+                    top: '-2px',
+                    right: '-4px',
+                    overflow: 'hidden',
+                    borderRadius: '50px',
+                    width: `${size / 2.5}px`,
+                    height: `${size / 2.5}px`,
+                }, children: jsx(Svg, { width: size / 2.5, height: size / 2.5, icon: NETWORK_ICONS?.[chain] ?? 'question' }) }))] }));
+};
+
+export { TokenImage as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/TokenImage/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../Flex'\nimport { NETWORK_ICONS } from '../../../config/constants/chains'\nimport { Svg } from '../index'\nimport { APEBOND } from '../../../config/constants/variables'\n\nconst TokenImage = ({\n  symbol,\n  symbol2,\n  size,\n  chain,\n}: {\n  symbol?: string\n  symbol2?: string\n  size: number\n  chain?: number\n}) => {\n  const token1 = symbol === 'USDC.e' ? 'USDC' : symbol\n  const token2 = symbol2 === 'USDC.e' ? 'USDC' : symbol2\n  return token2 ? (\n    <Flex\n      sx={{\n        minWidth: size * 1.5 - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4001, left: 0 }}\n      />\n      <img\n        src={`${APEBOND}/tokenImages/${token2.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token2}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4000, left: '33%' }}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 4002,\n            position: 'absolute',\n            top: '-2px',\n            right: `-${size / 5}px`,\n            overflow: 'hidden',\n            borderRadius: '50px',\n          }}\n        >\n          <Svg width={size / 2.5} height={size / 2.5} icon={NETWORK_ICONS?.[chain] ?? 'question'} />\n        </Flex>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      sx={{\n        width: size - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={token1 === 'BNB-ICHI' ? 19 : size}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 5,\n            position: 'absolute',\n            top: '-2px',\n            right: '-4px',\n            overflow: 'hidden',\n            borderRadius: '50px',\n            width: `${size / 2.5}px`,\n            height: `${size / 2.5}px`,\n          }}\n        >\n          <Svg width={size / 2.5} height={size / 2.5} icon={NETWORK_ICONS?.[chain] ?? 'question'} />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default TokenImage\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { Box } from 'theme-ui';
+import { placements } from './types.js';
+import styles, { container } from './styles.js';
+
+const placementStyles = {
+    [placements.BOTTOMLEFT]: {
+        top: '100%',
+        left: 0,
+        mt: '-3px', // To create an overlap between parent and tooltip
+    },
+    [placements.BOTTOMRIGHT]: {
+        top: '100%',
+        right: 0,
+        mt: '-3px',
+    },
+    [placements.TOPLEFT]: {
+        bottom: 'calc(100% + 15px)',
+        left: 0,
+    },
+    [placements.TOPRIGHT]: {
+        bottom: 'calc(100% + 15px)',
+        right: 0,
+    },
+    [placements.ONLYCONTAINERRIGHT]: {
+        top: 'calc(100% + 15px)',
+        right: 0,
+    },
+    [placements.LEFT]: {
+        left: 'calc(100% + 15px)',
+        right: 0,
+    },
+};
+const TooltipBubble = ({ width, placement = placements.BOTTOMRIGHT, body, backgroundColor, hideTooltip, children, transformTip, ...props }) => {
+    const backgroundColorStyle = backgroundColor
+        ? {
+            backgroundColor,
+            '&:before': {
+                borderBottomColor: placement === placements.BOTTOMLEFT || placement === placements.BOTTOMRIGHT || placement === placements.LEFT
+                    ? backgroundColor
+                    : undefined,
+                borderTopColor: placement === placements.TOPLEFT || placement === placements.TOPRIGHT || placement === placements.LEFT
+                    ? backgroundColor
+                    : undefined,
+            },
+        }
+        : {};
+    const handleClick = (event) => {
+        event.stopPropagation();
+    };
+    return (jsxs(Box, { sx: container(hideTooltip), onClick: handleClick, children: [jsx(Box, { sx: {
+                    position: 'absolute',
+                    ...(placementStyles[placement] || {}),
+                }, children: jsx(Box, { sx: {
+                        position: 'relative',
+                        ...styles.default,
+                        ...styles[placement],
+                        ...backgroundColorStyle,
+                        width,
+                        transform: transformTip,
+                    }, ...props, children: body }) }), children] }));
+};
+
+export { TooltipBubble as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/TooltipBubble/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, ThemeUIStyleObject } from 'theme-ui'\nimport { TooltipProps, placements } from './types'\nimport style, { container } from './styles'\n\nconst placementStyles = {\n  [placements.BOTTOMLEFT]: {\n    top: '100%',\n    left: 0,\n    mt: '-3px', // To create an overlap between parent and tooltip\n  },\n  [placements.BOTTOMRIGHT]: {\n    top: '100%',\n    right: 0,\n    mt: '-3px',\n  },\n  [placements.TOPLEFT]: {\n    bottom: 'calc(100% + 15px)',\n    left: 0,\n  },\n  [placements.TOPRIGHT]: {\n    bottom: 'calc(100% + 15px)',\n    right: 0,\n  },\n  [placements.ONLYCONTAINERRIGHT]: {\n    top: 'calc(100% + 15px)',\n    right: 0,\n  },\n  [placements.LEFT]: {\n    left: 'calc(100% + 15px)',\n    right: 0,\n  },\n}\n\nconst TooltipBubble: React.FC<TooltipProps> = ({\n  width,\n  placement = placements.BOTTOMRIGHT,\n  body,\n  backgroundColor,\n  hideTooltip,\n  children,\n  transformTip,\n  ...props\n}) => {\n  const backgroundColorStyle = backgroundColor\n    ? ({\n        backgroundColor,\n        '&:before': {\n          borderBottomColor:\n            placement === placements.BOTTOMLEFT || placement === placements.BOTTOMRIGHT || placement === placements.LEFT\n              ? backgroundColor\n              : undefined,\n          borderTopColor:\n            placement === placements.TOPLEFT || placement === placements.TOPRIGHT || placement === placements.LEFT\n              ? backgroundColor\n              : undefined,\n        },\n      } as ThemeUIStyleObject)\n    : {}\n\n  const handleClick = (event: React.MouseEvent) => {\n    event.stopPropagation()\n  }\n\n  return (\n    <Box sx={container(hideTooltip)} onClick={handleClick}>\n      <Box\n        sx={{\n          position: 'absolute',\n          ...(placementStyles[placement] || {}),\n        }}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            ...style.default,\n            ...style[placement],\n            ...backgroundColorStyle,\n            width,\n            transform: transformTip,\n          }}\n          {...props}\n        >\n          {body}\n        </Box>\n      </Box>\n      {children}\n    </Box>\n  )\n}\n\nexport default TooltipBubble\n"],"names":["_jsxs","_jsx","style"],"mappings":";;;;;AAKA,MAAM,eAAe,GAAG;AACtB,IAAA,CAAC,UAAU,CAAC,UAAU,GAAG;AACvB,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,IAAI,EAAE,CAAC;QACP,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,WAAW,GAAG;AACxB,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,OAAO,GAAG;AACpB,QAAA,MAAM,EAAE,mBAAmB;AAC3B,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,QAAQ,GAAG;AACrB,QAAA,MAAM,EAAE,mBAAmB;AAC3B,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,kBAAkB,GAAG;AAC/B,QAAA,GAAG,EAAE,mBAAmB;AACxB,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;AACD,IAAA,CAAC,UAAU,CAAC,IAAI,GAAG;AACjB,QAAA,IAAI,EAAE,mBAAmB;AACzB,QAAA,KAAK,EAAE,CAAC;AACT,KAAA;CACF;AAED,MAAM,aAAa,GAA2B,CAAC,EAC7C,KAAK,EACL,SAAS,GAAG,UAAU,CAAC,WAAW,EAClC,IAAI,EACJ,eAAe,EACf,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,KAAI;IACH,MAAM,oBAAoB,GAAG;AAC3B,UAAG;YACC,eAAe;AACf,YAAA,UAAU,EAAE;AACV,gBAAA,iBAAiB,EACf,SAAS,KAAK,UAAU,CAAC,UAAU,IAAI,SAAS,KAAK,UAAU,CAAC,WAAW,IAAI,SAAS,KAAK,UAAU,CAAC;AACtG,sBAAE;AACF,sBAAE,SAAS;AACf,gBAAA,cAAc,EACZ,SAAS,KAAK,UAAU,CAAC,OAAO,IAAI,SAAS,KAAK,UAAU,CAAC,QAAQ,IAAI,SAAS,KAAK,UAAU,CAAC;AAChG,sBAAE;AACF,sBAAE,SAAS;AAChB,aAAA;AACqB;UACxB,EAAE;AAEN,IAAA,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;QAC9C,KAAK,CAAC,eAAe,EAAE;AACzB,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAC,GAAG,IAAC,EAAE,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,WAAW,EAAA,QAAA,EAAA,CACnDC,IAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;AACtC,iBAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;AACF,wBAAA,QAAQ,EAAE,UAAU;wBACpB,GAAGC,MAAK,CAAC,OAAO;wBAChB,GAAGA,MAAK,CAAC,SAAS,CAAC;AACnB,wBAAA,GAAG,oBAAoB;wBACvB,KAAK;AACL,wBAAA,SAAS,EAAE,YAAY;qBACxB,EAAA,GACG,KAAK,YAER,IAAI,EAAA,CACD,GACF,EACL,QAAQ,CAAA,EAAA,CACL;AAEV;;;;"}

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

@@ -0,0 +1,108 @@
+const baseStyle = {
+    p: 9,
+    borderRadius: 'normal',
+    background: 'white2',
+    width: 'max-content',
+    zIndex: 'modal',
+    boxShadow: `0px 0px 30px rgb(200,200,200, .4)`,
+};
+const baseDirectionArrow = {
+    content: '""',
+    display: 'block',
+    width: 0,
+    border: '12px solid transparent',
+};
+const topArrow = {
+    bottom: 0,
+    ...baseDirectionArrow,
+    borderBottom: 0,
+    borderTopWidth: '15px',
+    borderTopStyle: 'solid',
+    transform: 'translate(-50%, calc(100%))',
+};
+const bottomArrow = {
+    top: 0,
+    ...baseDirectionArrow,
+    borderTop: 0,
+    borderBottomWidth: '15px',
+    borderBottomStyle: 'solid',
+    transform: 'translate(-50%, calc(-100%))',
+};
+const leftArrow = {
+    ...baseDirectionArrow,
+    borderRight: 0,
+    borderRightWidth: '15px',
+    borderRightStyle: 'solid',
+    transform: 'translate(-50%, calc(-100%))',
+};
+const container = (hide) => ({
+    position: 'relative',
+    display: 'flex',
+    '& > div:first-of-type': {
+        display: 'none',
+    },
+    '&:hover > div:first-of-type': {
+        display: hide ? 'none' : 'block',
+    },
+});
+const styles = {
+    default: {
+        color: 'text',
+        fontSize: 0,
+        lineHeight: '18px',
+        fontWeight: 'normal',
+        top: '15px',
+        ...baseStyle,
+    },
+    bottomRight: {
+        '&::before': {
+            position: 'absolute',
+            ...bottomArrow,
+            right: '3%',
+            borderBottomColor: 'white2',
+        },
+    },
+    bottomLeft: {
+        '&::before': {
+            position: 'absolute',
+            ...bottomArrow,
+            left: 'calc(3% + 15px)',
+            borderBottomColor: 'white2',
+        },
+    },
+    topRight: {
+        '&::before': {
+            position: 'absolute',
+            ...topArrow,
+            right: '3%',
+            borderTopColor: 'white2',
+        },
+    },
+    topLeft: {
+        '&::before': {
+            position: 'absolute',
+            ...topArrow,
+            left: 'calc(3% + 15px)',
+            borderTopColor: 'white2',
+        },
+    },
+    onlyContainerRight: {
+        '&::before': {
+            position: 'absolute',
+            right: '3%',
+            borderBottomColor: 'white2',
+        },
+    },
+    left: {
+        '&::before': {
+            position: 'absolute',
+            top: '65%',
+            left: '-13px',
+            color: 'white2',
+            ...leftArrow,
+        },
+    },
+};
+
+export { container, styles as default };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/TooltipBubble/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst baseStyle = {\n  p: 9,\n  borderRadius: 'normal',\n  background: 'white2',\n  width: 'max-content',\n  zIndex: 'modal',\n  boxShadow: `0px 0px 30px rgb(200,200,200, .4)`,\n}\n\nconst baseDirectionArrow = {\n  content: '\"\"',\n  display: 'block',\n  width: 0,\n  border: '12px solid transparent',\n}\n\nconst topArrow = {\n  bottom: 0,\n  ...baseDirectionArrow,\n  borderBottom: 0,\n  borderTopWidth: '15px',\n  borderTopStyle: 'solid',\n  transform: 'translate(-50%, calc(100%))',\n}\n\nconst bottomArrow = {\n  top: 0,\n  ...baseDirectionArrow,\n  borderTop: 0,\n  borderBottomWidth: '15px',\n  borderBottomStyle: 'solid',\n  transform: 'translate(-50%, calc(-100%))',\n}\n\nconst leftArrow = {\n  ...baseDirectionArrow,\n  borderRight: 0,\n  borderRightWidth: '15px',\n  borderRightStyle: 'solid',\n  transform: 'translate(-50%, calc(-100%))',\n}\nexport const container = (hide?: boolean): ThemeUIStyleObject => ({\n  position: 'relative',\n  display: 'flex',\n  '& > div:first-of-type': {\n    display: 'none',\n  },\n  '&:hover > div:first-of-type': {\n    display: hide ? 'none' : 'block',\n  },\n})\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  default: {\n    color: 'text',\n    fontSize: 0,\n    lineHeight: '18px',\n    fontWeight: 'normal',\n    top: '15px',\n    ...baseStyle,\n  },\n  bottomRight: {\n    '&::before': {\n      position: 'absolute',\n      ...bottomArrow,\n      right: '3%',\n      borderBottomColor: 'white2',\n    },\n  },\n  bottomLeft: {\n    '&::before': {\n      position: 'absolute',\n      ...bottomArrow,\n      left: 'calc(3% + 15px)',\n      borderBottomColor: 'white2',\n    },\n  },\n  topRight: {\n    '&::before': {\n      position: 'absolute',\n      ...topArrow,\n      right: '3%',\n      borderTopColor: 'white2',\n    },\n  },\n  topLeft: {\n    '&::before': {\n      position: 'absolute',\n      ...topArrow,\n      left: 'calc(3% + 15px)',\n      borderTopColor: 'white2',\n    },\n  },\n  onlyContainerRight: {\n    '&::before': {\n      position: 'absolute',\n      right: '3%',\n      borderBottomColor: 'white2',\n    },\n  },\n  left: {\n    '&::before': {\n      position: 'absolute',\n      top: '65%',\n      left: '-13px',\n      color: 'white2',\n      ...leftArrow,\n    },\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+var placements;
+(function (placements) {
+    placements["TOPRIGHT"] = "topRight";
+    placements["TOPLEFT"] = "topLeft";
+    placements["BOTTOMRIGHT"] = "bottomRight";
+    placements["BOTTOMLEFT"] = "bottomLeft";
+    placements["ONLYCONTAINERRIGHT"] = "onlyContainerRight";
+    placements["LEFT"] = "left";
+})(placements || (placements = {}));
+
+export { placements };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/TooltipBubble/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { BoxProps } from 'theme-ui'\n\nexport enum placements {\n  TOPRIGHT = 'topRight',\n  TOPLEFT = 'topLeft',\n  BOTTOMRIGHT = 'bottomRight',\n  BOTTOMLEFT = 'bottomLeft',\n  ONLYCONTAINERRIGHT = 'onlyContainerRight',\n  LEFT = 'left',\n}\n\nexport type placementProps = `${placements}`\n\nexport interface TooltipProps extends BoxProps {\n  width?: string\n  placement?: placementProps\n  body: ReactNode\n  hideTooltip?: boolean\n  transformTip?: string\n}\n"],"names":[],"mappings":"IAGY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,UAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,UAAA,CAAA,oBAAA,CAAA,GAAA,oBAAyC;AACzC,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAPW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;;;"}