@blueshift-gg/ui-components 0.1.1 → 0.1.3

package/dist/Toast.mjs

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { motion } from 'motion/react';
 import { Icon } from './Icon';
 import classNames from 'classnames';
 import { CrosshairCorners } from './CrossHair';
@@ -14,7 +13,7 @@ const Toast = ({
   clearable
 }) => {
   return /* @__PURE__ */ jsxs(
-    motion.div,
+    "div",
     {
       className: classNames(
         "px-0 pb-4 pt-3 w-[calc(100dvw-32px)] xs:w-[300px] flex flex-col gap-y-2.5 bg-card-foreground gradient-border before:bg-card-border",
@@ -25,7 +24,7 @@ const Toast = ({
       ),
       children: [
         /* @__PURE__ */ jsx("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent" }),
-        /* @__PURE__ */ jsxs(motion.div, { className: "px-3 py-2 bg-current/5 border border-current/15 flex items-center gap-x-2.5 relative", children: [
+        /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 bg-current/5 border border-current/15 flex items-center gap-x-2.5 relative", children: [
           /* @__PURE__ */ jsx(
             CrosshairCorners,
             {

package/dist/Toast.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Toast.tsx"],"names":[],"mappings":";;;;;;;AAeO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,oIAAA;AAAA,QACA,YAAY,SAAA,IAAa,oBAAA;AAAA,QACzB,YAAY,OAAA,IAAW,kBAAA;AAAA,QACvB,YAAY,MAAA,IAAU,sBAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iFAAA,EAAkF,CAAA;AAAA,wBACjG,IAAA,CAAC,MAAA,CAAO,GAAA,EAAP,EAAW,WAAU,sFAAA,EACpB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,cAAA,EAAgB,CAAA;AAAA,cAChB,iBAAA,EAAmB,GAAA;AAAA,cACnB,OAAA,EAAQ,UAAA;AAAA,cACR,IAAA,EAAM,CAAA;AAAA,cACN,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,8BACC,IAAA,EAAA,EAAK,IAAA,EAAM,MAAM,SAAA,EAAU,4BAAA,EAA6B,MAAM,EAAA,EAAI,CAAA;AAAA,0BACnE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAC7C,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4DAAA,EACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;AAGO,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyC;AACjE,EAAA,OAAO,KAAA,CAAM,OAAO,CAAC,CAAA,yBAAO,KAAA,EAAA,EAAO,GAAG,OAAO,CAAA,EAAI;AAAA,IAC/C,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AACH;AAEO,MAAM,gBAAA,GAAmB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACtE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH;AAEO,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACpE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH;AAEO,MAAM,aAAA,GAAgB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACnE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH","file":"Toast.mjs","sourcesContent":["import { motion } from \"motion/react\";\nimport { Icon, IconName } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { toast } from \"sonner\";\n\nexport type ToastProps = {\n  className?: string;\n  title: string;\n  description: string;\n  icon: IconName;\n  variant: \"success\" | \"error\" | \"info\";\n  clearable?: boolean;\n};\n\nexport const Toast = ({\n  className,\n  title,\n  description,\n  icon,\n  variant,\n  clearable,\n}: ToastProps) => {\n  return (\n    <motion.div\n      className={classNames(\n        \"px-0 pb-4 pt-3 w-[calc(100dvw-32px)] xs:w-[300px] flex flex-col gap-y-2.5 bg-card-foreground gradient-border before:bg-card-border\",\n        variant === \"success\" && \"text-state-success\",\n        variant === \"error\" && \"text-state-error\",\n        variant === \"info\" && \"text-shade-secondary\",\n        className\n      )}\n    >\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent\"></div>\n      <motion.div className=\"px-3 py-2 bg-current/5 border border-current/15 flex items-center gap-x-2.5 relative\">\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={4}\n          spacingX={1}\n        />\n        <Icon name={icon} className=\"flex-shrink-0 text-current\" size={16} />\n        <span className=\"font-mono text-sm\">{title}</span>\n      </motion.div>\n      <p className=\"text-sm leading-[160%] font-medium text-shade-primary px-4\">\n        {description}\n      </p>\n    </motion.div>\n  );\n};\n\n// Sonner integration helpers\nexport const showToast = (props: Omit<ToastProps, \"className\">) => {\n  return toast.custom((t) => <Toast {...props} />, {\n    duration: 4000,\n    unstyled: true,\n  });\n};\n\nexport const showSuccessToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"SuccessCircle\",\n    variant: \"success\",\n  });\n};\n\nexport const showErrorToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"Error\",\n    variant: \"error\",\n  });\n};\n\nexport const showInfoToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"Loading\",\n    variant: \"info\",\n  });\n};\n"]}
+{"version":3,"sources":["../src/Toast.tsx"],"names":[],"mappings":";;;;;;AAcO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,oIAAA;AAAA,QACA,YAAY,SAAA,IAAa,oBAAA;AAAA,QACzB,YAAY,OAAA,IAAW,kBAAA;AAAA,QACvB,YAAY,MAAA,IAAU,sBAAA;AAAA,QACtB;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iFAAA,EAAkF,CAAA;AAAA,wBACjG,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,cAAA,EAAgB,CAAA;AAAA,cAChB,iBAAA,EAAmB,GAAA;AAAA,cACnB,OAAA,EAAQ,UAAA;AAAA,cACR,IAAA,EAAM,CAAA;AAAA,cACN,QAAA,EAAU;AAAA;AAAA,WACZ;AAAA,8BACC,IAAA,EAAA,EAAK,IAAA,EAAM,MAAM,SAAA,EAAU,4BAAA,EAA6B,MAAM,EAAA,EAAI,CAAA;AAAA,0BACnE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAC7C,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4DAAA,EACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;AAGO,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyC;AACjE,EAAA,OAAO,KAAA,CAAM,OAAO,CAAC,CAAA,yBAAO,KAAA,EAAA,EAAO,GAAG,OAAO,CAAA,EAAI;AAAA,IAC/C,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AACH;AAEO,MAAM,gBAAA,GAAmB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACtE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,eAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH;AAEO,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACpE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH;AAEO,MAAM,aAAA,GAAgB,CAAC,KAAA,EAAe,WAAA,KAAwB;AACnE,EAAA,OAAO,SAAA,CAAU;AAAA,IACf,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACV,CAAA;AACH","file":"Toast.mjs","sourcesContent":["import { Icon, IconName } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { toast } from \"sonner\";\n\nexport type ToastProps = {\n  className?: string;\n  title: string;\n  description: string;\n  icon: IconName;\n  variant: \"success\" | \"error\" | \"info\";\n  clearable?: boolean;\n};\n\nexport const Toast = ({\n  className,\n  title,\n  description,\n  icon,\n  variant,\n  clearable,\n}: ToastProps) => {\n  return (\n    <div\n      className={classNames(\n        \"px-0 pb-4 pt-3 w-[calc(100dvw-32px)] xs:w-[300px] flex flex-col gap-y-2.5 bg-card-foreground gradient-border before:bg-card-border\",\n        variant === \"success\" && \"text-state-success\",\n        variant === \"error\" && \"text-state-error\",\n        variant === \"info\" && \"text-shade-secondary\",\n        className\n      )}\n    >\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent\"></div>\n      <div className=\"px-3 py-2 bg-current/5 border border-current/15 flex items-center gap-x-2.5 relative\">\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={4}\n          spacingX={1}\n        />\n        <Icon name={icon} className=\"flex-shrink-0 text-current\" size={16} />\n        <span className=\"font-mono text-sm\">{title}</span>\n      </div>\n      <p className=\"text-sm leading-[160%] font-medium text-shade-primary px-4\">\n        {description}\n      </p>\n    </div>\n  );\n};\n\n// Sonner integration helpers\nexport const showToast = (props: Omit<ToastProps, \"className\">) => {\n  return toast.custom((t) => <Toast {...props} />, {\n    duration: 4000,\n    unstyled: true,\n  });\n};\n\nexport const showSuccessToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"SuccessCircle\",\n    variant: \"success\",\n  });\n};\n\nexport const showErrorToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"Error\",\n    variant: \"error\",\n  });\n};\n\nexport const showInfoToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"Loading\",\n    variant: \"info\",\n  });\n};\n"]}

package/dist/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Tooltip.tsx"],"names":["position","crisp","jsx","AnimatePresence","jsxs","motion","classNames","CrosshairCorners"],"mappings":"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","file":"Tooltip.js","sourcesContent":["import classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { crisp, swift } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\n\nexport type TooltipProps = {\n  description: string;\n  isOpen?: boolean;\n  position:\n    | \"top-left\"\n    | \"top-center\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-center\"\n    | \"bottom-right\"\n    | \"center-left\"\n    | \"center-right\";\n};\n\nexport const Tooltip = ({ description, position, isOpen }: TooltipProps) => {\n  const getPositionBasedAnimation = (position: TooltipProps[\"position\"]) => {\n    const baseAnimation = {\n      animate: { opacity: 1, y: 0, x: 0, scale: 1 },\n      exit: { opacity: 0, scale: 0.9 },\n      transition: { duration: 0.15, ease: crisp, delay: 0.15 },\n    };\n\n    if (position.startsWith(\"bottom\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: -10 },\n      };\n    } else if (position.startsWith(\"top\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: 10 },\n      };\n    } else if (position.startsWith(\"center-left\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: 10 },\n      };\n    } else if (position.startsWith(\"center-right\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: -10 },\n      };\n    }\n\n    // Fallback to default animation\n    return {\n      ...baseAnimation,\n      initial: { opacity: 0, y: -10, scale: 0.9 },\n      exit: { ...baseAnimation.exit, y: -10 },\n    };\n  };\n\n  const animations = getPositionBasedAnimation(position);\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <motion.div\n          key={position}\n          {...animations}\n          className={classNames(\n            \"z-50 absolute font-medium w-max max-w-[200px] px-2.5 pt-1.5 pb-2 bg-card-foreground gradient-border before:bg-border text-xs leading-[150%] text-shade-tertiary\",\n            \"after:absolute after:bg-border\",\n            !position.startsWith(\"center\") && \"after:!w-[10px] after:!h-[5px]\",\n            position.startsWith(\"center\") && \"after:!h-[10px] after:!w-[5px]\",\n            getTooltipPosition(position),\n            getArrowPosition(position)\n          )}\n          style={{ transformOrigin: getTransformOrigin(position) }}\n        >\n          <div className=\"absolute inset-0.5\">\n            <CrosshairCorners\n              size={4}\n              variant=\"corners\"\n              className=\"text-shade-mute\"\n              animationDelay={0.15}\n              animationDuration={0.75}\n              corners={\n                position === \"top-left\" || position === \"bottom-right\"\n                  ? [\"bottom-left\", \"top-right\"]\n                  : [\"bottom-right\", \"top-left\"]\n              }\n            />\n          </div>\n          {description}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nconst getTooltipPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"top-right\":\n      return \"bottom-[calc(100%+6px)] left-1/2 mb-1\";\n    case \"top-center\":\n      return \"bottom-[calc(100%+6px)] left-1/2 -translate-x-1/2 mb-1\";\n    case \"top-left\":\n      return \"bottom-[calc(100%+6px)] right-1/2 mb-1\";\n    case \"bottom-right\":\n      return \"top-[calc(100%+6px)] left-1/2 mt-1\";\n    case \"bottom-center\":\n      return \"top-[calc(100%+6px)] left-1/2 -translate-x-1/2 mt-1\";\n    case \"bottom-left\":\n      return \"top-[calc(100%+6px)] right-1/2 mt-1\";\n    case \"center-left\":\n      return \"right-[calc(100%+6px)] top-1/2 -translate-y-1/2 mr-1\";\n    case \"center-right\":\n      return \"left-[calc(100%+6px)] top-1/2 -translate-y-1/2 ml-1\";\n  }\n};\n\nconst getTransformOrigin = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"bottom left\";\n    case \"bottom-center\":\n      return \"bottom center\";\n    case \"bottom-left\":\n      return \"bottom right\";\n    case \"top-right\":\n      return \"top left\";\n    case \"top-center\":\n      return \"top center\";\n    case \"top-left\":\n      return \"top right\";\n    case \"center-left\":\n      return \"center right\";\n    case \"center-right\":\n      return \"center left\";\n  }\n};\n\nconst getArrowPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"after:top-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_0%,100%_100%,0%_100%,0%_0%)]\";\n    case \"bottom-center\":\n      return \"after:top-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_0%,0%_100%,100%_100%)]\";\n    case \"bottom-left\":\n      return \"after:top-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_0%,0%_100%,100%_100%,100%_0%)]\";\n    case \"top-right\":\n      return \"after:bottom-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_100%,100%_0%,0%_0%,0%_100%)]\";\n    case \"top-center\":\n      return \"after:bottom-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_100%,0%_0%,100%_0%)]\";\n    case \"top-left\":\n      return \"after:bottom-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_100%,0%_0%,100%_0%,100%_100%)]\";\n    case \"center-right\":\n      return \"after:top-1/2 after:left-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(100%_0%,0%_50%,100%_100%)]\";\n    case \"center-left\":\n      return \"after:top-1/2 after:right-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(0%_0%,100%_50%,0%_100%)]\";\n  }\n};\n"]}
+{"version":3,"sources":["../src/Tooltip.tsx"],"names":["position","crisp","jsx","AnimatePresence","jsxs","motion","classNames","CrosshairCorners"],"mappings":"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","file":"Tooltip.js","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { crisp, swift } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\n\nexport type TooltipProps = {\n  description: string;\n  isOpen?: boolean;\n  position:\n    | \"top-left\"\n    | \"top-center\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-center\"\n    | \"bottom-right\"\n    | \"center-left\"\n    | \"center-right\";\n};\n\nexport const Tooltip = ({ description, position, isOpen }: TooltipProps) => {\n  const getPositionBasedAnimation = (position: TooltipProps[\"position\"]) => {\n    const baseAnimation = {\n      animate: { opacity: 1, y: 0, x: 0, scale: 1 },\n      exit: { opacity: 0, scale: 0.9 },\n      transition: { duration: 0.15, ease: crisp, delay: 0.15 },\n    };\n\n    if (position.startsWith(\"bottom\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: -10 },\n      };\n    } else if (position.startsWith(\"top\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: 10 },\n      };\n    } else if (position.startsWith(\"center-left\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: 10 },\n      };\n    } else if (position.startsWith(\"center-right\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: -10 },\n      };\n    }\n\n    // Fallback to default animation\n    return {\n      ...baseAnimation,\n      initial: { opacity: 0, y: -10, scale: 0.9 },\n      exit: { ...baseAnimation.exit, y: -10 },\n    };\n  };\n\n  const animations = getPositionBasedAnimation(position);\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <motion.div\n          key={position}\n          {...animations}\n          className={classNames(\n            \"z-50 absolute font-medium w-max max-w-[200px] px-2.5 pt-1.5 pb-2 bg-card-foreground gradient-border before:bg-border text-xs leading-[150%] text-shade-tertiary\",\n            \"after:absolute after:bg-border\",\n            !position.startsWith(\"center\") && \"after:!w-[10px] after:!h-[5px]\",\n            position.startsWith(\"center\") && \"after:!h-[10px] after:!w-[5px]\",\n            getTooltipPosition(position),\n            getArrowPosition(position)\n          )}\n          style={{ transformOrigin: getTransformOrigin(position) }}\n        >\n          <div className=\"absolute inset-0.5\">\n            <CrosshairCorners\n              size={4}\n              variant=\"corners\"\n              className=\"text-shade-mute\"\n              animationDelay={0.15}\n              animationDuration={0.75}\n              corners={\n                position === \"top-left\" || position === \"bottom-right\"\n                  ? [\"bottom-left\", \"top-right\"]\n                  : [\"bottom-right\", \"top-left\"]\n              }\n            />\n          </div>\n          {description}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nconst getTooltipPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"top-right\":\n      return \"bottom-[calc(100%+6px)] left-1/2 mb-1\";\n    case \"top-center\":\n      return \"bottom-[calc(100%+6px)] left-1/2 -translate-x-1/2 mb-1\";\n    case \"top-left\":\n      return \"bottom-[calc(100%+6px)] right-1/2 mb-1\";\n    case \"bottom-right\":\n      return \"top-[calc(100%+6px)] left-1/2 mt-1\";\n    case \"bottom-center\":\n      return \"top-[calc(100%+6px)] left-1/2 -translate-x-1/2 mt-1\";\n    case \"bottom-left\":\n      return \"top-[calc(100%+6px)] right-1/2 mt-1\";\n    case \"center-left\":\n      return \"right-[calc(100%+6px)] top-1/2 -translate-y-1/2 mr-1\";\n    case \"center-right\":\n      return \"left-[calc(100%+6px)] top-1/2 -translate-y-1/2 ml-1\";\n  }\n};\n\nconst getTransformOrigin = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"bottom left\";\n    case \"bottom-center\":\n      return \"bottom center\";\n    case \"bottom-left\":\n      return \"bottom right\";\n    case \"top-right\":\n      return \"top left\";\n    case \"top-center\":\n      return \"top center\";\n    case \"top-left\":\n      return \"top right\";\n    case \"center-left\":\n      return \"center right\";\n    case \"center-right\":\n      return \"center left\";\n  }\n};\n\nconst getArrowPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"after:top-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_0%,100%_100%,0%_100%,0%_0%)]\";\n    case \"bottom-center\":\n      return \"after:top-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_0%,0%_100%,100%_100%)]\";\n    case \"bottom-left\":\n      return \"after:top-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_0%,0%_100%,100%_100%,100%_0%)]\";\n    case \"top-right\":\n      return \"after:bottom-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_100%,100%_0%,0%_0%,0%_100%)]\";\n    case \"top-center\":\n      return \"after:bottom-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_100%,0%_0%,100%_0%)]\";\n    case \"top-left\":\n      return \"after:bottom-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_100%,0%_0%,100%_0%,100%_100%)]\";\n    case \"center-right\":\n      return \"after:top-1/2 after:left-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(100%_0%,0%_50%,100%_100%)]\";\n    case \"center-left\":\n      return \"after:top-1/2 after:right-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(0%_0%,100%_50%,0%_100%)]\";\n  }\n};\n"]}

package/dist/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Tooltip.tsx"],"names":["position"],"mappings":"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","file":"Tooltip.mjs","sourcesContent":["import classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { crisp, swift } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\n\nexport type TooltipProps = {\n  description: string;\n  isOpen?: boolean;\n  position:\n    | \"top-left\"\n    | \"top-center\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-center\"\n    | \"bottom-right\"\n    | \"center-left\"\n    | \"center-right\";\n};\n\nexport const Tooltip = ({ description, position, isOpen }: TooltipProps) => {\n  const getPositionBasedAnimation = (position: TooltipProps[\"position\"]) => {\n    const baseAnimation = {\n      animate: { opacity: 1, y: 0, x: 0, scale: 1 },\n      exit: { opacity: 0, scale: 0.9 },\n      transition: { duration: 0.15, ease: crisp, delay: 0.15 },\n    };\n\n    if (position.startsWith(\"bottom\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: -10 },\n      };\n    } else if (position.startsWith(\"top\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: 10 },\n      };\n    } else if (position.startsWith(\"center-left\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: 10 },\n      };\n    } else if (position.startsWith(\"center-right\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: -10 },\n      };\n    }\n\n    // Fallback to default animation\n    return {\n      ...baseAnimation,\n      initial: { opacity: 0, y: -10, scale: 0.9 },\n      exit: { ...baseAnimation.exit, y: -10 },\n    };\n  };\n\n  const animations = getPositionBasedAnimation(position);\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <motion.div\n          key={position}\n          {...animations}\n          className={classNames(\n            \"z-50 absolute font-medium w-max max-w-[200px] px-2.5 pt-1.5 pb-2 bg-card-foreground gradient-border before:bg-border text-xs leading-[150%] text-shade-tertiary\",\n            \"after:absolute after:bg-border\",\n            !position.startsWith(\"center\") && \"after:!w-[10px] after:!h-[5px]\",\n            position.startsWith(\"center\") && \"after:!h-[10px] after:!w-[5px]\",\n            getTooltipPosition(position),\n            getArrowPosition(position)\n          )}\n          style={{ transformOrigin: getTransformOrigin(position) }}\n        >\n          <div className=\"absolute inset-0.5\">\n            <CrosshairCorners\n              size={4}\n              variant=\"corners\"\n              className=\"text-shade-mute\"\n              animationDelay={0.15}\n              animationDuration={0.75}\n              corners={\n                position === \"top-left\" || position === \"bottom-right\"\n                  ? [\"bottom-left\", \"top-right\"]\n                  : [\"bottom-right\", \"top-left\"]\n              }\n            />\n          </div>\n          {description}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nconst getTooltipPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"top-right\":\n      return \"bottom-[calc(100%+6px)] left-1/2 mb-1\";\n    case \"top-center\":\n      return \"bottom-[calc(100%+6px)] left-1/2 -translate-x-1/2 mb-1\";\n    case \"top-left\":\n      return \"bottom-[calc(100%+6px)] right-1/2 mb-1\";\n    case \"bottom-right\":\n      return \"top-[calc(100%+6px)] left-1/2 mt-1\";\n    case \"bottom-center\":\n      return \"top-[calc(100%+6px)] left-1/2 -translate-x-1/2 mt-1\";\n    case \"bottom-left\":\n      return \"top-[calc(100%+6px)] right-1/2 mt-1\";\n    case \"center-left\":\n      return \"right-[calc(100%+6px)] top-1/2 -translate-y-1/2 mr-1\";\n    case \"center-right\":\n      return \"left-[calc(100%+6px)] top-1/2 -translate-y-1/2 ml-1\";\n  }\n};\n\nconst getTransformOrigin = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"bottom left\";\n    case \"bottom-center\":\n      return \"bottom center\";\n    case \"bottom-left\":\n      return \"bottom right\";\n    case \"top-right\":\n      return \"top left\";\n    case \"top-center\":\n      return \"top center\";\n    case \"top-left\":\n      return \"top right\";\n    case \"center-left\":\n      return \"center right\";\n    case \"center-right\":\n      return \"center left\";\n  }\n};\n\nconst getArrowPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"after:top-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_0%,100%_100%,0%_100%,0%_0%)]\";\n    case \"bottom-center\":\n      return \"after:top-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_0%,0%_100%,100%_100%)]\";\n    case \"bottom-left\":\n      return \"after:top-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_0%,0%_100%,100%_100%,100%_0%)]\";\n    case \"top-right\":\n      return \"after:bottom-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_100%,100%_0%,0%_0%,0%_100%)]\";\n    case \"top-center\":\n      return \"after:bottom-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_100%,0%_0%,100%_0%)]\";\n    case \"top-left\":\n      return \"after:bottom-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_100%,0%_0%,100%_0%,100%_100%)]\";\n    case \"center-right\":\n      return \"after:top-1/2 after:left-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(100%_0%,0%_50%,100%_100%)]\";\n    case \"center-left\":\n      return \"after:top-1/2 after:right-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(0%_0%,100%_50%,0%_100%)]\";\n  }\n};\n"]}
+{"version":3,"sources":["../src/Tooltip.tsx"],"names":["position"],"mappings":"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","file":"Tooltip.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { crisp, swift } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\n\nexport type TooltipProps = {\n  description: string;\n  isOpen?: boolean;\n  position:\n    | \"top-left\"\n    | \"top-center\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-center\"\n    | \"bottom-right\"\n    | \"center-left\"\n    | \"center-right\";\n};\n\nexport const Tooltip = ({ description, position, isOpen }: TooltipProps) => {\n  const getPositionBasedAnimation = (position: TooltipProps[\"position\"]) => {\n    const baseAnimation = {\n      animate: { opacity: 1, y: 0, x: 0, scale: 1 },\n      exit: { opacity: 0, scale: 0.9 },\n      transition: { duration: 0.15, ease: crisp, delay: 0.15 },\n    };\n\n    if (position.startsWith(\"bottom\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: -10 },\n      };\n    } else if (position.startsWith(\"top\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: 10 },\n      };\n    } else if (position.startsWith(\"center-left\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: 10 },\n      };\n    } else if (position.startsWith(\"center-right\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: -10 },\n      };\n    }\n\n    // Fallback to default animation\n    return {\n      ...baseAnimation,\n      initial: { opacity: 0, y: -10, scale: 0.9 },\n      exit: { ...baseAnimation.exit, y: -10 },\n    };\n  };\n\n  const animations = getPositionBasedAnimation(position);\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <motion.div\n          key={position}\n          {...animations}\n          className={classNames(\n            \"z-50 absolute font-medium w-max max-w-[200px] px-2.5 pt-1.5 pb-2 bg-card-foreground gradient-border before:bg-border text-xs leading-[150%] text-shade-tertiary\",\n            \"after:absolute after:bg-border\",\n            !position.startsWith(\"center\") && \"after:!w-[10px] after:!h-[5px]\",\n            position.startsWith(\"center\") && \"after:!h-[10px] after:!w-[5px]\",\n            getTooltipPosition(position),\n            getArrowPosition(position)\n          )}\n          style={{ transformOrigin: getTransformOrigin(position) }}\n        >\n          <div className=\"absolute inset-0.5\">\n            <CrosshairCorners\n              size={4}\n              variant=\"corners\"\n              className=\"text-shade-mute\"\n              animationDelay={0.15}\n              animationDuration={0.75}\n              corners={\n                position === \"top-left\" || position === \"bottom-right\"\n                  ? [\"bottom-left\", \"top-right\"]\n                  : [\"bottom-right\", \"top-left\"]\n              }\n            />\n          </div>\n          {description}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nconst getTooltipPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"top-right\":\n      return \"bottom-[calc(100%+6px)] left-1/2 mb-1\";\n    case \"top-center\":\n      return \"bottom-[calc(100%+6px)] left-1/2 -translate-x-1/2 mb-1\";\n    case \"top-left\":\n      return \"bottom-[calc(100%+6px)] right-1/2 mb-1\";\n    case \"bottom-right\":\n      return \"top-[calc(100%+6px)] left-1/2 mt-1\";\n    case \"bottom-center\":\n      return \"top-[calc(100%+6px)] left-1/2 -translate-x-1/2 mt-1\";\n    case \"bottom-left\":\n      return \"top-[calc(100%+6px)] right-1/2 mt-1\";\n    case \"center-left\":\n      return \"right-[calc(100%+6px)] top-1/2 -translate-y-1/2 mr-1\";\n    case \"center-right\":\n      return \"left-[calc(100%+6px)] top-1/2 -translate-y-1/2 ml-1\";\n  }\n};\n\nconst getTransformOrigin = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"bottom left\";\n    case \"bottom-center\":\n      return \"bottom center\";\n    case \"bottom-left\":\n      return \"bottom right\";\n    case \"top-right\":\n      return \"top left\";\n    case \"top-center\":\n      return \"top center\";\n    case \"top-left\":\n      return \"top right\";\n    case \"center-left\":\n      return \"center right\";\n    case \"center-right\":\n      return \"center left\";\n  }\n};\n\nconst getArrowPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"after:top-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_0%,100%_100%,0%_100%,0%_0%)]\";\n    case \"bottom-center\":\n      return \"after:top-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_0%,0%_100%,100%_100%)]\";\n    case \"bottom-left\":\n      return \"after:top-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_0%,0%_100%,100%_100%,100%_0%)]\";\n    case \"top-right\":\n      return \"after:bottom-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_100%,100%_0%,0%_0%,0%_100%)]\";\n    case \"top-center\":\n      return \"after:bottom-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_100%,0%_0%,100%_0%)]\";\n    case \"top-left\":\n      return \"after:bottom-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_100%,0%_0%,100%_0%,100%_100%)]\";\n    case \"center-right\":\n      return \"after:top-1/2 after:left-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(100%_0%,0%_50%,100%_100%)]\";\n    case \"center-left\":\n      return \"after:top-1/2 after:right-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(0%_0%,100%_50%,0%_100%)]\";\n  }\n};\n"]}

package/dist/icons/Anchor.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const AnchorIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Anchor.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const AnchorIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/ArrowLeft.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ArrowLeftIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/ArrowLeft.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ArrowLeftIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/ArrowRight.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ArrowRightIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/ArrowRight.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ArrowRightIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Assembly.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const AssemblyIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Assembly.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const AssemblyIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Challenge.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ChallengeIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Challenge.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ChallengeIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Chevron.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ChevronIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Chevron.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ChevronIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/ChevronLeft.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ChevronLeftIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/ChevronLeft.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ChevronLeftIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/ChevronRight.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ChevronRightIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/ChevronRight.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ChevronRightIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Claim.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ClaimIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Claim.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ClaimIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Claimed.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ClaimedIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Claimed.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ClaimedIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Close.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const CloseIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Close.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const CloseIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Code.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const CodeIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Code.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const CodeIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Copy.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const CopyIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Copy.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const CopyIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Developer.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const DeveloperIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Developer.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const DeveloperIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Difficulty.d.mts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import '../utils/colours.mjs';
-export { e as DifficultyIcon, D as DifficultyIconProps } from '../index-DWGhkMUQ.mjs';
+export { e as DifficultyIcon, D as DifficultyIconProps } from '../Icon-CTxwWbdC.mjs';

package/dist/icons/Difficulty.d.ts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import '../utils/colours.js';
-export { e as DifficultyIcon, D as DifficultyIconProps } from '../index-ekBNDG0H.js';
+export { e as DifficultyIcon, D as DifficultyIconProps } from '../Icon-llWd6yMa.js';

package/dist/icons/Discord.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const DiscordIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Discord.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const DiscordIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Dollar.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const DollarIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Dollar.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const DollarIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/DoubleArrow.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const DoubleArrowIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/DoubleArrow.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const DoubleArrowIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/EVM.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const EVMIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/EVM.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const EVMIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Email.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const EmailIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Email.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const EmailIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Error.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ErrorIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Error.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ErrorIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/External.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const ExternalIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/External.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const ExternalIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Filter.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const FilterIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Filter.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const FilterIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Firmware.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const FirmwareIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Firmware.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const FirmwareIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Flag.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const FlagIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Flag.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const FlagIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Flame.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const FlameIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Flame.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const FlameIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Flexible.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-DWGhkMUQ.mjs';
+import { a as IconProps } from '../Icon-CTxwWbdC.mjs';
 import '../utils/colours.mjs';
 
 declare const FlexibleIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Flexible.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../index-ekBNDG0H.js';
+import { a as IconProps } from '../Icon-llWd6yMa.js';
 import '../utils/colours.js';
 
 declare const FlexibleIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;