@blueshift-gg/ui-components 0.1.12 → 0.1.13

package/dist/Alert.d.mts

@@ -1,13 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps } from 'motion/react';
-import { a as IconProps } from './Icon-BlNfHVtM.mjs';
+import { a as IconProps } from './Icon-_eAGhkdn.mjs';
 import './utils/colours.mjs';
 
 type AlertProps = {
     title: string;
     description?: string;
     children?: React.ReactNode;
-    variant?: "warning";
+    variant?: "primary" | "warning";
     icon?: IconProps;
     isExpandable?: boolean;
     className?: string;

package/dist/Alert.d.ts

@@ -1,13 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps } from 'motion/react';
-import { a as IconProps } from './Icon-CyRhTGIG.js';
+import { a as IconProps } from './Icon-DTD8APSk.js';
 import './utils/colours.js';
 
 type AlertProps = {
     title: string;
     description?: string;
     children?: React.ReactNode;
-    variant?: "warning";
+    variant?: "primary" | "warning";
     icon?: IconProps;
     isExpandable?: boolean;
     className?: string;

package/dist/Alert.js

@@ -34,8 +34,9 @@ const Alert = ({
         }
       },
       className: classNames__default.default(
-        "group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px]",
-        variant === "warning" && "text-brand-rust shadow-current/15",
+        "group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15",
+        variant === "warning" && "text-brand-rust",
+        variant === "primary" && "text-brand-primary",
         isExpandable && "cursor-row-resize",
         className
       ),

package/dist/Alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Alert.tsx"],"names":["useState","jsxs","motion","classNames","jsx","Icon","CrosshairCorners","glide"],"mappings":";;;;;;;;;;;;;;AAsBO,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAElD,EAAA,uBACEC,eAAA;AAAA,IAACC,cAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAS,MAAM;AACb,QAAA,IAAI,YAAA,EAAc;AAChB,UAAA,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,QAC3B;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAWC,2BAAA;AAAA,QACT,sFAAA;AAAA,QACA,YAAY,SAAA,IAAa,mCAAA;AAAA,QACzB,YAAA,IAAgB,mBAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,WAAA,oBACCC,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAU,gMAAA;AAAA,YAEV,QAAA,kBAAAA,cAAA,CAACC,SAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,MAAM,EAAA,EAAI;AAAA;AAAA,SAC/B;AAAA,QAED,YAAA,oBACCD,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWD,2BAAA;AAAA,cACT;AAAA,aACF;AAAA,YAEA,QAAA,kBAAAC,cAAA;AAAA,cAACE,0BAAA;AAAA,cAAA;AAAA,gBACC,cAAA,EAAgB,CAAA;AAAA,gBAChB,IAAA,EAAM,CAAA;AAAA,gBACN,OAAA,EAAS,CAAC,cAAc;AAAA;AAAA;AAC1B;AAAA,SACF;AAAA,wBAEFL,eAAA;AAAA,UAACC,cAAA,CAAO,GAAA;AAAA,UAAP;AAAA,YACC,OAAA,EAAS,KAAA;AAAA,YACT,OAAA,EAAS;AAAA,cACP,MAAA,EAAQ,aAAa,MAAA,GAAS;AAAA,aAChC;AAAA,YACA,UAAA,EAAY;AAAA,cACV,QAAA,EAAU,IAAA;AAAA,cACV,IAAA,EAAMK;AAAA,aACR;AAAA,YACA,SAAA,EAAWJ,2BAAA;AAAA,cACT,uBAAA;AAAA,cACA,YAAA,IAAgB,mBAAA;AAAA,cAChB,YAAA,IACE,CAAC,UAAA,IACD;AAAA,aACJ;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,gBAAA,IAAA,oBAAQG,cAAA,CAACC,aAAK,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAA,EAAM,QAAQ,EAAA,EAAI,CAAA;AAAA,gCACzDD,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EACX,QAAA,EAAA,KAAA,EACH;AAAA,eAAA,EACF,CAAA;AAAA,cACC,QAAA,IAAY,QAAA;AAAA,cACZ,WAAA,oBACCA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA;AAEJ;AAAA;AAAA,GACF;AAEJ","file":"Alert.js","sourcesContent":["\"use client\";\n\nimport { motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { useState } from \"react\";\nimport { glide } from \"./utils/easings\";\n\nexport type AlertProps = {\n  title: string;\n  description?: string;\n  children?: React.ReactNode;\n  variant?: \"warning\";\n  icon?: IconProps;\n  isExpandable?: boolean;\n  className?: string;\n  isClearable?: boolean;\n  onClear?: () => void;\n  animation?: MotionProps;\n};\n\nexport const Alert = ({\n  onClear,\n  isClearable,\n  isExpandable,\n  title,\n  description,\n  variant = \"warning\",\n  icon,\n  className,\n  animation,\n  children,\n}: AlertProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <motion.div\n      onClick={() => {\n        if (isExpandable) {\n          setIsExpanded(!isExpanded);\n        }\n      }}\n      className={classNames(\n        \"group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px]\",\n        variant === \"warning\" && \"text-brand-rust shadow-current/15\",\n        isExpandable && \"cursor-row-resize\",\n        className\n      )}\n      {...animation}\n    >\n      {isClearable && (\n        <button\n          onClick={onClear}\n          className=\"z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide\"\n        >\n          <Icon name=\"Close\" size={12} />\n        </button>\n      )}\n      {isExpandable && (\n        <div\n          className={classNames(\n            \"text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1\"\n          )}\n        >\n          <CrosshairCorners\n            animationDelay={0}\n            size={8}\n            corners={[\"bottom-right\"]}\n          />\n        </div>\n      )}\n      <motion.div\n        initial={false}\n        animate={{\n          height: isExpanded ? \"100%\" : \"120px\",\n        }}\n        transition={{\n          duration: 0.15,\n          ease: glide,\n        }}\n        className={classNames(\n          \"flex flex-col gap-y-4\",\n          isExpandable && \"overflow-y-hidden\",\n          isExpandable &&\n            !isExpanded &&\n            \"[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]\"\n        )}\n      >\n        <div className=\"flex items-center gap-x-2\">\n          {icon && <Icon name={icon?.name} size={icon?.size || 18} />}\n          <h1 className=\"font-mono font-medium text-current leading-none\">\n            {title}\n          </h1>\n        </div>\n        {children && children}\n        {description && (\n          <p className=\"text-shade-primary leading-[160%] font-medium\">\n            {description}\n          </p>\n        )}\n      </motion.div>\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Alert.tsx"],"names":["useState","jsxs","motion","classNames","jsx","Icon","CrosshairCorners","glide"],"mappings":";;;;;;;;;;;;;;AAsBO,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAElD,EAAA,uBACEC,eAAA;AAAA,IAACC,cAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAS,MAAM;AACb,QAAA,IAAI,YAAA,EAAc;AAChB,UAAA,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,QAC3B;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAWC,2BAAA;AAAA,QACT,wGAAA;AAAA,QACA,YAAY,SAAA,IAAa,iBAAA;AAAA,QACzB,YAAY,SAAA,IAAa,oBAAA;AAAA,QACzB,YAAA,IAAgB,mBAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,WAAA,oBACCC,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAU,gMAAA;AAAA,YAEV,QAAA,kBAAAA,cAAA,CAACC,SAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,MAAM,EAAA,EAAI;AAAA;AAAA,SAC/B;AAAA,QAED,YAAA,oBACCD,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWD,2BAAA;AAAA,cACT;AAAA,aACF;AAAA,YAEA,QAAA,kBAAAC,cAAA;AAAA,cAACE,0BAAA;AAAA,cAAA;AAAA,gBACC,cAAA,EAAgB,CAAA;AAAA,gBAChB,IAAA,EAAM,CAAA;AAAA,gBACN,OAAA,EAAS,CAAC,cAAc;AAAA;AAAA;AAC1B;AAAA,SACF;AAAA,wBAEFL,eAAA;AAAA,UAACC,cAAA,CAAO,GAAA;AAAA,UAAP;AAAA,YACC,OAAA,EAAS,KAAA;AAAA,YACT,OAAA,EAAS;AAAA,cACP,MAAA,EAAQ,aAAa,MAAA,GAAS;AAAA,aAChC;AAAA,YACA,UAAA,EAAY;AAAA,cACV,QAAA,EAAU,IAAA;AAAA,cACV,IAAA,EAAMK;AAAA,aACR;AAAA,YACA,SAAA,EAAWJ,2BAAA;AAAA,cACT,uBAAA;AAAA,cACA,YAAA,IAAgB,mBAAA;AAAA,cAChB,YAAA,IACE,CAAC,UAAA,IACD;AAAA,aACJ;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAF,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,gBAAA,IAAA,oBAAQG,cAAA,CAACC,aAAK,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAA,EAAM,QAAQ,EAAA,EAAI,CAAA;AAAA,gCACzDD,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EACX,QAAA,EAAA,KAAA,EACH;AAAA,eAAA,EACF,CAAA;AAAA,cACC,QAAA,IAAY,QAAA;AAAA,cACZ,WAAA,oBACCA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA;AAEJ;AAAA;AAAA,GACF;AAEJ","file":"Alert.js","sourcesContent":["\"use client\";\n\nimport { motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { useState } from \"react\";\nimport { glide } from \"./utils/easings\";\n\nexport type AlertProps = {\n  title: string;\n  description?: string;\n  children?: React.ReactNode;\n  variant?: \"primary\" | \"warning\";\n  icon?: IconProps;\n  isExpandable?: boolean;\n  className?: string;\n  isClearable?: boolean;\n  onClear?: () => void;\n  animation?: MotionProps;\n};\n\nexport const Alert = ({\n  onClear,\n  isClearable,\n  isExpandable,\n  title,\n  description,\n  variant = \"warning\",\n  icon,\n  className,\n  animation,\n  children,\n}: AlertProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <motion.div\n      onClick={() => {\n        if (isExpandable) {\n          setIsExpanded(!isExpanded);\n        }\n      }}\n      className={classNames(\n        \"group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15\",\n        variant === \"warning\" && \"text-brand-rust\",\n        variant === \"primary\" && \"text-brand-primary\",\n        isExpandable && \"cursor-row-resize\",\n        className\n      )}\n      {...animation}\n    >\n      {isClearable && (\n        <button\n          onClick={onClear}\n          className=\"z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide\"\n        >\n          <Icon name=\"Close\" size={12} />\n        </button>\n      )}\n      {isExpandable && (\n        <div\n          className={classNames(\n            \"text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1\"\n          )}\n        >\n          <CrosshairCorners\n            animationDelay={0}\n            size={8}\n            corners={[\"bottom-right\"]}\n          />\n        </div>\n      )}\n      <motion.div\n        initial={false}\n        animate={{\n          height: isExpanded ? \"100%\" : \"120px\",\n        }}\n        transition={{\n          duration: 0.15,\n          ease: glide,\n        }}\n        className={classNames(\n          \"flex flex-col gap-y-4\",\n          isExpandable && \"overflow-y-hidden\",\n          isExpandable &&\n            !isExpanded &&\n            \"[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]\"\n        )}\n      >\n        <div className=\"flex items-center gap-x-2\">\n          {icon && <Icon name={icon?.name} size={icon?.size || 18} />}\n          <h1 className=\"font-mono font-medium text-current leading-none\">\n            {title}\n          </h1>\n        </div>\n        {children && children}\n        {description && (\n          <p className=\"text-shade-primary leading-[160%] font-medium\">\n            {description}\n          </p>\n        )}\n      </motion.div>\n    </motion.div>\n  );\n};\n"]}

package/dist/Alert.mjs

@@ -28,8 +28,9 @@ const Alert = ({
         }
       },
       className: classNames(
-        "group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px]",
-        variant === "warning" && "text-brand-rust shadow-current/15",
+        "group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15",
+        variant === "warning" && "text-brand-rust",
+        variant === "primary" && "text-brand-primary",
         isExpandable && "cursor-row-resize",
         className
       ),

package/dist/Alert.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Alert.tsx"],"names":[],"mappings":";;;;;;;;AAsBO,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAS,MAAM;AACb,QAAA,IAAI,YAAA,EAAc;AAChB,UAAA,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,QAC3B;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,sFAAA;AAAA,QACA,YAAY,SAAA,IAAa,mCAAA;AAAA,QACzB,YAAA,IAAgB,mBAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,WAAA,oBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAU,gMAAA;AAAA,YAEV,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,MAAM,EAAA,EAAI;AAAA;AAAA,SAC/B;AAAA,QAED,YAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT;AAAA,aACF;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,cAAA,EAAgB,CAAA;AAAA,gBAChB,IAAA,EAAM,CAAA;AAAA,gBACN,OAAA,EAAS,CAAC,cAAc;AAAA;AAAA;AAC1B;AAAA,SACF;AAAA,wBAEF,IAAA;AAAA,UAAC,MAAA,CAAO,GAAA;AAAA,UAAP;AAAA,YACC,OAAA,EAAS,KAAA;AAAA,YACT,OAAA,EAAS;AAAA,cACP,MAAA,EAAQ,aAAa,MAAA,GAAS;AAAA,aAChC;AAAA,YACA,UAAA,EAAY;AAAA,cACV,QAAA,EAAU,IAAA;AAAA,cACV,IAAA,EAAM;AAAA,aACR;AAAA,YACA,SAAA,EAAW,UAAA;AAAA,cACT,uBAAA;AAAA,cACA,YAAA,IAAgB,mBAAA;AAAA,cAChB,YAAA,IACE,CAAC,UAAA,IACD;AAAA,aACJ;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,gBAAA,IAAA,oBAAQ,GAAA,CAAC,QAAK,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAA,EAAM,QAAQ,EAAA,EAAI,CAAA;AAAA,gCACzD,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EACX,QAAA,EAAA,KAAA,EACH;AAAA,eAAA,EACF,CAAA;AAAA,cACC,QAAA,IAAY,QAAA;AAAA,cACZ,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA;AAEJ;AAAA;AAAA,GACF;AAEJ","file":"Alert.mjs","sourcesContent":["\"use client\";\n\nimport { motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { useState } from \"react\";\nimport { glide } from \"./utils/easings\";\n\nexport type AlertProps = {\n  title: string;\n  description?: string;\n  children?: React.ReactNode;\n  variant?: \"warning\";\n  icon?: IconProps;\n  isExpandable?: boolean;\n  className?: string;\n  isClearable?: boolean;\n  onClear?: () => void;\n  animation?: MotionProps;\n};\n\nexport const Alert = ({\n  onClear,\n  isClearable,\n  isExpandable,\n  title,\n  description,\n  variant = \"warning\",\n  icon,\n  className,\n  animation,\n  children,\n}: AlertProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <motion.div\n      onClick={() => {\n        if (isExpandable) {\n          setIsExpanded(!isExpanded);\n        }\n      }}\n      className={classNames(\n        \"group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px]\",\n        variant === \"warning\" && \"text-brand-rust shadow-current/15\",\n        isExpandable && \"cursor-row-resize\",\n        className\n      )}\n      {...animation}\n    >\n      {isClearable && (\n        <button\n          onClick={onClear}\n          className=\"z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide\"\n        >\n          <Icon name=\"Close\" size={12} />\n        </button>\n      )}\n      {isExpandable && (\n        <div\n          className={classNames(\n            \"text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1\"\n          )}\n        >\n          <CrosshairCorners\n            animationDelay={0}\n            size={8}\n            corners={[\"bottom-right\"]}\n          />\n        </div>\n      )}\n      <motion.div\n        initial={false}\n        animate={{\n          height: isExpanded ? \"100%\" : \"120px\",\n        }}\n        transition={{\n          duration: 0.15,\n          ease: glide,\n        }}\n        className={classNames(\n          \"flex flex-col gap-y-4\",\n          isExpandable && \"overflow-y-hidden\",\n          isExpandable &&\n            !isExpanded &&\n            \"[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]\"\n        )}\n      >\n        <div className=\"flex items-center gap-x-2\">\n          {icon && <Icon name={icon?.name} size={icon?.size || 18} />}\n          <h1 className=\"font-mono font-medium text-current leading-none\">\n            {title}\n          </h1>\n        </div>\n        {children && children}\n        {description && (\n          <p className=\"text-shade-primary leading-[160%] font-medium\">\n            {description}\n          </p>\n        )}\n      </motion.div>\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Alert.tsx"],"names":[],"mappings":";;;;;;;;AAsBO,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAkB;AAChB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAS,MAAM;AACb,QAAA,IAAI,YAAA,EAAc;AAChB,UAAA,aAAA,CAAc,CAAC,UAAU,CAAA;AAAA,QAC3B;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,wGAAA;AAAA,QACA,YAAY,SAAA,IAAa,iBAAA;AAAA,QACzB,YAAY,SAAA,IAAa,oBAAA;AAAA,QACzB,YAAA,IAAgB,mBAAA;AAAA,QAChB;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,WAAA,oBACC,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAU,gMAAA;AAAA,YAEV,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,MAAM,EAAA,EAAI;AAAA;AAAA,SAC/B;AAAA,QAED,YAAA,oBACC,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT;AAAA,aACF;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,cAAA,EAAgB,CAAA;AAAA,gBAChB,IAAA,EAAM,CAAA;AAAA,gBACN,OAAA,EAAS,CAAC,cAAc;AAAA;AAAA;AAC1B;AAAA,SACF;AAAA,wBAEF,IAAA;AAAA,UAAC,MAAA,CAAO,GAAA;AAAA,UAAP;AAAA,YACC,OAAA,EAAS,KAAA;AAAA,YACT,OAAA,EAAS;AAAA,cACP,MAAA,EAAQ,aAAa,MAAA,GAAS;AAAA,aAChC;AAAA,YACA,UAAA,EAAY;AAAA,cACV,QAAA,EAAU,IAAA;AAAA,cACV,IAAA,EAAM;AAAA,aACR;AAAA,YACA,SAAA,EAAW,UAAA;AAAA,cACT,uBAAA;AAAA,cACA,YAAA,IAAgB,mBAAA;AAAA,cAChB,YAAA,IACE,CAAC,UAAA,IACD;AAAA,aACJ;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,gBAAA,IAAA,oBAAQ,GAAA,CAAC,QAAK,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAA,EAAM,QAAQ,EAAA,EAAI,CAAA;AAAA,gCACzD,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,iDAAA,EACX,QAAA,EAAA,KAAA,EACH;AAAA,eAAA,EACF,CAAA;AAAA,cACC,QAAA,IAAY,QAAA;AAAA,cACZ,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iDACV,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA;AAEJ;AAAA;AAAA,GACF;AAEJ","file":"Alert.mjs","sourcesContent":["\"use client\";\n\nimport { motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { useState } from \"react\";\nimport { glide } from \"./utils/easings\";\n\nexport type AlertProps = {\n  title: string;\n  description?: string;\n  children?: React.ReactNode;\n  variant?: \"primary\" | \"warning\";\n  icon?: IconProps;\n  isExpandable?: boolean;\n  className?: string;\n  isClearable?: boolean;\n  onClear?: () => void;\n  animation?: MotionProps;\n};\n\nexport const Alert = ({\n  onClear,\n  isClearable,\n  isExpandable,\n  title,\n  description,\n  variant = \"warning\",\n  icon,\n  className,\n  animation,\n  children,\n}: AlertProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <motion.div\n      onClick={() => {\n        if (isExpandable) {\n          setIsExpanded(!isExpanded);\n        }\n      }}\n      className={classNames(\n        \"group p-6 relative bg-current/4 border border-current/15 shadow-[inset_0px_0px_32px] shadow-current/15\",\n        variant === \"warning\" && \"text-brand-rust\",\n        variant === \"primary\" && \"text-brand-primary\",\n        isExpandable && \"cursor-row-resize\",\n        className\n      )}\n      {...animation}\n    >\n      {isClearable && (\n        <button\n          onClick={onClear}\n          className=\"z-10 flex items-center justify-center absolute top-2.5 right-2.5 h-[28px] w-[28px] bg-current/5 text-current hover:bg-current/10 active:scale-[0.97] transition-colors duration-100 ease-glide\"\n        >\n          <Icon name=\"Close\" size={12} />\n        </button>\n      )}\n      {isExpandable && (\n        <div\n          className={classNames(\n            \"text-shade-tertiary group-hover:text-shade-primary absolute inset-2.5 transition-all duration-100 ease-glide group-hover:inset-1\"\n          )}\n        >\n          <CrosshairCorners\n            animationDelay={0}\n            size={8}\n            corners={[\"bottom-right\"]}\n          />\n        </div>\n      )}\n      <motion.div\n        initial={false}\n        animate={{\n          height: isExpanded ? \"100%\" : \"120px\",\n        }}\n        transition={{\n          duration: 0.15,\n          ease: glide,\n        }}\n        className={classNames(\n          \"flex flex-col gap-y-4\",\n          isExpandable && \"overflow-y-hidden\",\n          isExpandable &&\n            !isExpanded &&\n            \"[mask-image:linear-gradient(180deg,#D9D9D9_45.42%,rgba(115,115,115,0)_100%)]\"\n        )}\n      >\n        <div className=\"flex items-center gap-x-2\">\n          {icon && <Icon name={icon?.name} size={icon?.size || 18} />}\n          <h1 className=\"font-mono font-medium text-current leading-none\">\n            {title}\n          </h1>\n        </div>\n        {children && children}\n        {description && (\n          <p className=\"text-shade-primary leading-[160%] font-medium\">\n            {description}\n          </p>\n        )}\n      </motion.div>\n    </motion.div>\n  );\n};\n"]}

package/dist/Avatar.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from './Icon-BlNfHVtM.mjs';
+import { a as IconProps } from './Icon-_eAGhkdn.mjs';
 import { CrosshairCornersProps } from './CrossHair.mjs';
 import { MotionProps } from 'motion/react';
 import { BrandColour } from './utils/colours.mjs';

package/dist/Avatar.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from './Icon-CyRhTGIG.js';
+import { a as IconProps } from './Icon-DTD8APSk.js';
 import { CrosshairCornersProps } from './CrossHair.js';
 import { MotionProps } from 'motion/react';
 import { BrandColour } from './utils/colours.js';

package/dist/Badge.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BrandColour } from './utils/colours.mjs';
-import { a as IconProps } from './Icon-BlNfHVtM.mjs';
+import { a as IconProps } from './Icon-_eAGhkdn.mjs';
 import { CrosshairCornersProps } from './CrossHair.mjs';
 import { MotionProps } from 'motion/react';
 

package/dist/Badge.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BrandColour } from './utils/colours.js';
-import { a as IconProps } from './Icon-CyRhTGIG.js';
+import { a as IconProps } from './Icon-DTD8APSk.js';
 import { CrosshairCornersProps } from './CrossHair.js';
 import { MotionProps } from 'motion/react';
 

package/dist/Button.d.mts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps } from 'motion/react';
 import { CrosshairCornersProps } from './CrossHair.mjs';
 import { courseDifficulty } from './utils/colours.mjs';
-import { c as IconName } from './Icon-BlNfHVtM.mjs';
+import { c as IconName } from './Icon-_eAGhkdn.mjs';
 
 type ButtonProps = {
     className?: string;

package/dist/Button.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps } from 'motion/react';
 import { CrosshairCornersProps } from './CrossHair.js';
 import { courseDifficulty } from './utils/colours.js';
-import { c as IconName } from './Icon-CyRhTGIG.js';
+import { c as IconName } from './Icon-DTD8APSk.js';
 
 type ButtonProps = {
     className?: string;

package/dist/Dropdown.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from './Icon-BlNfHVtM.mjs';
+import { a as IconProps } from './Icon-_eAGhkdn.mjs';
 import './utils/colours.mjs';
 
 type DropdownOption = {

package/dist/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from './Icon-CyRhTGIG.js';
+import { a as IconProps } from './Icon-DTD8APSk.js';
 import './utils/colours.js';
 
 type DropdownOption = {

package/dist/{Icon-CyRhTGIG.d.ts → Icon-DTD8APSk.d.ts}

@@ -73,6 +73,7 @@ declare const IconComponents: {
     readonly Phantom: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;
     readonly Solflare: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;
     readonly Brave: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly User: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;
 };
 declare const iconMetadata: Partial<Record<IconName, {
     category: "brand" | "state" | "ui" | "socials";

package/dist/{Icon-BlNfHVtM.d.mts → Icon-_eAGhkdn.d.mts}

@@ -73,6 +73,7 @@ declare const IconComponents: {
     readonly Phantom: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;
     readonly Solflare: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;
     readonly Brave: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;
+    readonly User: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;
 };
 declare const iconMetadata: Partial<Record<IconName, {
     category: "brand" | "state" | "ui" | "socials";

package/dist/Icon.d.mts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import './utils/colours.mjs';
-export { I as Icon, b as IconComponents, c as IconName, a as IconProps, i as iconMetadata } from './Icon-BlNfHVtM.mjs';
+export { I as Icon, b as IconComponents, c as IconName, a as IconProps, i as iconMetadata } from './Icon-_eAGhkdn.mjs';

package/dist/Icon.d.ts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import './utils/colours.js';
-export { I as Icon, b as IconComponents, c as IconName, a as IconProps, i as iconMetadata } from './Icon-CyRhTGIG.js';
+export { I as Icon, b as IconComponents, c as IconName, a as IconProps, i as iconMetadata } from './Icon-DTD8APSk.js';

package/dist/Input.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps } from 'motion/react';
-import { c as IconName } from './Icon-BlNfHVtM.mjs';
+import { c as IconName } from './Icon-_eAGhkdn.mjs';
 import { BadgeProps } from './Badge.mjs';
 import { TooltipProps } from './Tooltip.mjs';
 import './utils/colours.mjs';

package/dist/Input.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps } from 'motion/react';
-import { c as IconName } from './Icon-CyRhTGIG.js';
+import { c as IconName } from './Icon-DTD8APSk.js';
 import { BadgeProps } from './Badge.js';
 import { TooltipProps } from './Tooltip.js';
 import './utils/colours.js';

package/dist/Slider.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from './Icon-BlNfHVtM.mjs';
+import { a as IconProps } from './Icon-_eAGhkdn.mjs';
 import './utils/colours.mjs';
 
 type SliderProps = {

package/dist/Slider.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from './Icon-CyRhTGIG.js';
+import { a as IconProps } from './Icon-DTD8APSk.js';
 import './utils/colours.js';
 
 type SliderProps = {

package/dist/Tabs.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps } from 'motion/react';
-import { a as IconProps } from './Icon-BlNfHVtM.mjs';
+import { a as IconProps } from './Icon-_eAGhkdn.mjs';
 import './utils/colours.mjs';
 
 type TabsProps = {

package/dist/Tabs.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps } from 'motion/react';
-import { a as IconProps } from './Icon-CyRhTGIG.js';
+import { a as IconProps } from './Icon-DTD8APSk.js';
 import './utils/colours.js';
 
 type TabsProps = {

package/dist/Toast.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as IconName } from './Icon-BlNfHVtM.mjs';
+import { c as IconName } from './Icon-_eAGhkdn.mjs';
 import './utils/colours.mjs';
 
 type ToastProps = {

package/dist/Toast.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as IconName } from './Icon-CyRhTGIG.js';
+import { c as IconName } from './Icon-DTD8APSk.js';
 import './utils/colours.js';
 
 type ToastProps = {

package/dist/icons/Anchor.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.js';
 import '../utils/colours.js';
 
 declare const AssemblyIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;

package/dist/icons/Brave.d.mts

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

package/dist/icons/Brave.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as IconProps } from '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.js';
 import '../utils/colours.js';
 
 declare const BraveIcon: ({ 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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+export { e as DifficultyIcon, D as DifficultyIconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+export { e as DifficultyIcon, D as DifficultyIconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.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 '../Icon-BlNfHVtM.mjs';
+import { a as IconProps } from '../Icon-_eAGhkdn.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 '../Icon-CyRhTGIG.js';
+import { a as IconProps } from '../Icon-DTD8APSk.js';
 import '../utils/colours.js';
 
 declare const DoubleArrowIcon: ({ className, size }: IconProps) => react_jsx_runtime.JSX.Element;