@blueshift-gg/ui-components 0.1.75 → 0.1.76

package/dist/Toast.d.ts

@@ -0,0 +1,28 @@
+import { IconName } from "./icons/index.js";
+import "./Icon.js";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/Toast.d.ts
+type ToastProps = {
+  className?: string;
+  title: string;
+  description: string;
+  icon: IconName;
+  variant: "success" | "error" | "info";
+  clearable?: boolean;
+};
+declare const Toast: ({
+  className,
+  title,
+  description,
+  icon,
+  variant,
+  clearable
+}: ToastProps) => react_jsx_runtime5.JSX.Element;
+declare const showToast: (props: Omit<ToastProps, "className">) => string | number;
+declare const showSuccessToast: (title: string, description: string) => string | number;
+declare const showErrorToast: (title: string, description: string) => string | number;
+declare const showInfoToast: (title: string, description: string) => string | number;
+//#endregion
+export { Toast, ToastProps, showErrorToast, showInfoToast, showSuccessToast, showToast };
+//# sourceMappingURL=Toast.d.ts.map

package/dist/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","names":[],"sources":["../src/Toast.tsx"],"sourcesContent":[],"mappings":";;;;;KAOY,UAAA;;;;EAAA,IAAA,EAIJ,QAJc;EAST,OAAA,EAmCZ,SAAA,GAAA,OAAA,GAAA,MAAA;EAnCqB,SAAA,CAAA,EAAA,OAAA;CAAA;AAAA,cAAT,KAAS,EAAA,CAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAOnB,UAPmB,EAAA,GAOT,kBAAA,CAAA,GAAA,CAAA,OAPS;AAAA,cAsCT,SAtCS,EAAA,CAAA,KAAA,EAsCW,IAtCX,CAsCgB,UAtChB,EAAA,WAAA,CAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAAA,cA6CT,gBA7CS,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAAA,cAsDT,cAtDS,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA;AAOnB,cAwDU,aAxDV,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,GAAA,MAAA,GAAA,MAAA"}

package/dist/Toast.js

@@ -0,0 +1,76 @@
+"use client";
+
+import { Icon } from "./Icon.js";
+import { CrosshairCorners } from "./CrossHair.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toast } from "sonner";
+
+//#region src/Toast.tsx
+const Toast = ({ className, title, description, icon, variant, clearable }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames("px-0 pb-4 pt-3 w-[calc(100dvw-32px)] xs:w-[300px] flex flex-col gap-y-2.5 bg-card-foreground gradient-border before:bg-card-border", variant === "success" && "text-state-success", variant === "error" && "text-state-error", variant === "info" && "text-shade-secondary", className),
+		children: [
+			/* @__PURE__ */ jsx("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent" }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "px-3 py-2 bg-current/5 border border-current/15 flex items-center gap-x-2.5 relative",
+				children: [
+					/* @__PURE__ */ jsx(CrosshairCorners, {
+						animationDelay: 0,
+						animationDuration: .5,
+						variant: "bordered",
+						size: 4,
+						spacingX: 1
+					}),
+					/* @__PURE__ */ jsx(Icon, {
+						name: icon,
+						className: "flex-shrink-0 text-current",
+						size: 16
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "font-mono text-sm",
+						children: title
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm leading-[160%] font-medium text-shade-primary px-4",
+				children: description
+			})
+		]
+	});
+};
+const showToast = (props) => {
+	return toast.custom((t) => /* @__PURE__ */ jsx(Toast, { ...props }), {
+		duration: 4e3,
+		unstyled: true
+	});
+};
+const showSuccessToast = (title, description) => {
+	return showToast({
+		title,
+		description,
+		icon: "SuccessCircle",
+		variant: "success"
+	});
+};
+const showErrorToast = (title, description) => {
+	return showToast({
+		title,
+		description,
+		icon: "Error",
+		variant: "error"
+	});
+};
+const showInfoToast = (title, description) => {
+	return showToast({
+		title,
+		description,
+		icon: "Loading",
+		variant: "info"
+	});
+};
+
+//#endregion
+export { Toast, showErrorToast, showInfoToast, showSuccessToast, showToast };
+//# sourceMappingURL=Toast.js.map

package/dist/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":[],"sources":["../src/Toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Icon, IconName } from \"./Icon\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { toast } from \"sonner\";\n\nexport type ToastProps = {\n  className?: string;\n  title: string;\n  description: string;\n  icon: IconName;\n  variant: \"success\" | \"error\" | \"info\";\n  clearable?: boolean;\n};\n\nexport const Toast = ({\n  className,\n  title,\n  description,\n  icon,\n  variant,\n  clearable,\n}: ToastProps) => {\n  return (\n    <div\n      className={classNames(\n        \"px-0 pb-4 pt-3 w-[calc(100dvw-32px)] xs:w-[300px] flex flex-col gap-y-2.5 bg-card-foreground gradient-border before:bg-card-border\",\n        variant === \"success\" && \"text-state-success\",\n        variant === \"error\" && \"text-state-error\",\n        variant === \"info\" && \"text-shade-secondary\",\n        className\n      )}\n    >\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent\"></div>\n      <div className=\"px-3 py-2 bg-current/5 border border-current/15 flex items-center gap-x-2.5 relative\">\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={4}\n          spacingX={1}\n        />\n        <Icon name={icon} className=\"flex-shrink-0 text-current\" size={16} />\n        <span className=\"font-mono text-sm\">{title}</span>\n      </div>\n      <p className=\"text-sm leading-[160%] font-medium text-shade-primary px-4\">\n        {description}\n      </p>\n    </div>\n  );\n};\n\n// Sonner integration helpers\nexport const showToast = (props: Omit<ToastProps, \"className\">) => {\n  return toast.custom((t) => <Toast {...props} />, {\n    duration: 4000,\n    unstyled: true,\n  });\n};\n\nexport const showSuccessToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"SuccessCircle\",\n    variant: \"success\",\n  });\n};\n\nexport const showErrorToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"Error\",\n    variant: \"error\",\n  });\n};\n\nexport const showInfoToast = (title: string, description: string) => {\n  return showToast({\n    title,\n    description,\n    icon: \"Loading\",\n    variant: \"info\",\n  });\n};\n"],"mappings":";;;;;;;;;AAgBA,MAAa,SAAS,EACpB,WACA,OACA,aACA,MACA,SACA,gBACgB;AAChB,QACE,qBAAC;EACC,WAAW,WACT,sIACA,YAAY,aAAa,sBACzB,YAAY,WAAW,oBACvB,YAAY,UAAU,wBACtB,UACD;;GAED,oBAAC,SAAI,WAAU,oFAAwF;GACvG,qBAAC;IAAI,WAAU;;KACb,oBAAC;MACC,gBAAgB;MAChB,mBAAmB;MACnB,SAAQ;MACR,MAAM;MACN,UAAU;OACV;KACF,oBAAC;MAAK,MAAM;MAAM,WAAU;MAA6B,MAAM;OAAM;KACrE,oBAAC;MAAK,WAAU;gBAAqB;OAAa;;KAC9C;GACN,oBAAC;IAAE,WAAU;cACV;KACC;;GACA;;AAKV,MAAa,aAAa,UAAyC;AACjE,QAAO,MAAM,QAAQ,MAAM,oBAAC,SAAM,GAAI,QAAS,EAAE;EAC/C,UAAU;EACV,UAAU;EACX,CAAC;;AAGJ,MAAa,oBAAoB,OAAe,gBAAwB;AACtE,QAAO,UAAU;EACf;EACA;EACA,MAAM;EACN,SAAS;EACV,CAAC;;AAGJ,MAAa,kBAAkB,OAAe,gBAAwB;AACpE,QAAO,UAAU;EACf;EACA;EACA,MAAM;EACN,SAAS;EACV,CAAC;;AAGJ,MAAa,iBAAiB,OAAe,gBAAwB;AACnE,QAAO,UAAU;EACf;EACA;EACA,MAAM;EACN,SAAS;EACV,CAAC"}

package/dist/Tooltip.d.ts

@@ -0,0 +1,23 @@
+import { CrosshairCornersProps } from "./CrossHair.js";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+
+//#region src/Tooltip.d.ts
+type TooltipProps = {
+  description: string;
+  isOpen?: boolean;
+  position: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "center-left" | "center-right";
+  crosshairProps?: CrosshairCornersProps;
+  className?: string;
+  useDelay?: boolean;
+};
+declare const Tooltip: ({
+  description,
+  position,
+  isOpen,
+  className,
+  useDelay,
+  crosshairProps
+}: TooltipProps) => react_jsx_runtime37.JSX.Element;
+//#endregion
+export { Tooltip, TooltipProps };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","names":[],"sources":["../src/Tooltip.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,YAAA;;;EAAA,QAAA,EAAA,UAAY,GAAA,YAYL,GAAA,WAAqB,GAAA,aAAA,GAAA,eAAA,GAAA,cAAA,GAAA,aAAA,GAAA,cAAA;EAK3B,cAgFZ,CAAA,EArFkB,qBAqFlB;EAhFuB,SAAA,CAAA,EAAA,MAAA;EAAA,QAAA,CAAA,EAAA,OAAA;CAAA;AAAA,cAAX,OAAW,EAAA,CAAA;EAAA,WAAA;EAAA,QAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EASnB,YATmB,EAAA,GASP,mBAAA,CAAA,GAAA,CAAA,OATO"}

package/dist/Tooltip.js

@@ -0,0 +1,147 @@
+"use client";
+
+import { CrosshairCorners } from "./CrossHair.js";
+import { crisp } from "./utils/easings.js";
+import { AnimatePresence, motion } from "motion/react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Tooltip.tsx
+const Tooltip = ({ description, position, isOpen, className, useDelay = true, crosshairProps = {
+	size: 4,
+	variant: "corners",
+	className: "text-shade-mute",
+	animationDelay: .15,
+	animationDuration: .75,
+	corners: position === "top-left" || position === "bottom-right" ? ["bottom-left", "top-right"] : ["bottom-right", "top-left"]
+} }) => {
+	const getPositionBasedAnimation = (position$1) => {
+		const baseAnimation = {
+			animate: {
+				opacity: 1,
+				y: 0,
+				x: 0,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .9
+			},
+			transition: {
+				duration: useDelay ? .15 : .1,
+				ease: crisp,
+				delay: useDelay ? .15 : 0
+			}
+		};
+		if (position$1.startsWith("bottom")) return {
+			...baseAnimation,
+			initial: {
+				opacity: 0,
+				y: -10,
+				scale: .9
+			},
+			exit: {
+				...baseAnimation.exit,
+				y: -10
+			}
+		};
+		else if (position$1.startsWith("top")) return {
+			...baseAnimation,
+			initial: {
+				opacity: 0,
+				y: 10,
+				scale: .9
+			},
+			exit: {
+				...baseAnimation.exit,
+				y: 10
+			}
+		};
+		else if (position$1.startsWith("center-left")) return {
+			...baseAnimation,
+			initial: {
+				opacity: 0,
+				x: 10,
+				scale: .9
+			},
+			exit: {
+				...baseAnimation.exit,
+				x: 10
+			}
+		};
+		else if (position$1.startsWith("center-right")) return {
+			...baseAnimation,
+			initial: {
+				opacity: 0,
+				x: -10,
+				scale: .9
+			},
+			exit: {
+				...baseAnimation.exit,
+				x: -10
+			}
+		};
+		return {
+			...baseAnimation,
+			initial: {
+				opacity: 0,
+				y: -10,
+				scale: .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), className),
+		style: { transformOrigin: getTransformOrigin(position) },
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0.5",
+			children: /* @__PURE__ */ jsx(CrosshairCorners, { ...crosshairProps })
+		}), 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%)]";
+	}
+};
+
+//#endregion
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["position"],"sources":["../src/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { crisp, swift } from \"./utils/easings\";\nimport { CrosshairCorners, CrosshairCornersProps } 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  crosshairProps?: CrosshairCornersProps;\n  className?: string;\n  useDelay?: boolean;\n};\n\nexport const Tooltip = ({ description, position, isOpen, className, useDelay = true, crosshairProps = {\n  size: 4,\n  variant: \"corners\",\n  className: \"text-shade-mute\",\n  animationDelay: 0.15,\n  animationDuration: 0.75,\n  corners: position === \"top-left\" || position === \"bottom-right\"\n    ? [\"bottom-left\", \"top-right\"]\n    : [\"bottom-right\", \"top-left\"]\n} }: 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: useDelay ? 0.15 : 0.1, ease: crisp, delay: useDelay ? 0.15 : 0 },\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            className\n          )}\n          style={{ transformOrigin: getTransformOrigin(position) }}\n        >\n          <div className=\"absolute inset-0.5\">\n            <CrosshairCorners\n              {...crosshairProps}\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"],"mappings":";;;;;;;;;AAwBA,MAAa,WAAW,EAAE,aAAa,UAAU,QAAQ,WAAW,WAAW,MAAM,iBAAiB;CACpG,MAAM;CACN,SAAS;CACT,WAAW;CACX,gBAAgB;CAChB,mBAAmB;CACnB,SAAS,aAAa,cAAc,aAAa,iBAC7C,CAAC,eAAe,YAAY,GAC5B,CAAC,gBAAgB,WAAW;CACjC,OAAqB;CACpB,MAAM,6BAA6B,eAAuC;EACxE,MAAM,gBAAgB;GACpB,SAAS;IAAE,SAAS;IAAG,GAAG;IAAG,GAAG;IAAG,OAAO;IAAG;GAC7C,MAAM;IAAE,SAAS;IAAG,OAAO;IAAK;GAChC,YAAY;IAAE,UAAU,WAAW,MAAO;IAAK,MAAM;IAAO,OAAO,WAAW,MAAO;IAAG;GACzF;AAED,MAAIA,WAAS,WAAW,SAAS,CAC/B,QAAO;GACL,GAAG;GACH,SAAS;IAAE,SAAS;IAAG,GAAG;IAAK,OAAO;IAAK;GAC3C,MAAM;IAAE,GAAG,cAAc;IAAM,GAAG;IAAK;GACxC;WACQA,WAAS,WAAW,MAAM,CACnC,QAAO;GACL,GAAG;GACH,SAAS;IAAE,SAAS;IAAG,GAAG;IAAI,OAAO;IAAK;GAC1C,MAAM;IAAE,GAAG,cAAc;IAAM,GAAG;IAAI;GACvC;WACQA,WAAS,WAAW,cAAc,CAC3C,QAAO;GACL,GAAG;GACH,SAAS;IAAE,SAAS;IAAG,GAAG;IAAI,OAAO;IAAK;GAC1C,MAAM;IAAE,GAAG,cAAc;IAAM,GAAG;IAAI;GACvC;WACQA,WAAS,WAAW,eAAe,CAC5C,QAAO;GACL,GAAG;GACH,SAAS;IAAE,SAAS;IAAG,GAAG;IAAK,OAAO;IAAK;GAC3C,MAAM;IAAE,GAAG,cAAc;IAAM,GAAG;IAAK;GACxC;AAIH,SAAO;GACL,GAAG;GACH,SAAS;IAAE,SAAS;IAAG,GAAG;IAAK,OAAO;IAAK;GAC3C,MAAM;IAAE,GAAG,cAAc;IAAM,GAAG;IAAK;GACxC;;CAGH,MAAM,aAAa,0BAA0B,SAAS;AAEtD,QACE,oBAAC,6BACE,UACC,qBAAC,OAAO;EAEN,GAAI;EACJ,WAAW,WACT,mKACA,kCACA,CAAC,SAAS,WAAW,SAAS,IAAI,kCAClC,SAAS,WAAW,SAAS,IAAI,kCACjC,mBAAmB,SAAS,EAC5B,iBAAiB,SAAS,EAC1B,UACD;EACD,OAAO,EAAE,iBAAiB,mBAAmB,SAAS,EAAE;aAExD,oBAAC;GAAI,WAAU;aACb,oBAAC,oBACC,GAAI,iBACJ;IACE,EACL;IAlBI,SAmBM,GAEC;;AAItB,MAAM,sBAAsB,aAAuC;AACjE,SAAQ,UAAR;EACE,KAAK,YACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,eACH,QAAO;EACT,KAAK,gBACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,eACH,QAAO;;;AAIb,MAAM,sBAAsB,aAAuC;AACjE,SAAQ,UAAR;EACE,KAAK,eACH,QAAO;EACT,KAAK,gBACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,eACH,QAAO;;;AAIb,MAAM,oBAAoB,aAAuC;AAC/D,SAAQ,UAAR;EACE,KAAK,eACH,QAAO;EACT,KAAK,gBACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,eACH,QAAO;EACT,KAAK,cACH,QAAO"}

package/dist/fonts/CommitMono-Regular.js

@@ -0,0 +1,6 @@
+//#region src/fonts/CommitMono-Regular.woff2
+var CommitMono_Regular_default = "assets/CommitMono-Regular-CO8xzcA8.woff2";
+
+//#endregion
+export { CommitMono_Regular_default as default };
+//# sourceMappingURL=CommitMono-Regular.js.map

package/dist/fonts/CommitMono-Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommitMono-Regular.js","names":[],"sources":["../../src/fonts/CommitMono-Regular.woff2"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";iCAAA,0CAAA"}

package/dist/fonts/MONTECHV02-Medium.js

@@ -0,0 +1,6 @@
+//#region src/fonts/MONTECHV02-Medium.woff2
+var MONTECHV02_Medium_default = "assets/MONTECHV02-Medium-sFbAcPHg.woff2";
+
+//#endregion
+export { MONTECHV02_Medium_default as default };
+//# sourceMappingURL=MONTECHV02-Medium.js.map

package/dist/fonts/MONTECHV02-Medium.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MONTECHV02-Medium.js","names":[],"sources":["../../src/fonts/MONTECHV02-Medium.woff2"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";gCAAA,yCAAA"}

package/dist/fonts/Switzer-Regular.js

@@ -0,0 +1,6 @@
+//#region src/fonts/Switzer-Regular.woff2
+var Switzer_Regular_default = "assets/Switzer-Regular-T9RxCVNS.woff2";
+
+//#endregion
+export { Switzer_Regular_default as default };
+//# sourceMappingURL=Switzer-Regular.js.map

package/dist/fonts/Switzer-Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switzer-Regular.js","names":[],"sources":["../../src/fonts/Switzer-Regular.woff2"],"sourcesContent":["__ROLLDOWN_ASSET_FILENAME__"],"mappings":";8BAAA,uCAAA"}

package/dist/icons/Add.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from "../Icon.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/icons/Add.d.ts
+declare const AddIcon: ({
+  className,
+  size
+}: IconProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+export { AddIcon };
+//# sourceMappingURL=Add.d.ts.map

package/dist/icons/Add.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Add.d.ts","names":[],"sources":["../../src/icons/Add.tsx"],"sourcesContent":[],"mappings":";;;;cAGa;;;GAAqC,cAAS,kBAAA,CAAA,GAAA,CAAA"}

package/dist/icons/Add.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/icons/Add.tsx
+const AddIcon = ({ 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: "M12.25 9.75C12.664 9.75 13 9.414 13 9C13 8.586 12.664 8.25 12.25 8.25H9.75V5.75C9.75 5.336 9.414 5 9 5C8.586 5 8.25 5.336 8.25 5.75V8.25H5.75C5.336 8.25 5 8.586 5 9C5 9.414 5.336 9.75 5.75 9.75H8.25V12.25C8.25 12.664 8.586 13 9 13C9.414 13 9.75 12.664 9.75 12.25V9.75H12.25Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M2.75 7.5C3.164 7.5 3.5 7.164 3.5 6.75V4.75C3.5 4.061 4.061 3.5 4.75 3.5H6.75C7.164 3.5 7.5 3.164 7.5 2.75C7.5 2.336 7.164 2 6.75 2H4.75C3.233 2 2 3.233 2 4.75V6.75C2 7.164 2.336 7.5 2.75 7.5Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M13.25 2H11.25C10.836 2 10.5 2.336 10.5 2.75C10.5 3.164 10.836 3.5 11.25 3.5H13.25C13.939 3.5 14.5 4.061 14.5 4.75V6.75C14.5 7.164 14.836 7.5 15.25 7.5C15.664 7.5 16 7.164 16 6.75V4.75C16 3.233 14.767 2 13.25 2Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M15.25 10.5C14.836 10.5 14.5 10.836 14.5 11.25V13.25C14.5 13.939 13.939 14.5 13.25 14.5H11.25C10.836 14.5 10.5 14.836 10.5 15.25C10.5 15.664 10.836 16 11.25 16H13.25C14.767 16 16 14.767 16 13.25V11.25C16 10.836 15.664 10.5 15.25 10.5Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M6.75 14.5H4.75C4.061 14.5 3.5 13.939 3.5 13.25V11.25C3.5 10.836 3.164 10.5 2.75 10.5C2.336 10.5 2 10.836 2 11.25V13.25C2 14.767 3.233 16 4.75 16H6.75C7.164 16 7.5 15.664 7.5 15.25C7.5 14.836 7.164 14.5 6.75 14.5Z",
+				fill: "currentColor"
+			})
+		]
+	});
+};
+
+//#endregion
+export { AddIcon };
+//# sourceMappingURL=Add.js.map

package/dist/icons/Add.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Add.js","names":[],"sources":["../../src/icons/Add.tsx"],"sourcesContent":["\nimport { IconProps } from \"../Icon\";\n\nexport const AddIcon = ({ 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 d=\"M12.25 9.75C12.664 9.75 13 9.414 13 9C13 8.586 12.664 8.25 12.25 8.25H9.75V5.75C9.75 5.336 9.414 5 9 5C8.586 5 8.25 5.336 8.25 5.75V8.25H5.75C5.336 8.25 5 8.586 5 9C5 9.414 5.336 9.75 5.75 9.75H8.25V12.25C8.25 12.664 8.586 13 9 13C9.414 13 9.75 12.664 9.75 12.25V9.75H12.25Z\" fill=\"currentColor\"/>\n      <path d=\"M2.75 7.5C3.164 7.5 3.5 7.164 3.5 6.75V4.75C3.5 4.061 4.061 3.5 4.75 3.5H6.75C7.164 3.5 7.5 3.164 7.5 2.75C7.5 2.336 7.164 2 6.75 2H4.75C3.233 2 2 3.233 2 4.75V6.75C2 7.164 2.336 7.5 2.75 7.5Z\" fill=\"currentColor\"/>\n      <path d=\"M13.25 2H11.25C10.836 2 10.5 2.336 10.5 2.75C10.5 3.164 10.836 3.5 11.25 3.5H13.25C13.939 3.5 14.5 4.061 14.5 4.75V6.75C14.5 7.164 14.836 7.5 15.25 7.5C15.664 7.5 16 7.164 16 6.75V4.75C16 3.233 14.767 2 13.25 2Z\" fill=\"currentColor\"/>\n      <path d=\"M15.25 10.5C14.836 10.5 14.5 10.836 14.5 11.25V13.25C14.5 13.939 13.939 14.5 13.25 14.5H11.25C10.836 14.5 10.5 14.836 10.5 15.25C10.5 15.664 10.836 16 11.25 16H13.25C14.767 16 16 14.767 16 13.25V11.25C16 10.836 15.664 10.5 15.25 10.5Z\" fill=\"currentColor\"/>\n      <path d=\"M6.75 14.5H4.75C4.061 14.5 3.5 13.939 3.5 13.25V11.25C3.5 10.836 3.164 10.5 2.75 10.5C2.336 10.5 2 10.836 2 11.25V13.25C2 14.767 3.233 16 4.75 16H6.75C7.164 16 7.5 15.664 7.5 15.25C7.5 14.836 7.164 14.5 6.75 14.5Z\" fill=\"currentColor\"/>\n    </svg>\n  );\n};\n\n"],"mappings":";;;AAGA,MAAa,WAAW,EAAE,WAAW,OAAO,SAAoB;AAC9D,QACE,qBAAC;EACC,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACG;EACX,MAAK;;GAEL,oBAAC;IAAK,GAAE;IAAqR,MAAK;KAAgB;GAClT,oBAAC;IAAK,GAAE;IAAmM,MAAK;KAAgB;GAChO,oBAAC;IAAK,GAAE;IAAsN,MAAK;KAAgB;GACnP,oBAAC;IAAK,GAAE;IAA6O,MAAK;KAAgB;GAC1Q,oBAAC;IAAK,GAAE;IAAwN,MAAK;KAAgB;;GACjP"}

package/dist/icons/Anchor.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from "../Icon.js";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/icons/Anchor.d.ts
+declare const AnchorIcon: ({
+  className,
+  size
+}: IconProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { AnchorIcon };
+//# sourceMappingURL=Anchor.d.ts.map

package/dist/icons/Anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.d.ts","names":[],"sources":["../../src/icons/Anchor.tsx"],"sourcesContent":[],"mappings":";;;;cAIa;;;GAAwC,cAAS,kBAAA,CAAA,GAAA,CAAA"}

package/dist/icons/Anchor.js

@@ -0,0 +1,63 @@
+import { BRAND_COLOURS } from "../utils/colours.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/icons/Anchor.tsx
+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"
+			})
+		]
+	});
+};
+
+//#endregion
+export { AnchorIcon };
+//# sourceMappingURL=Anchor.js.map

package/dist/icons/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","names":[],"sources":["../../src/icons/Anchor.tsx"],"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"],"mappings":";;;;;AAIA,MAAa,cAAc,EAAE,WAAW,OAAO,SAAoB;CACjE,MAAM,SAAS,cAAc;AAC7B,QACE,qBAAC;EACC,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACR,WAAW,WAAW,UAAU;EAChC,OAAO,EAAE,OAAO,QAAQ;EACxB,MAAK;;GAEL,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAK,GAAE;IAAuC,MAAK;KAAiB;GACrE,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAK,GAAE;IAAuC,MAAK;KAAiB;GACrE,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;;GACE"}

package/dist/icons/ArrowLeft.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from "../Icon.js";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
+
+//#region src/icons/ArrowLeft.d.ts
+declare const ArrowLeftIcon: ({
+  className,
+  size
+}: IconProps) => react_jsx_runtime62.JSX.Element;
+//#endregion
+export { ArrowLeftIcon };
+//# sourceMappingURL=ArrowLeft.d.ts.map

package/dist/icons/ArrowLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeft.d.ts","names":[],"sources":["../../src/icons/ArrowLeft.tsx"],"sourcesContent":[],"mappings":";;;;cAEa;;;GAA2C,cAAS,mBAAA,CAAA,GAAA,CAAA"}

package/dist/icons/ArrowLeft.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/icons/ArrowLeft.tsx
+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"
+		})]
+	});
+};
+
+//#endregion
+export { ArrowLeftIcon };
+//# sourceMappingURL=ArrowLeft.js.map

package/dist/icons/ArrowLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowLeft.js","names":[],"sources":["../../src/icons/ArrowLeft.tsx"],"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"],"mappings":";;;AAEA,MAAa,iBAAiB,EAAE,WAAW,OAAO,SAAoB;AACpE,QACE,qBAAC;EACC,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACG;EACX,MAAK;aAEL,oBAAC;GACC,GAAE;GACF,MAAK;IACL,EACF,oBAAC;GACC,GAAE;GACF,MAAK;IACL;GACE"}

package/dist/icons/ArrowRight.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from "../Icon.js";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/icons/ArrowRight.d.ts
+declare const ArrowRightIcon: ({
+  className,
+  size
+}: IconProps) => react_jsx_runtime18.JSX.Element;
+//#endregion
+export { ArrowRightIcon };
+//# sourceMappingURL=ArrowRight.d.ts.map

package/dist/icons/ArrowRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRight.d.ts","names":[],"sources":["../../src/icons/ArrowRight.tsx"],"sourcesContent":[],"mappings":";;;;cAEa;;;GAA4C,cAAS,mBAAA,CAAA,GAAA,CAAA"}

package/dist/icons/ArrowRight.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/icons/ArrowRight.tsx
+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"
+		})]
+	});
+};
+
+//#endregion
+export { ArrowRightIcon };
+//# sourceMappingURL=ArrowRight.js.map

package/dist/icons/ArrowRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowRight.js","names":[],"sources":["../../src/icons/ArrowRight.tsx"],"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"],"mappings":";;;AAEA,MAAa,kBAAkB,EAAE,WAAW,OAAO,SAAoB;AACrE,QACE,qBAAC;EACC,OAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAQ;EACG;EACX,MAAK;aAEL,oBAAC;GACC,GAAE;GACF,MAAK;IACL,EACF,oBAAC;GACC,GAAE;GACF,MAAK;IACL;GACE"}

package/dist/icons/Assembly.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from "../Icon.js";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+
+//#region src/icons/Assembly.d.ts
+declare const AssemblyIcon: ({
+  className,
+  size
+}: IconProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+export { AssemblyIcon };
+//# sourceMappingURL=Assembly.d.ts.map

package/dist/icons/Assembly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Assembly.d.ts","names":[],"sources":["../../src/icons/Assembly.tsx"],"sourcesContent":[],"mappings":";;;;cAIa;;;GAA0C,cAAS,mBAAA,CAAA,GAAA,CAAA"}