@blueshift-gg/ui-components 0.1.45 → 0.1.47

package/dist/Avatar.js

@@ -30,7 +30,7 @@ const Avatar = ({
       ),
       style: {
         borderWidth: thickness,
-        color: variant ? colours.BRAND_COLOURS[variant] : void 0
+        color: variant ? colours.BRAND_COLOURS[variant.toLowerCase()] : void 0
       },
       ...animation,
       children: [

package/dist/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Avatar.tsx"],"names":["jsxs","motion","classNames","BRAND_COLOURS","jsx","CrosshairCorners","Icon"],"mappings":";;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACEA,eAAA;AAAA,IAACC,YAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAWC,2BAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,KAAA,EAAO,OAAA,GAAUC,qBAAA,CAAc,OAAO,CAAA,GAAI;AAAA,OAC5C;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWF,2BAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAAE,cAAA;AAAA,cAACC,0BAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAWH,4BAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACAE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,UAACE,SAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.js","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n  className?: string;\n  icon: IconProps;\n  variant?: BrandColour;\n  crosshair?: CrosshairCornersProps;\n  thickness: number;\n  animation?: MotionProps;\n};\n\nexport const Avatar = ({\n  className,\n  icon,\n  crosshair,\n  thickness = 1.5,\n  variant,\n  animation,\n}: AvatarProps) => {\n  return (\n    <motion.div\n      className={classNames(\n        \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n        (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n          \"p-2\",\n        crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n        className\n      )}\n      style={{\n        borderWidth: thickness,\n        color: variant ? BRAND_COLOURS[variant] : undefined,\n      }}\n      {...animation}\n    >\n      <div\n        className={classNames(\n          \"text-current absolute inset-0\",\n          crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\"\n        )}\n      >\n        <CrosshairCorners\n          key={icon.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\")}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 6}\n        />\n      </div>\n      <div className=\"flex items-center justify-center p-1\">\n        <Icon\n          name={icon.name as IconName}\n          className={icon.className}\n          size={icon.size || 24}\n        />\n      </div>\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Avatar.tsx"],"names":["jsxs","motion","classNames","BRAND_COLOURS","jsx","CrosshairCorners","Icon"],"mappings":";;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACEA,eAAA;AAAA,IAACC,YAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAWC,2BAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,OAAO,OAAA,GACHC,qBAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,GAClD;AAAA,OACN;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWF,2BAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAAE,cAAA;AAAA,cAACC,0BAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAWH,4BAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACAE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,UAACE,SAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.js","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n  className?: string;\n  icon: IconProps;\n  variant?: BrandColour;\n  crosshair?: CrosshairCornersProps;\n  thickness: number;\n  animation?: MotionProps;\n};\n\nexport const Avatar = ({\n  className,\n  icon,\n  crosshair,\n  thickness = 1.5,\n  variant,\n  animation,\n}: AvatarProps) => {\n  return (\n    <motion.div\n      className={classNames(\n        \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n        (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n          \"p-2\",\n        crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n        className,\n      )}\n      style={{\n        borderWidth: thickness,\n        color: variant\n          ? BRAND_COLOURS[variant.toLowerCase() as BrandColour]\n          : undefined,\n      }}\n      {...animation}\n    >\n      <div\n        className={classNames(\n          \"text-current absolute inset-0\",\n          crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\",\n        )}\n      >\n        <CrosshairCorners\n          key={icon.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\")}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 6}\n        />\n      </div>\n      <div className=\"flex items-center justify-center p-1\">\n        <Icon\n          name={icon.name as IconName}\n          className={icon.className}\n          size={icon.size || 24}\n        />\n      </div>\n    </motion.div>\n  );\n};\n"]}

package/dist/Avatar.mjs

@@ -24,7 +24,7 @@ const Avatar = ({
       ),
       style: {
         borderWidth: thickness,
-        color: variant ? BRAND_COLOURS[variant] : void 0
+        color: variant ? BRAND_COLOURS[variant.toLowerCase()] : void 0
       },
       ...animation,
       children: [

package/dist/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Avatar.tsx"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,KAAA,EAAO,OAAA,GAAU,aAAA,CAAc,OAAO,CAAA,GAAI;AAAA,OAC5C;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAW,WAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n  className?: string;\n  icon: IconProps;\n  variant?: BrandColour;\n  crosshair?: CrosshairCornersProps;\n  thickness: number;\n  animation?: MotionProps;\n};\n\nexport const Avatar = ({\n  className,\n  icon,\n  crosshair,\n  thickness = 1.5,\n  variant,\n  animation,\n}: AvatarProps) => {\n  return (\n    <motion.div\n      className={classNames(\n        \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n        (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n          \"p-2\",\n        crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n        className\n      )}\n      style={{\n        borderWidth: thickness,\n        color: variant ? BRAND_COLOURS[variant] : undefined,\n      }}\n      {...animation}\n    >\n      <div\n        className={classNames(\n          \"text-current absolute inset-0\",\n          crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\"\n        )}\n      >\n        <CrosshairCorners\n          key={icon.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\")}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 6}\n        />\n      </div>\n      <div className=\"flex items-center justify-center p-1\">\n        <Icon\n          name={icon.name as IconName}\n          className={icon.className}\n          size={icon.size || 24}\n        />\n      </div>\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Avatar.tsx"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,SAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,GAAA;AAAA,EACZ,OAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,6IAAA;AAAA,QAAA,CACC,SAAA,EAAW,OAAA,KAAY,SAAA,IAAa,SAAA,EAAW,YAAY,OAAA,KAC1D,KAAA;AAAA,QACF,SAAA,EAAW,YAAY,UAAA,IAAc,WAAA;AAAA,QACrC;AAAA,OACF;AAAA,MACA,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,SAAA;AAAA,QACb,OAAO,OAAA,GACH,aAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,GAClD;AAAA,OACN;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,UAAA;AAAA,cACT,+BAAA;AAAA,cACA,SAAA,EAAW,YAAY,UAAA,IAAc;AAAA,aACvC;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBAEC,SAAS,SAAA,EAAW,OAAA;AAAA,gBACpB,SAAA,EAAW,WAAW,cAAc,CAAA;AAAA,gBACpC,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,gBAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,gBACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,eAAA;AAAA,cALpB,IAAA,CAAK;AAAA;AAMZ;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAM,IAAA,CAAK,IAAA;AAAA,YACX,WAAW,IAAA,CAAK,SAAA;AAAA,YAChB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,SACrB,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"Avatar.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { Icon, IconProps } from \"./Icon\";\nimport { IconName } from \"./icons\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type AvatarProps = {\n  className?: string;\n  icon: IconProps;\n  variant?: BrandColour;\n  crosshair?: CrosshairCornersProps;\n  thickness: number;\n  animation?: MotionProps;\n};\n\nexport const Avatar = ({\n  className,\n  icon,\n  crosshair,\n  thickness = 1.5,\n  variant,\n  animation,\n}: AvatarProps) => {\n  return (\n    <motion.div\n      className={classNames(\n        \"text-shade-secondary flex items-center justify-center relative border-current/15 bg-current/5 shadow-[inset_0px_0px_12px] shadow-current/15\",\n        (crosshair?.variant === \"corners\" || crosshair?.variant === \"cross\") &&\n          \"p-2\",\n        crosshair?.variant === \"bordered\" && \"px-3 py-2\",\n        className,\n      )}\n      style={{\n        borderWidth: thickness,\n        color: variant\n          ? BRAND_COLOURS[variant.toLowerCase() as BrandColour]\n          : undefined,\n      }}\n      {...animation}\n    >\n      <div\n        className={classNames(\n          \"text-current absolute inset-0\",\n          crosshair?.variant !== \"bordered\" && \"absolute !-inset-[1.5px]\",\n        )}\n      >\n        <CrosshairCorners\n          key={icon.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\")}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 6}\n        />\n      </div>\n      <div className=\"flex items-center justify-center p-1\">\n        <Icon\n          name={icon.name as IconName}\n          className={icon.className}\n          size={icon.size || 24}\n        />\n      </div>\n    </motion.div>\n  );\n};\n"]}

package/dist/Badge.js

@@ -25,7 +25,9 @@ const Badge = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react.motion.div,
     {
-      style: { color: colours.BRAND_COLOURS[variant ?? "Secondary"] },
+      style: {
+        color: colours.BRAND_COLOURS[variant?.toLowerCase()] ?? "secondary"
+      },
       className: classNames__default.default(
         "shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1",
         size === "md" && "!py-2 text-sm",

package/dist/Badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Badge.tsx"],"names":["jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","isValidElement","Icon"],"mappings":";;;;;;;;;;;;;;AAoBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,GAAe,MAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP;AACF,CAAA,KAAkB;AAChB,EAAA,uBACEA,eAAA;AAAA,IAACC,YAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAOC,qBAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAWC,2BAAA;AAAA,QACT,oMAAA;AAAA,QACA,SAAS,IAAA,IAAQ,eAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,CAAC,KAAA,IAAS,sBAAA;AAAA,QACV,CAAC,IAAA,IAAQ,aAAA;AAAA,QACT,YAAA,KAAiB,MAAA,IAAU,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC9C,YAAA,KAAiB,OAAA,IAAW,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC/C,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,MAAA,IACjB,aAAA;AAAA,QACF,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,OAAA,IACjB,aAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWD,2BAAA,CAAW,+BAA+B,CAAA,EACxD,QAAA,kBAAAC,cAAA;AAAA,UAACC,0BAAA;AAAA,UAAA;AAAA,YAEC,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,SAAA,EAAWF,2BAAA,CAAW,cAAA,EAAgB,SAAA,EAAW,SAAS,CAAA;AAAA,YAC1D,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,YAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,YACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,WAAA;AAAA,UANpBG,sBAAA,CAAe,IAAI,CAAA,GAAI,aAAA,GAAiB,IAAA,EAAoB;AAAA,SAOnE,EACF,CAAA;AAAA,QACC,QAAQ,YAAA,KAAiB,MAAA,0DAErB,QAAA,EAAAA,sBAAA,CAAe,IAAI,IAClB,IAAA,mBAEAF,cAAA;AAAA,UAACG,SAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAWJ,2BAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ,CAAA;AAAA,QAED,KAAA,oBAASC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC5C,QAAQ,YAAA,KAAiB,OAAA,0DAErB,QAAA,EAAAE,sBAAA,CAAe,IAAI,IAClB,IAAA,mBAEAF,cAAA;AAAA,UAACG,SAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAWJ,2BAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"Badge.js","sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n  className?: string;\n  label?: string;\n  variant?: BrandColour;\n  icon?: IconProps | ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  crosshair?: CrosshairCornersProps;\n  size?: \"xs\" | \"sm\" | \"md\";\n  animation?: MotionProps;\n};\n\nexport const Badge = ({\n  className,\n  variant,\n  icon,\n  crosshair,\n  iconPosition = \"left\",\n  label,\n  size = \"sm\",\n  animation,\n}: BadgeProps) => {\n  return (\n    <motion.div\n      style={{ color: BRAND_COLOURS[variant ?? \"Secondary\"] }}\n      className={classNames(\n        \"shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n        size === \"md\" && \"!py-2 text-sm\",\n        size === \"sm\" && \"text-sm leading-[16px]\",\n        size === \"xs\" && \"text-xs leading-[100%]\",\n        !label && \"!p-2 !justify-center\",\n        !icon && \"!py-1 !px-2\",\n        iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n        iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"left\" &&\n          \"pl-2.5 pr-3\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"right\" &&\n          \"pl-3 pr-2.5\",\n        className,\n      )}\n      {...animation}\n    >\n      <div className={classNames(\"text-current absolute inset-0\")}>\n        <CrosshairCorners\n          key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\", crosshair?.className)}\n          corners={crosshair?.corners}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 4}\n        />\n      </div>\n      {icon && iconPosition === \"left\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n      {label && <span className=\"font-mono\">{label}</span>}\n      {icon && iconPosition === \"right\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Badge.tsx"],"names":["jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","isValidElement","Icon"],"mappings":"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","file":"Badge.js","sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n  className?: string;\n  label?: string;\n  variant?: BrandColour;\n  icon?: IconProps | ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  crosshair?: CrosshairCornersProps;\n  size?: \"xs\" | \"sm\" | \"md\";\n  animation?: MotionProps;\n};\n\nexport const Badge = ({\n  className,\n  variant,\n  icon,\n  crosshair,\n  iconPosition = \"left\",\n  label,\n  size = \"sm\",\n  animation,\n}: BadgeProps) => {\n  return (\n    <motion.div\n      style={{\n        color:\n          BRAND_COLOURS[variant?.toLowerCase() as BrandColour] ?? \"secondary\",\n      }}\n      className={classNames(\n        \"shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n        size === \"md\" && \"!py-2 text-sm\",\n        size === \"sm\" && \"text-sm leading-[16px]\",\n        size === \"xs\" && \"text-xs leading-[100%]\",\n        !label && \"!p-2 !justify-center\",\n        !icon && \"!py-1 !px-2\",\n        iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n        iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"left\" &&\n          \"pl-2.5 pr-3\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"right\" &&\n          \"pl-3 pr-2.5\",\n        className,\n      )}\n      {...animation}\n    >\n      <div className={classNames(\"text-current absolute inset-0\")}>\n        <CrosshairCorners\n          key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\", crosshair?.className)}\n          corners={crosshair?.corners}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 4}\n        />\n      </div>\n      {icon && iconPosition === \"left\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n      {label && <span className=\"font-mono\">{label}</span>}\n      {icon && iconPosition === \"right\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}

package/dist/Badge.mjs

@@ -19,7 +19,9 @@ const Badge = ({
   return /* @__PURE__ */ jsxs(
     motion.div,
     {
-      style: { color: BRAND_COLOURS[variant ?? "Secondary"] },
+      style: {
+        color: BRAND_COLOURS[variant?.toLowerCase()] ?? "secondary"
+      },
       className: classNames(
         "shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1",
         size === "md" && "!py-2 text-sm",

package/dist/Badge.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Badge.tsx"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,GAAe,MAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP;AACF,CAAA,KAAkB;AAChB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAO,aAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAW,UAAA;AAAA,QACT,oMAAA;AAAA,QACA,SAAS,IAAA,IAAQ,eAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,CAAC,KAAA,IAAS,sBAAA;AAAA,QACV,CAAC,IAAA,IAAQ,aAAA;AAAA,QACT,YAAA,KAAiB,MAAA,IAAU,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC9C,YAAA,KAAiB,OAAA,IAAW,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC/C,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,MAAA,IACjB,aAAA;AAAA,QACF,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,OAAA,IACjB,aAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,+BAA+B,CAAA,EACxD,QAAA,kBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,SAAA,EAAW,UAAA,CAAW,cAAA,EAAgB,SAAA,EAAW,SAAS,CAAA;AAAA,YAC1D,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,YAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,YACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,WAAA;AAAA,UANpB,cAAA,CAAe,IAAI,CAAA,GAAI,aAAA,GAAiB,IAAA,EAAoB;AAAA,SAOnE,EACF,CAAA;AAAA,QACC,QAAQ,YAAA,KAAiB,MAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ,CAAA;AAAA,QAED,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC5C,QAAQ,YAAA,KAAiB,OAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"Badge.mjs","sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n  className?: string;\n  label?: string;\n  variant?: BrandColour;\n  icon?: IconProps | ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  crosshair?: CrosshairCornersProps;\n  size?: \"xs\" | \"sm\" | \"md\";\n  animation?: MotionProps;\n};\n\nexport const Badge = ({\n  className,\n  variant,\n  icon,\n  crosshair,\n  iconPosition = \"left\",\n  label,\n  size = \"sm\",\n  animation,\n}: BadgeProps) => {\n  return (\n    <motion.div\n      style={{ color: BRAND_COLOURS[variant ?? \"Secondary\"] }}\n      className={classNames(\n        \"shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n        size === \"md\" && \"!py-2 text-sm\",\n        size === \"sm\" && \"text-sm leading-[16px]\",\n        size === \"xs\" && \"text-xs leading-[100%]\",\n        !label && \"!p-2 !justify-center\",\n        !icon && \"!py-1 !px-2\",\n        iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n        iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"left\" &&\n          \"pl-2.5 pr-3\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"right\" &&\n          \"pl-3 pr-2.5\",\n        className,\n      )}\n      {...animation}\n    >\n      <div className={classNames(\"text-current absolute inset-0\")}>\n        <CrosshairCorners\n          key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\", crosshair?.className)}\n          corners={crosshair?.corners}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 4}\n        />\n      </div>\n      {icon && iconPosition === \"left\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n      {label && <span className=\"font-mono\">{label}</span>}\n      {icon && iconPosition === \"right\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Badge.tsx"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA,GAAe,MAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP;AACF,CAAA,KAAkB;AAChB,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EACE,aAAA,CAAc,OAAA,EAAS,WAAA,EAA4B,CAAA,IAAK;AAAA,OAC5D;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,oMAAA;AAAA,QACA,SAAS,IAAA,IAAQ,eAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,SAAS,IAAA,IAAQ,wBAAA;AAAA,QACjB,CAAC,KAAA,IAAS,sBAAA;AAAA,QACV,CAAC,IAAA,IAAQ,aAAA;AAAA,QACT,YAAA,KAAiB,MAAA,IAAU,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC9C,YAAA,KAAiB,OAAA,IAAW,KAAA,IAAS,CAAC,CAAC,IAAA,IAAQ,aAAA;AAAA,QAC/C,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,MAAA,IACjB,aAAA;AAAA,QACF,SAAA,EAAW,OAAA,KAAY,UAAA,IACrB,KAAA,IACA,iBAAiB,OAAA,IACjB,aAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,CAAW,+BAA+B,CAAA,EACxD,QAAA,kBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YAEC,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,SAAA,EAAW,UAAA,CAAW,cAAA,EAAgB,SAAA,EAAW,SAAS,CAAA;AAAA,YAC1D,SAAS,SAAA,EAAW,OAAA;AAAA,YACpB,cAAA,EAAgB,WAAW,cAAA,IAAkB,CAAA;AAAA,YAC7C,iBAAA,EAAmB,WAAW,iBAAA,IAAqB,GAAA;AAAA,YACnD,IAAA,EAAM,WAAW,IAAA,IAAQ;AAAA,WAAA;AAAA,UANpB,cAAA,CAAe,IAAI,CAAA,GAAI,aAAA,GAAiB,IAAA,EAAoB;AAAA,SAOnE,EACF,CAAA;AAAA,QACC,QAAQ,YAAA,KAAiB,MAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ,CAAA;AAAA,QAED,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC5C,QAAQ,YAAA,KAAiB,OAAA,oCAErB,QAAA,EAAA,cAAA,CAAe,IAAI,IAClB,IAAA,mBAEA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,MAAO,IAAA,CAAmB,IAAA;AAAA,YAC1B,SAAA,EAAW,UAAA;AAAA,cACR,IAAA,CAAmB,SAAA;AAAA,cACpB;AAAA,aACF;AAAA,YACA,IAAA,EAAO,KAAmB,IAAA,IAAQ;AAAA;AAAA,SACpC,EAEJ;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"Badge.mjs","sourcesContent":["\"use client\";\n\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners, CrosshairCornersProps } from \"./CrossHair\";\nimport { motion, MotionProps } from \"motion/react\";\nimport { isValidElement, ReactNode } from \"react\";\n\nexport type BadgeProps = {\n  className?: string;\n  label?: string;\n  variant?: BrandColour;\n  icon?: IconProps | ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  crosshair?: CrosshairCornersProps;\n  size?: \"xs\" | \"sm\" | \"md\";\n  animation?: MotionProps;\n};\n\nexport const Badge = ({\n  className,\n  variant,\n  icon,\n  crosshair,\n  iconPosition = \"left\",\n  label,\n  size = \"sm\",\n  animation,\n}: BadgeProps) => {\n  return (\n    <motion.div\n      style={{\n        color:\n          BRAND_COLOURS[variant?.toLowerCase() as BrandColour] ?? \"secondary\",\n      }}\n      className={classNames(\n        \"shadow-[inset_0px_0px_6px]  bg-card-solid/50 shadow-current/25 relative transition-all duration-100 ease-glide gradient-border before:bg-current/8 min-h-[24px] flex items-center gap-x-[5px] py-1\",\n        size === \"md\" && \"!py-2 text-sm\",\n        size === \"sm\" && \"text-sm leading-[16px]\",\n        size === \"xs\" && \"text-xs leading-[100%]\",\n        !label && \"!p-2 !justify-center\",\n        !icon && \"!py-1 !px-2\",\n        iconPosition === \"left\" && label && !!icon && \"pl-1.5 pr-2\",\n        iconPosition === \"right\" && label && !!icon && \"pl-2 pr-1.5\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"left\" &&\n          \"pl-2.5 pr-3\",\n        crosshair?.variant === \"bordered\" &&\n          label &&\n          iconPosition === \"right\" &&\n          \"pl-3 pr-2.5\",\n        className,\n      )}\n      {...animation}\n    >\n      <div className={classNames(\"text-current absolute inset-0\")}>\n        <CrosshairCorners\n          key={isValidElement(icon) ? \"custom-icon\" : (icon as IconProps)?.name}\n          variant={crosshair?.variant}\n          className={classNames(\"text-current\", crosshair?.className)}\n          corners={crosshair?.corners}\n          animationDelay={crosshair?.animationDelay || 0}\n          animationDuration={crosshair?.animationDuration || 1.5}\n          size={crosshair?.size || 4}\n        />\n      </div>\n      {icon && iconPosition === \"left\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n      {label && <span className=\"font-mono\">{label}</span>}\n      {icon && iconPosition === \"right\" && (\n        <>\n          {isValidElement(icon) ? (\n            icon\n          ) : (\n            <Icon\n              name={(icon as IconProps).name}\n              className={classNames(\n                (icon as IconProps).className,\n                \"flex-shrink-0 text-current\",\n              )}\n              size={(icon as IconProps).size || 14}\n            />\n          )}\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}

package/dist/Banner.js

@@ -26,7 +26,9 @@ const Banner = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     react$1.motion.div,
     {
-      style: { color: colours.BRAND_COLOURS[variant ?? "Secondary"] },
+      style: {
+        color: colours.BRAND_COLOURS[variant.toLowerCase()] ?? "secondary"
+      },
       className: classNames__default.default(
         "flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2",
         className

package/dist/Banner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Banner.tsx"],"names":["useState","jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","Icon","Tooltip"],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,uBACEC,eAAA;AAAA,IAACC,cAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAOC,qBAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAWC,2BAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,0BAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,mCAASC,SAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvDF,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACCJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAI,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAAA,cAAA,CAACE,SAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAWF,cAAA,CAACG,eAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.js","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n  title: string;\n  variant: BrandColour;\n  icon?: IconProps;\n  tooltip?: TooltipProps;\n  className?: string;\n  animation?: MotionProps;\n  children?: React.ReactNode;\n};\n\nexport const Banner = ({\n  title,\n  variant,\n  tooltip,\n  className,\n  animation,\n  icon,\n  children,\n}: BannerProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      style={{ color: BRAND_COLOURS[variant ?? \"Secondary\"] }}\n      className={classNames(\n        \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n        className,\n      )}\n      {...animation}\n    >\n      <CrosshairCorners\n        size={6}\n        variant=\"bordered\"\n        animationDelay={0}\n        animationDuration={0}\n        spacingX={1}\n      />\n      {icon && <Icon name={icon.name} size={icon.size || 14} />}\n      <span>{title}</span>\n      {tooltip && (\n        <div className=\"relative\">\n          <div\n            onMouseEnter={() => setIsTooltipOpen(true)}\n            onMouseLeave={() => setIsTooltipOpen(false)}\n          >\n            <Icon name=\"Info\" size={14} />\n          </div>\n          {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n        </div>\n      )}\n      {children && children}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Banner.tsx"],"names":["useState","jsxs","motion","BRAND_COLOURS","classNames","jsx","CrosshairCorners","Icon","Tooltip"],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxD,EAAA,uBACEC,eAAA;AAAA,IAACC,cAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EACEC,qBAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,IAAK;AAAA,OAC3D;AAAA,MACA,SAAA,EAAWC,2BAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAACC,0BAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,mCAASC,SAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvDF,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACCJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAAI,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAAA,cAAA,CAACE,SAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAWF,cAAA,CAACG,eAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.js","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n  title: string;\n  variant: BrandColour;\n  icon?: IconProps;\n  tooltip?: TooltipProps;\n  className?: string;\n  animation?: MotionProps;\n  children?: React.ReactNode;\n};\n\nexport const Banner = ({\n  title,\n  variant,\n  tooltip,\n  className,\n  animation,\n  icon,\n  children,\n}: BannerProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      style={{\n        color:\n          BRAND_COLOURS[variant.toLowerCase() as BrandColour] ?? \"secondary\",\n      }}\n      className={classNames(\n        \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n        className,\n      )}\n      {...animation}\n    >\n      <CrosshairCorners\n        size={6}\n        variant=\"bordered\"\n        animationDelay={0}\n        animationDuration={0}\n        spacingX={1}\n      />\n      {icon && <Icon name={icon.name} size={icon.size || 14} />}\n      <span>{title}</span>\n      {tooltip && (\n        <div className=\"relative\">\n          <div\n            onMouseEnter={() => setIsTooltipOpen(true)}\n            onMouseLeave={() => setIsTooltipOpen(false)}\n          >\n            <Icon name=\"Info\" size={14} />\n          </div>\n          {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n        </div>\n      )}\n      {children && children}\n    </motion.div>\n  );\n};\n"]}

package/dist/Banner.mjs

@@ -20,7 +20,9 @@ const Banner = ({
   return /* @__PURE__ */ jsxs(
     motion.div,
     {
-      style: { color: BRAND_COLOURS[variant ?? "Secondary"] },
+      style: {
+        color: BRAND_COLOURS[variant.toLowerCase()] ?? "secondary"
+      },
       className: classNames(
         "flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2",
         className

package/dist/Banner.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Banner.tsx"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,OAAO,EAAE,KAAA,EAAO,aAAA,CAAc,OAAA,IAAW,WAAW,CAAA,EAAE;AAAA,MACtD,SAAA,EAAW,UAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,wBAAS,IAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvD,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.mjs","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n  title: string;\n  variant: BrandColour;\n  icon?: IconProps;\n  tooltip?: TooltipProps;\n  className?: string;\n  animation?: MotionProps;\n  children?: React.ReactNode;\n};\n\nexport const Banner = ({\n  title,\n  variant,\n  tooltip,\n  className,\n  animation,\n  icon,\n  children,\n}: BannerProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      style={{ color: BRAND_COLOURS[variant ?? \"Secondary\"] }}\n      className={classNames(\n        \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n        className,\n      )}\n      {...animation}\n    >\n      <CrosshairCorners\n        size={6}\n        variant=\"bordered\"\n        animationDelay={0}\n        animationDuration={0}\n        spacingX={1}\n      />\n      {icon && <Icon name={icon.name} size={icon.size || 14} />}\n      <span>{title}</span>\n      {tooltip && (\n        <div className=\"relative\">\n          <div\n            onMouseEnter={() => setIsTooltipOpen(true)}\n            onMouseLeave={() => setIsTooltipOpen(false)}\n          >\n            <Icon name=\"Info\" size={14} />\n          </div>\n          {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n        </div>\n      )}\n      {children && children}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Banner.tsx"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EACE,aAAA,CAAc,OAAA,CAAQ,WAAA,EAA4B,CAAA,IAAK;AAAA,OAC3D;AAAA,MACA,SAAA,EAAW,UAAA;AAAA,QACT,sGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,UAAA;AAAA,YACR,cAAA,EAAgB,CAAA;AAAA,YAChB,iBAAA,EAAmB,CAAA;AAAA,YACnB,QAAA,EAAU;AAAA;AAAA,SACZ;AAAA,QACC,IAAA,wBAAS,IAAA,EAAA,EAAK,IAAA,EAAM,KAAK,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,EAAA,EAAI,CAAA;AAAA,wBACvD,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACZ,OAAA,oBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,YAAA,EAAc,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,cACzC,YAAA,EAAc,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,cAE1C,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA;AAAA,WAC9B;AAAA,UACC,2BAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAA,EAAQ,aAAA,EAAgB,GAAG,OAAA,EAAS;AAAA,SAAA,EAC3D,CAAA;AAAA,QAED,QAAA,IAAY;AAAA;AAAA;AAAA,GACf;AAEJ","file":"Banner.mjs","sourcesContent":["import { motion, MotionProps } from \"motion/react\";\nimport { Icon, IconProps } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { TooltipProps, Tooltip } from \"./Tooltip\";\nimport { useState } from \"react\";\nimport { BRAND_COLOURS, BrandColour } from \"./utils/colours\";\n\nexport type BannerProps = {\n  title: string;\n  variant: BrandColour;\n  icon?: IconProps;\n  tooltip?: TooltipProps;\n  className?: string;\n  animation?: MotionProps;\n  children?: React.ReactNode;\n};\n\nexport const Banner = ({\n  title,\n  variant,\n  tooltip,\n  className,\n  animation,\n  icon,\n  children,\n}: BannerProps) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  return (\n    <motion.div\n      style={{\n        color:\n          BRAND_COLOURS[variant.toLowerCase() as BrandColour] ?? \"secondary\",\n      }}\n      className={classNames(\n        \"flex items-center gap-x-2 bg-current/8 border-current/15 border relative text-sm font-mono px-4 py-2\",\n        className,\n      )}\n      {...animation}\n    >\n      <CrosshairCorners\n        size={6}\n        variant=\"bordered\"\n        animationDelay={0}\n        animationDuration={0}\n        spacingX={1}\n      />\n      {icon && <Icon name={icon.name} size={icon.size || 14} />}\n      <span>{title}</span>\n      {tooltip && (\n        <div className=\"relative\">\n          <div\n            onMouseEnter={() => setIsTooltipOpen(true)}\n            onMouseLeave={() => setIsTooltipOpen(false)}\n          >\n            <Icon name=\"Info\" size={14} />\n          </div>\n          {tooltip && <Tooltip isOpen={isTooltipOpen} {...tooltip} />}\n        </div>\n      )}\n      {children && children}\n    </motion.div>\n  );\n};\n"]}

package/dist/Codeblock.d.mts

@@ -6,7 +6,7 @@ type CodeblockProps = {
     children: React.ReactNode;
     clipboardText: string;
     icon?: IconProps;
-    language: "Rust" | "Typescript" | "Assembly" | string;
+    language: "rust" | "typescript" | "assembly" | string;
     animation?: MotionProps;
     className?: string;
 };

package/dist/Codeblock.d.ts

@@ -6,7 +6,7 @@ type CodeblockProps = {
     children: React.ReactNode;
     clipboardText: string;
     icon?: IconProps;
-    language: "Rust" | "Typescript" | "Assembly" | string;
+    language: "rust" | "typescript" | "assembly" | string;
     animation?: MotionProps;
     className?: string;
 };

package/dist/Codeblock.js

@@ -34,11 +34,11 @@ const Codeblock = ({
     react$1.motion.div,
     {
       className: classNames__default.default(
-        "relative bg-card-foreground w-full flex flex-col gap-y-6 gradient-border before:bg-card-border pt-3 pb-6",
-        language === "Rust" && "text-brand-rust",
-        language === "Typescript" && "text-brand-typescript",
-        language === "Assembly" && "text-brand-assembly",
-        language && language !== "Rust" && language !== "Typescript" && language !== "Assembly" && "text-brand-primary",
+        "relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4",
+        language === "rust" && "text-brand-rust",
+        language === "typescript" && "text-brand-typescript",
+        language === "assembly" && "text-brand-assembly",
+        language && language !== "rust" && language !== "typescript" && language !== "assembly" && "text-brand-primary",
         className
       ),
       ...animation,
@@ -87,7 +87,7 @@ const Codeblock = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none" }),
         children
       ]
     }

package/dist/Codeblock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Codeblock.tsx"],"names":["useCopyToClipboard","useState","jsxs","motion","classNames","jsx","CrosshairCorners","Icon","AnimatePresence","silk"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAM,YAAY,CAAC;AAAA,EACxB,QAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAsB;AACpB,EAAA,MAAM,CAAC,CAAA,EAAG,eAAe,CAAA,GAAIA,6BAAA,EAAmB;AAChD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,eAAA,CAAgB,aAAa,CAAA;AAC7B,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IACnB,GAAG,GAAI,CAAA;AAAA,EACT,CAAA;AACA,EAAA,uBACEC,eAAA;AAAA,IAACC,cAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAWC,2BAAA;AAAA,QACT,0GAAA;AAAA,QACA,aAAa,MAAA,IAAU,iBAAA;AAAA,QACvB,aAAa,YAAA,IAAgB,uBAAA;AAAA,QAC7B,aAAa,UAAA,IAAc,qBAAA;AAAA,QAC3B,YACE,QAAA,KAAa,MAAA,IACb,QAAA,KAAa,YAAA,IACb,aAAa,UAAA,IACb,oBAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAF,eAAA,CAACC,cAAA,CAAO,GAAA,EAAP,EAAW,SAAA,EAAU,8FAAA,EACpB,QAAA,EAAA;AAAA,0BAAAE,cAAA;AAAA,YAACC,0BAAA;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,0BACAJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,YAAA,IAAA,oBACCG,cAAA;AAAA,cAACE,SAAA;AAAA,cAAA;AAAA,gBACC,MAAM,IAAA,CAAK,IAAA;AAAA,gBACX,SAAA,EAAWH,2BAAA;AAAA,kBACT,4BAAA;AAAA,kBACA,IAAA,CAAK;AAAA,iBACP;AAAA,gBACA,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,aACrB;AAAA,4BAEFC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,WAAA,EAChD,CAAA;AAAA,0BAEAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,MAAM,UAAA,EAAW;AAAA,cAC1B,SAAA,EAAU,+EAAA;AAAA,cAEV,QAAA,kBAAAA,cAAA,CAACG,uBAAA,EAAA,EAAgB,IAAA,EAAK,WAAA,EACpB,QAAA,kBAAAH,cAAA;AAAA,gBAACF,cAAA,CAAO,GAAA;AAAA,gBAAP;AAAA,kBACC,SAAS,EAAE,OAAA,EAAS,GAAG,MAAA,EAAQ,WAAA,EAAa,OAAO,GAAA,EAAI;AAAA,kBACvD,SAAS,EAAE,OAAA,EAAS,GAAG,MAAA,EAAQ,WAAA,EAAa,OAAO,CAAA,EAAE;AAAA,kBACrD,MAAM,EAAE,OAAA,EAAS,GAAG,MAAA,EAAQ,WAAA,EAAa,OAAO,GAAA,EAAI;AAAA,kBACpD,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,MAAMM,YAAA,EAAK;AAAA,kBAGvC,QAAA,EAAA,QAAA,mBACCJ,cAAA,CAACE,SAAA,EAAA,EAAK,IAAA,EAAK,SAAA,EAAU,IAAA,EAAM,EAAA,EAAI,CAAA,mBAE/BF,cAAA,CAACE,SAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA,iBAAA;AAAA,gBALzB,WAAW,QAAA,GAAW;AAAA,eAO7B,EACF;AAAA;AAAA;AACF,SAAA,EACF,CAAA;AAAA,wBACAF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iFAAA,EAAkF,CAAA;AAAA,QAChG;AAAA;AAAA;AAAA,GACH;AAEJ","file":"Codeblock.js","sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useState } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  icon?: IconProps;\n  language: \"Rust\" | \"Typescript\" | \"Assembly\" | string;\n  animation?: MotionProps;\n  className?: string;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-6 gradient-border before:bg-card-border pt-3 pb-6\",\n        language === \"Rust\" && \"text-brand-rust\",\n        language === \"Typescript\" && \"text-brand-typescript\",\n        language === \"Assembly\" && \"text-brand-assembly\",\n        language &&\n          language !== \"Rust\" &&\n          language !== \"Typescript\" &&\n          language !== \"Assembly\" &&\n          \"text-brand-primary\",\n        className,\n      )}\n      {...animation}\n    >\n      <motion.div className=\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\">\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        <div\n          onClick={() => handleCopy()}\n          className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n        >\n          <AnimatePresence mode=\"popLayout\">\n            <motion.div\n              initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n              exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              transition={{ duration: 0.2, ease: silk }}\n              key={isCopied ? \"copied\" : \"copy\"}\n            >\n              {isCopied ? (\n                <Icon name=\"Success\" size={16} />\n              ) : (\n                <Icon name=\"Copy\" size={16} />\n              )}\n            </motion.div>\n          </AnimatePresence>\n        </div>\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent\"></div>\n      {children}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Codeblock.tsx"],"names":["useCopyToClipboard","useState","jsxs","motion","classNames","jsx","CrosshairCorners","Icon","AnimatePresence","silk"],"mappings":"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","file":"Codeblock.js","sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useState } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  icon?: IconProps;\n  language: \"rust\" | \"typescript\" | \"assembly\" | string;\n  animation?: MotionProps;\n  className?: string;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4\",\n        language === \"rust\" && \"text-brand-rust\",\n        language === \"typescript\" && \"text-brand-typescript\",\n        language === \"assembly\" && \"text-brand-assembly\",\n        language &&\n          language !== \"rust\" &&\n          language !== \"typescript\" &&\n          language !== \"assembly\" &&\n          \"text-brand-primary\",\n        className,\n      )}\n      {...animation}\n    >\n      <motion.div className=\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\">\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        <div\n          onClick={() => handleCopy()}\n          className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n        >\n          <AnimatePresence mode=\"popLayout\">\n            <motion.div\n              initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n              exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              transition={{ duration: 0.2, ease: silk }}\n              key={isCopied ? \"copied\" : \"copy\"}\n            >\n              {isCopied ? (\n                <Icon name=\"Success\" size={16} />\n              ) : (\n                <Icon name=\"Copy\" size={16} />\n              )}\n            </motion.div>\n          </AnimatePresence>\n        </div>\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none\"></div>\n      {children}\n    </motion.div>\n  );\n};\n"]}

package/dist/Codeblock.mjs

@@ -28,11 +28,11 @@ const Codeblock = ({
     motion.div,
     {
       className: classNames(
-        "relative bg-card-foreground w-full flex flex-col gap-y-6 gradient-border before:bg-card-border pt-3 pb-6",
-        language === "Rust" && "text-brand-rust",
-        language === "Typescript" && "text-brand-typescript",
-        language === "Assembly" && "text-brand-assembly",
-        language && language !== "Rust" && language !== "Typescript" && language !== "Assembly" && "text-brand-primary",
+        "relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4",
+        language === "rust" && "text-brand-rust",
+        language === "typescript" && "text-brand-typescript",
+        language === "assembly" && "text-brand-assembly",
+        language && language !== "rust" && language !== "typescript" && language !== "assembly" && "text-brand-primary",
         className
       ),
       ...animation,
@@ -81,7 +81,7 @@ const Codeblock = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent" }),
+        /* @__PURE__ */ jsx("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none" }),
         children
       ]
     }

package/dist/Codeblock.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Codeblock.tsx"],"names":[],"mappings":"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","file":"Codeblock.mjs","sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useState } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  icon?: IconProps;\n  language: \"Rust\" | \"Typescript\" | \"Assembly\" | string;\n  animation?: MotionProps;\n  className?: string;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-6 gradient-border before:bg-card-border pt-3 pb-6\",\n        language === \"Rust\" && \"text-brand-rust\",\n        language === \"Typescript\" && \"text-brand-typescript\",\n        language === \"Assembly\" && \"text-brand-assembly\",\n        language &&\n          language !== \"Rust\" &&\n          language !== \"Typescript\" &&\n          language !== \"Assembly\" &&\n          \"text-brand-primary\",\n        className,\n      )}\n      {...animation}\n    >\n      <motion.div className=\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\">\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        <div\n          onClick={() => handleCopy()}\n          className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n        >\n          <AnimatePresence mode=\"popLayout\">\n            <motion.div\n              initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n              exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              transition={{ duration: 0.2, ease: silk }}\n              key={isCopied ? \"copied\" : \"copy\"}\n            >\n              {isCopied ? (\n                <Icon name=\"Success\" size={16} />\n              ) : (\n                <Icon name=\"Copy\" size={16} />\n              )}\n            </motion.div>\n          </AnimatePresence>\n        </div>\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent\"></div>\n      {children}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/Codeblock.tsx"],"names":[],"mappings":";;;;;;;;;AAmBO,MAAM,YAAY,CAAC;AAAA,EACxB,QAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAAsB;AACpB,EAAA,MAAM,CAAC,CAAA,EAAG,eAAe,CAAA,GAAI,kBAAA,EAAmB;AAChD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,eAAA,CAAgB,aAAa,CAAA;AAC7B,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IACnB,GAAG,GAAI,CAAA;AAAA,EACT,CAAA;AACA,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,QACT,0GAAA;AAAA,QACA,aAAa,MAAA,IAAU,iBAAA;AAAA,QACvB,aAAa,YAAA,IAAgB,uBAAA;AAAA,QAC7B,aAAa,UAAA,IAAc,qBAAA;AAAA,QAC3B,YACE,QAAA,KAAa,MAAA,IACb,QAAA,KAAa,YAAA,IACb,aAAa,UAAA,IACb,oBAAA;AAAA,QACF;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,MAAA,CAAO,GAAA,EAAP,EAAW,SAAA,EAAU,8FAAA,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,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,YAAA,IAAA,oBACC,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,MAAM,IAAA,CAAK,IAAA;AAAA,gBACX,SAAA,EAAW,UAAA;AAAA,kBACT,4BAAA;AAAA,kBACA,IAAA,CAAK;AAAA,iBACP;AAAA,gBACA,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA;AAAA,aACrB;AAAA,4BAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,WAAA,EAChD,CAAA;AAAA,0BAEA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,MAAM,UAAA,EAAW;AAAA,cAC1B,SAAA,EAAU,+EAAA;AAAA,cAEV,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAK,WAAA,EACpB,QAAA,kBAAA,GAAA;AAAA,gBAAC,MAAA,CAAO,GAAA;AAAA,gBAAP;AAAA,kBACC,SAAS,EAAE,OAAA,EAAS,GAAG,MAAA,EAAQ,WAAA,EAAa,OAAO,GAAA,EAAI;AAAA,kBACvD,SAAS,EAAE,OAAA,EAAS,GAAG,MAAA,EAAQ,WAAA,EAAa,OAAO,CAAA,EAAE;AAAA,kBACrD,MAAM,EAAE,OAAA,EAAS,GAAG,MAAA,EAAQ,WAAA,EAAa,OAAO,GAAA,EAAI;AAAA,kBACpD,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,MAAM,IAAA,EAAK;AAAA,kBAGvC,QAAA,EAAA,QAAA,mBACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,SAAA,EAAU,IAAA,EAAM,EAAA,EAAI,CAAA,mBAE/B,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,MAAA,EAAO,MAAM,EAAA,EAAI;AAAA,iBAAA;AAAA,gBALzB,WAAW,QAAA,GAAW;AAAA,eAO7B,EACF;AAAA;AAAA;AACF,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qGAAA,EAAsG,CAAA;AAAA,QACpH;AAAA;AAAA;AAAA,GACH;AAEJ","file":"Codeblock.mjs","sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useState } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  icon?: IconProps;\n  language: \"rust\" | \"typescript\" | \"assembly\" | string;\n  animation?: MotionProps;\n  className?: string;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4\",\n        language === \"rust\" && \"text-brand-rust\",\n        language === \"typescript\" && \"text-brand-typescript\",\n        language === \"assembly\" && \"text-brand-assembly\",\n        language &&\n          language !== \"rust\" &&\n          language !== \"typescript\" &&\n          language !== \"assembly\" &&\n          \"text-brand-primary\",\n        className,\n      )}\n      {...animation}\n    >\n      <motion.div className=\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\">\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        <div\n          onClick={() => handleCopy()}\n          className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n        >\n          <AnimatePresence mode=\"popLayout\">\n            <motion.div\n              initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n              exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n              transition={{ duration: 0.2, ease: silk }}\n              key={isCopied ? \"copied\" : \"copy\"}\n            >\n              {isCopied ? (\n                <Icon name=\"Success\" size={16} />\n              ) : (\n                <Icon name=\"Copy\" size={16} />\n              )}\n            </motion.div>\n          </AnimatePresence>\n        </div>\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none\"></div>\n      {children}\n    </motion.div>\n  );\n};\n"]}

package/dist/CrossHair.js

@@ -26,7 +26,7 @@ const CrosshairCorners = ({
     react.motion.div,
     {
       className: classNames__default.default(
-        "absolute w-full h-full inset-0 will-change-opacity",
+        "absolute w-full h-full inset-0 will-change-opacity pointer-events-none",
         className
       ),
       initial: { opacity: 0, scale: 0.99 },

package/dist/CrossHair.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CrossHair.tsx"],"names":["jsx","motion","classNames","anticipate","jsxs","Fragment"],"mappings":"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","file":"CrossHair.js","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { anticipate, motion } from \"motion/react\";\n\nexport type CrosshairCornersProps = {\n  size?: number;\n  spacingX?: number;\n  spacingY?: number;\n  animationDelay?: number;\n  thickness?: number;\n  animationDuration?: number;\n  variant?: \"corners\" | \"cross\" | \"bordered\";\n  corners?: (\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\")[];\n  borders?: (\"left\" | \"right\")[];\n  className?: string;\n  moveDistance?: number;\n};\n\nexport const CrosshairCorners = ({\n  size = 10,\n  spacingX = 0,\n  animationDelay = 2.5,\n  spacingY = 0,\n  className = \"\",\n  moveDistance = 5,\n  thickness,\n  animationDuration = 2.15,\n  variant = \"corners\",\n  corners = [\"top-left\", \"top-right\", \"bottom-left\", \"bottom-right\"],\n  borders = [\"left\", \"right\"],\n}: CrosshairCornersProps) => {\n  // Default thickness to 1/4th of the size if not provided\n  const actualThickness = thickness ?? size / 4;\n\n  return (\n    <motion.div\n      className={classNames(\n        \"absolute w-full h-full inset-0 will-change-opacity\",\n        className\n      )}\n      initial={{ opacity: 0, scale: 0.99 }}\n      animate={{\n        opacity: [0, 1, 0.2, 1, 0.4, 1, 0.6, 1, 0.8, 1],\n        scale: [0.99, 1, 0.99, 1, 1, 1],\n      }}\n      transition={{\n        duration: animationDuration,\n        ease: anticipate,\n        delay: animationDelay,\n      }}\n      style={\n        {\n          \"--size\": size + \"px\",\n          \"--spacing-x\": spacingX + \"px\",\n          \"--spacing-y\": spacingY + \"px\",\n          \"--move\": moveDistance + \"px\",\n          \"--thickness\": actualThickness + \"px\",\n          \"--half-size\": size / 2 + \"px\",\n        } as any\n      }\n    >\n      {variant === \"cross\" ? (\n        /* Cross/Plus Pattern in Corners */\n        <>\n          {/* Top Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\"\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Top Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\"\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\"\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\"\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n        </>\n      ) : variant === \"bordered\" ? (\n        /* Corner Pattern with Left and Right Borders */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-left\") || !borders.includes(\"left\")) &&\n                \"hidden\"\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-right\") || !borders.includes(\"right\")) &&\n                \"hidden\"\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-left\") || !borders.includes(\"left\")) &&\n                \"hidden\"\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-right\") ||\n                !borders.includes(\"right\")) &&\n                \"hidden\"\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Left Border */}\n          {borders.includes(\"left\") && (\n            <div\n              className=\"absolute left-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)]\"\n              style={{\n                left: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n\n          {/* Right Border */}\n          {borders.includes(\"right\") && (\n            <div\n              className=\"absolute right-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)]\"\n              style={{\n                right: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n        </>\n      ) : (\n        /* Corner Pattern (existing) */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\"\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\"\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\"\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\"\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/CrossHair.tsx"],"names":["jsx","motion","classNames","anticipate","jsxs","Fragment"],"mappings":"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","file":"CrossHair.js","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { anticipate, motion } from \"motion/react\";\n\nexport type CrosshairCornersProps = {\n  size?: number;\n  spacingX?: number;\n  spacingY?: number;\n  animationDelay?: number;\n  thickness?: number;\n  animationDuration?: number;\n  variant?: \"corners\" | \"cross\" | \"bordered\";\n  corners?: (\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\")[];\n  borders?: (\"left\" | \"right\")[];\n  className?: string;\n  moveDistance?: number;\n};\n\nexport const CrosshairCorners = ({\n  size = 10,\n  spacingX = 0,\n  animationDelay = 2.5,\n  spacingY = 0,\n  className = \"\",\n  moveDistance = 5,\n  thickness,\n  animationDuration = 2.15,\n  variant = \"corners\",\n  corners = [\"top-left\", \"top-right\", \"bottom-left\", \"bottom-right\"],\n  borders = [\"left\", \"right\"],\n}: CrosshairCornersProps) => {\n  // Default thickness to 1/4th of the size if not provided\n  const actualThickness = thickness ?? size / 4;\n\n  return (\n    <motion.div\n      className={classNames(\n        \"absolute w-full h-full inset-0 will-change-opacity pointer-events-none\",\n        className,\n      )}\n      initial={{ opacity: 0, scale: 0.99 }}\n      animate={{\n        opacity: [0, 1, 0.2, 1, 0.4, 1, 0.6, 1, 0.8, 1],\n        scale: [0.99, 1, 0.99, 1, 1, 1],\n      }}\n      transition={{\n        duration: animationDuration,\n        ease: anticipate,\n        delay: animationDelay,\n      }}\n      style={\n        {\n          \"--size\": size + \"px\",\n          \"--spacing-x\": spacingX + \"px\",\n          \"--spacing-y\": spacingY + \"px\",\n          \"--move\": moveDistance + \"px\",\n          \"--thickness\": actualThickness + \"px\",\n          \"--half-size\": size / 2 + \"px\",\n        } as any\n      }\n    >\n      {variant === \"cross\" ? (\n        /* Cross/Plus Pattern in Corners */\n        <>\n          {/* Top Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Top Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n        </>\n      ) : variant === \"bordered\" ? (\n        /* Corner Pattern with Left and Right Borders */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-left\") || !borders.includes(\"left\")) &&\n                \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-right\") || !borders.includes(\"right\")) &&\n                \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-left\") || !borders.includes(\"left\")) &&\n                \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-right\") ||\n                !borders.includes(\"right\")) &&\n                \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Left Border */}\n          {borders.includes(\"left\") && (\n            <div\n              className=\"absolute left-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)]\"\n              style={{\n                left: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n\n          {/* Right Border */}\n          {borders.includes(\"right\") && (\n            <div\n              className=\"absolute right-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)]\"\n              style={{\n                right: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n        </>\n      ) : (\n        /* Corner Pattern (existing) */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}

package/dist/CrossHair.mjs

@@ -20,7 +20,7 @@ const CrosshairCorners = ({
     motion.div,
     {
       className: classNames(
-        "absolute w-full h-full inset-0 will-change-opacity",
+        "absolute w-full h-full inset-0 will-change-opacity pointer-events-none",
         className
       ),
       initial: { opacity: 0, scale: 0.99 },

package/dist/CrossHair.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CrossHair.tsx"],"names":[],"mappings":"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","file":"CrossHair.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { anticipate, motion } from \"motion/react\";\n\nexport type CrosshairCornersProps = {\n  size?: number;\n  spacingX?: number;\n  spacingY?: number;\n  animationDelay?: number;\n  thickness?: number;\n  animationDuration?: number;\n  variant?: \"corners\" | \"cross\" | \"bordered\";\n  corners?: (\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\")[];\n  borders?: (\"left\" | \"right\")[];\n  className?: string;\n  moveDistance?: number;\n};\n\nexport const CrosshairCorners = ({\n  size = 10,\n  spacingX = 0,\n  animationDelay = 2.5,\n  spacingY = 0,\n  className = \"\",\n  moveDistance = 5,\n  thickness,\n  animationDuration = 2.15,\n  variant = \"corners\",\n  corners = [\"top-left\", \"top-right\", \"bottom-left\", \"bottom-right\"],\n  borders = [\"left\", \"right\"],\n}: CrosshairCornersProps) => {\n  // Default thickness to 1/4th of the size if not provided\n  const actualThickness = thickness ?? size / 4;\n\n  return (\n    <motion.div\n      className={classNames(\n        \"absolute w-full h-full inset-0 will-change-opacity\",\n        className\n      )}\n      initial={{ opacity: 0, scale: 0.99 }}\n      animate={{\n        opacity: [0, 1, 0.2, 1, 0.4, 1, 0.6, 1, 0.8, 1],\n        scale: [0.99, 1, 0.99, 1, 1, 1],\n      }}\n      transition={{\n        duration: animationDuration,\n        ease: anticipate,\n        delay: animationDelay,\n      }}\n      style={\n        {\n          \"--size\": size + \"px\",\n          \"--spacing-x\": spacingX + \"px\",\n          \"--spacing-y\": spacingY + \"px\",\n          \"--move\": moveDistance + \"px\",\n          \"--thickness\": actualThickness + \"px\",\n          \"--half-size\": size / 2 + \"px\",\n        } as any\n      }\n    >\n      {variant === \"cross\" ? (\n        /* Cross/Plus Pattern in Corners */\n        <>\n          {/* Top Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\"\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Top Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\"\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\"\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\"\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n        </>\n      ) : variant === \"bordered\" ? (\n        /* Corner Pattern with Left and Right Borders */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-left\") || !borders.includes(\"left\")) &&\n                \"hidden\"\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-right\") || !borders.includes(\"right\")) &&\n                \"hidden\"\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-left\") || !borders.includes(\"left\")) &&\n                \"hidden\"\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-right\") ||\n                !borders.includes(\"right\")) &&\n                \"hidden\"\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Left Border */}\n          {borders.includes(\"left\") && (\n            <div\n              className=\"absolute left-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)]\"\n              style={{\n                left: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n\n          {/* Right Border */}\n          {borders.includes(\"right\") && (\n            <div\n              className=\"absolute right-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)]\"\n              style={{\n                right: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n        </>\n      ) : (\n        /* Corner Pattern (existing) */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\"\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\"\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\"\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\"\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/CrossHair.tsx"],"names":[],"mappings":"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","file":"CrossHair.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { anticipate, motion } from \"motion/react\";\n\nexport type CrosshairCornersProps = {\n  size?: number;\n  spacingX?: number;\n  spacingY?: number;\n  animationDelay?: number;\n  thickness?: number;\n  animationDuration?: number;\n  variant?: \"corners\" | \"cross\" | \"bordered\";\n  corners?: (\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\")[];\n  borders?: (\"left\" | \"right\")[];\n  className?: string;\n  moveDistance?: number;\n};\n\nexport const CrosshairCorners = ({\n  size = 10,\n  spacingX = 0,\n  animationDelay = 2.5,\n  spacingY = 0,\n  className = \"\",\n  moveDistance = 5,\n  thickness,\n  animationDuration = 2.15,\n  variant = \"corners\",\n  corners = [\"top-left\", \"top-right\", \"bottom-left\", \"bottom-right\"],\n  borders = [\"left\", \"right\"],\n}: CrosshairCornersProps) => {\n  // Default thickness to 1/4th of the size if not provided\n  const actualThickness = thickness ?? size / 4;\n\n  return (\n    <motion.div\n      className={classNames(\n        \"absolute w-full h-full inset-0 will-change-opacity pointer-events-none\",\n        className,\n      )}\n      initial={{ opacity: 0, scale: 0.99 }}\n      animate={{\n        opacity: [0, 1, 0.2, 1, 0.4, 1, 0.6, 1, 0.8, 1],\n        scale: [0.99, 1, 0.99, 1, 1, 1],\n      }}\n      transition={{\n        duration: animationDuration,\n        ease: anticipate,\n        delay: animationDelay,\n      }}\n      style={\n        {\n          \"--size\": size + \"px\",\n          \"--spacing-x\": spacingX + \"px\",\n          \"--spacing-y\": spacingY + \"px\",\n          \"--move\": moveDistance + \"px\",\n          \"--thickness\": actualThickness + \"px\",\n          \"--half-size\": size / 2 + \"px\",\n        } as any\n      }\n    >\n      {variant === \"cross\" ? (\n        /* Cross/Plus Pattern in Corners */\n        <>\n          {/* Top Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Top Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n        </>\n      ) : variant === \"bordered\" ? (\n        /* Corner Pattern with Left and Right Borders */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-left\") || !borders.includes(\"left\")) &&\n                \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-right\") || !borders.includes(\"right\")) &&\n                \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-left\") || !borders.includes(\"left\")) &&\n                \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-right\") ||\n                !borders.includes(\"right\")) &&\n                \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Left Border */}\n          {borders.includes(\"left\") && (\n            <div\n              className=\"absolute left-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)]\"\n              style={{\n                left: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n\n          {/* Right Border */}\n          {borders.includes(\"right\") && (\n            <div\n              className=\"absolute right-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)]\"\n              style={{\n                right: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n        </>\n      ) : (\n        /* Corner Pattern (existing) */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}

package/dist/icons/Anchor.js

@@ -9,7 +9,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 
 const AnchorIcon = ({ className, size = 18 }) => {
-  const colour = colours.BRAND_COLOURS.Anchor;
+  const colour = colours.BRAND_COLOURS.anchor;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {

package/dist/icons/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/Anchor.tsx"],"names":["BRAND_COLOURS","jsxs","classNames","jsx"],"mappings":";;;;;;;;;;AAIO,MAAM,aAAa,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACjE,EAAA,MAAM,SAASA,qBAAA,CAAc,MAAA;AAC7B,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA,EAAWC,4BAAW,SAAS,CAAA;AAAA,MAC/B,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sCAAA,EAAuC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACnEA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sCAAA,EAAuC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACnEA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Anchor.js","sourcesContent":["import classNames from \"classnames\";\nimport { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const AnchorIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.Anchor;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={classNames(className)}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M12.8999 14.3333H10.2998V16.9999H12.8999V14.3333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.70015 14.3333H5.1001V16.9999H7.70015V14.3333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.3002 11.6665H7.7002V14.3332H10.3002V11.6665Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M10.3002 9H7.7002V11.6667H10.3002V9Z\" fill=\"currentColor\" />\n      <path\n        d=\"M10.3002 6.33325H7.7002V8.99992H10.3002V6.33325Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.70015 3.66675H5.1001V6.33341H7.70015V3.66675Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.8999 3.66675H10.2998V6.33341H12.8999V3.66675Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M10.3002 1H7.7002V3.66667H10.3002V1Z\" fill=\"currentColor\" />\n      <path\n        d=\"M5.10005 11.6665H2.5V14.3332H5.10005V11.6665Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M15.5 11.6665H12.8999V14.3332H15.5V11.6665Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/Anchor.tsx"],"names":["BRAND_COLOURS","jsxs","classNames","jsx"],"mappings":";;;;;;;;;;AAIO,MAAM,aAAa,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACjE,EAAA,MAAM,SAASA,qBAAA,CAAc,MAAA;AAC7B,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA,EAAWC,4BAAW,SAAS,CAAA;AAAA,MAC/B,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sCAAA,EAAuC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACnEA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sCAAA,EAAuC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACnEA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Anchor.js","sourcesContent":["import classNames from \"classnames\";\nimport { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const AnchorIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.anchor;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={classNames(className)}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M12.8999 14.3333H10.2998V16.9999H12.8999V14.3333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.70015 14.3333H5.1001V16.9999H7.70015V14.3333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.3002 11.6665H7.7002V14.3332H10.3002V11.6665Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M10.3002 9H7.7002V11.6667H10.3002V9Z\" fill=\"currentColor\" />\n      <path\n        d=\"M10.3002 6.33325H7.7002V8.99992H10.3002V6.33325Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.70015 3.66675H5.1001V6.33341H7.70015V3.66675Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.8999 3.66675H10.2998V6.33341H12.8999V3.66675Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M10.3002 1H7.7002V3.66667H10.3002V1Z\" fill=\"currentColor\" />\n      <path\n        d=\"M5.10005 11.6665H2.5V14.3332H5.10005V11.6665Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M15.5 11.6665H12.8999V14.3332H15.5V11.6665Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/Anchor.mjs

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { BRAND_COLOURS } from '../utils/colours';
 
 const AnchorIcon = ({ className, size = 18 }) => {
-  const colour = BRAND_COLOURS.Anchor;
+  const colour = BRAND_COLOURS.anchor;
   return /* @__PURE__ */ jsxs(
     "svg",
     {

package/dist/icons/Anchor.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/Anchor.tsx"],"names":[],"mappings":";;;;AAIO,MAAM,aAAa,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACjE,EAAA,MAAM,SAAS,aAAA,CAAc,MAAA;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA,EAAW,WAAW,SAAS,CAAA;AAAA,MAC/B,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sCAAA,EAAuC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACnE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sCAAA,EAAuC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACnE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Anchor.mjs","sourcesContent":["import classNames from \"classnames\";\nimport { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const AnchorIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.Anchor;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={classNames(className)}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M12.8999 14.3333H10.2998V16.9999H12.8999V14.3333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.70015 14.3333H5.1001V16.9999H7.70015V14.3333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.3002 11.6665H7.7002V14.3332H10.3002V11.6665Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M10.3002 9H7.7002V11.6667H10.3002V9Z\" fill=\"currentColor\" />\n      <path\n        d=\"M10.3002 6.33325H7.7002V8.99992H10.3002V6.33325Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.70015 3.66675H5.1001V6.33341H7.70015V3.66675Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.8999 3.66675H10.2998V6.33341H12.8999V3.66675Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M10.3002 1H7.7002V3.66667H10.3002V1Z\" fill=\"currentColor\" />\n      <path\n        d=\"M5.10005 11.6665H2.5V14.3332H5.10005V11.6665Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M15.5 11.6665H12.8999V14.3332H15.5V11.6665Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/Anchor.tsx"],"names":[],"mappings":";;;;AAIO,MAAM,aAAa,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACjE,EAAA,MAAM,SAAS,aAAA,CAAc,MAAA;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA,EAAW,WAAW,SAAS,CAAA;AAAA,MAC/B,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sCAAA,EAAuC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACnE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,kDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sCAAA,EAAuC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACnE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Anchor.mjs","sourcesContent":["import classNames from \"classnames\";\nimport { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const AnchorIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.anchor;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={classNames(className)}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M12.8999 14.3333H10.2998V16.9999H12.8999V14.3333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.70015 14.3333H5.1001V16.9999H7.70015V14.3333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.3002 11.6665H7.7002V14.3332H10.3002V11.6665Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M10.3002 9H7.7002V11.6667H10.3002V9Z\" fill=\"currentColor\" />\n      <path\n        d=\"M10.3002 6.33325H7.7002V8.99992H10.3002V6.33325Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.70015 3.66675H5.1001V6.33341H7.70015V3.66675Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.8999 3.66675H10.2998V6.33341H12.8999V3.66675Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M10.3002 1H7.7002V3.66667H10.3002V1Z\" fill=\"currentColor\" />\n      <path\n        d=\"M5.10005 11.6665H2.5V14.3332H5.10005V11.6665Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M15.5 11.6665H12.8999V14.3332H15.5V11.6665Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/Assembly.js

@@ -9,7 +9,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 
 const AssemblyIcon = ({ className, size = 18 }) => {
-  const colour = colours.BRAND_COLOURS.Assembly;
+  const colour = colours.BRAND_COLOURS.assembly;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {

package/dist/icons/Assembly.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/Assembly.tsx"],"names":["BRAND_COLOURS","jsxs","classNames","jsx"],"mappings":"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","file":"Assembly.js","sourcesContent":["import classNames from \"classnames\";\nimport { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const AssemblyIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.Assembly;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={classNames(className)}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path d=\"M1 3.25H3.28597V5.53597H1V3.25Z\" fill=\"currentColor\" />\n      <path\n        d=\"M1 5.53597H3.28597L3.28617 7.82204H1.0002L1 5.53597Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28597 3.25L5.57218 3.25007V5.53604L3.28597 5.53597V3.25Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.1442 12.3941H12.4302V14.6801H10.1442V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 12.3941H14.7162V14.6801H12.4302V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7162 10.1081H17.0022V12.3941L14.7162 12.3941L14.7162 10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 7.82208H14.7162L14.7162 10.1081L12.4302 10.1081V7.82208Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.1442 5.53608H12.4302L12.4302 7.82208L10.1442 7.82204V5.53608Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7162 3.25007H17.0022V5.53604H14.7162V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 3.25007H14.7162V5.53604L12.4302 5.53608L12.4302 3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 12.3941H3.28617V14.6801H1.0002V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57221 12.3941H7.85818V14.6801H5.57221V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57221 10.1081H7.85818V12.3941H5.57221V10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28617 7.82204L5.57218 7.82208L5.57221 10.1081L3.28621 10.1081L3.28617 7.82204Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 10.1081L3.28621 10.1081L3.28617 12.3941H1.0002V10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 7.82204H3.28617L3.28621 10.1081L1.0002 10.1081V7.82204Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 7.82208H7.85818V10.1081H5.57221L5.57218 7.82208Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 5.53604H7.85818V7.82208H5.57218V5.53604Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/Assembly.tsx"],"names":["BRAND_COLOURS","jsxs","classNames","jsx"],"mappings":";;;;;;;;;;AAIO,MAAM,eAAe,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACnE,EAAA,MAAM,SAASA,qBAAA,CAAc,QAAA;AAC7B,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA,EAAWC,4BAAW,SAAS,CAAA;AAAA,MAC/B,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iCAAA,EAAkC,IAAA,EAAK,cAAA,EAAe,CAAA;AAAA,wBAC9DA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,sDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6DAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mFAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,2DAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Assembly.js","sourcesContent":["import classNames from \"classnames\";\nimport { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const AssemblyIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.assembly;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={classNames(className)}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path d=\"M1 3.25H3.28597V5.53597H1V3.25Z\" fill=\"currentColor\" />\n      <path\n        d=\"M1 5.53597H3.28597L3.28617 7.82204H1.0002L1 5.53597Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28597 3.25L5.57218 3.25007V5.53604L3.28597 5.53597V3.25Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.1442 12.3941H12.4302V14.6801H10.1442V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 12.3941H14.7162V14.6801H12.4302V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7162 10.1081H17.0022V12.3941L14.7162 12.3941L14.7162 10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 7.82208H14.7162L14.7162 10.1081L12.4302 10.1081V7.82208Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.1442 5.53608H12.4302L12.4302 7.82208L10.1442 7.82204V5.53608Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7162 3.25007H17.0022V5.53604H14.7162V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 3.25007H14.7162V5.53604L12.4302 5.53608L12.4302 3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 12.3941H3.28617V14.6801H1.0002V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57221 12.3941H7.85818V14.6801H5.57221V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57221 10.1081H7.85818V12.3941H5.57221V10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28617 7.82204L5.57218 7.82208L5.57221 10.1081L3.28621 10.1081L3.28617 7.82204Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 10.1081L3.28621 10.1081L3.28617 12.3941H1.0002V10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 7.82204H3.28617L3.28621 10.1081L1.0002 10.1081V7.82204Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 7.82208H7.85818V10.1081H5.57221L5.57218 7.82208Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 5.53604H7.85818V7.82208H5.57218V5.53604Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/Assembly.mjs

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { BRAND_COLOURS } from '../utils/colours';
 
 const AssemblyIcon = ({ className, size = 18 }) => {
-  const colour = BRAND_COLOURS.Assembly;
+  const colour = BRAND_COLOURS.assembly;
   return /* @__PURE__ */ jsxs(
     "svg",
     {

package/dist/icons/Assembly.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/Assembly.tsx"],"names":[],"mappings":"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","file":"Assembly.mjs","sourcesContent":["import classNames from \"classnames\";\nimport { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const AssemblyIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.Assembly;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={classNames(className)}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path d=\"M1 3.25H3.28597V5.53597H1V3.25Z\" fill=\"currentColor\" />\n      <path\n        d=\"M1 5.53597H3.28597L3.28617 7.82204H1.0002L1 5.53597Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28597 3.25L5.57218 3.25007V5.53604L3.28597 5.53597V3.25Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.1442 12.3941H12.4302V14.6801H10.1442V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 12.3941H14.7162V14.6801H12.4302V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7162 10.1081H17.0022V12.3941L14.7162 12.3941L14.7162 10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 7.82208H14.7162L14.7162 10.1081L12.4302 10.1081V7.82208Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.1442 5.53608H12.4302L12.4302 7.82208L10.1442 7.82204V5.53608Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7162 3.25007H17.0022V5.53604H14.7162V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 3.25007H14.7162V5.53604L12.4302 5.53608L12.4302 3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 12.3941H3.28617V14.6801H1.0002V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57221 12.3941H7.85818V14.6801H5.57221V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57221 10.1081H7.85818V12.3941H5.57221V10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28617 7.82204L5.57218 7.82208L5.57221 10.1081L3.28621 10.1081L3.28617 7.82204Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 10.1081L3.28621 10.1081L3.28617 12.3941H1.0002V10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 7.82204H3.28617L3.28621 10.1081L1.0002 10.1081V7.82204Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 7.82208H7.85818V10.1081H5.57221L5.57218 7.82208Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 5.53604H7.85818V7.82208H5.57218V5.53604Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/Assembly.tsx"],"names":[],"mappings":"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","file":"Assembly.mjs","sourcesContent":["import classNames from \"classnames\";\nimport { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const AssemblyIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.assembly;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={classNames(className)}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path d=\"M1 3.25H3.28597V5.53597H1V3.25Z\" fill=\"currentColor\" />\n      <path\n        d=\"M1 5.53597H3.28597L3.28617 7.82204H1.0002L1 5.53597Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28597 3.25L5.57218 3.25007V5.53604L3.28597 5.53597V3.25Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 3.25007H7.85818V5.53604H5.57218V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.1442 12.3941H12.4302V14.6801H10.1442V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 12.3941H14.7162V14.6801H12.4302V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7162 10.1081H17.0022V12.3941L14.7162 12.3941L14.7162 10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 7.82208H14.7162L14.7162 10.1081L12.4302 10.1081V7.82208Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M10.1442 5.53608H12.4302L12.4302 7.82208L10.1442 7.82204V5.53608Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7162 3.25007H17.0022V5.53604H14.7162V3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4302 3.25007H14.7162V5.53604L12.4302 5.53608L12.4302 3.25007Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 12.3941H3.28617V14.6801H1.0002V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57221 12.3941H7.85818V14.6801H5.57221V12.3941Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57221 10.1081H7.85818V12.3941H5.57221V10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28617 7.82204L5.57218 7.82208L5.57221 10.1081L3.28621 10.1081L3.28617 7.82204Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 10.1081L3.28621 10.1081L3.28617 12.3941H1.0002V10.1081Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M1.0002 7.82204H3.28617L3.28621 10.1081L1.0002 10.1081V7.82204Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 7.82208H7.85818V10.1081H5.57221L5.57218 7.82208Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57218 5.53604H7.85818V7.82208H5.57218V5.53604Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/General.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var colours = require('../utils/colours');
 
 const GeneralIcon = ({ className, size = 18 }) => {
-  const colour = colours.BRAND_COLOURS.General;
+  const colour = colours.BRAND_COLOURS.general;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {

package/dist/icons/General.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/General.tsx"],"names":["BRAND_COLOURS","jsxs","jsx"],"mappings":";;;;;AAGO,MAAM,cAAc,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AAClE,EAAA,MAAM,SAASA,qBAAA,CAAc,OAAA;AAC7B,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MAEvB,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uCAAA,EAAwC,IAAA,EAAK,cAAA,EAAe,CAAA;AAAA,wBACpEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yCAAA,EAA0C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACtEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxEA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxDA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uCAAA,EAAwC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACpEA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,yDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,oDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe;AAAA;AAAA;AAAA,GAC1E;AAEJ","file":"General.js","sourcesContent":["import { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const GeneralIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.General;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n      style={{ color: colour }}\n    >\n      <path d=\"M1 12.6667H3.66667V15.3333H1V12.6667Z\" fill=\"currentColor\" />\n      <path d=\"M3.66667 10H6.33333V12.6667H3.66667V10Z\" fill=\"currentColor\" />\n      <path d=\"M6.33333 7.33333H9V10L6.33333 10V7.33333Z\" fill=\"currentColor\" />\n      <path\n        d=\"M3.66667 4.66667H6.33333V7.33333H3.66667V4.66667Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M1 2H3.66667V4.66667H1V2Z\" fill=\"currentColor\" />\n      <path d=\"M9 12.6667H11.6667V15.3333H9V12.6667Z\" fill=\"currentColor\" />\n      <path\n        d=\"M11.6667 10H14.3333V12.6667L11.6667 12.6667L11.6667 10Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.3333 7.33333H17V10L14.3333 10L14.3333 7.33333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M11.6667 4.66667H14.3333L14.3333 7.33333L11.6667 7.33333V4.66667Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M9 2H11.6667L11.6667 4.66667L9 4.66667V2Z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/General.tsx"],"names":["BRAND_COLOURS","jsxs","jsx"],"mappings":";;;;;AAGO,MAAM,cAAc,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AAClE,EAAA,MAAM,SAASA,qBAAA,CAAc,OAAA;AAC7B,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MAEvB,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uCAAA,EAAwC,IAAA,EAAK,cAAA,EAAe,CAAA;AAAA,wBACpEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yCAAA,EAA0C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACtEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxEA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxDA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uCAAA,EAAwC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACpEA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,yDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,oDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe;AAAA;AAAA;AAAA,GAC1E;AAEJ","file":"General.js","sourcesContent":["import { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const GeneralIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.general;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n      style={{ color: colour }}\n    >\n      <path d=\"M1 12.6667H3.66667V15.3333H1V12.6667Z\" fill=\"currentColor\" />\n      <path d=\"M3.66667 10H6.33333V12.6667H3.66667V10Z\" fill=\"currentColor\" />\n      <path d=\"M6.33333 7.33333H9V10L6.33333 10V7.33333Z\" fill=\"currentColor\" />\n      <path\n        d=\"M3.66667 4.66667H6.33333V7.33333H3.66667V4.66667Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M1 2H3.66667V4.66667H1V2Z\" fill=\"currentColor\" />\n      <path d=\"M9 12.6667H11.6667V15.3333H9V12.6667Z\" fill=\"currentColor\" />\n      <path\n        d=\"M11.6667 10H14.3333V12.6667L11.6667 12.6667L11.6667 10Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.3333 7.33333H17V10L14.3333 10L14.3333 7.33333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M11.6667 4.66667H14.3333L14.3333 7.33333L11.6667 7.33333V4.66667Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M9 2H11.6667L11.6667 4.66667L9 4.66667V2Z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n"]}

package/dist/icons/General.mjs

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { BRAND_COLOURS } from '../utils/colours';
 
 const GeneralIcon = ({ className, size = 18 }) => {
-  const colour = BRAND_COLOURS.General;
+  const colour = BRAND_COLOURS.general;
   return /* @__PURE__ */ jsxs(
     "svg",
     {

package/dist/icons/General.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/General.tsx"],"names":[],"mappings":";;;AAGO,MAAM,cAAc,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AAClE,EAAA,MAAM,SAAS,aAAA,CAAc,OAAA;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MAEvB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uCAAA,EAAwC,IAAA,EAAK,cAAA,EAAe,CAAA;AAAA,wBACpE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yCAAA,EAA0C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACtE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxD,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uCAAA,EAAwC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACpE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,yDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,oDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe;AAAA;AAAA;AAAA,GAC1E;AAEJ","file":"General.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const GeneralIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.General;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n      style={{ color: colour }}\n    >\n      <path d=\"M1 12.6667H3.66667V15.3333H1V12.6667Z\" fill=\"currentColor\" />\n      <path d=\"M3.66667 10H6.33333V12.6667H3.66667V10Z\" fill=\"currentColor\" />\n      <path d=\"M6.33333 7.33333H9V10L6.33333 10V7.33333Z\" fill=\"currentColor\" />\n      <path\n        d=\"M3.66667 4.66667H6.33333V7.33333H3.66667V4.66667Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M1 2H3.66667V4.66667H1V2Z\" fill=\"currentColor\" />\n      <path d=\"M9 12.6667H11.6667V15.3333H9V12.6667Z\" fill=\"currentColor\" />\n      <path\n        d=\"M11.6667 10H14.3333V12.6667L11.6667 12.6667L11.6667 10Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.3333 7.33333H17V10L14.3333 10L14.3333 7.33333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M11.6667 4.66667H14.3333L14.3333 7.33333L11.6667 7.33333V4.66667Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M9 2H11.6667L11.6667 4.66667L9 4.66667V2Z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/General.tsx"],"names":[],"mappings":";;;AAGO,MAAM,cAAc,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AAClE,EAAA,MAAM,SAAS,aAAA,CAAc,OAAA;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MAEvB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uCAAA,EAAwC,IAAA,EAAK,cAAA,EAAe,CAAA;AAAA,wBACpE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yCAAA,EAA0C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACtE,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxD,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,uCAAA,EAAwC,MAAK,cAAA,EAAe,CAAA;AAAA,wBACpE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,yDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,oDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mEAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe;AAAA;AAAA;AAAA,GAC1E;AAEJ","file":"General.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const GeneralIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.general;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      fill=\"none\"\n      style={{ color: colour }}\n    >\n      <path d=\"M1 12.6667H3.66667V15.3333H1V12.6667Z\" fill=\"currentColor\" />\n      <path d=\"M3.66667 10H6.33333V12.6667H3.66667V10Z\" fill=\"currentColor\" />\n      <path d=\"M6.33333 7.33333H9V10L6.33333 10V7.33333Z\" fill=\"currentColor\" />\n      <path\n        d=\"M3.66667 4.66667H6.33333V7.33333H3.66667V4.66667Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M1 2H3.66667V4.66667H1V2Z\" fill=\"currentColor\" />\n      <path d=\"M9 12.6667H11.6667V15.3333H9V12.6667Z\" fill=\"currentColor\" />\n      <path\n        d=\"M11.6667 10H14.3333V12.6667L11.6667 12.6667L11.6667 10Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.3333 7.33333H17V10L14.3333 10L14.3333 7.33333Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M11.6667 4.66667H14.3333L14.3333 7.33333L11.6667 7.33333V4.66667Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M9 2H11.6667L11.6667 4.66667L9 4.66667V2Z\" fill=\"currentColor\" />\n    </svg>\n  );\n};\n"]}

package/dist/icons/Rust.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var colours = require('../utils/colours');
 
 const RustIcon = ({ className, size = 18 }) => {
-  const colour = colours.BRAND_COLOURS.Rust;
+  const colour = colours.BRAND_COLOURS.rust;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {

package/dist/icons/Rust.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/Rust.tsx"],"names":["BRAND_COLOURS","jsxs","jsx"],"mappings":"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","file":"Rust.js","sourcesContent":["import { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\nexport const RustIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.Rust;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.7144 12.4287H12.4287V14.7144H14.7144V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 12.4287H1V14.7144H3.28571V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 10.1426H1V12.4283H3.28571V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 7.85693H1V10.1426H3.28571V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 3.28564H1V5.57136H3.28571V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 3.28564H5.57129V5.57136H7.857V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 3.28564H3.28613V5.57136H5.57185V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 12.4287H10.1426V14.7144H12.4283V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 10.1426H14.7139V12.4283H16.9996V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 7.85693H12.4287V10.1426H14.7144V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 5.57129H10.1426V7.857H12.4283V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M3.28571 5.57129H1V7.857H3.28571V5.57129Z\" fill=\"currentColor\" />\n      <path\n        d=\"M14.7144 3.28564H12.4287V5.57136H14.7144V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 3.28564H14.7139V5.57136H16.9996V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 12.4287H5.57129V14.7144H7.857V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 10.1426H5.57129V12.4283H7.857V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 7.85693H3.28613V10.1426H5.57185V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 5.57129H5.57129V7.857H7.857V5.57129Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/Rust.tsx"],"names":["BRAND_COLOURS","jsxs","jsx"],"mappings":"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","file":"Rust.js","sourcesContent":["import { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\nexport const RustIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.rust;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.7144 12.4287H12.4287V14.7144H14.7144V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 12.4287H1V14.7144H3.28571V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 10.1426H1V12.4283H3.28571V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 7.85693H1V10.1426H3.28571V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 3.28564H1V5.57136H3.28571V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 3.28564H5.57129V5.57136H7.857V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 3.28564H3.28613V5.57136H5.57185V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 12.4287H10.1426V14.7144H12.4283V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 10.1426H14.7139V12.4283H16.9996V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 7.85693H12.4287V10.1426H14.7144V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 5.57129H10.1426V7.857H12.4283V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M3.28571 5.57129H1V7.857H3.28571V5.57129Z\" fill=\"currentColor\" />\n      <path\n        d=\"M14.7144 3.28564H12.4287V5.57136H14.7144V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 3.28564H14.7139V5.57136H16.9996V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 12.4287H5.57129V14.7144H7.857V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 10.1426H5.57129V12.4283H7.857V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 7.85693H3.28613V10.1426H5.57185V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 5.57129H5.57129V7.857H7.857V5.57129Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/Rust.mjs

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { BRAND_COLOURS } from '../utils/colours';
 
 const RustIcon = ({ className, size = 18 }) => {
-  const colour = BRAND_COLOURS.Rust;
+  const colour = BRAND_COLOURS.rust;
   return /* @__PURE__ */ jsxs(
     "svg",
     {

package/dist/icons/Rust.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/Rust.tsx"],"names":[],"mappings":"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","file":"Rust.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\nexport const RustIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.Rust;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.7144 12.4287H12.4287V14.7144H14.7144V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 12.4287H1V14.7144H3.28571V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 10.1426H1V12.4283H3.28571V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 7.85693H1V10.1426H3.28571V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 3.28564H1V5.57136H3.28571V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 3.28564H5.57129V5.57136H7.857V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 3.28564H3.28613V5.57136H5.57185V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 12.4287H10.1426V14.7144H12.4283V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 10.1426H14.7139V12.4283H16.9996V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 7.85693H12.4287V10.1426H14.7144V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 5.57129H10.1426V7.857H12.4283V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M3.28571 5.57129H1V7.857H3.28571V5.57129Z\" fill=\"currentColor\" />\n      <path\n        d=\"M14.7144 3.28564H12.4287V5.57136H14.7144V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 3.28564H14.7139V5.57136H16.9996V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 12.4287H5.57129V14.7144H7.857V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 10.1426H5.57129V12.4283H7.857V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 7.85693H3.28613V10.1426H5.57185V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 5.57129H5.57129V7.857H7.857V5.57129Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/Rust.tsx"],"names":[],"mappings":";;;AAEO,MAAM,WAAW,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AAC/D,EAAA,MAAM,SAAS,aAAA,CAAc,IAAA;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2CAAA,EAA4C,MAAK,cAAA,EAAe,CAAA;AAAA,wBACxE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Rust.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\nimport { BRAND_COLOURS } from \"../utils/colours\";\nexport const RustIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.rust;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.7144 12.4287H12.4287V14.7144H14.7144V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 12.4287H1V14.7144H3.28571V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 10.1426H1V12.4283H3.28571V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 7.85693H1V10.1426H3.28571V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 3.28564H1V5.57136H3.28571V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 3.28564H5.57129V5.57136H7.857V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 3.28564H3.28613V5.57136H5.57185V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 12.4287H10.1426V14.7144H12.4283V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 10.1426H14.7139V12.4283H16.9996V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 7.85693H12.4287V10.1426H14.7144V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 5.57129H10.1426V7.857H12.4283V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path d=\"M3.28571 5.57129H1V7.857H3.28571V5.57129Z\" fill=\"currentColor\" />\n      <path\n        d=\"M14.7144 3.28564H12.4287V5.57136H14.7144V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 3.28564H14.7139V5.57136H16.9996V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 12.4287H5.57129V14.7144H7.857V12.4287Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 10.1426H5.57129V12.4283H7.857V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 7.85693H3.28613V10.1426H5.57185V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 5.57129H5.57129V7.857H7.857V5.57129Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/Typescript.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var colours = require('../utils/colours');
 
 const TypescriptIcon = ({ className, size = 18 }) => {
-  const colour = colours.BRAND_COLOURS.Typescript;
+  const colour = colours.BRAND_COLOURS.typescript;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {

package/dist/icons/Typescript.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/Typescript.tsx"],"names":["BRAND_COLOURS","jsxs","jsx"],"mappings":";;;;;AAIO,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACrE,EAAA,MAAM,SAASA,qBAAA,CAAc,UAAA;AAC7B,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Typescript.js","sourcesContent":["import { IconProps } from \"../Icon\";\n\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const TypescriptIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.Typescript;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.7144 12.4285H12.4287V14.7142H14.7144V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 12.4285H3.28613V14.7142H5.57185V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 10.1426H3.28613V12.4283H5.57185V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 7.85693H3.28613V10.1426H5.57185V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 3.28564H1V5.57136H3.28571V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 3.28564H5.57129V5.57136H7.857V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 3.28564H3.28613V5.57136H5.57185V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 12.4285H10.1426V14.7142H12.4283V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 10.1426H14.7139V12.4283H16.9996V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 7.85693H12.4287V10.1426H14.7144V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 5.57129H10.1426V7.857H12.4283V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 5.57129H3.28613V7.857H5.57185V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 3.28564H12.4287V5.57136H14.7144V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 3.28564H14.7139V5.57136H16.9996V3.28564Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/Typescript.tsx"],"names":["BRAND_COLOURS","jsxs","jsx"],"mappings":";;;;;AAIO,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACrE,EAAA,MAAM,SAASA,qBAAA,CAAc,UAAA;AAC7B,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Typescript.js","sourcesContent":["import { IconProps } from \"../Icon\";\n\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const TypescriptIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.typescript;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.7144 12.4285H12.4287V14.7142H14.7144V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 12.4285H3.28613V14.7142H5.57185V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 10.1426H3.28613V12.4283H5.57185V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 7.85693H3.28613V10.1426H5.57185V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 3.28564H1V5.57136H3.28571V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 3.28564H5.57129V5.57136H7.857V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 3.28564H3.28613V5.57136H5.57185V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 12.4285H10.1426V14.7142H12.4283V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 10.1426H14.7139V12.4283H16.9996V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 7.85693H12.4287V10.1426H14.7144V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 5.57129H10.1426V7.857H12.4283V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 5.57129H3.28613V7.857H5.57185V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 3.28564H12.4287V5.57136H14.7144V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 3.28564H14.7139V5.57136H16.9996V3.28564Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/Typescript.mjs

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { BRAND_COLOURS } from '../utils/colours';
 
 const TypescriptIcon = ({ className, size = 18 }) => {
-  const colour = BRAND_COLOURS.Typescript;
+  const colour = BRAND_COLOURS.typescript;
   return /* @__PURE__ */ jsxs(
     "svg",
     {

package/dist/icons/Typescript.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/icons/Typescript.tsx"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACrE,EAAA,MAAM,SAAS,aAAA,CAAc,UAAA;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Typescript.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\n\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const TypescriptIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.Typescript;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.7144 12.4285H12.4287V14.7142H14.7144V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 12.4285H3.28613V14.7142H5.57185V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 10.1426H3.28613V12.4283H5.57185V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 7.85693H3.28613V10.1426H5.57185V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 3.28564H1V5.57136H3.28571V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 3.28564H5.57129V5.57136H7.857V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 3.28564H3.28613V5.57136H5.57185V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 12.4285H10.1426V14.7142H12.4283V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 10.1426H14.7139V12.4283H16.9996V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 7.85693H12.4287V10.1426H14.7144V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 5.57129H10.1426V7.857H12.4283V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 5.57129H3.28613V7.857H5.57185V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 3.28564H12.4287V5.57136H14.7144V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 3.28564H14.7139V5.57136H16.9996V3.28564Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/icons/Typescript.tsx"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACrE,EAAA,MAAM,SAAS,aAAA,CAAc,UAAA;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,4BAAA;AAAA,MACN,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA;AAAA,MACA,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACvB,IAAA,EAAK,MAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,6CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,+CAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,iDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,mDAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"Typescript.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\n\nimport { BRAND_COLOURS } from \"../utils/colours\";\n\nexport const TypescriptIcon = ({ className, size = 18 }: IconProps) => {\n  const colour = BRAND_COLOURS.typescript;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 18 18\"\n      className={className}\n      style={{ color: colour }}\n      fill=\"none\"\n    >\n      <path\n        d=\"M14.7144 12.4285H12.4287V14.7142H14.7144V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 12.4285H3.28613V14.7142H5.57185V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 10.1426H3.28613V12.4283H5.57185V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 7.85693H3.28613V10.1426H5.57185V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M3.28571 3.28564H1V5.57136H3.28571V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.857 3.28564H5.57129V5.57136H7.857V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 3.28564H3.28613V5.57136H5.57185V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 12.4285H10.1426V14.7142H12.4283V12.4285Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 10.1426H14.7139V12.4283H16.9996V10.1426Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 7.85693H12.4287V10.1426H14.7144V7.85693Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M12.4283 5.57129H10.1426V7.857H12.4283V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M5.57185 5.57129H3.28613V7.857H5.57185V5.57129Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M14.7144 3.28564H12.4287V5.57136H14.7144V3.28564Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9996 3.28564H14.7139V5.57136H16.9996V3.28564Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/utils/colours.d.mts

@@ -1,18 +1,18 @@
 declare const BRAND_COLOURS: {
-    Rust: string;
-    Anchor: string;
-    Typescript: string;
-    Assembly: string;
-    General: string;
-    Brand: string;
-    Error: string;
-    Success: string;
-    Beginner: string;
-    Intermediate: string;
-    Advanced: string;
-    Expert: string;
-    Secondary: string;
-    Muted: string;
+    rust: string;
+    anchor: string;
+    typescript: string;
+    assembly: string;
+    general: string;
+    brand: string;
+    error: string;
+    success: string;
+    beginner: string;
+    intermediate: string;
+    advanced: string;
+    expert: string;
+    secondary: string;
+    muted: string;
 };
 declare const courseDifficulty: {
     readonly 1: "Beginner";

package/dist/utils/colours.d.ts

@@ -1,18 +1,18 @@
 declare const BRAND_COLOURS: {
-    Rust: string;
-    Anchor: string;
-    Typescript: string;
-    Assembly: string;
-    General: string;
-    Brand: string;
-    Error: string;
-    Success: string;
-    Beginner: string;
-    Intermediate: string;
-    Advanced: string;
-    Expert: string;
-    Secondary: string;
-    Muted: string;
+    rust: string;
+    anchor: string;
+    typescript: string;
+    assembly: string;
+    general: string;
+    brand: string;
+    error: string;
+    success: string;
+    beginner: string;
+    intermediate: string;
+    advanced: string;
+    expert: string;
+    secondary: string;
+    muted: string;
 };
 declare const courseDifficulty: {
     readonly 1: "Beginner";

package/dist/utils/colours.js

@@ -1,20 +1,20 @@
 'use strict';
 
 const BRAND_COLOURS = {
-  Rust: "var(--color-brand-rust)",
-  Anchor: "var(--color-brand-anchor)",
-  Typescript: "var(--color-brand-typescript)",
-  Assembly: "var(--color-brand-assembly)",
-  General: "var(--color-brand-primary)",
-  Brand: "var(--color-brand-primary)",
-  Error: "var(--color-state-error)",
-  Success: "var(--color-accent-2)",
-  Beginner: "var(--color-accent-1)",
-  Intermediate: "var(--color-accent-2)",
-  Advanced: "var(--color-accent-3)",
-  Expert: "var(--color-accent-4)",
-  Secondary: "var(--color-shade-secondary)",
-  Muted: "var(--color-shade-mute)"
+  rust: "var(--color-brand-rust)",
+  anchor: "var(--color-brand-anchor)",
+  typescript: "var(--color-brand-typescript)",
+  assembly: "var(--color-brand-assembly)",
+  general: "var(--color-brand-primary)",
+  brand: "var(--color-brand-primary)",
+  error: "var(--color-state-error)",
+  success: "var(--color-accent-2)",
+  beginner: "var(--color-accent-1)",
+  intermediate: "var(--color-accent-2)",
+  advanced: "var(--color-accent-3)",
+  expert: "var(--color-accent-4)",
+  secondary: "var(--color-shade-secondary)",
+  muted: "var(--color-shade-mute)"
 };
 const courseDifficulty = {
   1: "Beginner",

package/dist/utils/colours.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/colours.ts"],"names":[],"mappings":";;AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,IAAA,EAAM,yBAAA;AAAA,EACN,MAAA,EAAQ,2BAAA;AAAA,EACR,UAAA,EAAY,+BAAA;AAAA,EACZ,QAAA,EAAU,6BAAA;AAAA,EACV,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,4BAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU,uBAAA;AAAA,EACV,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,uBAAA;AAAA,EACV,MAAA,EAAQ,uBAAA;AAAA,EACR,SAAA,EAAW,8BAAA;AAAA,EACX,KAAA,EAAO;AACT;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"colours.js","sourcesContent":["export const BRAND_COLOURS = {\n  Rust: \"var(--color-brand-rust)\",\n  Anchor: \"var(--color-brand-anchor)\",\n  Typescript: \"var(--color-brand-typescript)\",\n  Assembly: \"var(--color-brand-assembly)\",\n  General: \"var(--color-brand-primary)\",\n  Brand: \"var(--color-brand-primary)\",\n  Error: \"var(--color-state-error)\",\n  Success: \"var(--color-accent-2)\",\n  Beginner: \"var(--color-accent-1)\",\n  Intermediate: \"var(--color-accent-2)\",\n  Advanced: \"var(--color-accent-3)\",\n  Expert: \"var(--color-accent-4)\",\n  Secondary: \"var(--color-shade-secondary)\",\n  Muted: \"var(--color-shade-mute)\",\n};\n\nexport const courseDifficulty = {\n  1: \"Beginner\",\n  2: \"Intermediate\",\n  3: \"Advanced\",\n  4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n  1: \"#00C7E6\",\n  2: \"#00E66B\",\n  3: \"#E6D700\",\n  4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"]}
+{"version":3,"sources":["../../src/utils/colours.ts"],"names":[],"mappings":";;AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,IAAA,EAAM,yBAAA;AAAA,EACN,MAAA,EAAQ,2BAAA;AAAA,EACR,UAAA,EAAY,+BAAA;AAAA,EACZ,QAAA,EAAU,6BAAA;AAAA,EACV,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,4BAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU,uBAAA;AAAA,EACV,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,uBAAA;AAAA,EACV,MAAA,EAAQ,uBAAA;AAAA,EACR,SAAA,EAAW,8BAAA;AAAA,EACX,KAAA,EAAO;AACT;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"colours.js","sourcesContent":["export const BRAND_COLOURS = {\n  rust: \"var(--color-brand-rust)\",\n  anchor: \"var(--color-brand-anchor)\",\n  typescript: \"var(--color-brand-typescript)\",\n  assembly: \"var(--color-brand-assembly)\",\n  general: \"var(--color-brand-primary)\",\n  brand: \"var(--color-brand-primary)\",\n  error: \"var(--color-state-error)\",\n  success: \"var(--color-accent-2)\",\n  beginner: \"var(--color-accent-1)\",\n  intermediate: \"var(--color-accent-2)\",\n  advanced: \"var(--color-accent-3)\",\n  expert: \"var(--color-accent-4)\",\n  secondary: \"var(--color-shade-secondary)\",\n  muted: \"var(--color-shade-mute)\",\n};\n\nexport const courseDifficulty = {\n  1: \"Beginner\",\n  2: \"Intermediate\",\n  3: \"Advanced\",\n  4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n  1: \"#00C7E6\",\n  2: \"#00E66B\",\n  3: \"#E6D700\",\n  4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"]}

package/dist/utils/colours.mjs

@@ -1,18 +1,18 @@
 const BRAND_COLOURS = {
-  Rust: "var(--color-brand-rust)",
-  Anchor: "var(--color-brand-anchor)",
-  Typescript: "var(--color-brand-typescript)",
-  Assembly: "var(--color-brand-assembly)",
-  General: "var(--color-brand-primary)",
-  Brand: "var(--color-brand-primary)",
-  Error: "var(--color-state-error)",
-  Success: "var(--color-accent-2)",
-  Beginner: "var(--color-accent-1)",
-  Intermediate: "var(--color-accent-2)",
-  Advanced: "var(--color-accent-3)",
-  Expert: "var(--color-accent-4)",
-  Secondary: "var(--color-shade-secondary)",
-  Muted: "var(--color-shade-mute)"
+  rust: "var(--color-brand-rust)",
+  anchor: "var(--color-brand-anchor)",
+  typescript: "var(--color-brand-typescript)",
+  assembly: "var(--color-brand-assembly)",
+  general: "var(--color-brand-primary)",
+  brand: "var(--color-brand-primary)",
+  error: "var(--color-state-error)",
+  success: "var(--color-accent-2)",
+  beginner: "var(--color-accent-1)",
+  intermediate: "var(--color-accent-2)",
+  advanced: "var(--color-accent-3)",
+  expert: "var(--color-accent-4)",
+  secondary: "var(--color-shade-secondary)",
+  muted: "var(--color-shade-mute)"
 };
 const courseDifficulty = {
   1: "Beginner",

package/dist/utils/colours.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/colours.ts"],"names":[],"mappings":"AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,IAAA,EAAM,yBAAA;AAAA,EACN,MAAA,EAAQ,2BAAA;AAAA,EACR,UAAA,EAAY,+BAAA;AAAA,EACZ,QAAA,EAAU,6BAAA;AAAA,EACV,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,4BAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU,uBAAA;AAAA,EACV,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,uBAAA;AAAA,EACV,MAAA,EAAQ,uBAAA;AAAA,EACR,SAAA,EAAW,8BAAA;AAAA,EACX,KAAA,EAAO;AACT;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"colours.mjs","sourcesContent":["export const BRAND_COLOURS = {\n  Rust: \"var(--color-brand-rust)\",\n  Anchor: \"var(--color-brand-anchor)\",\n  Typescript: \"var(--color-brand-typescript)\",\n  Assembly: \"var(--color-brand-assembly)\",\n  General: \"var(--color-brand-primary)\",\n  Brand: \"var(--color-brand-primary)\",\n  Error: \"var(--color-state-error)\",\n  Success: \"var(--color-accent-2)\",\n  Beginner: \"var(--color-accent-1)\",\n  Intermediate: \"var(--color-accent-2)\",\n  Advanced: \"var(--color-accent-3)\",\n  Expert: \"var(--color-accent-4)\",\n  Secondary: \"var(--color-shade-secondary)\",\n  Muted: \"var(--color-shade-mute)\",\n};\n\nexport const courseDifficulty = {\n  1: \"Beginner\",\n  2: \"Intermediate\",\n  3: \"Advanced\",\n  4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n  1: \"#00C7E6\",\n  2: \"#00E66B\",\n  3: \"#E6D700\",\n  4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"]}
+{"version":3,"sources":["../../src/utils/colours.ts"],"names":[],"mappings":"AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,IAAA,EAAM,yBAAA;AAAA,EACN,MAAA,EAAQ,2BAAA;AAAA,EACR,UAAA,EAAY,+BAAA;AAAA,EACZ,QAAA,EAAU,6BAAA;AAAA,EACV,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,4BAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,uBAAA;AAAA,EACT,QAAA,EAAU,uBAAA;AAAA,EACV,YAAA,EAAc,uBAAA;AAAA,EACd,QAAA,EAAU,uBAAA;AAAA,EACV,MAAA,EAAQ,uBAAA;AAAA,EACR,SAAA,EAAW,8BAAA;AAAA,EACX,KAAA,EAAO;AACT;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,UAAA;AAAA,EACH,CAAA,EAAG;AACL;AAEO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG,SAAA;AAAA,EACH,CAAA,EAAG;AACL","file":"colours.mjs","sourcesContent":["export const BRAND_COLOURS = {\n  rust: \"var(--color-brand-rust)\",\n  anchor: \"var(--color-brand-anchor)\",\n  typescript: \"var(--color-brand-typescript)\",\n  assembly: \"var(--color-brand-assembly)\",\n  general: \"var(--color-brand-primary)\",\n  brand: \"var(--color-brand-primary)\",\n  error: \"var(--color-state-error)\",\n  success: \"var(--color-accent-2)\",\n  beginner: \"var(--color-accent-1)\",\n  intermediate: \"var(--color-accent-2)\",\n  advanced: \"var(--color-accent-3)\",\n  expert: \"var(--color-accent-4)\",\n  secondary: \"var(--color-shade-secondary)\",\n  muted: \"var(--color-shade-mute)\",\n};\n\nexport const courseDifficulty = {\n  1: \"Beginner\",\n  2: \"Intermediate\",\n  3: \"Advanced\",\n  4: \"Expert\",\n} as const;\n\nexport const difficultyColors = {\n  1: \"#00C7E6\",\n  2: \"#00E66B\",\n  3: \"#E6D700\",\n  4: \"#FF285A\",\n} as const;\n\nexport type BrandColour = keyof typeof BRAND_COLOURS;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueshift-gg/ui-components",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "private": false,
   "publishConfig": {
     "access": "public"