@blueshift-gg/ui-components 0.1.0

package/dist/Tooltip.mjs

@@ -0,0 +1,140 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { AnimatePresence, motion } from 'motion/react';
+import { crisp } from './utils/easings';
+import { CrosshairCorners } from './CrossHair';
+
+const Tooltip = ({ description, position, isOpen }) => {
+  const getPositionBasedAnimation = (position2) => {
+    const baseAnimation = {
+      animate: { opacity: 1, y: 0, x: 0, scale: 1 },
+      exit: { opacity: 0, scale: 0.9 },
+      transition: { duration: 0.15, ease: crisp, delay: 0.15 }
+    };
+    if (position2.startsWith("bottom")) {
+      return {
+        ...baseAnimation,
+        initial: { opacity: 0, y: -10, scale: 0.9 },
+        exit: { ...baseAnimation.exit, y: -10 }
+      };
+    } else if (position2.startsWith("top")) {
+      return {
+        ...baseAnimation,
+        initial: { opacity: 0, y: 10, scale: 0.9 },
+        exit: { ...baseAnimation.exit, y: 10 }
+      };
+    } else if (position2.startsWith("center-left")) {
+      return {
+        ...baseAnimation,
+        initial: { opacity: 0, x: 10, scale: 0.9 },
+        exit: { ...baseAnimation.exit, x: 10 }
+      };
+    } else if (position2.startsWith("center-right")) {
+      return {
+        ...baseAnimation,
+        initial: { opacity: 0, x: -10, scale: 0.9 },
+        exit: { ...baseAnimation.exit, x: -10 }
+      };
+    }
+    return {
+      ...baseAnimation,
+      initial: { opacity: 0, y: -10, scale: 0.9 },
+      exit: { ...baseAnimation.exit, y: -10 }
+    };
+  };
+  const animations = getPositionBasedAnimation(position);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      ...animations,
+      className: classNames(
+        "z-50 absolute font-medium w-max max-w-[200px] px-2.5 pt-1.5 pb-2 bg-card-foreground gradient-border before:bg-border text-xs leading-[150%] text-shade-tertiary",
+        "after:absolute after:bg-border",
+        !position.startsWith("center") && "after:!w-[10px] after:!h-[5px]",
+        position.startsWith("center") && "after:!h-[10px] after:!w-[5px]",
+        getTooltipPosition(position),
+        getArrowPosition(position)
+      ),
+      style: { transformOrigin: getTransformOrigin(position) },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0.5", children: /* @__PURE__ */ jsx(
+          CrosshairCorners,
+          {
+            size: 4,
+            variant: "corners",
+            className: "text-shade-mute",
+            animationDelay: 0.15,
+            animationDuration: 0.75,
+            corners: position === "top-left" || position === "bottom-right" ? ["bottom-left", "top-right"] : ["bottom-right", "top-left"]
+          }
+        ) }),
+        description
+      ]
+    },
+    position
+  ) });
+};
+const getTooltipPosition = (position) => {
+  switch (position) {
+    case "top-right":
+      return "bottom-[calc(100%+6px)] left-1/2 mb-1";
+    case "top-center":
+      return "bottom-[calc(100%+6px)] left-1/2 -translate-x-1/2 mb-1";
+    case "top-left":
+      return "bottom-[calc(100%+6px)] right-1/2 mb-1";
+    case "bottom-right":
+      return "top-[calc(100%+6px)] left-1/2 mt-1";
+    case "bottom-center":
+      return "top-[calc(100%+6px)] left-1/2 -translate-x-1/2 mt-1";
+    case "bottom-left":
+      return "top-[calc(100%+6px)] right-1/2 mt-1";
+    case "center-left":
+      return "right-[calc(100%+6px)] top-1/2 -translate-y-1/2 mr-1";
+    case "center-right":
+      return "left-[calc(100%+6px)] top-1/2 -translate-y-1/2 ml-1";
+  }
+};
+const getTransformOrigin = (position) => {
+  switch (position) {
+    case "bottom-right":
+      return "bottom left";
+    case "bottom-center":
+      return "bottom center";
+    case "bottom-left":
+      return "bottom right";
+    case "top-right":
+      return "top left";
+    case "top-center":
+      return "top center";
+    case "top-left":
+      return "top right";
+    case "center-left":
+      return "center right";
+    case "center-right":
+      return "center left";
+  }
+};
+const getArrowPosition = (position) => {
+  switch (position) {
+    case "bottom-right":
+      return "after:top-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_0%,100%_100%,0%_100%,0%_0%)]";
+    case "bottom-center":
+      return "after:top-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_0%,0%_100%,100%_100%)]";
+    case "bottom-left":
+      return "after:top-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_0%,0%_100%,100%_100%,100%_0%)]";
+    case "top-right":
+      return "after:bottom-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_100%,100%_0%,0%_0%,0%_100%)]";
+    case "top-center":
+      return "after:bottom-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_100%,0%_0%,100%_0%)]";
+    case "top-left":
+      return "after:bottom-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_100%,0%_0%,100%_0%,100%_100%)]";
+    case "center-right":
+      return "after:top-1/2 after:left-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(100%_0%,0%_50%,100%_100%)]";
+    case "center-left":
+      return "after:top-1/2 after:right-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(0%_0%,100%_50%,0%_100%)]";
+  }
+};
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.mjs.map
+//# sourceMappingURL=Tooltip.mjs.map

package/dist/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip.tsx"],"names":["position"],"mappings":";;;;;;AAmBO,MAAM,UAAU,CAAC,EAAE,WAAA,EAAa,QAAA,EAAU,QAAO,KAAoB;AAC1E,EAAA,MAAM,yBAAA,GAA4B,CAACA,SAAAA,KAAuC;AACxE,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,GAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAE;AAAA,MAC5C,IAAA,EAAM,EAAE,OAAA,EAAS,CAAA,EAAG,OAAO,GAAA,EAAI;AAAA,MAC/B,YAAY,EAAE,QAAA,EAAU,MAAM,IAAA,EAAM,KAAA,EAAO,OAAO,IAAA;AAAK,KACzD;AAEA,IAAA,IAAIA,SAAAA,CAAS,UAAA,CAAW,QAAQ,CAAA,EAAG;AACjC,MAAA,OAAO;AAAA,QACL,GAAG,aAAA;AAAA,QACH,SAAS,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA,QAC1C,MAAM,EAAE,GAAG,aAAA,CAAc,IAAA,EAAM,GAAG,GAAA;AAAI,OACxC;AAAA,IACF,CAAA,MAAA,IAAWA,SAAAA,CAAS,UAAA,CAAW,KAAK,CAAA,EAAG;AACrC,MAAA,OAAO;AAAA,QACL,GAAG,aAAA;AAAA,QACH,SAAS,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,EAAA,EAAI,OAAO,GAAA,EAAI;AAAA,QACzC,MAAM,EAAE,GAAG,aAAA,CAAc,IAAA,EAAM,GAAG,EAAA;AAAG,OACvC;AAAA,IACF,CAAA,MAAA,IAAWA,SAAAA,CAAS,UAAA,CAAW,aAAa,CAAA,EAAG;AAC7C,MAAA,OAAO;AAAA,QACL,GAAG,aAAA;AAAA,QACH,SAAS,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,EAAA,EAAI,OAAO,GAAA,EAAI;AAAA,QACzC,MAAM,EAAE,GAAG,aAAA,CAAc,IAAA,EAAM,GAAG,EAAA;AAAG,OACvC;AAAA,IACF,CAAA,MAAA,IAAWA,SAAAA,CAAS,UAAA,CAAW,cAAc,CAAA,EAAG;AAC9C,MAAA,OAAO;AAAA,QACL,GAAG,aAAA;AAAA,QACH,SAAS,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA,QAC1C,MAAM,EAAE,GAAG,aAAA,CAAc,IAAA,EAAM,GAAG,GAAA;AAAI,OACxC;AAAA,IACF;AAGA,IAAA,OAAO;AAAA,MACL,GAAG,aAAA;AAAA,MACH,SAAS,EAAE,OAAA,EAAS,GAAG,CAAA,EAAG,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA,MAC1C,MAAM,EAAE,GAAG,aAAA,CAAc,IAAA,EAAM,GAAG,GAAA;AAAI,KACxC;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,0BAA0B,QAAQ,CAAA;AAErD,EAAA,uBACE,GAAA,CAAC,mBACE,QAAA,EAAA,MAAA,oBACC,IAAA;AAAA,IAAC,MAAA,CAAO,GAAA;AAAA,IAAP;AAAA,MAEE,GAAG,UAAA;AAAA,MACJ,SAAA,EAAW,UAAA;AAAA,QACT,iKAAA;AAAA,QACA,gCAAA;AAAA,QACA,CAAC,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA,IAAK,gCAAA;AAAA,QAClC,QAAA,CAAS,UAAA,CAAW,QAAQ,CAAA,IAAK,gCAAA;AAAA,QACjC,mBAAmB,QAAQ,CAAA;AAAA,QAC3B,iBAAiB,QAAQ;AAAA,OAC3B;AAAA,MACA,KAAA,EAAO,EAAE,eAAA,EAAiB,kBAAA,CAAmB,QAAQ,CAAA,EAAE;AAAA,MAEvD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oBAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,OAAA,EAAQ,SAAA;AAAA,YACR,SAAA,EAAU,iBAAA;AAAA,YACV,cAAA,EAAgB,IAAA;AAAA,YAChB,iBAAA,EAAmB,IAAA;AAAA,YACnB,OAAA,EACE,QAAA,KAAa,UAAA,IAAc,QAAA,KAAa,cAAA,GACpC,CAAC,aAAA,EAAe,WAAW,CAAA,GAC3B,CAAC,cAAA,EAAgB,UAAU;AAAA;AAAA,SAEnC,EACF,CAAA;AAAA,QACC;AAAA;AAAA,KAAA;AAAA,IA1BI;AAAA,GA2BP,EAEJ,CAAA;AAEJ;AAEA,MAAM,kBAAA,GAAqB,CAAC,QAAA,KAAuC;AACjE,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,WAAA;AACH,MAAA,OAAO,uCAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAA,OAAO,wDAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,wCAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAA,OAAO,oCAAA;AAAA,IACT,KAAK,eAAA;AACH,MAAA,OAAO,qDAAA;AAAA,IACT,KAAK,aAAA;AACH,MAAA,OAAO,qCAAA;AAAA,IACT,KAAK,aAAA;AACH,MAAA,OAAO,sDAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAA,OAAO,qDAAA;AAAA;AAEb,CAAA;AAEA,MAAM,kBAAA,GAAqB,CAAC,QAAA,KAAuC;AACjE,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,cAAA;AACH,MAAA,OAAO,aAAA;AAAA,IACT,KAAK,eAAA;AACH,MAAA,OAAO,eAAA;AAAA,IACT,KAAK,aAAA;AACH,MAAA,OAAO,cAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAA,OAAO,UAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAA,OAAO,YAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,WAAA;AAAA,IACT,KAAK,aAAA;AACH,MAAA,OAAO,cAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAA,OAAO,aAAA;AAAA;AAEb,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAuC;AAC/D,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,cAAA;AACH,MAAA,OAAO,gGAAA;AAAA,IACT,KAAK,eAAA;AACH,MAAA,OAAO,oHAAA;AAAA,IACT,KAAK,aAAA;AACH,MAAA,OAAO,qGAAA;AAAA,IACT,KAAK,WAAA;AACH,MAAA,OAAO,mGAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAA,OAAO,qHAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAA,OAAO,wGAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAA,OAAO,oHAAA;AAAA,IACT,KAAK,aAAA;AACH,MAAA,OAAO,mHAAA;AAAA;AAEb,CAAA","file":"Tooltip.mjs","sourcesContent":["import classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { crisp, swift } from \"./utils/easings\";\nimport { CrosshairCorners } from \"./CrossHair\";\n\nexport type TooltipProps = {\n  description: string;\n  isOpen?: boolean;\n  position:\n    | \"top-left\"\n    | \"top-center\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-center\"\n    | \"bottom-right\"\n    | \"center-left\"\n    | \"center-right\";\n};\n\nexport const Tooltip = ({ description, position, isOpen }: TooltipProps) => {\n  const getPositionBasedAnimation = (position: TooltipProps[\"position\"]) => {\n    const baseAnimation = {\n      animate: { opacity: 1, y: 0, x: 0, scale: 1 },\n      exit: { opacity: 0, scale: 0.9 },\n      transition: { duration: 0.15, ease: crisp, delay: 0.15 },\n    };\n\n    if (position.startsWith(\"bottom\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: -10 },\n      };\n    } else if (position.startsWith(\"top\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, y: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, y: 10 },\n      };\n    } else if (position.startsWith(\"center-left\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: 10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: 10 },\n      };\n    } else if (position.startsWith(\"center-right\")) {\n      return {\n        ...baseAnimation,\n        initial: { opacity: 0, x: -10, scale: 0.9 },\n        exit: { ...baseAnimation.exit, x: -10 },\n      };\n    }\n\n    // Fallback to default animation\n    return {\n      ...baseAnimation,\n      initial: { opacity: 0, y: -10, scale: 0.9 },\n      exit: { ...baseAnimation.exit, y: -10 },\n    };\n  };\n\n  const animations = getPositionBasedAnimation(position);\n\n  return (\n    <AnimatePresence>\n      {isOpen && (\n        <motion.div\n          key={position}\n          {...animations}\n          className={classNames(\n            \"z-50 absolute font-medium w-max max-w-[200px] px-2.5 pt-1.5 pb-2 bg-card-foreground gradient-border before:bg-border text-xs leading-[150%] text-shade-tertiary\",\n            \"after:absolute after:bg-border\",\n            !position.startsWith(\"center\") && \"after:!w-[10px] after:!h-[5px]\",\n            position.startsWith(\"center\") && \"after:!h-[10px] after:!w-[5px]\",\n            getTooltipPosition(position),\n            getArrowPosition(position)\n          )}\n          style={{ transformOrigin: getTransformOrigin(position) }}\n        >\n          <div className=\"absolute inset-0.5\">\n            <CrosshairCorners\n              size={4}\n              variant=\"corners\"\n              className=\"text-shade-mute\"\n              animationDelay={0.15}\n              animationDuration={0.75}\n              corners={\n                position === \"top-left\" || position === \"bottom-right\"\n                  ? [\"bottom-left\", \"top-right\"]\n                  : [\"bottom-right\", \"top-left\"]\n              }\n            />\n          </div>\n          {description}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nconst getTooltipPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"top-right\":\n      return \"bottom-[calc(100%+6px)] left-1/2 mb-1\";\n    case \"top-center\":\n      return \"bottom-[calc(100%+6px)] left-1/2 -translate-x-1/2 mb-1\";\n    case \"top-left\":\n      return \"bottom-[calc(100%+6px)] right-1/2 mb-1\";\n    case \"bottom-right\":\n      return \"top-[calc(100%+6px)] left-1/2 mt-1\";\n    case \"bottom-center\":\n      return \"top-[calc(100%+6px)] left-1/2 -translate-x-1/2 mt-1\";\n    case \"bottom-left\":\n      return \"top-[calc(100%+6px)] right-1/2 mt-1\";\n    case \"center-left\":\n      return \"right-[calc(100%+6px)] top-1/2 -translate-y-1/2 mr-1\";\n    case \"center-right\":\n      return \"left-[calc(100%+6px)] top-1/2 -translate-y-1/2 ml-1\";\n  }\n};\n\nconst getTransformOrigin = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"bottom left\";\n    case \"bottom-center\":\n      return \"bottom center\";\n    case \"bottom-left\":\n      return \"bottom right\";\n    case \"top-right\":\n      return \"top left\";\n    case \"top-center\":\n      return \"top center\";\n    case \"top-left\":\n      return \"top right\";\n    case \"center-left\":\n      return \"center right\";\n    case \"center-right\":\n      return \"center left\";\n  }\n};\n\nconst getArrowPosition = (position: TooltipProps[\"position\"]) => {\n  switch (position) {\n    case \"bottom-right\":\n      return \"after:top-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_0%,100%_100%,0%_100%,0%_0%)]\";\n    case \"bottom-center\":\n      return \"after:top-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_0%,0%_100%,100%_100%)]\";\n    case \"bottom-left\":\n      return \"after:top-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_0%,0%_100%,100%_100%,100%_0%)]\";\n    case \"top-right\":\n      return \"after:bottom-[calc(0%-5px)] after:left-0 after:[clip-path:polygon(0%_100%,100%_0%,0%_0%,0%_100%)]\";\n    case \"top-center\":\n      return \"after:bottom-[calc(0%-5px)] after:left-1/2 after:-translate-x-1/2 after:[clip-path:polygon(50%_100%,0%_0%,100%_0%)]\";\n    case \"top-left\":\n      return \"after:bottom-[calc(0%-5px)] after:right-0 after:[clip-path:polygon(100%_100%,0%_0%,100%_0%,100%_100%)]\";\n    case \"center-right\":\n      return \"after:top-1/2 after:left-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(100%_0%,0%_50%,100%_100%)]\";\n    case \"center-left\":\n      return \"after:top-1/2 after:right-[calc(0%-5px)] after:-translate-y-1/2 after:[clip-path:polygon(0%_0%,100%_50%,0%_100%)]\";\n  }\n};\n"]}

package/dist/fonts/CommitMono-Regular.woff2.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/fonts/CommitMono-Regular.woff2.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/fonts/MONTECHV02-Medium.woff2.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/fonts/MONTECHV02-Medium.woff2.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/fonts/Switzer-Regular.woff2.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/fonts/Switzer-Regular.woff2.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/icons/Anchor.d.mts

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

package/dist/icons/Anchor.d.ts

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

package/dist/icons/Anchor.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('classnames');
+var colours = require('../utils/colours');
+
+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;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      className: classNames__default.default(className),
+      style: { color: colour },
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M12.8999 14.3333H10.2998V16.9999H12.8999V14.3333Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M7.70015 14.3333H5.1001V16.9999H7.70015V14.3333Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M10.3002 11.6665H7.7002V14.3332H10.3002V11.6665Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.3002 9H7.7002V11.6667H10.3002V9Z", fill: "currentColor" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M10.3002 6.33325H7.7002V8.99992H10.3002V6.33325Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M7.70015 3.66675H5.1001V6.33341H7.70015V3.66675Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M12.8999 3.66675H10.2998V6.33341H12.8999V3.66675Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.3002 1H7.7002V3.66667H10.3002V1Z", fill: "currentColor" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M5.10005 11.6665H2.5V14.3332H5.10005V11.6665Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M15.5 11.6665H12.8999V14.3332H15.5V11.6665Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.AnchorIcon = AnchorIcon;
+//# sourceMappingURL=Anchor.js.map
+//# sourceMappingURL=Anchor.js.map

package/dist/icons/Anchor.js.map

@@ -0,0 +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"]}

package/dist/icons/Anchor.mjs

@@ -0,0 +1,83 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { BRAND_COLOURS } from '../utils/colours';
+
+const AnchorIcon = ({ className, size = 18 }) => {
+  const colour = BRAND_COLOURS.Anchor;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      className: classNames(className),
+      style: { color: colour },
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.8999 14.3333H10.2998V16.9999H12.8999V14.3333Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.70015 14.3333H5.1001V16.9999H7.70015V14.3333Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.3002 11.6665H7.7002V14.3332H10.3002V11.6665Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M10.3002 9H7.7002V11.6667H10.3002V9Z", fill: "currentColor" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.3002 6.33325H7.7002V8.99992H10.3002V6.33325Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.70015 3.66675H5.1001V6.33341H7.70015V3.66675Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.8999 3.66675H10.2998V6.33341H12.8999V3.66675Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M10.3002 1H7.7002V3.66667H10.3002V1Z", fill: "currentColor" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5.10005 11.6665H2.5V14.3332H5.10005V11.6665Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15.5 11.6665H12.8999V14.3332H15.5V11.6665Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { AnchorIcon };
+//# sourceMappingURL=Anchor.mjs.map
+//# sourceMappingURL=Anchor.mjs.map

package/dist/icons/Anchor.mjs.map

@@ -0,0 +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"]}

package/dist/icons/ArrowLeft.d.mts

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

package/dist/icons/ArrowLeft.d.ts

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

package/dist/icons/ArrowLeft.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const ArrowLeftIcon = ({ className, size = 18 }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      className,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M15.25 9.75H3C2.586 9.75 2.25 9.414 2.25 9C2.25 8.586 2.586 8.25 3 8.25H15.25C15.664 8.25 16 8.586 16 9C16 9.414 15.664 9.75 15.25 9.75Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M7.00024 14C6.80824 14 6.61624 13.927 6.47024 13.78L2.22024 9.52999C1.92724 9.23699 1.92724 8.76199 2.22024 8.46899L6.47024 4.21999C6.76324 3.92699 7.23824 3.92699 7.53124 4.21999C7.82424 4.51299 7.82424 4.98799 7.53124 5.28099L3.81124 9.00099L7.53124 12.721C7.82424 13.014 7.82424 13.489 7.53124 13.782C7.38524 13.928 7.19324 14.002 7.00124 14.002L7.00024 14Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.ArrowLeftIcon = ArrowLeftIcon;
+//# sourceMappingURL=ArrowLeft.js.map
+//# sourceMappingURL=ArrowLeft.js.map

package/dist/icons/ArrowLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/ArrowLeft.tsx"],"names":["jsxs","jsx"],"mappings":";;;;AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACpE,EAAA,uBACEA,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,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,0IAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,0WAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"ArrowLeft.js","sourcesContent":["import { IconProps } from \"../Icon\";\n\nexport const ArrowLeftIcon = ({ className, size = 18 }: IconProps) => {\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    >\n      <path\n        d=\"M15.25 9.75H3C2.586 9.75 2.25 9.414 2.25 9C2.25 8.586 2.586 8.25 3 8.25H15.25C15.664 8.25 16 8.586 16 9C16 9.414 15.664 9.75 15.25 9.75Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.00024 14C6.80824 14 6.61624 13.927 6.47024 13.78L2.22024 9.52999C1.92724 9.23699 1.92724 8.76199 2.22024 8.46899L6.47024 4.21999C6.76324 3.92699 7.23824 3.92699 7.53124 4.21999C7.82424 4.51299 7.82424 4.98799 7.53124 5.28099L3.81124 9.00099L7.53124 12.721C7.82424 13.014 7.82424 13.489 7.53124 13.782C7.38524 13.928 7.19324 14.002 7.00124 14.002L7.00024 14Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/ArrowLeft.mjs

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const ArrowLeftIcon = ({ className, size = 18 }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      className,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15.25 9.75H3C2.586 9.75 2.25 9.414 2.25 9C2.25 8.586 2.586 8.25 3 8.25H15.25C15.664 8.25 16 8.586 16 9C16 9.414 15.664 9.75 15.25 9.75Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.00024 14C6.80824 14 6.61624 13.927 6.47024 13.78L2.22024 9.52999C1.92724 9.23699 1.92724 8.76199 2.22024 8.46899L6.47024 4.21999C6.76324 3.92699 7.23824 3.92699 7.53124 4.21999C7.82424 4.51299 7.82424 4.98799 7.53124 5.28099L3.81124 9.00099L7.53124 12.721C7.82424 13.014 7.82424 13.489 7.53124 13.782C7.38524 13.928 7.19324 14.002 7.00124 14.002L7.00024 14Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { ArrowLeftIcon };
+//# sourceMappingURL=ArrowLeft.mjs.map
+//# sourceMappingURL=ArrowLeft.mjs.map

package/dist/icons/ArrowLeft.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/ArrowLeft.tsx"],"names":[],"mappings":";;AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACpE,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,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,0IAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,0WAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"ArrowLeft.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\n\nexport const ArrowLeftIcon = ({ className, size = 18 }: IconProps) => {\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    >\n      <path\n        d=\"M15.25 9.75H3C2.586 9.75 2.25 9.414 2.25 9C2.25 8.586 2.586 8.25 3 8.25H15.25C15.664 8.25 16 8.586 16 9C16 9.414 15.664 9.75 15.25 9.75Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M7.00024 14C6.80824 14 6.61624 13.927 6.47024 13.78L2.22024 9.52999C1.92724 9.23699 1.92724 8.76199 2.22024 8.46899L6.47024 4.21999C6.76324 3.92699 7.23824 3.92699 7.53124 4.21999C7.82424 4.51299 7.82424 4.98799 7.53124 5.28099L3.81124 9.00099L7.53124 12.721C7.82424 13.014 7.82424 13.489 7.53124 13.782C7.38524 13.928 7.19324 14.002 7.00124 14.002L7.00024 14Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/ArrowRight.d.mts

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

package/dist/icons/ArrowRight.d.ts

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

package/dist/icons/ArrowRight.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const ArrowRightIcon = ({ className, size = 18 }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      className,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M15 9.75H2.75C2.336 9.75 2 9.414 2 9C2 8.586 2.336 8.25 2.75 8.25H15C15.414 8.25 15.75 8.586 15.75 9C15.75 9.414 15.414 9.75 15 9.75Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M11.0002 14C10.8082 14 10.6162 13.927 10.4702 13.78C10.1772 13.487 10.1772 13.012 10.4702 12.719L14.1902 8.99904L10.4702 5.27904C10.1772 4.98604 10.1772 4.51104 10.4702 4.21804C10.7632 3.92504 11.2382 3.92504 11.5312 4.21804L15.7812 8.46804C16.0742 8.76104 16.0742 9.23604 15.7812 9.52904L11.5312 13.779C11.3852 13.925 11.1932 13.999 11.0012 13.999L11.0002 14Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+
+exports.ArrowRightIcon = ArrowRightIcon;
+//# sourceMappingURL=ArrowRight.js.map
+//# sourceMappingURL=ArrowRight.js.map

package/dist/icons/ArrowRight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/ArrowRight.tsx"],"names":["jsxs","jsx"],"mappings":";;;;AAEO,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACrE,EAAA,uBACEA,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,MAEL,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,uIAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACAA,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,0WAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"ArrowRight.js","sourcesContent":["import { IconProps } from \"../Icon\";\n\nexport const ArrowRightIcon = ({ className, size = 18 }: IconProps) => {\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    >\n      <path\n        d=\"M15 9.75H2.75C2.336 9.75 2 9.414 2 9C2 8.586 2.336 8.25 2.75 8.25H15C15.414 8.25 15.75 8.586 15.75 9C15.75 9.414 15.414 9.75 15 9.75Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M11.0002 14C10.8082 14 10.6162 13.927 10.4702 13.78C10.1772 13.487 10.1772 13.012 10.4702 12.719L14.1902 8.99904L10.4702 5.27904C10.1772 4.98604 10.1772 4.51104 10.4702 4.21804C10.7632 3.92504 11.2382 3.92504 11.5312 4.21804L15.7812 8.46804C16.0742 8.76104 16.0742 9.23604 15.7812 9.52904L11.5312 13.779C11.3852 13.925 11.1932 13.999 11.0012 13.999L11.0002 14Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/ArrowRight.mjs

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const ArrowRightIcon = ({ className, size = 18 }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      className,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15 9.75H2.75C2.336 9.75 2 9.414 2 9C2 8.586 2.336 8.25 2.75 8.25H15C15.414 8.25 15.75 8.586 15.75 9C15.75 9.414 15.414 9.75 15 9.75Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.0002 14C10.8082 14 10.6162 13.927 10.4702 13.78C10.1772 13.487 10.1772 13.012 10.4702 12.719L14.1902 8.99904L10.4702 5.27904C10.1772 4.98604 10.1772 4.51104 10.4702 4.21804C10.7632 3.92504 11.2382 3.92504 11.5312 4.21804L15.7812 8.46804C16.0742 8.76104 16.0742 9.23604 15.7812 9.52904L11.5312 13.779C11.3852 13.925 11.1932 13.999 11.0012 13.999L11.0002 14Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { ArrowRightIcon };
+//# sourceMappingURL=ArrowRight.mjs.map
+//# sourceMappingURL=ArrowRight.mjs.map

package/dist/icons/ArrowRight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/icons/ArrowRight.tsx"],"names":[],"mappings":";;AAEO,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAG,KAAiB;AACrE,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,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,uIAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA,SACP;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,CAAA,EAAE,0WAAA;AAAA,YACF,IAAA,EAAK;AAAA;AAAA;AACP;AAAA;AAAA,GACF;AAEJ","file":"ArrowRight.mjs","sourcesContent":["import { IconProps } from \"../Icon\";\n\nexport const ArrowRightIcon = ({ className, size = 18 }: IconProps) => {\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    >\n      <path\n        d=\"M15 9.75H2.75C2.336 9.75 2 9.414 2 9C2 8.586 2.336 8.25 2.75 8.25H15C15.414 8.25 15.75 8.586 15.75 9C15.75 9.414 15.414 9.75 15 9.75Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M11.0002 14C10.8082 14 10.6162 13.927 10.4702 13.78C10.1772 13.487 10.1772 13.012 10.4702 12.719L14.1902 8.99904L10.4702 5.27904C10.1772 4.98604 10.1772 4.51104 10.4702 4.21804C10.7632 3.92504 11.2382 3.92504 11.5312 4.21804L15.7812 8.46804C16.0742 8.76104 16.0742 9.23604 15.7812 9.52904L11.5312 13.779C11.3852 13.925 11.1932 13.999 11.0012 13.999L11.0002 14Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n"]}

package/dist/icons/Assembly.d.mts

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

package/dist/icons/Assembly.d.ts

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