@fanvue/ui 1.13.1 → 1.14.1

package/dist/components/Icons/PhoneOffIcon.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const PhoneOffIcon = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        "aria-hidden": "true",
+        className: cn("size-6", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: "currentColor",
+              d: "M17.18 22.83c-1.13 0-2.3-.29-3.53-.81-1.2-.51-2.41-1.21-3.59-2.06-1.17-.86-2.31-1.82-3.37-2.87-1.06-1.07-2.02-2.2-2.87-3.36-.86-1.2-1.55-2.39-2.04-3.56C1.26 8.94 1 7.74 1 6.61c0-.78.14-1.52.41-2.21.28-.72.73-1.37 1.33-1.94.77-.75 1.65-1.14 2.59-1.14.39 0 .79.09 1.13.25.39.18.72.45.96.81l3.26 4.91-2.09 2.77 5.31 4.86 2.31-2.18 1.89 1.28 3.32 2.36c.36.25.64.57.8.95.15.38.22.73.22 1.08 0 .48-.11.96-.32 1.41s-.47.84-.8 1.2c-.57.63-1.19 1.08-1.91 1.37-.69.29-1.45.44-2.23.44M5.34 2.81c-.55 0-1.06.24-1.55.72a4 4 0 0 0-.98 1.41c-.2.51-.31 1.07-.31 1.66 0 .93.22 1.94.66 2.98.45 1.06 1.08 2.16 1.88 3.26s1.71 2.17 2.71 3.18c1 .99 2.08 1.91 3.19 2.72 1.08.79 2.19 1.43 3.29 1.89 1.71.73 3.31.9 4.63.35.51-.21.96-.53 1.37-.99.23-.25.41-.52.56-.84.12-.25.18-.51.18-.77 0-.16-.03-.32-.11-.5-.02-.05-.09-.17-.28-.3l-4.2-2.95-2.45 2.32-7.35-6.72 2.27-3.01-2.66-4.01a.94.94 0 0 0-.36-.29c-.15-.07-.32-.11-.5-.11zM19.526 3.235 14.93 7.83l1.06 1.06 4.597-4.595z"
+            }
+          ),
+          /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "m15.99 3.235-1.06 1.06 4.596 4.597 1.06-1.061z" })
+        ]
+      }
+    );
+  }
+);
+PhoneOffIcon.displayName = "PhoneOffIcon";
+export {
+  PhoneOffIcon
+};
+//# sourceMappingURL=PhoneOffIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneOffIcon.mjs","sources":["../../../src/components/Icons/PhoneOffIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const PhoneOffIcon = 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=\"M17.18 22.83c-1.13 0-2.3-.29-3.53-.81-1.2-.51-2.41-1.21-3.59-2.06-1.17-.86-2.31-1.82-3.37-2.87-1.06-1.07-2.02-2.2-2.87-3.36-.86-1.2-1.55-2.39-2.04-3.56C1.26 8.94 1 7.74 1 6.61c0-.78.14-1.52.41-2.21.28-.72.73-1.37 1.33-1.94.77-.75 1.65-1.14 2.59-1.14.39 0 .79.09 1.13.25.39.18.72.45.96.81l3.26 4.91-2.09 2.77 5.31 4.86 2.31-2.18 1.89 1.28 3.32 2.36c.36.25.64.57.8.95.15.38.22.73.22 1.08 0 .48-.11.96-.32 1.41s-.47.84-.8 1.2c-.57.63-1.19 1.08-1.91 1.37-.69.29-1.45.44-2.23.44M5.34 2.81c-.55 0-1.06.24-1.55.72a4 4 0 0 0-.98 1.41c-.2.51-.31 1.07-.31 1.66 0 .93.22 1.94.66 2.98.45 1.06 1.08 2.16 1.88 3.26s1.71 2.17 2.71 3.18c1 .99 2.08 1.91 3.19 2.72 1.08.79 2.19 1.43 3.29 1.89 1.71.73 3.31.9 4.63.35.51-.21.96-.53 1.37-.99.23-.25.41-.52.56-.84.12-.25.18-.51.18-.77 0-.16-.03-.32-.11-.5-.02-.05-.09-.17-.28-.3l-4.2-2.95-2.45 2.32-7.35-6.72 2.27-3.01-2.66-4.01a.94.94 0 0 0-.36-.29c-.15-.07-.32-.11-.5-.11zM19.526 3.235 14.93 7.83l1.06 1.06 4.597-4.595z\"\n        />\n        <path fill=\"currentColor\" d=\"m15.99 3.235-1.06 1.06 4.596 4.597 1.06-1.061z\" />\n      </svg>\n    );\n  },\n);\n\nPhoneOffIcon.displayName = \"PhoneOffIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,eAAe,MAAM;AAAA,EAChC,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,oBAAC,QAAA,EAAK,MAAK,gBAAe,GAAE,iDAAA,CAAiD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGnF;AACF;AAEA,aAAa,cAAc;"}

package/dist/components/Icons/PinIcon.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const PinIcon = 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: "M13.73 22.75c-.49 0-.97-.19-1.32-.55L1.8 11.59c-.48-.47-.66-1.17-.48-1.82s.69-1.15 1.35-1.31l5.9-1.48c.54-.14 1.02-.47 1.33-.94l2.31-3.47c.5-.75 1.3-1.23 2.19-1.31s1.77.23 2.4.86l5.08 5.08a2.974 2.974 0 0 1-.46 4.59l-3.47 2.31c-.47.31-.8.78-.93 1.33l-1.47 5.9a1.88 1.88 0 0 1-1.81 1.42zm.95-20h-.15c-.44.04-.84.28-1.09.65l-2.31 3.47c-.52.78-1.3 1.33-2.21 1.56l-5.9 1.48c-.13.03-.23.13-.26.26-.04.13 0 .26.09.36l10.61 10.62c.09.09.23.13.36.09s.23-.14.26-.27l1.47-5.9c.23-.91.78-1.69 1.56-2.21l3.47-2.31c.37-.25.61-.64.65-1.09.04-.44-.11-.88-.43-1.19l-5.07-5.09c-.28-.28-.66-.43-1.05-.43" }),
+          /* @__PURE__ */ jsx("path", { d: "M2 22.75c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l5.63-5.63c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-5.63 5.63c-.15.15-.34.22-.53.22" })
+        ] })
+      }
+    );
+  }
+);
+PinIcon.displayName = "PinIcon";
+export {
+  PinIcon
+};
+//# sourceMappingURL=PinIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinIcon.mjs","sources":["../../../src/components/Icons/PinIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const PinIcon = 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=\"M13.73 22.75c-.49 0-.97-.19-1.32-.55L1.8 11.59c-.48-.47-.66-1.17-.48-1.82s.69-1.15 1.35-1.31l5.9-1.48c.54-.14 1.02-.47 1.33-.94l2.31-3.47c.5-.75 1.3-1.23 2.19-1.31s1.77.23 2.4.86l5.08 5.08a2.974 2.974 0 0 1-.46 4.59l-3.47 2.31c-.47.31-.8.78-.93 1.33l-1.47 5.9a1.88 1.88 0 0 1-1.81 1.42zm.95-20h-.15c-.44.04-.84.28-1.09.65l-2.31 3.47c-.52.78-1.3 1.33-2.21 1.56l-5.9 1.48c-.13.03-.23.13-.26.26-.04.13 0 .26.09.36l10.61 10.62c.09.09.23.13.36.09s.23-.14.26-.27l1.47-5.9c.23-.91.78-1.69 1.56-2.21l3.47-2.31c.37-.25.61-.64.65-1.09.04-.44-.11-.88-.43-1.19l-5.07-5.09c-.28-.28-.66-.43-1.05-.43\" />\n          <path d=\"M2 22.75c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l5.63-5.63c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-5.63 5.63c-.15.15-.34.22-.53.22\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nPinIcon.displayName = \"PinIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,UAAU,MAAM;AAAA,EAC3B,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,4kBAAA,CAA4kB;AAAA,UACplB,oBAAC,QAAA,EAAK,GAAE,uIAAA,CAAuI;AAAA,QAAA,EAAA,CACjJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,QAAQ,cAAc;"}

package/dist/components/Icons/PlayIcon.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const PlayIcon = 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: "M11.97 22.75C6.05 22.75 1.22 17.93 1.22 12S6.05 1.25 11.97 1.25 22.72 6.07 22.72 12 17.9 22.75 11.97 22.75m0-20c-5.1 0-9.25 4.15-9.25 9.25s4.15 9.25 9.25 9.25 9.25-4.15 9.25-9.25-4.15-9.25-9.25-9.25" }),
+          /* @__PURE__ */ jsx("path", { d: "M10.56 16.99c-.44 0-.86-.11-1.23-.32-.86-.5-1.34-1.48-1.34-2.76v-3.35c0-1.28.47-2.26 1.33-2.76s1.95-.42 3.06.22l2.9 1.67c1.11.64 1.72 1.54 1.72 2.54 0 .99-.61 1.9-1.72 2.54l-2.9 1.67c-.62.37-1.25.55-1.82.55m0-8.02c-.18 0-.35.04-.48.12-.38.22-.59.75-.59 1.47v3.35c0 .71.21 1.25.59 1.46.37.22.94.13 1.56-.22l2.9-1.67c.62-.36.97-.81.97-1.24s-.36-.88-.97-1.24l-2.9-1.67c-.4-.24-.77-.36-1.08-.36" })
+        ] })
+      }
+    );
+  }
+);
+PlayIcon.displayName = "PlayIcon";
+export {
+  PlayIcon
+};
+//# sourceMappingURL=PlayIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlayIcon.mjs","sources":["../../../src/components/Icons/PlayIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const PlayIcon = 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=\"M11.97 22.75C6.05 22.75 1.22 17.93 1.22 12S6.05 1.25 11.97 1.25 22.72 6.07 22.72 12 17.9 22.75 11.97 22.75m0-20c-5.1 0-9.25 4.15-9.25 9.25s4.15 9.25 9.25 9.25 9.25-4.15 9.25-9.25-4.15-9.25-9.25-9.25\" />\n          <path d=\"M10.56 16.99c-.44 0-.86-.11-1.23-.32-.86-.5-1.34-1.48-1.34-2.76v-3.35c0-1.28.47-2.26 1.33-2.76s1.95-.42 3.06.22l2.9 1.67c1.11.64 1.72 1.54 1.72 2.54 0 .99-.61 1.9-1.72 2.54l-2.9 1.67c-.62.37-1.25.55-1.82.55m0-8.02c-.18 0-.35.04-.48.12-.38.22-.59.75-.59 1.47v3.35c0 .71.21 1.25.59 1.46.37.22.94.13 1.56-.22l2.9-1.67c.62-.36.97-.81.97-1.24s-.36-.88-.97-1.24l-2.9-1.67c-.4-.24-.77-.36-1.08-.36\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nPlayIcon.displayName = \"PlayIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,WAAW,MAAM;AAAA,EAC5B,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,yMAAA,CAAyM;AAAA,UACjN,oBAAC,QAAA,EAAK,GAAE,yYAAA,CAAyY;AAAA,QAAA,EAAA,CACnZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,SAAS,cAAc;"}

package/dist/components/Icons/PrivacyIcon.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const PrivacyIcon = 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: "M18 20.79c-.4 0-.75-.26-.85-.65l-.38-1.34a1.86 1.86 0 0 0-1.46-1.32l-1.37-.25a.884.884 0 0 1-.73-.83c-.02-.41.24-.79.64-.9l1.34-.38c.69-.2 1.19-.76 1.32-1.46l.25-1.37c.07-.41.42-.71.83-.73.41-.03.79.24.9.64l.38 1.34c.2.69.76 1.19 1.46 1.32l1.37.25c.41.07.71.42.73.83.02.42-.24.79-.64.9l-1.34.38c-.69.2-1.19.76-1.32 1.46l-.25 1.37c-.07.41-.47.72-.88.74.02 0-.02 0 0 0m-1.66-4.54c.65.29 1.19.78 1.54 1.4.29-.65.78-1.19 1.4-1.54-.65-.29-1.19-.78-1.54-1.4-.29.65-.78 1.19-1.4 1.54" }),
+          /* @__PURE__ */ jsx("path", { d: "M11.88 22.74c-.19 0-.39-.02-.57-.06-5.25-1.17-9.25-5.83-9.51-11.08l-.22-4.38c-.06-1.12.7-2.37 1.72-2.84l5.45-2.55c1.39-.65 3.02-.73 4.47-.22l5.68 2c1.06.37 1.93 1.54 1.99 2.66l.21 4.39c.02.41-.3.76-.71.78-.38.01-.76-.3-.78-.71l-.21-4.39c-.03-.51-.5-1.14-.99-1.32l-5.68-2c-1.08-.38-2.3-.32-3.34.17L3.94 5.74c-.48.22-.88.89-.86 1.41l.22 4.38c.23 4.58 3.74 8.66 8.34 9.69.2.04.42.03.62-.03.67-.22 1.33-.52 1.95-.88.36-.21.82-.09 1.02.27.21.36.09.82-.27 1.02-.71.41-1.46.75-2.23 1-.27.09-.57.14-.85.14" })
+        ] })
+      }
+    );
+  }
+);
+PrivacyIcon.displayName = "PrivacyIcon";
+export {
+  PrivacyIcon
+};
+//# sourceMappingURL=PrivacyIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrivacyIcon.mjs","sources":["../../../src/components/Icons/PrivacyIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const PrivacyIcon = 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=\"M18 20.79c-.4 0-.75-.26-.85-.65l-.38-1.34a1.86 1.86 0 0 0-1.46-1.32l-1.37-.25a.884.884 0 0 1-.73-.83c-.02-.41.24-.79.64-.9l1.34-.38c.69-.2 1.19-.76 1.32-1.46l.25-1.37c.07-.41.42-.71.83-.73.41-.03.79.24.9.64l.38 1.34c.2.69.76 1.19 1.46 1.32l1.37.25c.41.07.71.42.73.83.02.42-.24.79-.64.9l-1.34.38c-.69.2-1.19.76-1.32 1.46l-.25 1.37c-.07.41-.47.72-.88.74.02 0-.02 0 0 0m-1.66-4.54c.65.29 1.19.78 1.54 1.4.29-.65.78-1.19 1.4-1.54-.65-.29-1.19-.78-1.54-1.4-.29.65-.78 1.19-1.4 1.54\" />\n          <path d=\"M11.88 22.74c-.19 0-.39-.02-.57-.06-5.25-1.17-9.25-5.83-9.51-11.08l-.22-4.38c-.06-1.12.7-2.37 1.72-2.84l5.45-2.55c1.39-.65 3.02-.73 4.47-.22l5.68 2c1.06.37 1.93 1.54 1.99 2.66l.21 4.39c.02.41-.3.76-.71.78-.38.01-.76-.3-.78-.71l-.21-4.39c-.03-.51-.5-1.14-.99-1.32l-5.68-2c-1.08-.38-2.3-.32-3.34.17L3.94 5.74c-.48.22-.88.89-.86 1.41l.22 4.38c.23 4.58 3.74 8.66 8.34 9.69.2.04.42.03.62-.03.67-.22 1.33-.52 1.95-.88.36-.21.82-.09 1.02.27.21.36.09.82-.27 1.02-.71.41-1.46.75-2.23 1-.27.09-.57.14-.85.14\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nPrivacyIcon.displayName = \"PrivacyIcon\";\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,qBAAC,KAAA,EAAE,MAAK,gBACN,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,GAAE,+dAAA,CAA+d;AAAA,UACve,oBAAC,QAAA,EAAK,GAAE,ofAAA,CAAof;AAAA,QAAA,EAAA,CAC9f;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,YAAY,cAAc;"}

package/dist/components/Icons/RepeatIcon.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const RepeatIcon = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        "aria-hidden": "true",
+        className: cn("size-6", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: "currentColor",
+              d: "M20.42 12.22c-.41 0-.75-.34-.75-.75V8.15c0-1.24-1.01-2.25-2.25-2.25H3.58c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h13.84c2.07 0 3.75 1.68 3.75 3.75v3.32c0 .42-.34.75-.75.75"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: "currentColor",
+              d: "M6.74 9.07c-.19 0-.38-.07-.53-.22L3.05 5.69a.75.75 0 0 1 0-1.06l3.16-3.16c.29-.29.77-.29 1.06 0s.29.77 0 1.06L4.64 5.16l2.63 2.63c.29.29.29.77 0 1.06-.15.14-.34.22-.53.22M20.42 19.59H6.58c-2.07 0-3.75-1.68-3.75-3.75v-3.32c0-.41.34-.75.75-.75s.75.34.75.75v3.32c0 1.24 1.01 2.25 2.25 2.25h13.84c.41 0 .75.34.75.75s-.34.75-.75.75"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              fill: "currentColor",
+              d: "M17.26 22.75c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l2.63-2.63-2.63-2.63a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l3.16 3.16a.75.75 0 0 1 0 1.06l-3.16 3.16a.7.7 0 0 1-.53.22"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+RepeatIcon.displayName = "RepeatIcon";
+export {
+  RepeatIcon
+};
+//# sourceMappingURL=RepeatIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatIcon.mjs","sources":["../../../src/components/Icons/RepeatIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const RepeatIcon = 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=\"M20.42 12.22c-.41 0-.75-.34-.75-.75V8.15c0-1.24-1.01-2.25-2.25-2.25H3.58c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h13.84c2.07 0 3.75 1.68 3.75 3.75v3.32c0 .42-.34.75-.75.75\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M6.74 9.07c-.19 0-.38-.07-.53-.22L3.05 5.69a.75.75 0 0 1 0-1.06l3.16-3.16c.29-.29.77-.29 1.06 0s.29.77 0 1.06L4.64 5.16l2.63 2.63c.29.29.29.77 0 1.06-.15.14-.34.22-.53.22M20.42 19.59H6.58c-2.07 0-3.75-1.68-3.75-3.75v-3.32c0-.41.34-.75.75-.75s.75.34.75.75v3.32c0 1.24 1.01 2.25 2.25 2.25h13.84c.41 0 .75.34.75.75s-.34.75-.75.75\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M17.26 22.75c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l2.63-2.63-2.63-2.63a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l3.16 3.16a.75.75 0 0 1 0 1.06l-3.16 3.16a.7.7 0 0 1-.53.22\"\n        />\n      </svg>\n    );\n  },\n);\n\nRepeatIcon.displayName = \"RepeatIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,aAAa,MAAM;AAAA,EAC9B,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,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,WAAW,cAAc;"}

package/dist/components/Icons/Reply2Icon.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const Reply2Icon = 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: "M20.88 11.1c-.41 0-.75-.34-.75-.75V4.81c0-.41.34-.75.75-.75s.75.34.75.75v5.54c0 .41-.34.75-.75.75" }),
+          /* @__PURE__ */ jsx("path", { d: "M11.45 12.22c-1.02 0-2.04-.3-2.93-.91L2.56 7.27a2.981 2.981 0 0 1 1.67-5.45h14.42a2.981 2.981 0 0 1 1.67 5.45l-5.95 4.03c-.89.6-1.91.91-2.93.91zm-7.22-8.9a1.483 1.483 0 0 0-.83 2.71l5.95 4.04c1.27.86 2.91.86 4.18 0l5.95-4.03c.41-.28.65-.74.65-1.23 0-.82-.67-1.49-1.48-1.49z" }),
+          /* @__PURE__ */ jsx("path", { d: "M10.89 17.77H5c-2.07 0-3.75-1.68-3.75-3.75V4.81c0-.41.34-.75.75-.75s.75.34.75.75v9.21c0 1.24 1.01 2.25 2.25 2.25h5.89c.41 0 .75.34.75.75s-.34.75-.75.75M16.43 22.18c-.19 0-.38-.07-.53-.22l-2.22-2.19a.76.76 0 0 1-.17-.82.76.76 0 0 1 .69-.47h5.57c.81 0 1.47-.66 1.47-1.47s-.66-1.47-1.47-1.47h-1.11c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h1.11a2.97 2.97 0 0 1 0 5.94h-3.74l.92.91c.29.29.3.77 0 1.06-.15.15-.34.22-.53.22z" })
+        ] })
+      }
+    );
+  }
+);
+Reply2Icon.displayName = "Reply2Icon";
+export {
+  Reply2Icon
+};
+//# sourceMappingURL=Reply2Icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reply2Icon.mjs","sources":["../../../src/components/Icons/Reply2Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const Reply2Icon = 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=\"M20.88 11.1c-.41 0-.75-.34-.75-.75V4.81c0-.41.34-.75.75-.75s.75.34.75.75v5.54c0 .41-.34.75-.75.75\" />\n          <path d=\"M11.45 12.22c-1.02 0-2.04-.3-2.93-.91L2.56 7.27a2.981 2.981 0 0 1 1.67-5.45h14.42a2.981 2.981 0 0 1 1.67 5.45l-5.95 4.03c-.89.6-1.91.91-2.93.91zm-7.22-8.9a1.483 1.483 0 0 0-.83 2.71l5.95 4.04c1.27.86 2.91.86 4.18 0l5.95-4.03c.41-.28.65-.74.65-1.23 0-.82-.67-1.49-1.48-1.49z\" />\n          <path d=\"M10.89 17.77H5c-2.07 0-3.75-1.68-3.75-3.75V4.81c0-.41.34-.75.75-.75s.75.34.75.75v9.21c0 1.24 1.01 2.25 2.25 2.25h5.89c.41 0 .75.34.75.75s-.34.75-.75.75M16.43 22.18c-.19 0-.38-.07-.53-.22l-2.22-2.19a.76.76 0 0 1-.17-.82.76.76 0 0 1 .69-.47h5.57c.81 0 1.47-.66 1.47-1.47s-.66-1.47-1.47-1.47h-1.11c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h1.11a2.97 2.97 0 0 1 0 5.94h-3.74l.92.91c.29.29.3.77 0 1.06-.15.15-.34.22-.53.22z\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nReply2Icon.displayName = \"Reply2Icon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,aAAa,MAAM;AAAA,EAC9B,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,oGAAA,CAAoG;AAAA,UAC5G,oBAAC,QAAA,EAAK,GAAE,oRAAA,CAAoR;AAAA,UAC5R,oBAAC,QAAA,EAAK,GAAE,iaAAA,CAAia;AAAA,QAAA,EAAA,CAC3a;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,WAAW,cAAc;"}

package/dist/components/Icons/ReplyIcon.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const ReplyIcon = 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__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M22 20.27a.76.76 0 0 1-.67-.41c-1.99-3.98-6.21-5.03-9.67-5.15v2.64c0 .75-.42 1.4-1.11 1.7-.68.3-1.45.18-2-.32l-6.69-6.08c-.4-.36-.62-.87-.61-1.41 0-.54.25-1.04.66-1.39L8.6 4.17a1.82 1.82 0 0 1 1.98-.27c.67.31 1.08.95 1.08 1.69v1.97c6.47.32 11.09 4.72 11.09 10.7v1.25c0 .35-.24.65-.58.73-.06.01-.12.02-.17.02zM9.79 5.24c-.07 0-.15.02-.23.09L2.88 11c-.11.09-.13.21-.13.27s.01.18.12.27l6.69 6.06c.16.14.32.09.39.06.06-.03.21-.12.21-.33v-3.4c0-.41.34-.75.75-.75 4.53 0 8.02 1.3 10.26 3.78-.62-4.72-4.67-7.91-10.26-7.91-.41 0-.75-.34-.75-.75V5.6c0-.21-.15-.3-.21-.33-.03-.01-.09-.03-.16-.03"
+          }
+        )
+      }
+    );
+  }
+);
+ReplyIcon.displayName = "ReplyIcon";
+export {
+  ReplyIcon
+};
+//# sourceMappingURL=ReplyIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReplyIcon.mjs","sources":["../../../src/components/Icons/ReplyIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const ReplyIcon = 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=\"M22 20.27a.76.76 0 0 1-.67-.41c-1.99-3.98-6.21-5.03-9.67-5.15v2.64c0 .75-.42 1.4-1.11 1.7-.68.3-1.45.18-2-.32l-6.69-6.08c-.4-.36-.62-.87-.61-1.41 0-.54.25-1.04.66-1.39L8.6 4.17a1.82 1.82 0 0 1 1.98-.27c.67.31 1.08.95 1.08 1.69v1.97c6.47.32 11.09 4.72 11.09 10.7v1.25c0 .35-.24.65-.58.73-.06.01-.12.02-.17.02zM9.79 5.24c-.07 0-.15.02-.23.09L2.88 11c-.11.09-.13.21-.13.27s.01.18.12.27l6.69 6.06c.16.14.32.09.39.06.06-.03.21-.12.21-.33v-3.4c0-.41.34-.75.75-.75 4.53 0 8.02 1.3 10.26 3.78-.62-4.72-4.67-7.91-10.26-7.91-.41 0-.75-.34-.75-.75V5.6c0-.21-.15-.3-.21-.33-.03-.01-.09-.03-.16-.03\"\n        />\n      </svg>\n    );\n  },\n);\n\nReplyIcon.displayName = \"ReplyIcon\";\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;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,UAAU,cAAc;"}

package/dist/components/Icons/SearchIcon.mjs

@@ -1,43 +1,28 @@
 "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 SearchIcon = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      ref,
-      viewBox: "0 0 20 20",
-      fill: "none",
-      "aria-hidden": "true",
-      className: cn("size-5", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            cx: "8.5",
-            cy: "8.5",
-            r: "5.5",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ jsx(
+  ({ 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__ */ jsx(
           "path",
           {
-            d: "M12.5 12.5L17 17",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            fill: "currentColor",
+            d: "M11.5 21.75c-5.65 0-10.25-4.6-10.25-10.25S5.85 1.25 11.5 1.25s10.25 4.6 10.25 10.25-4.6 10.25-10.25 10.25m0-19c-4.83 0-8.75 3.93-8.75 8.75s3.92 8.75 8.75 8.75 8.75-3.93 8.75-8.75-3.92-8.75-8.75-8.75M22 22.75c-.19 0-.38-.07-.53-.22l-2-2a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l2 2c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22"
           }
         )
-      ]
-    }
-  )
+      }
+    );
+  }
 );
 SearchIcon.displayName = "SearchIcon";
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"SearchIcon.mjs","sources":["../../../src/components/Icons/SearchIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\n/** A magnifying glass search icon (20 × 20). */\nexport const SearchIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ className, ...props }, ref) => (\n    <svg\n      ref={ref}\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      aria-hidden=\"true\"\n      className={cn(\"size-5\", className)}\n      {...props}\n    >\n      <circle\n        cx=\"8.5\"\n        cy=\"8.5\"\n        r=\"5.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M12.5 12.5L17 17\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  ),\n);\n\nSearchIcon.displayName = \"SearchIcon\";\n"],"names":[],"mappings":";;;;AAKO,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QACxB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,UAAU,SAAS;AAAA,MAChC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,WAAW,cAAc;"}
+{"version":3,"file":"SearchIcon.mjs","sources":["../../../src/components/Icons/SearchIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const SearchIcon = 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=\"M11.5 21.75c-5.65 0-10.25-4.6-10.25-10.25S5.85 1.25 11.5 1.25s10.25 4.6 10.25 10.25-4.6 10.25-10.25 10.25m0-19c-4.83 0-8.75 3.93-8.75 8.75s3.92 8.75 8.75 8.75 8.75-3.93 8.75-8.75-3.92-8.75-8.75-8.75M22 22.75c-.19 0-.38-.07-.53-.22l-2-2a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l2 2c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22\"\n        />\n      </svg>\n    );\n  },\n);\n\nSearchIcon.displayName = \"SearchIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,aAAa,MAAM;AAAA,EAC9B,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,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,WAAW,cAAc;"}

package/dist/components/Icons/SendIcon.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const SendIcon = 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: "M14.22 21.63c-1.18 0-2.85-.83-4.17-4.8l-.72-2.16-2.16-.72c-3.96-1.32-4.79-2.99-4.79-4.17 0-1.17.83-2.85 4.79-4.18l8.49-2.83c2.12-.71 3.89-.5 4.98.58s1.3 2.86.59 4.98l-2.83 8.49c-1.33 3.98-3 4.81-4.18 4.81M7.64 7.03c-2.78.93-3.77 2.03-3.77 2.75s.99 1.82 3.77 2.74l2.52.84c.22.07.4.25.47.47l.84 2.52c.92 2.78 2.03 3.77 2.75 3.77s1.82-.99 2.75-3.77l2.83-8.49c.51-1.54.42-2.8-.23-3.45s-1.91-.73-3.44-.22z" }),
+          /* @__PURE__ */ jsx("path", { d: "M10.11 14.4c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l3.58-3.59c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-3.58 3.59c-.14.15-.34.22-.53.22" })
+        ] })
+      }
+    );
+  }
+);
+SendIcon.displayName = "SendIcon";
+export {
+  SendIcon
+};
+//# sourceMappingURL=SendIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendIcon.mjs","sources":["../../../src/components/Icons/SendIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const SendIcon = 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=\"M14.22 21.63c-1.18 0-2.85-.83-4.17-4.8l-.72-2.16-2.16-.72c-3.96-1.32-4.79-2.99-4.79-4.17 0-1.17.83-2.85 4.79-4.18l8.49-2.83c2.12-.71 3.89-.5 4.98.58s1.3 2.86.59 4.98l-2.83 8.49c-1.33 3.98-3 4.81-4.18 4.81M7.64 7.03c-2.78.93-3.77 2.03-3.77 2.75s.99 1.82 3.77 2.74l2.52.84c.22.07.4.25.47.47l.84 2.52c.92 2.78 2.03 3.77 2.75 3.77s1.82-.99 2.75-3.77l2.83-8.49c.51-1.54.42-2.8-.23-3.45s-1.91-.73-3.44-.22z\" />\n          <path d=\"M10.11 14.4c-.19 0-.38-.07-.53-.22a.754.754 0 0 1 0-1.06l3.58-3.59c.29-.29.77-.29 1.06 0s.29.77 0 1.06l-3.58 3.59c-.14.15-.34.22-.53.22\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nSendIcon.displayName = \"SendIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,WAAW,MAAM;AAAA,EAC5B,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,0IAAA,CAA0I;AAAA,QAAA,EAAA,CACpJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,SAAS,cAAc;"}

package/dist/components/Icons/SettingsIcon.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const SettingsIcon = 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: "M22 7.25h-6c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75M6 7.25H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75" }),
+          /* @__PURE__ */ jsx("path", { d: "M10 10.75A4.26 4.26 0 0 1 5.75 6.5 4.26 4.26 0 0 1 10 2.25a4.26 4.26 0 0 1 4.25 4.25A4.26 4.26 0 0 1 10 10.75m0-7c-1.52 0-2.75 1.23-2.75 2.75S8.48 9.25 10 9.25s2.75-1.23 2.75-2.75S11.52 3.75 10 3.75M22 18.25h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75M8 18.25H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75" }),
+          /* @__PURE__ */ jsx("path", { d: "M14 21.75a4.26 4.26 0 0 1-4.25-4.25A4.26 4.26 0 0 1 14 13.25a4.26 4.26 0 0 1 4.25 4.25A4.26 4.26 0 0 1 14 21.75m0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75" })
+        ] })
+      }
+    );
+  }
+);
+SettingsIcon.displayName = "SettingsIcon";
+export {
+  SettingsIcon
+};
+//# sourceMappingURL=SettingsIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIcon.mjs","sources":["../../../src/components/Icons/SettingsIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const SettingsIcon = 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=\"M22 7.25h-6c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75M6 7.25H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75\" />\n          <path d=\"M10 10.75A4.26 4.26 0 0 1 5.75 6.5 4.26 4.26 0 0 1 10 2.25a4.26 4.26 0 0 1 4.25 4.25A4.26 4.26 0 0 1 10 10.75m0-7c-1.52 0-2.75 1.23-2.75 2.75S8.48 9.25 10 9.25s2.75-1.23 2.75-2.75S11.52 3.75 10 3.75M22 18.25h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75M8 18.25H2c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6c.41 0 .75.34.75.75s-.34.75-.75.75\" />\n          <path d=\"M14 21.75a4.26 4.26 0 0 1-4.25-4.25A4.26 4.26 0 0 1 14 13.25a4.26 4.26 0 0 1 4.25 4.25A4.26 4.26 0 0 1 14 21.75m0-7c-1.52 0-2.75 1.23-2.75 2.75s1.23 2.75 2.75 2.75 2.75-1.23 2.75-2.75-1.23-2.75-2.75-2.75\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nSettingsIcon.displayName = \"SettingsIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,eAAe,MAAM;AAAA,EAChC,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,2KAAA,CAA2K;AAAA,UACnL,oBAAC,QAAA,EAAK,GAAE,mXAAA,CAAmX;AAAA,UAC3X,oBAAC,QAAA,EAAK,GAAE,8MAAA,CAA8M;AAAA,QAAA,EAAA,CACxN;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,aAAa,cAAc;"}

package/dist/components/Icons/ShareIcon.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const ShareIcon = 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: "M6.41 15.91a3.91 3.91 0 1 1 0-7.82 3.91 3.91 0 1 1 0 7.82m0-6.32a2.411 2.411 0 0 0 0 4.82c1.33 0 2.41-1.08 2.41-2.41S7.74 9.59 6.41 9.59M17.59 9.07a3.91 3.91 0 1 1 0-7.82 3.91 3.91 0 1 1 0 7.82m0-6.32c-1.33 0-2.41 1.08-2.41 2.41s1.08 2.41 2.41 2.41S20 6.49 20 5.16s-1.08-2.41-2.41-2.41M17.59 22.75a3.91 3.91 0 1 1 0-7.82 3.91 3.91 0 1 1 0 7.82m0-6.32c-1.33 0-2.41 1.08-2.41 2.41s1.08 2.41 2.41 2.41S20 20.17 20 18.84s-1.08-2.41-2.41-2.41" }),
+          /* @__PURE__ */ jsx("path", { d: "M9.1 11.09a.75.75 0 0 1-.39-1.39l5.79-3.54a.75.75 0 0 1 .78 1.28l-5.79 3.54c-.12.07-.26.11-.39.11M14.89 17.95c-.13 0-.27-.04-.39-.11L8.71 14.3a.76.76 0 0 1-.25-1.03c.21-.35.67-.47 1.03-.25l5.79 3.54c.35.22.46.68.25 1.03-.14.24-.39.36-.64.36" })
+        ] })
+      }
+    );
+  }
+);
+ShareIcon.displayName = "ShareIcon";
+export {
+  ShareIcon
+};
+//# sourceMappingURL=ShareIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShareIcon.mjs","sources":["../../../src/components/Icons/ShareIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const ShareIcon = 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=\"M6.41 15.91a3.91 3.91 0 1 1 0-7.82 3.91 3.91 0 1 1 0 7.82m0-6.32a2.411 2.411 0 0 0 0 4.82c1.33 0 2.41-1.08 2.41-2.41S7.74 9.59 6.41 9.59M17.59 9.07a3.91 3.91 0 1 1 0-7.82 3.91 3.91 0 1 1 0 7.82m0-6.32c-1.33 0-2.41 1.08-2.41 2.41s1.08 2.41 2.41 2.41S20 6.49 20 5.16s-1.08-2.41-2.41-2.41M17.59 22.75a3.91 3.91 0 1 1 0-7.82 3.91 3.91 0 1 1 0 7.82m0-6.32c-1.33 0-2.41 1.08-2.41 2.41s1.08 2.41 2.41 2.41S20 20.17 20 18.84s-1.08-2.41-2.41-2.41\" />\n          <path d=\"M9.1 11.09a.75.75 0 0 1-.39-1.39l5.79-3.54a.75.75 0 0 1 .78 1.28l-5.79 3.54c-.12.07-.26.11-.39.11M14.89 17.95c-.13 0-.27-.04-.39-.11L8.71 14.3a.76.76 0 0 1-.25-1.03c.21-.35.67-.47 1.03-.25l5.79 3.54c.35.22.46.68.25 1.03-.14.24-.39.36-.64.36\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nShareIcon.displayName = \"ShareIcon\";\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,wbAAA,CAAwb;AAAA,UAChc,oBAAC,QAAA,EAAK,GAAE,mPAAA,CAAmP;AAAA,QAAA,EAAA,CAC7P;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,UAAU,cAAc;"}

package/dist/components/Icons/StarIcon.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const StarIcon = 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__ */ jsx(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M17.66 22.67c-.53 0-1.21-.17-2.06-.67l-2.99-1.77c-.31-.18-.91-.18-1.21 0L8.4 22c-1.77 1.05-2.81.63-3.28.29-.46-.34-1.18-1.21-.71-3.21l.71-3.07c.08-.32-.08-.87-.32-1.11l-2.48-2.48c-1.24-1.24-1.14-2.3-.97-2.82s.71-1.44 2.43-1.73l3.19-.53c.3-.05.73-.37.86-.64L9.6 3.17c.8-1.61 1.85-1.85 2.4-1.85s1.6.24 2.4 1.85l1.76 3.52c.14.27.57.59.87.64l3.19.53c1.73.29 2.27 1.21 2.43 1.73s.26 1.58-.97 2.82L19.2 14.9c-.24.24-.39.78-.32 1.11l.71 3.07c.46 2-.25 2.87-.71 3.21-.25.18-.65.38-1.22.38M12 18.59c.49 0 .98.12 1.37.35l2.99 1.77c.87.52 1.42.52 1.63.37s.36-.68.14-1.66l-.71-3.07c-.19-.83.12-1.9.72-2.51l2.48-2.48c.49-.49.71-.97.61-1.3-.11-.33-.57-.6-1.25-.71l-3.19-.53c-.77-.13-1.61-.75-1.96-1.45l-1.76-3.52c-.32-.64-.72-1.02-1.07-1.02s-.75.38-1.06 1.02L9.17 7.37c-.35.7-1.19 1.32-1.96 1.45l-3.18.53c-.68.11-1.14.38-1.25.71s.12.82.61 1.3l2.48 2.48c.6.6.91 1.68.72 2.51l-.71 3.07c-.23.99-.07 1.51.14 1.66s.75.14 1.63-.37l2.99-1.77c.38-.23.87-.35 1.36-.35"
+          }
+        )
+      }
+    );
+  }
+);
+StarIcon.displayName = "StarIcon";
+export {
+  StarIcon
+};
+//# sourceMappingURL=StarIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StarIcon.mjs","sources":["../../../src/components/Icons/StarIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const StarIcon = 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=\"M17.66 22.67c-.53 0-1.21-.17-2.06-.67l-2.99-1.77c-.31-.18-.91-.18-1.21 0L8.4 22c-1.77 1.05-2.81.63-3.28.29-.46-.34-1.18-1.21-.71-3.21l.71-3.07c.08-.32-.08-.87-.32-1.11l-2.48-2.48c-1.24-1.24-1.14-2.3-.97-2.82s.71-1.44 2.43-1.73l3.19-.53c.3-.05.73-.37.86-.64L9.6 3.17c.8-1.61 1.85-1.85 2.4-1.85s1.6.24 2.4 1.85l1.76 3.52c.14.27.57.59.87.64l3.19.53c1.73.29 2.27 1.21 2.43 1.73s.26 1.58-.97 2.82L19.2 14.9c-.24.24-.39.78-.32 1.11l.71 3.07c.46 2-.25 2.87-.71 3.21-.25.18-.65.38-1.22.38M12 18.59c.49 0 .98.12 1.37.35l2.99 1.77c.87.52 1.42.52 1.63.37s.36-.68.14-1.66l-.71-3.07c-.19-.83.12-1.9.72-2.51l2.48-2.48c.49-.49.71-.97.61-1.3-.11-.33-.57-.6-1.25-.71l-3.19-.53c-.77-.13-1.61-.75-1.96-1.45l-1.76-3.52c-.32-.64-.72-1.02-1.07-1.02s-.75.38-1.06 1.02L9.17 7.37c-.35.7-1.19 1.32-1.96 1.45l-3.18.53c-.68.11-1.14.38-1.25.71s.12.82.61 1.3l2.48 2.48c.6.6.91 1.68.72 2.51l-.71 3.07c-.23.99-.07 1.51.14 1.66s.75.14 1.63-.37l2.99-1.77c.38-.23.87-.35 1.36-.35\"\n        />\n      </svg>\n    );\n  },\n);\n\nStarIcon.displayName = \"StarIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,WAAW,MAAM;AAAA,EAC5B,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,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,SAAS,cAAc;"}

package/dist/components/Icons/StopIcon.mjs

@@ -1,26 +1,25 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../utils/cn.mjs";
 const StopIcon = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "svg",
-    {
-      ref,
-      className: cn("size-5", className),
-      "aria-hidden": "true",
-      viewBox: "0 0 40 40",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M11 25.9975V13.9883C11 13.1628 11.294 12.4583 11.8821 11.875C12.4699 11.2917 13.1767 11 14.0025 11H26.0117C26.8372 11 27.5417 11.294 28.125 11.8821C28.7083 12.4699 29 13.1767 29 14.0025V26.0117C29 26.8372 28.706 27.5417 28.1179 28.125C27.5301 28.7083 26.8233 29 25.9975 29H13.9883C13.1628 29 12.4583 28.706 11.875 28.1179C11.2917 27.5301 11 26.8233 11 25.9975Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  )
+  ({ 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: "M11.97 22.75C6.05 22.75 1.22 17.93 1.22 12S6.05 1.25 11.97 1.25 22.72 6.07 22.72 12 17.9 22.75 11.97 22.75m0-20c-5.1 0-9.25 4.15-9.25 9.25s4.15 9.25 9.25 9.25 9.25-4.15 9.25-9.25-4.15-9.25-9.25-9.25" }),
+          /* @__PURE__ */ jsx("path", { d: "M13.27 16.98h-2.54c-2.53 0-3.71-1.18-3.71-3.71v-2.54c0-2.53 1.18-3.71 3.71-3.71h2.54c2.53 0 3.71 1.18 3.71 3.71v2.54c0 2.53-1.18 3.71-3.71 3.71m-2.54-8.46c-1.69 0-2.21.52-2.21 2.21v2.54c0 1.69.52 2.21 2.21 2.21h2.54c1.69 0 2.21-.52 2.21-2.21v-2.54c0-1.69-.52-2.21-2.21-2.21z" })
+        ] })
+      }
+    );
+  }
 );
 StopIcon.displayName = "StopIcon";
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"StopIcon.mjs","sources":["../../../src/components/Icons/StopIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\n/** A filled-square stop icon for media/recording controls (40 × 40). */\nexport const StopIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ className, ...props }, ref) => (\n    <svg\n      ref={ref}\n      className={cn(\"size-5\", className)}\n      aria-hidden=\"true\"\n      viewBox=\"0 0 40 40\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M11 25.9975V13.9883C11 13.1628 11.294 12.4583 11.8821 11.875C12.4699 11.2917 13.1767 11 14.0025 11H26.0117C26.8372 11 27.5417 11.294 28.125 11.8821C28.7083 12.4699 29 13.1767 29 14.0025V26.0117C29 26.8372 28.706 27.5417 28.1179 28.125C27.5301 28.7083 26.8233 29 25.9975 29H13.9883C13.1628 29 12.4583 28.706 11.875 28.1179C11.2917 27.5301 11 26.8233 11 25.9975Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  ),\n);\n\nStopIcon.displayName = \"StopIcon\";\n"],"names":[],"mappings":";;;;AAKO,MAAM,WAAW,MAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QACxB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,UAAU,SAAS;AAAA,MACjC,eAAY;AAAA,MACZ,SAAQ;AAAA,MACR,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AAGN;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"StopIcon.mjs","sources":["../../../src/components/Icons/StopIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const StopIcon = 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=\"M11.97 22.75C6.05 22.75 1.22 17.93 1.22 12S6.05 1.25 11.97 1.25 22.72 6.07 22.72 12 17.9 22.75 11.97 22.75m0-20c-5.1 0-9.25 4.15-9.25 9.25s4.15 9.25 9.25 9.25 9.25-4.15 9.25-9.25-4.15-9.25-9.25-9.25\" />\n          <path d=\"M13.27 16.98h-2.54c-2.53 0-3.71-1.18-3.71-3.71v-2.54c0-2.53 1.18-3.71 3.71-3.71h2.54c2.53 0 3.71 1.18 3.71 3.71v2.54c0 2.53-1.18 3.71-3.71 3.71m-2.54-8.46c-1.69 0-2.21.52-2.21 2.21v2.54c0 1.69.52 2.21 2.21 2.21h2.54c1.69 0 2.21-.52 2.21-2.21v-2.54c0-1.69-.52-2.21-2.21-2.21z\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nStopIcon.displayName = \"StopIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,WAAW,MAAM;AAAA,EAC5B,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,yMAAA,CAAyM;AAAA,UACjN,oBAAC,QAAA,EAAK,GAAE,qRAAA,CAAqR;AAAA,QAAA,EAAA,CAC/R;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,SAAS,cAAc;"}

package/dist/components/Icons/SunIcon.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+const SunIcon = 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__ */ jsx("g", { fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 19.25C8 19.25 4.75 16 4.75 12S8 4.75 12 4.75 19.25 8 19.25 12 16 19.25 12 19.25m0-13c-3.17 0-5.75 2.58-5.75 5.75s2.58 5.75 5.75 5.75 5.75-2.58 5.75-5.75S15.17 6.25 12 6.25M12 22.96c-.55 0-1-.41-1-.96v-.08c0-.55.45-1 1-1s1 .45 1 1-.45 1.04-1 1.04m7.14-2.82c-.26 0-.51-.1-.71-.29l-.13-.13a.996.996 0 1 1 1.41-1.41l.13.13a.996.996 0 0 1-.7 1.7m-14.28 0c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l.13-.13a.996.996 0 1 1 1.41 1.41l-.13.13c-.19.19-.45.29-.7.29M22 13h-.08c-.55 0-1-.45-1-1s.45-1 1-1 1.04.45 1.04 1-.41 1-.96 1M2.08 13H2c-.55 0-1-.45-1-1s.45-1 1-1 1.04.45 1.04 1-.41 1-.96 1m16.93-7.01c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l.13-.13a.996.996 0 1 1 1.41 1.41l-.13.13c-.19.19-.44.29-.7.29m-14.02 0c-.26 0-.51-.1-.71-.29l-.13-.14a.996.996 0 1 1 1.41-1.41l.13.13c.39.39.39 1.02 0 1.41-.19.2-.45.3-.7.3M12 3.04c-.55 0-1-.41-1-.96V2c0-.55.45-1 1-1s1 .45 1 1-.45 1.04-1 1.04" }) })
+      }
+    );
+  }
+);
+SunIcon.displayName = "SunIcon";
+export {
+  SunIcon
+};
+//# sourceMappingURL=SunIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SunIcon.mjs","sources":["../../../src/components/Icons/SunIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport type { IconProps } from \"./types\";\n\nexport const SunIcon = 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 19.25C8 19.25 4.75 16 4.75 12S8 4.75 12 4.75 19.25 8 19.25 12 16 19.25 12 19.25m0-13c-3.17 0-5.75 2.58-5.75 5.75s2.58 5.75 5.75 5.75 5.75-2.58 5.75-5.75S15.17 6.25 12 6.25M12 22.96c-.55 0-1-.41-1-.96v-.08c0-.55.45-1 1-1s1 .45 1 1-.45 1.04-1 1.04m7.14-2.82c-.26 0-.51-.1-.71-.29l-.13-.13a.996.996 0 1 1 1.41-1.41l.13.13a.996.996 0 0 1-.7 1.7m-14.28 0c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l.13-.13a.996.996 0 1 1 1.41 1.41l-.13.13c-.19.19-.45.29-.7.29M22 13h-.08c-.55 0-1-.45-1-1s.45-1 1-1 1.04.45 1.04 1-.41 1-.96 1M2.08 13H2c-.55 0-1-.45-1-1s.45-1 1-1 1.04.45 1.04 1-.41 1-.96 1m16.93-7.01c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l.13-.13a.996.996 0 1 1 1.41 1.41l-.13.13c-.19.19-.44.29-.7.29m-14.02 0c-.26 0-.51-.1-.71-.29l-.13-.14a.996.996 0 1 1 1.41-1.41l.13.13c.39.39.39 1.02 0 1.41-.19.2-.45.3-.7.3M12 3.04c-.55 0-1-.41-1-.96V2c0-.55.45-1 1-1s1 .45 1 1-.45 1.04-1 1.04\" />\n        </g>\n      </svg>\n    );\n  },\n);\n\nSunIcon.displayName = \"SunIcon\";\n"],"names":[],"mappings":";;;;AAIO,MAAM,UAAU,MAAM;AAAA,EAC3B,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,oBAAC,OAAE,MAAK,gBACN,8BAAC,QAAA,EAAK,GAAE,03BAAy3B,EAAA,CACn4B;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,QAAQ,cAAc;"}