@fanvue/ui 2.10.1 → 2.11.0

package/dist/components/Icons/AlertIcon.mjs

@@ -1,26 +1,55 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../utils/cn.mjs";
-const AlertIcon = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        ref,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        "aria-hidden": "true",
-        className: cn("size-6", className),
-        ...props,
-        children: /* @__PURE__ */ jsxs("g", { fill: "currentColor", children: [
-          /* @__PURE__ */ jsx("path", { d: "M12 14.75c-.41 0-.75-.34-.75-.75V9c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75M12 18c-.06 0-.13-.01-.2-.02a.6.6 0 0 1-.18-.06.8.8 0 0 1-.18-.09l-.15-.12c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71l.15-.12q.09-.06.18-.09.09-.045.18-.06c.13-.03.27-.03.39 0 .07.01.13.03.19.06q.09.03.18.09l.15.12c.18.19.29.45.29.71s-.11.52-.29.71l-.15.12q-.09.06-.18.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02" }),
-          /* @__PURE__ */ jsx("path", { d: "M18.06 22.16H5.94c-1.95 0-3.44-.71-4.2-1.99-.75-1.28-.65-2.93.3-4.64L8.1 4.63c1-1.8 2.38-2.79 3.9-2.79s2.9.99 3.9 2.79l6.06 10.91c.95 1.71 1.06 3.35.3 4.64-.76 1.27-2.25 1.98-4.2 1.98M12 3.34c-.94 0-1.86.72-2.59 2.02L3.36 16.27c-.68 1.22-.79 2.34-.32 3.15s1.51 1.25 2.91 1.25h12.12c1.4 0 2.43-.44 2.91-1.25s.36-1.92-.32-3.15L14.59 5.36c-.73-1.3-1.65-2.02-2.59-2.02" })
-        ] })
+import { BaseIcon } from "./BaseIcon.mjs";
+const VARIANTS = {
+  16: {
+    outlined: [
+      {
+        d: "M8 9.833a.504.504 0 0 1-.5-.5V6c0-.273.227-.5.5-.5s.5.227.5.5v3.333c0 .274-.227.5-.5.5M8 12a1 1 0 0 1-.133-.013.4.4 0 0 1-.12-.04.5.5 0 0 1-.12-.06l-.1-.08a.7.7 0 0 1-.194-.473c0-.174.074-.347.194-.474l.1-.08a.5.5 0 0 1 .12-.06q.06-.03.12-.04a.6.6 0 0 1 .26 0q.068.01.126.04a.5.5 0 0 1 .12.06l.1.08c.12.127.194.3.194.474a.7.7 0 0 1-.194.473l-.1.08a.5.5 0 0 1-.12.06.4.4 0 0 1-.126.04A1 1 0 0 1 8 12"
+      },
+      {
+        d: "M12.04 14.773H3.96c-1.3 0-2.293-.473-2.8-1.326-.5-.854-.433-1.954.2-3.094L5.4 3.087c.667-1.2 1.587-1.86 2.6-1.86s1.933.66 2.6 1.86l4.04 7.273c.633 1.14.707 2.233.2 3.093-.507.847-1.5 1.32-2.8 1.32M8 2.227c-.627 0-1.24.48-1.727 1.346L2.24 10.847c-.453.813-.527 1.56-.213 2.1.313.54 1.006.833 1.94.833h8.08c.933 0 1.62-.293 1.94-.833s.24-1.28-.214-2.1L9.727 3.573C9.24 2.707 8.627 2.227 8 2.227"
+      }
+    ],
+    filled: [
+      {
+        d: "m14.507 10.613-4.267-7.68C9.667 1.9 8.873 1.333 8 1.333s-1.667.567-2.24 1.6l-4.267 7.68c-.54.98-.6 1.92-.166 2.66s1.286 1.147 2.406 1.147h8.534c1.12 0 1.973-.407 2.406-1.147s.374-1.686-.166-2.66M7.5 6c0-.273.227-.5.5-.5s.5.227.5.5v3.333c0 .274-.227.5-.5.5a.504.504 0 0 1-.5-.5zm.973 5.807-.1.08a.5.5 0 0 1-.12.06.4.4 0 0 1-.126.04A1 1 0 0 1 8 12c-.04 0-.087-.007-.133-.013a.4.4 0 0 1-.12-.04.5.5 0 0 1-.12-.06l-.1-.08a.7.7 0 0 1-.194-.474c0-.173.074-.346.194-.473l.1-.08a.5.5 0 0 1 .12-.06q.06-.03.12-.04a.6.6 0 0 1 .26 0q.067.01.126.04.06.02.12.06l.1.08c.12.127.194.3.194.473a.7.7 0 0 1-.194.474"
       }
-    );
+    ]
+  },
+  24: {
+    outlined: [
+      {
+        d: "M12 14.75c-.41 0-.75-.34-.75-.75V9c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75M12 18c-.06 0-.13-.01-.2-.02a.6.6 0 0 1-.18-.06.8.8 0 0 1-.18-.09l-.15-.12c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71l.15-.12q.09-.06.18-.09.09-.045.18-.06c.13-.03.27-.03.39 0 .07.01.13.03.19.06q.09.03.18.09l.15.12c.18.19.29.45.29.71s-.11.52-.29.71l-.15.12q-.09.06-.18.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02"
+      },
+      {
+        d: "M18.06 22.16H5.94c-1.95 0-3.44-.71-4.2-1.99-.75-1.28-.65-2.93.3-4.64L8.1 4.63c1-1.8 2.38-2.79 3.9-2.79s2.9.99 3.9 2.79l6.06 10.91c.95 1.71 1.06 3.35.3 4.64-.76 1.27-2.25 1.98-4.2 1.98M12 3.34c-.94 0-1.86.72-2.59 2.02L3.36 16.27c-.68 1.22-.79 2.34-.32 3.15s1.51 1.25 2.91 1.25h12.12c1.4 0 2.43-.44 2.91-1.25s.36-1.92-.32-3.15L14.59 5.36c-.73-1.3-1.65-2.02-2.59-2.02"
+      }
+    ],
+    filled: [
+      {
+        d: "M21.76 15.92 15.36 4.4C14.5 2.85 13.31 2 12 2s-2.5.85-3.36 2.4l-6.4 11.52c-.81 1.47-.9 2.88-.25 3.99s1.93 1.72 3.61 1.72h12.8c1.68 0 2.96-.61 3.61-1.72s.56-2.53-.25-3.99M11.25 9c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75s-.75-.34-.75-.75zm1.46 8.71-.15.12q-.09.06-.18.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02s-.13-.01-.2-.02a.6.6 0 0 1-.18-.06.8.8 0 0 1-.18-.09l-.15-.12c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71l.15-.12q.09-.06.18-.09.09-.045.18-.06c.13-.03.27-.03.39 0 .07.01.13.03.19.06q.09.03.18.09l.15.12c.18.19.29.45.29.71s-.11.52-.29.71"
+      }
+    ]
+  },
+  32: {
+    outlined: [
+      {
+        d: "M16 19.667c-.547 0-1-.454-1-1V12c0-.547.453-1 1-1s1 .453 1 1v6.667c0 .546-.453 1-1 1M16 24c-.08 0-.173-.013-.267-.026a1 1 0 0 1-.24-.08 1 1 0 0 1-.24-.12l-.2-.16a1.4 1.4 0 0 1-.386-.947 1.4 1.4 0 0 1 .386-.946l.2-.16q.12-.081.24-.12.12-.06.24-.08c.174-.04.36-.04.52 0 .094.013.174.04.254.08q.12.039.24.12l.2.16c.24.253.386.6.386.946a1.4 1.4 0 0 1-.386.947l-.2.16q-.12.08-.24.12a.8.8 0 0 1-.254.08c-.08.013-.173.027-.253.027"
+      },
+      {
+        d: "M24.08 29.546H7.92c-2.6 0-4.587-.946-5.6-2.653-1-1.707-.867-3.907.4-6.187L10.8 6.173c1.333-2.4 3.173-3.72 5.2-3.72s3.867 1.32 5.2 3.72l8.08 14.547c1.267 2.28 1.413 4.466.4 6.186-1.013 1.694-3 2.64-5.6 2.64M16 4.453c-1.253 0-2.48.96-3.453 2.693L4.48 21.693c-.907 1.627-1.053 3.12-.427 4.2.627 1.08 2.014 1.667 3.88 1.667h16.16c1.867 0 3.24-.587 3.88-1.667s.48-2.56-.426-4.2L19.453 7.146c-.973-1.733-2.2-2.693-3.453-2.693"
+      }
+    ],
+    filled: [
+      {
+        d: "M29.013 21.227 20.48 5.867c-1.147-2.067-2.733-3.2-4.48-3.2s-3.333 1.133-4.48 3.2l-8.533 15.36c-1.08 1.96-1.2 3.84-.334 5.32.867 1.48 2.574 2.293 4.814 2.293h17.066c2.24 0 3.947-.813 4.814-2.293.866-1.48.746-3.374-.334-5.32M15 12c0-.547.453-1 1-1s1 .453 1 1v6.667c0 .546-.453 1-1 1s-1-.454-1-1zm1.947 11.613-.2.16q-.12.081-.24.12a.8.8 0 0 1-.254.08c-.08.014-.173.027-.253.027s-.173-.013-.267-.027a1 1 0 0 1-.24-.08 1 1 0 0 1-.24-.12l-.2-.16a1.4 1.4 0 0 1-.386-.946 1.4 1.4 0 0 1 .386-.947l.2-.16q.12-.08.24-.12.12-.06.24-.08c.174-.04.36-.04.52 0 .094.013.174.04.254.08q.12.04.24.12l.2.16c.24.253.386.6.386.947a1.4 1.4 0 0 1-.386.946"
+      }
+    ]
   }
-);
+};
+const AlertIcon = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseIcon, { ref, variants: VARIANTS, ...props }));
 AlertIcon.displayName = "AlertIcon";
 export {
   AlertIcon

package/dist/components/Icons/AlertIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AlertIcon.mjs","sources":["../../../src/components/Icons/AlertIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const AlertIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <svg\n        ref={ref}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className={cn(\"size-6\", className)}\n        {...props}\n      >\n        <g fill=\"currentColor\">\n          <path d=\"M12 14.75c-.41 0-.75-.34-.75-.75V9c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75M12 18c-.06 0-.13-.01-.2-.02a.6.6 0 0 1-.18-.06.8.8 0 0 1-.18-.09l-.15-.12c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71l.15-.12q.09-.06.18-.09.09-.045.18-.06c.13-.03.27-.03.39 0 .07.01.13.03.19.06q.09.03.18.09l.15.12c.18.19.29.45.29.71s-.11.52-.29.71l-.15.12q-.09.06-.18.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02\" />\n          <path d=\"M18.06 22.16H5.94c-1.95 0-3.44-.71-4.2-1.99-.75-1.28-.65-2.93.3-4.64L8.1 4.63c1-1.8 2.38-2.79 3.9-2.79s2.9.99 3.9 2.79l6.06 10.91c.95 1.71 1.06 3.35.3 4.64-.76 1.27-2.25 1.98-4.2 1.98M12 3.34c-.94 0-1.86.72-2.59 2.02L3.36 16.27c-.68 1.22-.79 2.34-.32 3.15s1.51 1.25 2.91 1.25h12.12c1.4 0 2.43-.44 2.91-1.25s.36-1.92-.32-3.15L14.59 5.36c-.73-1.3-1.65-2.02-2.59-2.02\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nAlertIcon.displayName = \"AlertIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW,GAAG,UAAU,SAAS;AAAA,QAChC,GAAG;AAAA,QAEJ,UAAA,qBAAC,KAAA,EAAE,MAAK,gBACN,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,GAAE,mZAAA,CAAmZ;AAAA,UAC3Z,oBAAC,QAAA,EAAK,GAAE,+WAAA,CAA+W;AAAA,QAAA,EAAA,CACzX;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"AlertIcon.mjs","sources":["../../../src/components/Icons/AlertIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M8 9.833a.504.504 0 0 1-.5-.5V6c0-.273.227-.5.5-.5s.5.227.5.5v3.333c0 .274-.227.5-.5.5M8 12a1 1 0 0 1-.133-.013.4.4 0 0 1-.12-.04.5.5 0 0 1-.12-.06l-.1-.08a.7.7 0 0 1-.194-.473c0-.174.074-.347.194-.474l.1-.08a.5.5 0 0 1 .12-.06q.06-.03.12-.04a.6.6 0 0 1 .26 0q.068.01.126.04a.5.5 0 0 1 .12.06l.1.08c.12.127.194.3.194.474a.7.7 0 0 1-.194.473l-.1.08a.5.5 0 0 1-.12.06.4.4 0 0 1-.126.04A1 1 0 0 1 8 12\",\n      },\n      {\n        d: \"M12.04 14.773H3.96c-1.3 0-2.293-.473-2.8-1.326-.5-.854-.433-1.954.2-3.094L5.4 3.087c.667-1.2 1.587-1.86 2.6-1.86s1.933.66 2.6 1.86l4.04 7.273c.633 1.14.707 2.233.2 3.093-.507.847-1.5 1.32-2.8 1.32M8 2.227c-.627 0-1.24.48-1.727 1.346L2.24 10.847c-.453.813-.527 1.56-.213 2.1.313.54 1.006.833 1.94.833h8.08c.933 0 1.62-.293 1.94-.833s.24-1.28-.214-2.1L9.727 3.573C9.24 2.707 8.627 2.227 8 2.227\",\n      },\n    ],\n    filled: [\n      {\n        d: \"m14.507 10.613-4.267-7.68C9.667 1.9 8.873 1.333 8 1.333s-1.667.567-2.24 1.6l-4.267 7.68c-.54.98-.6 1.92-.166 2.66s1.286 1.147 2.406 1.147h8.534c1.12 0 1.973-.407 2.406-1.147s.374-1.686-.166-2.66M7.5 6c0-.273.227-.5.5-.5s.5.227.5.5v3.333c0 .274-.227.5-.5.5a.504.504 0 0 1-.5-.5zm.973 5.807-.1.08a.5.5 0 0 1-.12.06.4.4 0 0 1-.126.04A1 1 0 0 1 8 12c-.04 0-.087-.007-.133-.013a.4.4 0 0 1-.12-.04.5.5 0 0 1-.12-.06l-.1-.08a.7.7 0 0 1-.194-.474c0-.173.074-.346.194-.473l.1-.08a.5.5 0 0 1 .12-.06q.06-.03.12-.04a.6.6 0 0 1 .26 0q.067.01.126.04.06.02.12.06l.1.08c.12.127.194.3.194.473a.7.7 0 0 1-.194.474\",\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M12 14.75c-.41 0-.75-.34-.75-.75V9c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75M12 18c-.06 0-.13-.01-.2-.02a.6.6 0 0 1-.18-.06.8.8 0 0 1-.18-.09l-.15-.12c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71l.15-.12q.09-.06.18-.09.09-.045.18-.06c.13-.03.27-.03.39 0 .07.01.13.03.19.06q.09.03.18.09l.15.12c.18.19.29.45.29.71s-.11.52-.29.71l-.15.12q-.09.06-.18.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02\",\n      },\n      {\n        d: \"M18.06 22.16H5.94c-1.95 0-3.44-.71-4.2-1.99-.75-1.28-.65-2.93.3-4.64L8.1 4.63c1-1.8 2.38-2.79 3.9-2.79s2.9.99 3.9 2.79l6.06 10.91c.95 1.71 1.06 3.35.3 4.64-.76 1.27-2.25 1.98-4.2 1.98M12 3.34c-.94 0-1.86.72-2.59 2.02L3.36 16.27c-.68 1.22-.79 2.34-.32 3.15s1.51 1.25 2.91 1.25h12.12c1.4 0 2.43-.44 2.91-1.25s.36-1.92-.32-3.15L14.59 5.36c-.73-1.3-1.65-2.02-2.59-2.02\",\n      },\n    ],\n    filled: [\n      {\n        d: \"M21.76 15.92 15.36 4.4C14.5 2.85 13.31 2 12 2s-2.5.85-3.36 2.4l-6.4 11.52c-.81 1.47-.9 2.88-.25 3.99s1.93 1.72 3.61 1.72h12.8c1.68 0 2.96-.61 3.61-1.72s.56-2.53-.25-3.99M11.25 9c0-.41.34-.75.75-.75s.75.34.75.75v5c0 .41-.34.75-.75.75s-.75-.34-.75-.75zm1.46 8.71-.15.12q-.09.06-.18.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02s-.13-.01-.2-.02a.6.6 0 0 1-.18-.06.8.8 0 0 1-.18-.09l-.15-.12c-.18-.19-.29-.45-.29-.71s.11-.52.29-.71l.15-.12q.09-.06.18-.09.09-.045.18-.06c.13-.03.27-.03.39 0 .07.01.13.03.19.06q.09.03.18.09l.15.12c.18.19.29.45.29.71s-.11.52-.29.71\",\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M16 19.667c-.547 0-1-.454-1-1V12c0-.547.453-1 1-1s1 .453 1 1v6.667c0 .546-.453 1-1 1M16 24c-.08 0-.173-.013-.267-.026a1 1 0 0 1-.24-.08 1 1 0 0 1-.24-.12l-.2-.16a1.4 1.4 0 0 1-.386-.947 1.4 1.4 0 0 1 .386-.946l.2-.16q.12-.081.24-.12.12-.06.24-.08c.174-.04.36-.04.52 0 .094.013.174.04.254.08q.12.039.24.12l.2.16c.24.253.386.6.386.946a1.4 1.4 0 0 1-.386.947l-.2.16q-.12.08-.24.12a.8.8 0 0 1-.254.08c-.08.013-.173.027-.253.027\",\n      },\n      {\n        d: \"M24.08 29.546H7.92c-2.6 0-4.587-.946-5.6-2.653-1-1.707-.867-3.907.4-6.187L10.8 6.173c1.333-2.4 3.173-3.72 5.2-3.72s3.867 1.32 5.2 3.72l8.08 14.547c1.267 2.28 1.413 4.466.4 6.186-1.013 1.694-3 2.64-5.6 2.64M16 4.453c-1.253 0-2.48.96-3.453 2.693L4.48 21.693c-.907 1.627-1.053 3.12-.427 4.2.627 1.08 2.014 1.667 3.88 1.667h16.16c1.867 0 3.24-.587 3.88-1.667s.48-2.56-.426-4.2L19.453 7.146c-.973-1.733-2.2-2.693-3.453-2.693\",\n      },\n    ],\n    filled: [\n      {\n        d: \"M29.013 21.227 20.48 5.867c-1.147-2.067-2.733-3.2-4.48-3.2s-3.333 1.133-4.48 3.2l-8.533 15.36c-1.08 1.96-1.2 3.84-.334 5.32.867 1.48 2.574 2.293 4.814 2.293h17.066c2.24 0 3.947-.813 4.814-2.293.866-1.48.746-3.374-.334-5.32M15 12c0-.547.453-1 1-1s1 .453 1 1v6.667c0 .546-.453 1-1 1s-1-.454-1-1zm1.947 11.613-.2.16q-.12.081-.24.12a.8.8 0 0 1-.254.08c-.08.014-.173.027-.253.027s-.173-.013-.267-.027a1 1 0 0 1-.24-.08 1 1 0 0 1-.24-.12l-.2-.16a1.4 1.4 0 0 1-.386-.946 1.4 1.4 0 0 1 .386-.947l.2-.16q.12-.08.24-.12.12-.06.24-.08c.174-.04.36-.04.52 0 .094.013.174.04.254.08q.12.04.24.12l.2.16c.24.253.386.6.386.947a1.4 1.4 0 0 1-.386.946\",\n      },\n    ],\n  },\n};\n\n/** Props for {@link AlertIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type AlertIconProps = BaseIconProps;\n\n/**\n * Alert icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <AlertIcon size={24} filled />\n * ```\n */\nexport const AlertIcon = React.forwardRef<SVGSVGElement, AlertIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nAlertIcon.displayName = \"AlertIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,YAAY,MAAM,WAA0C,CAAC,OAAO,QAC/E,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,UAAU,cAAc;"}

package/dist/components/Icons/AppsIcon.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { BaseIcon } from "./BaseIcon.mjs";
+const VARIANTS = {
+  16: {
+    outlined: [
+      {
+        d: "M13.18 7.5h-2.693C9.147 7.5 8.5 6.847 8.5 5.513V2.82c0-1.34.653-1.987 1.987-1.987h2.693c1.34 0 1.987.654 1.987 1.987v2.693c0 1.334-.654 1.987-1.987 1.987m-2.693-5.667c-.787 0-.987.2-.987.987v2.693c0 .787.2.987.987.987h2.693c.787 0 .987-.2.987-.987V2.82c0-.787-.2-.987-.987-.987zM5.513 7.5H2.82C1.48 7.5.833 6.907.833 5.68V2.653c0-1.226.654-1.82 1.987-1.82h2.693c1.34 0 1.987.594 1.987 1.82v3.02C7.5 6.907 6.847 7.5 5.513 7.5M2.82 1.833c-.893 0-.987.254-.987.82v3.02c0 .574.094.82.987.82h2.693c.894 0 .987-.253.987-.82v-3.02c0-.573-.093-.82-.987-.82zm2.693 13.334H2.82c-1.34 0-1.987-.654-1.987-1.987v-2.693c0-1.34.654-1.987 1.987-1.987h2.693c1.34 0 1.987.653 1.987 1.987v2.693c0 1.333-.653 1.987-1.987 1.987M2.82 9.5c-.787 0-.987.2-.987.987v2.693c0 .787.2.987.987.987h2.693c.787 0 .987-.2.987-.987v-2.693c0-.787-.2-.987-.987-.987zm10.847 2.667h-4a.504.504 0 0 1-.5-.5c0-.274.226-.5.5-.5h4c.273 0 .5.226.5.5 0 .273-.227.5-.5.5"
+      },
+      {
+        d: "M11.667 14.167a.504.504 0 0 1-.5-.5v-4c0-.274.226-.5.5-.5.273 0 .5.226.5.5v4c0 .273-.227.5-.5.5"
+      }
+    ],
+    filled: [
+      {
+        d: "M13.667 11.167h-1.5v-1.5c0-.274-.227-.5-.5-.5-.274 0-.5.226-.5.5v1.5h-1.5c-.274 0-.5.226-.5.5 0 .273.226.5.5.5h1.5v1.5c0 .273.226.5.5.5.273 0 .5-.227.5-.5v-1.5h1.5c.273 0 .5-.227.5-.5 0-.274-.227-.5-.5-.5m1-5.487V2.653c0-.94-.427-1.32-1.487-1.32h-2.693c-1.06 0-1.487.38-1.487 1.32v3.02c0 .947.427 1.32 1.487 1.32h2.693c1.06.007 1.487-.373 1.487-1.313M7 5.68V2.653c0-.94-.427-1.32-1.487-1.32H2.82c-1.06 0-1.487.38-1.487 1.32v3.02c0 .947.427 1.32 1.487 1.32h2.693C6.573 7 7 6.62 7 5.68m0 7.5v-2.693C7 9.427 6.573 9 5.513 9H2.82c-1.06 0-1.487.427-1.487 1.487v2.693c0 1.06.427 1.487 1.487 1.487h2.693C6.573 14.667 7 14.24 7 13.18"
+      }
+    ]
+  },
+  24: {
+    outlined: [
+      {
+        d: "M19.77 11.25h-4.04c-2.01 0-2.98-.98-2.98-2.98V4.23c0-2.01.98-2.98 2.98-2.98h4.04c2.01 0 2.98.98 2.98 2.98v4.04c0 2-.98 2.98-2.98 2.98m-4.04-8.5c-1.18 0-1.48.3-1.48 1.48v4.04c0 1.18.3 1.48 1.48 1.48h4.04c1.18 0 1.48-.3 1.48-1.48V4.23c0-1.18-.3-1.48-1.48-1.48zm-7.46 8.5H4.23c-2.01 0-2.98-.89-2.98-2.73V3.98c0-1.84.98-2.73 2.98-2.73h4.04c2.01 0 2.98.89 2.98 2.73v4.53c0 1.85-.98 2.74-2.98 2.74m-4.04-8.5c-1.34 0-1.48.38-1.48 1.23v4.53c0 .86.14 1.23 1.48 1.23h4.04c1.34 0 1.48-.38 1.48-1.23V3.98c0-.86-.14-1.23-1.48-1.23zm4.04 20H4.23c-2.01 0-2.98-.98-2.98-2.98v-4.04c0-2.01.98-2.98 2.98-2.98h4.04c2.01 0 2.98.98 2.98 2.98v4.04c0 2-.98 2.98-2.98 2.98m-4.04-8.5c-1.18 0-1.48.3-1.48 1.48v4.04c0 1.18.3 1.48 1.48 1.48h4.04c1.18 0 1.48-.3 1.48-1.48v-4.04c0-1.18-.3-1.48-1.48-1.48zm16.27 4h-6c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75"
+      },
+      {
+        d: "M17.5 21.25c-.41 0-.75-.34-.75-.75v-6c0-.41.34-.75.75-.75s.75.34.75.75v6c0 .41-.34.75-.75.75"
+      }
+    ],
+    filled: [
+      {
+        d: "M20.5 16.75h-2.25V14.5c0-.41-.34-.75-.75-.75s-.75.34-.75.75v2.25H14.5c-.41 0-.75.34-.75.75s.34.75.75.75h2.25v2.25c0 .41.34.75.75.75s.75-.34.75-.75v-2.25h2.25c.41 0 .75-.34.75-.75s-.34-.75-.75-.75M22 8.52V3.98C22 2.57 21.36 2 19.77 2h-4.04c-1.59 0-2.23.57-2.23 1.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97m-11.5 0V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97m0 11.25v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23"
+      }
+    ]
+  },
+  32: {
+    outlined: [
+      {
+        d: "M26.36 15h-5.387C18.293 15 17 13.693 17 11.027V5.64c0-2.68 1.307-3.973 3.973-3.973h5.387c2.68 0 3.973 1.306 3.973 3.973v5.387c0 2.666-1.306 3.973-3.973 3.973M20.973 3.667C19.4 3.667 19 4.067 19 5.64v5.387C19 12.6 19.4 13 20.973 13h5.387c1.573 0 1.973-.4 1.973-1.973V5.64c0-1.573-.4-1.973-1.973-1.973zM11.027 15H5.64c-2.68 0-3.973-1.187-3.973-3.64V5.307c0-2.454 1.306-3.64 3.973-3.64h5.387c2.68 0 3.973 1.186 3.973 3.64v6.04C15 13.813 13.693 15 11.027 15M5.64 3.667c-1.787 0-1.973.506-1.973 1.64v6.04c0 1.146.186 1.64 1.973 1.64h5.387c1.786 0 1.973-.507 1.973-1.64v-6.04c0-1.147-.187-1.64-1.973-1.64zm5.387 26.666H5.64c-2.68 0-3.973-1.306-3.973-3.973v-5.387C1.667 18.293 2.973 17 5.64 17h5.387C13.707 17 15 18.307 15 20.973v5.387c0 2.667-1.307 3.973-3.973 3.973M5.64 19c-1.573 0-1.973.4-1.973 1.973v5.387c0 1.573.4 1.973 1.973 1.973h5.387c1.573 0 1.973-.4 1.973-1.973v-5.387C13 19.4 12.6 19 11.027 19zm21.693 5.333h-8c-.546 0-1-.453-1-1s.454-1 1-1h8c.547 0 1 .454 1 1 0 .547-.453 1-1 1"
+      },
+      {
+        d: "M23.333 28.333c-.546 0-1-.453-1-1v-8c0-.546.454-1 1-1 .547 0 1 .454 1 1v8c0 .547-.453 1-1 1"
+      }
+    ],
+    filled: [
+      {
+        d: "M27.333 22.333h-3v-3c0-.546-.453-1-1-1s-1 .454-1 1v3h-3c-.546 0-1 .454-1 1 0 .547.454 1 1 1h3v3c0 .547.454 1 1 1 .547 0 1-.453 1-1v-3h3c.547 0 1-.453 1-1s-.453-1-1-1m2-10.973V5.307c0-1.88-.853-2.64-2.973-2.64h-5.387c-2.12 0-2.973.76-2.973 2.64v6.04c0 1.893.853 2.64 2.973 2.64h5.387c2.12.013 2.973-.747 2.973-2.627M14 11.36V5.307c0-1.88-.853-2.64-2.973-2.64H5.64c-2.12 0-2.973.76-2.973 2.64v6.04c0 1.893.853 2.64 2.973 2.64h5.387C13.147 14 14 13.24 14 11.36m0 15v-5.387c0-2.12-.853-2.973-2.973-2.973H5.64c-2.12 0-2.973.853-2.973 2.973v5.387c0 2.12.853 2.973 2.973 2.973h5.387c2.12 0 2.973-.853 2.973-2.973"
+      }
+    ]
+  }
+};
+const AppsIcon = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseIcon, { ref, variants: VARIANTS, ...props }));
+AppsIcon.displayName = "AppsIcon";
+export {
+  AppsIcon
+};
+//# sourceMappingURL=AppsIcon.mjs.map

package/dist/components/Icons/AppsIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppsIcon.mjs","sources":["../../../src/components/Icons/AppsIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M13.18 7.5h-2.693C9.147 7.5 8.5 6.847 8.5 5.513V2.82c0-1.34.653-1.987 1.987-1.987h2.693c1.34 0 1.987.654 1.987 1.987v2.693c0 1.334-.654 1.987-1.987 1.987m-2.693-5.667c-.787 0-.987.2-.987.987v2.693c0 .787.2.987.987.987h2.693c.787 0 .987-.2.987-.987V2.82c0-.787-.2-.987-.987-.987zM5.513 7.5H2.82C1.48 7.5.833 6.907.833 5.68V2.653c0-1.226.654-1.82 1.987-1.82h2.693c1.34 0 1.987.594 1.987 1.82v3.02C7.5 6.907 6.847 7.5 5.513 7.5M2.82 1.833c-.893 0-.987.254-.987.82v3.02c0 .574.094.82.987.82h2.693c.894 0 .987-.253.987-.82v-3.02c0-.573-.093-.82-.987-.82zm2.693 13.334H2.82c-1.34 0-1.987-.654-1.987-1.987v-2.693c0-1.34.654-1.987 1.987-1.987h2.693c1.34 0 1.987.653 1.987 1.987v2.693c0 1.333-.653 1.987-1.987 1.987M2.82 9.5c-.787 0-.987.2-.987.987v2.693c0 .787.2.987.987.987h2.693c.787 0 .987-.2.987-.987v-2.693c0-.787-.2-.987-.987-.987zm10.847 2.667h-4a.504.504 0 0 1-.5-.5c0-.274.226-.5.5-.5h4c.273 0 .5.226.5.5 0 .273-.227.5-.5.5\",\n      },\n      {\n        d: \"M11.667 14.167a.504.504 0 0 1-.5-.5v-4c0-.274.226-.5.5-.5.273 0 .5.226.5.5v4c0 .273-.227.5-.5.5\",\n      },\n    ],\n    filled: [\n      {\n        d: \"M13.667 11.167h-1.5v-1.5c0-.274-.227-.5-.5-.5-.274 0-.5.226-.5.5v1.5h-1.5c-.274 0-.5.226-.5.5 0 .273.226.5.5.5h1.5v1.5c0 .273.226.5.5.5.273 0 .5-.227.5-.5v-1.5h1.5c.273 0 .5-.227.5-.5 0-.274-.227-.5-.5-.5m1-5.487V2.653c0-.94-.427-1.32-1.487-1.32h-2.693c-1.06 0-1.487.38-1.487 1.32v3.02c0 .947.427 1.32 1.487 1.32h2.693c1.06.007 1.487-.373 1.487-1.313M7 5.68V2.653c0-.94-.427-1.32-1.487-1.32H2.82c-1.06 0-1.487.38-1.487 1.32v3.02c0 .947.427 1.32 1.487 1.32h2.693C6.573 7 7 6.62 7 5.68m0 7.5v-2.693C7 9.427 6.573 9 5.513 9H2.82c-1.06 0-1.487.427-1.487 1.487v2.693c0 1.06.427 1.487 1.487 1.487h2.693C6.573 14.667 7 14.24 7 13.18\",\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M19.77 11.25h-4.04c-2.01 0-2.98-.98-2.98-2.98V4.23c0-2.01.98-2.98 2.98-2.98h4.04c2.01 0 2.98.98 2.98 2.98v4.04c0 2-.98 2.98-2.98 2.98m-4.04-8.5c-1.18 0-1.48.3-1.48 1.48v4.04c0 1.18.3 1.48 1.48 1.48h4.04c1.18 0 1.48-.3 1.48-1.48V4.23c0-1.18-.3-1.48-1.48-1.48zm-7.46 8.5H4.23c-2.01 0-2.98-.89-2.98-2.73V3.98c0-1.84.98-2.73 2.98-2.73h4.04c2.01 0 2.98.89 2.98 2.73v4.53c0 1.85-.98 2.74-2.98 2.74m-4.04-8.5c-1.34 0-1.48.38-1.48 1.23v4.53c0 .86.14 1.23 1.48 1.23h4.04c1.34 0 1.48-.38 1.48-1.23V3.98c0-.86-.14-1.23-1.48-1.23zm4.04 20H4.23c-2.01 0-2.98-.98-2.98-2.98v-4.04c0-2.01.98-2.98 2.98-2.98h4.04c2.01 0 2.98.98 2.98 2.98v4.04c0 2-.98 2.98-2.98 2.98m-4.04-8.5c-1.18 0-1.48.3-1.48 1.48v4.04c0 1.18.3 1.48 1.48 1.48h4.04c1.18 0 1.48-.3 1.48-1.48v-4.04c0-1.18-.3-1.48-1.48-1.48zm16.27 4h-6c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75\",\n      },\n      {\n        d: \"M17.5 21.25c-.41 0-.75-.34-.75-.75v-6c0-.41.34-.75.75-.75s.75.34.75.75v6c0 .41-.34.75-.75.75\",\n      },\n    ],\n    filled: [\n      {\n        d: \"M20.5 16.75h-2.25V14.5c0-.41-.34-.75-.75-.75s-.75.34-.75.75v2.25H14.5c-.41 0-.75.34-.75.75s.34.75.75.75h2.25v2.25c0 .41.34.75.75.75s.75-.34.75-.75v-2.25h2.25c.41 0 .75-.34.75-.75s-.34-.75-.75-.75M22 8.52V3.98C22 2.57 21.36 2 19.77 2h-4.04c-1.59 0-2.23.57-2.23 1.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97m-11.5 0V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98v4.53c0 1.42.64 1.98 2.23 1.98h4.04c1.59.01 2.23-.56 2.23-1.97m0 11.25v-4.04c0-1.59-.64-2.23-2.23-2.23H4.23c-1.59 0-2.23.64-2.23 2.23v4.04C2 21.36 2.64 22 4.23 22h4.04c1.59 0 2.23-.64 2.23-2.23\",\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M26.36 15h-5.387C18.293 15 17 13.693 17 11.027V5.64c0-2.68 1.307-3.973 3.973-3.973h5.387c2.68 0 3.973 1.306 3.973 3.973v5.387c0 2.666-1.306 3.973-3.973 3.973M20.973 3.667C19.4 3.667 19 4.067 19 5.64v5.387C19 12.6 19.4 13 20.973 13h5.387c1.573 0 1.973-.4 1.973-1.973V5.64c0-1.573-.4-1.973-1.973-1.973zM11.027 15H5.64c-2.68 0-3.973-1.187-3.973-3.64V5.307c0-2.454 1.306-3.64 3.973-3.64h5.387c2.68 0 3.973 1.186 3.973 3.64v6.04C15 13.813 13.693 15 11.027 15M5.64 3.667c-1.787 0-1.973.506-1.973 1.64v6.04c0 1.146.186 1.64 1.973 1.64h5.387c1.786 0 1.973-.507 1.973-1.64v-6.04c0-1.147-.187-1.64-1.973-1.64zm5.387 26.666H5.64c-2.68 0-3.973-1.306-3.973-3.973v-5.387C1.667 18.293 2.973 17 5.64 17h5.387C13.707 17 15 18.307 15 20.973v5.387c0 2.667-1.307 3.973-3.973 3.973M5.64 19c-1.573 0-1.973.4-1.973 1.973v5.387c0 1.573.4 1.973 1.973 1.973h5.387c1.573 0 1.973-.4 1.973-1.973v-5.387C13 19.4 12.6 19 11.027 19zm21.693 5.333h-8c-.546 0-1-.453-1-1s.454-1 1-1h8c.547 0 1 .454 1 1 0 .547-.453 1-1 1\",\n      },\n      {\n        d: \"M23.333 28.333c-.546 0-1-.453-1-1v-8c0-.546.454-1 1-1 .547 0 1 .454 1 1v8c0 .547-.453 1-1 1\",\n      },\n    ],\n    filled: [\n      {\n        d: \"M27.333 22.333h-3v-3c0-.546-.453-1-1-1s-1 .454-1 1v3h-3c-.546 0-1 .454-1 1 0 .547.454 1 1 1h3v3c0 .547.454 1 1 1 .547 0 1-.453 1-1v-3h3c.547 0 1-.453 1-1s-.453-1-1-1m2-10.973V5.307c0-1.88-.853-2.64-2.973-2.64h-5.387c-2.12 0-2.973.76-2.973 2.64v6.04c0 1.893.853 2.64 2.973 2.64h5.387c2.12.013 2.973-.747 2.973-2.627M14 11.36V5.307c0-1.88-.853-2.64-2.973-2.64H5.64c-2.12 0-2.973.76-2.973 2.64v6.04c0 1.893.853 2.64 2.973 2.64h5.387C13.147 14 14 13.24 14 11.36m0 15v-5.387c0-2.12-.853-2.973-2.973-2.973H5.64c-2.12 0-2.973.853-2.973 2.973v5.387c0 2.12.853 2.973 2.973 2.973h5.387c2.12 0 2.973-.853 2.973-2.973\",\n      },\n    ],\n  },\n};\n\n/** Props for {@link AppsIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type AppsIconProps = BaseIconProps;\n\n/**\n * Apps icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <AppsIcon size={24} filled />\n * ```\n */\nexport const AppsIcon = React.forwardRef<SVGSVGElement, AppsIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nAppsIcon.displayName = \"AppsIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,WAAW,MAAM,WAAyC,CAAC,OAAO,QAC7E,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,SAAS,cAAc;"}

package/dist/components/Icons/ArrowDownIcon.mjs

@@ -1,38 +1,40 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../utils/cn.mjs";
-const ArrowDownIcon = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
+import { BaseIcon } from "./BaseIcon.mjs";
+const VARIANTS = {
+  16: {
+    outlined: [
       {
-        ref,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        "aria-hidden": "true",
-        className: cn("size-6", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "currentColor",
-              d: "M12 21.25c-.19 0-.38-.07-.53-.22L5.4 14.96a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0L12 19.44l5.54-5.54c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "currentColor",
-              d: "M12 21.08c-.41 0-.75-.34-.75-.75V3.5c0-.41.34-.75.75-.75s.75.34.75.75v16.83c0 .41-.34.75-.75.75"
-            }
-          )
-        ]
+        d: "M8 14.167a.5.5 0 0 1-.353-.147L3.6 9.973a.503.503 0 0 1 0-.706.503.503 0 0 1 .707 0L8 12.96l3.693-3.693a.503.503 0 0 1 .707 0 .503.503 0 0 1 0 .706L8.353 14.02c-.1.1-.226.147-.353.147"
+      },
+      {
+        d: "M8 14.053a.504.504 0 0 1-.5-.5V2.333c0-.273.227-.5.5-.5s.5.227.5.5v11.22c0 .274-.227.5-.5.5"
+      }
+    ]
+  },
+  24: {
+    outlined: [
+      {
+        d: "M12 21.25c-.19 0-.38-.07-.53-.22L5.4 14.96a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0L12 19.44l5.54-5.54c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22"
+      },
+      {
+        d: "M12 21.08c-.41 0-.75-.34-.75-.75V3.5c0-.41.34-.75.75-.75s.75.34.75.75v16.83c0 .41-.34.75-.75.75"
       }
-    );
+    ]
+  },
+  32: {
+    outlined: [
+      {
+        d: "M16 28.333a1 1 0 0 1-.707-.293L7.2 19.947a1.006 1.006 0 0 1 0-1.414 1.006 1.006 0 0 1 1.413 0L16 25.92l7.387-7.387a1.006 1.006 0 0 1 1.413 0 1.006 1.006 0 0 1 0 1.414l-8.093 8.093a1 1 0 0 1-.707.293"
+      },
+      {
+        d: "M16 28.107c-.547 0-1-.454-1-1V4.667c0-.547.453-1 1-1s1 .453 1 1v22.44c0 .546-.453 1-1 1"
+      }
+    ]
   }
-);
+};
+const ArrowDownIcon = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseIcon, { ref, variants: VARIANTS, ...props }));
 ArrowDownIcon.displayName = "ArrowDownIcon";
 export {
   ArrowDownIcon

package/dist/components/Icons/ArrowDownIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowDownIcon.mjs","sources":["../../../src/components/Icons/ArrowDownIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const ArrowDownIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <svg\n        ref={ref}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className={cn(\"size-6\", className)}\n        {...props}\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M12 21.25c-.19 0-.38-.07-.53-.22L5.4 14.96a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0L12 19.44l5.54-5.54c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M12 21.08c-.41 0-.75-.34-.75-.75V3.5c0-.41.34-.75.75-.75s.75.34.75.75v16.83c0 .41-.34.75-.75.75\"\n        />\n      </svg>\n    );\n  },\n);\n\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,gBAAgB,MAAM;AAAA,EACjC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW,GAAG,UAAU,SAAS;AAAA,QAChC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"ArrowDownIcon.mjs","sources":["../../../src/components/Icons/ArrowDownIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M8 14.167a.5.5 0 0 1-.353-.147L3.6 9.973a.503.503 0 0 1 0-.706.503.503 0 0 1 .707 0L8 12.96l3.693-3.693a.503.503 0 0 1 .707 0 .503.503 0 0 1 0 .706L8.353 14.02c-.1.1-.226.147-.353.147\",\n      },\n      {\n        d: \"M8 14.053a.504.504 0 0 1-.5-.5V2.333c0-.273.227-.5.5-.5s.5.227.5.5v11.22c0 .274-.227.5-.5.5\",\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M12 21.25c-.19 0-.38-.07-.53-.22L5.4 14.96a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0L12 19.44l5.54-5.54c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22\",\n      },\n      {\n        d: \"M12 21.08c-.41 0-.75-.34-.75-.75V3.5c0-.41.34-.75.75-.75s.75.34.75.75v16.83c0 .41-.34.75-.75.75\",\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M16 28.333a1 1 0 0 1-.707-.293L7.2 19.947a1.006 1.006 0 0 1 0-1.414 1.006 1.006 0 0 1 1.413 0L16 25.92l7.387-7.387a1.006 1.006 0 0 1 1.413 0 1.006 1.006 0 0 1 0 1.414l-8.093 8.093a1 1 0 0 1-.707.293\",\n      },\n      {\n        d: \"M16 28.107c-.547 0-1-.454-1-1V4.667c0-.547.453-1 1-1s1 .453 1 1v22.44c0 .546-.453 1-1 1\",\n      },\n    ],\n  },\n};\n\n/** Props for {@link ArrowDownIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type ArrowDownIconProps = BaseIconProps;\n\n/**\n * Arrow Down icon. Renders at sizes 16, 24, or 32 px.\n *\n * @example\n * ```tsx\n * <ArrowDownIcon size={24} />\n * ```\n */\nexport const ArrowDownIcon = React.forwardRef<SVGSVGElement, ArrowDownIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nArrowDownIcon.displayName = \"ArrowDownIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,gBAAgB,MAAM,WAA8C,CAAC,OAAO,QACvF,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,cAAc,cAAc;"}

package/dist/components/Icons/ArrowLeftIcon.mjs

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../utils/cn.mjs";
-const ArrowLeftIcon = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
+import { BaseIcon } from "./BaseIcon.mjs";
+const VARIANTS = {
+  16: {
+    outlined: [
       {
-        ref,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        "aria-hidden": "true",
-        className: cn("size-6", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "currentColor",
-              d: "M9.57 18.82c-.19 0-.38-.07-.53-.22l-6.07-6.07a.754.754 0 0 1 0-1.06L9.04 5.4c.29-.29.77-.29 1.06 0s.29.77 0 1.06L4.56 12l5.54 5.54c.29.29.29.77 0 1.06-.14.15-.34.22-.53.22"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "currentColor",
-              d: "M20.5 12.75H3.67c-.41 0-.75-.34-.75-.75s.34-.75.75-.75H20.5c.41 0 .75.34.75.75s-.34.75-.75.75"
-            }
-          )
-        ]
+        d: "M6.38 12.547a.5.5 0 0 1-.353-.147L1.98 8.353a.503.503 0 0 1 0-.706L6.027 3.6a.503.503 0 0 1 .706 0 .503.503 0 0 1 0 .707L3.04 8l3.693 3.693a.503.503 0 0 1 0 .707.48.48 0 0 1-.353.147"
+      },
+      {
+        d: "M13.667 8.5H2.446a.504.504 0 0 1-.5-.5c0-.273.226-.5.5-.5h11.22c.273 0 .5.227.5.5s-.227.5-.5.5"
+      }
+    ]
+  },
+  24: {
+    outlined: [
+      {
+        d: "M9.57 18.82c-.19 0-.38-.07-.53-.22l-6.07-6.07a.754.754 0 0 1 0-1.06L9.04 5.4c.29-.29.77-.29 1.06 0s.29.77 0 1.06L4.56 12l5.54 5.54c.29.29.29.77 0 1.06-.14.15-.34.22-.53.22"
+      },
+      {
+        d: "M20.5 12.75H3.67c-.41 0-.75-.34-.75-.75s.34-.75.75-.75H20.5c.41 0 .75.34.75.75s-.34.75-.75.75"
       }
-    );
+    ]
+  },
+  32: {
+    outlined: [
+      {
+        d: "M12.76 25.094a1 1 0 0 1-.707-.294L3.96 16.707a1.006 1.006 0 0 1 0-1.414L12.053 7.2a1.006 1.006 0 0 1 1.413 0 1.006 1.006 0 0 1 0 1.413L6.08 16l7.387 7.387a1.006 1.006 0 0 1 0 1.413.97.97 0 0 1-.707.293"
+      },
+      { d: "M27.333 17H4.893c-.546 0-1-.453-1-1s.454-1 1-1h22.44c.547 0 1 .453 1 1s-.453 1-1 1" }
+    ]
   }
-);
+};
+const ArrowLeftIcon = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseIcon, { ref, variants: VARIANTS, ...props }));
 ArrowLeftIcon.displayName = "ArrowLeftIcon";
 export {
   ArrowLeftIcon

package/dist/components/Icons/ArrowLeftIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowLeftIcon.mjs","sources":["../../../src/components/Icons/ArrowLeftIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const ArrowLeftIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <svg\n        ref={ref}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className={cn(\"size-6\", className)}\n        {...props}\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M9.57 18.82c-.19 0-.38-.07-.53-.22l-6.07-6.07a.754.754 0 0 1 0-1.06L9.04 5.4c.29-.29.77-.29 1.06 0s.29.77 0 1.06L4.56 12l5.54 5.54c.29.29.29.77 0 1.06-.14.15-.34.22-.53.22\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M20.5 12.75H3.67c-.41 0-.75-.34-.75-.75s.34-.75.75-.75H20.5c.41 0 .75.34.75.75s-.34.75-.75.75\"\n        />\n      </svg>\n    );\n  },\n);\n\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,gBAAgB,MAAM;AAAA,EACjC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW,GAAG,UAAU,SAAS;AAAA,QAChC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"ArrowLeftIcon.mjs","sources":["../../../src/components/Icons/ArrowLeftIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M6.38 12.547a.5.5 0 0 1-.353-.147L1.98 8.353a.503.503 0 0 1 0-.706L6.027 3.6a.503.503 0 0 1 .706 0 .503.503 0 0 1 0 .707L3.04 8l3.693 3.693a.503.503 0 0 1 0 .707.48.48 0 0 1-.353.147\",\n      },\n      {\n        d: \"M13.667 8.5H2.446a.504.504 0 0 1-.5-.5c0-.273.226-.5.5-.5h11.22c.273 0 .5.227.5.5s-.227.5-.5.5\",\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M9.57 18.82c-.19 0-.38-.07-.53-.22l-6.07-6.07a.754.754 0 0 1 0-1.06L9.04 5.4c.29-.29.77-.29 1.06 0s.29.77 0 1.06L4.56 12l5.54 5.54c.29.29.29.77 0 1.06-.14.15-.34.22-.53.22\",\n      },\n      {\n        d: \"M20.5 12.75H3.67c-.41 0-.75-.34-.75-.75s.34-.75.75-.75H20.5c.41 0 .75.34.75.75s-.34.75-.75.75\",\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M12.76 25.094a1 1 0 0 1-.707-.294L3.96 16.707a1.006 1.006 0 0 1 0-1.414L12.053 7.2a1.006 1.006 0 0 1 1.413 0 1.006 1.006 0 0 1 0 1.413L6.08 16l7.387 7.387a1.006 1.006 0 0 1 0 1.413.97.97 0 0 1-.707.293\",\n      },\n      { d: \"M27.333 17H4.893c-.546 0-1-.453-1-1s.454-1 1-1h22.44c.547 0 1 .453 1 1s-.453 1-1 1\" },\n    ],\n  },\n};\n\n/** Props for {@link ArrowLeftIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type ArrowLeftIconProps = BaseIconProps;\n\n/**\n * Arrow Left icon. Renders at sizes 16, 24, or 32 px.\n *\n * @example\n * ```tsx\n * <ArrowLeftIcon size={24} />\n * ```\n */\nexport const ArrowLeftIcon = React.forwardRef<SVGSVGElement, ArrowLeftIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL,EAAE,GAAG,qFAAA;AAAA,IAAqF;AAAA,EAC5F;AAEJ;AAaO,MAAM,gBAAgB,MAAM,WAA8C,CAAC,OAAO,QACvF,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,cAAc,cAAc;"}

package/dist/components/Icons/ArrowRightIcon.mjs

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../utils/cn.mjs";
-const ArrowRightIcon = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
+import { BaseIcon } from "./BaseIcon.mjs";
+const VARIANTS = {
+  16: {
+    outlined: [
       {
-        ref,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        "aria-hidden": "true",
-        className: cn("size-6", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "currentColor",
-              d: "M14.43 18.82c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L19.44 12 13.9 6.46a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "currentColor",
-              d: "M20.33 12.75H3.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h16.83c.41 0 .75.34.75.75s-.34.75-.75.75"
-            }
-          )
-        ]
+        d: "M9.62 12.547a.5.5 0 0 1-.353-.147.503.503 0 0 1 0-.707L12.96 8 9.267 4.307a.503.503 0 0 1 0-.707.503.503 0 0 1 .706 0l4.047 4.047a.503.503 0 0 1 0 .706L9.973 12.4c-.1.1-.226.147-.353.147"
+      },
+      {
+        d: "M13.553 8.5H2.333a.504.504 0 0 1-.5-.5c0-.273.227-.5.5-.5h11.22c.274 0 .5.227.5.5s-.226.5-.5.5"
+      }
+    ]
+  },
+  24: {
+    outlined: [
+      {
+        d: "M14.43 18.82c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L19.44 12 13.9 6.46a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22"
+      },
+      {
+        d: "M20.33 12.75H3.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h16.83c.41 0 .75.34.75.75s-.34.75-.75.75"
       }
-    );
+    ]
+  },
+  32: {
+    outlined: [
+      {
+        d: "M19.24 25.094a1 1 0 0 1-.707-.294 1.006 1.006 0 0 1 0-1.413L25.92 16l-7.387-7.387a1.006 1.006 0 0 1 0-1.413 1.006 1.006 0 0 1 1.414 0l8.093 8.093a1.006 1.006 0 0 1 0 1.414L19.947 24.8a1 1 0 0 1-.707.293"
+      },
+      { d: "M27.107 17H4.667c-.547 0-1-.453-1-1s.453-1 1-1h22.44c.546 0 1 .453 1 1s-.454 1-1 1" }
+    ]
   }
-);
+};
+const ArrowRightIcon = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseIcon, { ref, variants: VARIANTS, ...props }));
 ArrowRightIcon.displayName = "ArrowRightIcon";
 export {
   ArrowRightIcon

package/dist/components/Icons/ArrowRightIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowRightIcon.mjs","sources":["../../../src/components/Icons/ArrowRightIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const ArrowRightIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <svg\n        ref={ref}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className={cn(\"size-6\", className)}\n        {...props}\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M14.43 18.82c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L19.44 12 13.9 6.46a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M20.33 12.75H3.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h16.83c.41 0 .75.34.75.75s-.34.75-.75.75\"\n        />\n      </svg>\n    );\n  },\n);\n\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW,GAAG,UAAU,SAAS;AAAA,QAChC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"ArrowRightIcon.mjs","sources":["../../../src/components/Icons/ArrowRightIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M9.62 12.547a.5.5 0 0 1-.353-.147.503.503 0 0 1 0-.707L12.96 8 9.267 4.307a.503.503 0 0 1 0-.707.503.503 0 0 1 .706 0l4.047 4.047a.503.503 0 0 1 0 .706L9.973 12.4c-.1.1-.226.147-.353.147\",\n      },\n      {\n        d: \"M13.553 8.5H2.333a.504.504 0 0 1-.5-.5c0-.273.227-.5.5-.5h11.22c.274 0 .5.227.5.5s-.226.5-.5.5\",\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M14.43 18.82c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L19.44 12 13.9 6.46a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06l-6.07 6.07c-.15.15-.34.22-.53.22\",\n      },\n      {\n        d: \"M20.33 12.75H3.5c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h16.83c.41 0 .75.34.75.75s-.34.75-.75.75\",\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M19.24 25.094a1 1 0 0 1-.707-.294 1.006 1.006 0 0 1 0-1.413L25.92 16l-7.387-7.387a1.006 1.006 0 0 1 0-1.413 1.006 1.006 0 0 1 1.414 0l8.093 8.093a1.006 1.006 0 0 1 0 1.414L19.947 24.8a1 1 0 0 1-.707.293\",\n      },\n      { d: \"M27.107 17H4.667c-.547 0-1-.453-1-1s.453-1 1-1h22.44c.546 0 1 .453 1 1s-.454 1-1 1\" },\n    ],\n  },\n};\n\n/** Props for {@link ArrowRightIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type ArrowRightIconProps = BaseIconProps;\n\n/**\n * Arrow Right icon. Renders at sizes 16, 24, or 32 px.\n *\n * @example\n * ```tsx\n * <ArrowRightIcon size={24} />\n * ```\n */\nexport const ArrowRightIcon = React.forwardRef<SVGSVGElement, ArrowRightIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nArrowRightIcon.displayName = \"ArrowRightIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL,EAAE,GAAG,qFAAA;AAAA,IAAqF;AAAA,EAC5F;AAEJ;AAaO,MAAM,iBAAiB,MAAM,WAA+C,CAAC,OAAO,QACzF,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,eAAe,cAAc;"}

package/dist/components/Icons/ArrowUpIcon.mjs

@@ -1,38 +1,40 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../utils/cn.mjs";
-const ArrowUpIcon = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "svg",
+import { BaseIcon } from "./BaseIcon.mjs";
+const VARIANTS = {
+  16: {
+    outlined: [
       {
-        ref,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        "aria-hidden": "true",
-        className: cn("size-6", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "currentColor",
-              d: "M18.07 10.32c-.19 0-.38-.07-.53-.22L12 4.56 6.46 10.1c-.29.29-.77.29-1.06 0a.754.754 0 0 1 0-1.06l6.07-6.07c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06-.14.15-.34.22-.53.22"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              fill: "currentColor",
-              d: "M12 21.25c-.41 0-.75-.34-.75-.75V3.67c0-.41.34-.75.75-.75s.75.34.75.75V20.5c0 .41-.34.75-.75.75"
-            }
-          )
-        ]
+        d: "M12.047 6.88a.5.5 0 0 1-.354-.146L8 3.04 4.307 6.734a.503.503 0 0 1-.707 0 .503.503 0 0 1 0-.707L7.647 1.98a.503.503 0 0 1 .706 0L12.4 6.027a.503.503 0 0 1 0 .707.48.48 0 0 1-.353.146"
+      },
+      {
+        d: "M8 14.167a.504.504 0 0 1-.5-.5V2.447c0-.274.227-.5.5-.5s.5.226.5.5v11.22c0 .273-.227.5-.5.5"
+      }
+    ]
+  },
+  24: {
+    outlined: [
+      {
+        d: "M18.07 10.32c-.19 0-.38-.07-.53-.22L12 4.56 6.46 10.1c-.29.29-.77.29-1.06 0a.754.754 0 0 1 0-1.06l6.07-6.07c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06-.14.15-.34.22-.53.22"
+      },
+      {
+        d: "M12 21.25c-.41 0-.75-.34-.75-.75V3.67c0-.41.34-.75.75-.75s.75.34.75.75V20.5c0 .41-.34.75-.75.75"
       }
-    );
+    ]
+  },
+  32: {
+    outlined: [
+      {
+        d: "M24.094 13.76a1 1 0 0 1-.707-.293L16 6.081l-7.387 7.386a1.006 1.006 0 0 1-1.413 0 1.006 1.006 0 0 1 0-1.413l8.093-8.093a1.006 1.006 0 0 1 1.414 0l8.093 8.093a1.006 1.006 0 0 1 0 1.413.97.97 0 0 1-.707.293"
+      },
+      {
+        d: "M16 28.333c-.547 0-1-.453-1-1V4.893c0-.546.453-1 1-1s1 .454 1 1v22.44c0 .547-.453 1-1 1"
+      }
+    ]
   }
-);
+};
+const ArrowUpIcon = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseIcon, { ref, variants: VARIANTS, ...props }));
 ArrowUpIcon.displayName = "ArrowUpIcon";
 export {
   ArrowUpIcon

package/dist/components/Icons/ArrowUpIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowUpIcon.mjs","sources":["../../../src/components/Icons/ArrowUpIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const ArrowUpIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <svg\n        ref={ref}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n        className={cn(\"size-6\", className)}\n        {...props}\n      >\n        <path\n          fill=\"currentColor\"\n          d=\"M18.07 10.32c-.19 0-.38-.07-.53-.22L12 4.56 6.46 10.1c-.29.29-.77.29-1.06 0a.754.754 0 0 1 0-1.06l6.07-6.07c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06-.14.15-.34.22-.53.22\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M12 21.25c-.41 0-.75-.34-.75-.75V3.67c0-.41.34-.75.75-.75s.75.34.75.75V20.5c0 .41-.34.75-.75.75\"\n        />\n      </svg>\n    );\n  },\n);\n\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAChC,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW,GAAG,UAAU,SAAS;AAAA,QAChC,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA,YAAA;AAAA,UAAA;AAAA,UAEJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,GAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"ArrowUpIcon.mjs","sources":["../../../src/components/Icons/ArrowUpIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M12.047 6.88a.5.5 0 0 1-.354-.146L8 3.04 4.307 6.734a.503.503 0 0 1-.707 0 .503.503 0 0 1 0-.707L7.647 1.98a.503.503 0 0 1 .706 0L12.4 6.027a.503.503 0 0 1 0 .707.48.48 0 0 1-.353.146\",\n      },\n      {\n        d: \"M8 14.167a.504.504 0 0 1-.5-.5V2.447c0-.274.227-.5.5-.5s.5.226.5.5v11.22c0 .273-.227.5-.5.5\",\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M18.07 10.32c-.19 0-.38-.07-.53-.22L12 4.56 6.46 10.1c-.29.29-.77.29-1.06 0a.754.754 0 0 1 0-1.06l6.07-6.07c.29-.29.77-.29 1.06 0l6.07 6.07c.29.29.29.77 0 1.06-.14.15-.34.22-.53.22\",\n      },\n      {\n        d: \"M12 21.25c-.41 0-.75-.34-.75-.75V3.67c0-.41.34-.75.75-.75s.75.34.75.75V20.5c0 .41-.34.75-.75.75\",\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M24.094 13.76a1 1 0 0 1-.707-.293L16 6.081l-7.387 7.386a1.006 1.006 0 0 1-1.413 0 1.006 1.006 0 0 1 0-1.413l8.093-8.093a1.006 1.006 0 0 1 1.414 0l8.093 8.093a1.006 1.006 0 0 1 0 1.413.97.97 0 0 1-.707.293\",\n      },\n      {\n        d: \"M16 28.333c-.547 0-1-.453-1-1V4.893c0-.546.453-1 1-1s1 .454 1 1v22.44c0 .547-.453 1-1 1\",\n      },\n    ],\n  },\n};\n\n/** Props for {@link ArrowUpIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type ArrowUpIconProps = BaseIconProps;\n\n/**\n * Arrow Up icon. Renders at sizes 16, 24, or 32 px.\n *\n * @example\n * ```tsx\n * <ArrowUpIcon size={24} />\n * ```\n */\nexport const ArrowUpIcon = React.forwardRef<SVGSVGElement, ArrowUpIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nArrowUpIcon.displayName = \"ArrowUpIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,cAAc,MAAM,WAA4C,CAAC,OAAO,QACnF,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,YAAY,cAAc;"}

package/dist/components/Icons/AtSignIcon.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { BaseIcon } from "./BaseIcon.mjs";
+const VARIANTS = {
+  16: {
+    outlined: [
+      {
+        d: "M8 15.167A7.173 7.173 0 0 1 .833 8 7.173 7.173 0 0 1 8 .833 7.173 7.173 0 0 1 15.167 8v1.113a2.353 2.353 0 0 1-4.46 1.047A3.46 3.46 0 0 1 8 11.467a3.465 3.465 0 0 1-3.46-3.46A3.465 3.465 0 0 1 8 4.547a3.465 3.465 0 0 1 3.46 3.46V9.12a1.354 1.354 0 0 0 2.707 0V8.007c0-3.4-2.767-6.167-6.167-6.167S1.833 4.6 1.833 8a6.174 6.174 0 0 0 8.527 5.7c.393-.167.787-.38 1.16-.64.227-.16.54-.1.693.127.16.226.1.54-.126.693A7.15 7.15 0 0 1 8 15.167M8 5.54A2.463 2.463 0 0 0 5.54 8 2.467 2.467 0 0 0 8 10.46 2.467 2.467 0 0 0 10.46 8 2.467 2.467 0 0 0 8 5.54"
+      }
+    ]
+  },
+  24: {
+    outlined: [
+      {
+        d: "M12 22.75C6.07 22.75 1.25 17.93 1.25 12S6.07 1.25 12 1.25 22.75 6.07 22.75 12v1.67a3.53 3.53 0 0 1-3.53 3.53c-1.38 0-2.58-.8-3.16-1.96A5.2 5.2 0 0 1 12 17.2c-2.86 0-5.19-2.33-5.19-5.19S9.14 6.82 12 6.82s5.19 2.33 5.19 5.19v1.67c0 1.12.91 2.03 2.03 2.03s2.03-.91 2.03-2.03v-1.67c0-5.1-4.15-9.25-9.25-9.25S2.75 6.9 2.75 12 6.9 21.25 12 21.25c1.22 0 2.41-.24 3.54-.7.59-.25 1.18-.57 1.74-.96.34-.24.81-.15 1.04.19.24.34.15.81-.19 1.04-.64.45-1.32.82-2.02 1.11-1.31.54-2.69.82-4.11.82m0-14.44c-2.04 0-3.69 1.66-3.69 3.69A3.7 3.7 0 0 0 12 15.69 3.7 3.7 0 0 0 15.69 12 3.7 3.7 0 0 0 12 8.31"
+      }
+    ]
+  },
+  32: {
+    outlined: [
+      {
+        d: "M16 30.333C8.093 30.333 1.667 23.907 1.667 16S8.093 1.667 16 1.667 30.333 8.093 30.333 16v2.227c0 2.6-2.106 4.706-4.706 4.706a4.72 4.72 0 0 1-4.214-2.613A6.93 6.93 0 0 1 16 22.933c-3.813 0-6.92-3.106-6.92-6.92s3.107-6.92 6.92-6.92 6.92 3.107 6.92 6.92v2.227a2.71 2.71 0 0 0 2.707 2.707 2.71 2.71 0 0 0 2.706-2.707v-2.227C28.333 9.213 22.8 3.68 16 3.68S3.667 9.2 3.667 16 9.2 28.333 16 28.333c1.627 0 3.213-.32 4.72-.933.787-.333 1.573-.76 2.32-1.28a.99.99 0 0 1 1.387.253.99.99 0 0 1-.254 1.387c-.853.6-1.76 1.093-2.693 1.48A14.3 14.3 0 0 1 16 30.333m0-19.253A4.925 4.925 0 0 0 11.08 16 4.934 4.934 0 0 0 16 20.92 4.934 4.934 0 0 0 20.92 16 4.934 4.934 0 0 0 16 11.08"
+      }
+    ]
+  }
+};
+const AtSignIcon = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseIcon, { ref, variants: VARIANTS, ...props }));
+AtSignIcon.displayName = "AtSignIcon";
+export {
+  AtSignIcon
+};
+//# sourceMappingURL=AtSignIcon.mjs.map

package/dist/components/Icons/AtSignIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtSignIcon.mjs","sources":["../../../src/components/Icons/AtSignIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M8 15.167A7.173 7.173 0 0 1 .833 8 7.173 7.173 0 0 1 8 .833 7.173 7.173 0 0 1 15.167 8v1.113a2.353 2.353 0 0 1-4.46 1.047A3.46 3.46 0 0 1 8 11.467a3.465 3.465 0 0 1-3.46-3.46A3.465 3.465 0 0 1 8 4.547a3.465 3.465 0 0 1 3.46 3.46V9.12a1.354 1.354 0 0 0 2.707 0V8.007c0-3.4-2.767-6.167-6.167-6.167S1.833 4.6 1.833 8a6.174 6.174 0 0 0 8.527 5.7c.393-.167.787-.38 1.16-.64.227-.16.54-.1.693.127.16.226.1.54-.126.693A7.15 7.15 0 0 1 8 15.167M8 5.54A2.463 2.463 0 0 0 5.54 8 2.467 2.467 0 0 0 8 10.46 2.467 2.467 0 0 0 10.46 8 2.467 2.467 0 0 0 8 5.54\",\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M12 22.75C6.07 22.75 1.25 17.93 1.25 12S6.07 1.25 12 1.25 22.75 6.07 22.75 12v1.67a3.53 3.53 0 0 1-3.53 3.53c-1.38 0-2.58-.8-3.16-1.96A5.2 5.2 0 0 1 12 17.2c-2.86 0-5.19-2.33-5.19-5.19S9.14 6.82 12 6.82s5.19 2.33 5.19 5.19v1.67c0 1.12.91 2.03 2.03 2.03s2.03-.91 2.03-2.03v-1.67c0-5.1-4.15-9.25-9.25-9.25S2.75 6.9 2.75 12 6.9 21.25 12 21.25c1.22 0 2.41-.24 3.54-.7.59-.25 1.18-.57 1.74-.96.34-.24.81-.15 1.04.19.24.34.15.81-.19 1.04-.64.45-1.32.82-2.02 1.11-1.31.54-2.69.82-4.11.82m0-14.44c-2.04 0-3.69 1.66-3.69 3.69A3.7 3.7 0 0 0 12 15.69 3.7 3.7 0 0 0 15.69 12 3.7 3.7 0 0 0 12 8.31\",\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M16 30.333C8.093 30.333 1.667 23.907 1.667 16S8.093 1.667 16 1.667 30.333 8.093 30.333 16v2.227c0 2.6-2.106 4.706-4.706 4.706a4.72 4.72 0 0 1-4.214-2.613A6.93 6.93 0 0 1 16 22.933c-3.813 0-6.92-3.106-6.92-6.92s3.107-6.92 6.92-6.92 6.92 3.107 6.92 6.92v2.227a2.71 2.71 0 0 0 2.707 2.707 2.71 2.71 0 0 0 2.706-2.707v-2.227C28.333 9.213 22.8 3.68 16 3.68S3.667 9.2 3.667 16 9.2 28.333 16 28.333c1.627 0 3.213-.32 4.72-.933.787-.333 1.573-.76 2.32-1.28a.99.99 0 0 1 1.387.253.99.99 0 0 1-.254 1.387c-.853.6-1.76 1.093-2.693 1.48A14.3 14.3 0 0 1 16 30.333m0-19.253A4.925 4.925 0 0 0 11.08 16 4.934 4.934 0 0 0 16 20.92 4.934 4.934 0 0 0 20.92 16 4.934 4.934 0 0 0 16 11.08\",\n      },\n    ],\n  },\n};\n\n/** Props for {@link AtSignIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type AtSignIconProps = BaseIconProps;\n\n/**\n * At Sign icon. Renders at sizes 16, 24, or 32 px.\n *\n * @example\n * ```tsx\n * <AtSignIcon size={24} />\n * ```\n */\nexport const AtSignIcon = React.forwardRef<SVGSVGElement, AtSignIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nAtSignIcon.displayName = \"AtSignIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,aAAa,MAAM,WAA2C,CAAC,OAAO,QACjF,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,WAAW,cAAc;"}