@octavius2929-personal/design-system 0.14.0 → 0.16.0

package/dist/index.js

@@ -101,10 +101,264 @@ var Container = ContainerForwarded;
 import { forwardRef as forwardRef2 } from "react";
 
 // src/components/typography/use-styles.ts
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
+
+// ../core/dist/index.js
+import { useEffect as useEffect2, useMemo as useMemo3, useState as useState2 } from "react";
+var tokens = {
+  font: {
+    display: "'DM Serif Display', 'Times New Roman', serif",
+    text: "'Newsreader', Georgia, serif",
+    mono: "'IBM Plex Mono', 'SFMono-Regular', monospace",
+    black: "'UnifrakturMaguntia', 'Grenze Gotisch', serif"
+  },
+  // Roles tipográficos: tamaño/interlineado/peso/tracking listos para typography.css.ts.
+  text: {
+    eyebrow: { size: "0.694rem", lineHeight: "1.2", weight: "500", letterSpacing: "0.14em" },
+    display: { size: "5.6rem", lineHeight: "1.05", weight: "600", letterSpacing: "-0.01em" },
+    h1: { size: "2.9rem", lineHeight: "1.05", weight: "600", letterSpacing: "-0.01em" },
+    h2: { size: "2.1rem", lineHeight: "1.2", weight: "600", letterSpacing: "0" },
+    h3: { size: "1.563rem", lineHeight: "1.2", weight: "500", letterSpacing: "0" },
+    h4: { size: "1.25rem", lineHeight: "1.2", weight: "600", letterSpacing: "0" },
+    body: { size: "1rem", lineHeight: "1.7", weight: "400", letterSpacing: "0" },
+    lead: { size: "1.25rem", lineHeight: "1.7", weight: "400", letterSpacing: "0" },
+    small: { size: "0.95rem", lineHeight: "1.5", weight: "400", letterSpacing: "0" },
+    caption: { size: "0.833rem", lineHeight: "1.5", weight: "400", letterSpacing: "0.04em" }
+  },
+  space: {
+    s0: "0",
+    s1: "0.25rem",
+    // 4
+    s2: "0.5rem",
+    // 8
+    s3: "0.75rem",
+    // 12
+    s4: "1rem",
+    // 16
+    s5: "1.5rem",
+    // 24
+    s6: "2rem",
+    // 32
+    s7: "3rem",
+    // 48
+    s8: "4rem",
+    // 64
+    s9: "6rem"
+    // 96
+  },
+  radius: { none: "0px", sm: "3px", md: "5px", lg: "8px", base: "4px", full: "999px" },
+  border: { hair: "1px", rule: "1.5px", heavy: "2px" },
+  // Tracking de mayúsculas: escala coherente alineada al uso real (eyebrow = widest).
+  tracking: { tight: "-0.01em", normal: "0", wide: "0.04em", wider: "0.1em", widest: "0.14em" },
+  weight: { light: "300", regular: "400", medium: "500", semibold: "600", bold: "700" },
+  dur: { fast: "120ms", base: "200ms", slow: "360ms" },
+  ease: { ink: "cubic-bezier(0.2, 0, 0, 1)" },
+  shadow: {
+    sm: "0 1px 0 rgba(20,17,14,0.06)",
+    md: "0 2px 10px -4px rgba(20,17,14,0.22)",
+    lg: "0 12px 32px -10px rgba(20,17,14,0.34)"
+  }
+};
+var tintaSchema = {
+  light: {
+    ...tokens,
+    color: {
+      bg1: "#F8F7F4",
+      bg2: "#FFFFFF",
+      bg3: "#EDEBE6",
+      bgInset: "#E4E1DA",
+      fg1: "#15130F",
+      fg2: "#494640",
+      fg3: "#737069",
+      fgOnAccent: "#F8F7F4",
+      border1: "rgba(21, 19, 15, 0.12)",
+      border2: "rgba(21, 19, 15, 0.26)",
+      borderStrong: "rgba(21, 19, 15, 0.85)",
+      accent: "#7B1E1E",
+      accentHover: "#631616",
+      accentSoft: "rgba(123, 30, 30, 0.10)",
+      ok: "#3E5C3A",
+      warn: "#8A6A1E",
+      danger: "#7B1E1E",
+      dangerHover: "#631616",
+      dangerSoft: "rgba(123, 30, 30, 0.10)",
+      info: "#2E4257",
+      focus: "#7B1E1E",
+      scrim: "rgba(20, 17, 14, 0.55)"
+    }
+  },
+  dark: {
+    ...tokens,
+    color: {
+      bg1: "#100E0B",
+      bg2: "#1A1611",
+      bg3: "#070605",
+      bgInset: "#221D16",
+      fg1: "#F2EDE2",
+      fg2: "#B7AF9F",
+      fg3: "#878070",
+      fgOnAccent: "#F2EDE2",
+      border1: "rgba(242, 237, 226, 0.13)",
+      border2: "rgba(242, 237, 226, 0.26)",
+      borderStrong: "rgba(242, 237, 226, 0.80)",
+      accent: "#B23A3A",
+      accentHover: "#CC4A4A",
+      accentSoft: "rgba(178, 58, 58, 0.16)",
+      ok: "#7FA178",
+      warn: "#C7A04E",
+      danger: "#C24A4A",
+      dangerHover: "#D45C5C",
+      dangerSoft: "rgba(194, 74, 74, 0.16)",
+      info: "#6E92B4",
+      focus: "#CC4A4A",
+      scrim: "rgba(7, 6, 5, 0.65)"
+    }
+  },
+  sepia: {
+    ...tokens,
+    color: {
+      bg1: "#E9DDC4",
+      bg2: "#F2E9D5",
+      bg3: "#DCCDAC",
+      bgInset: "#D2C09B",
+      fg1: "#2A2013",
+      fg2: "#5A4A33",
+      fg3: "#6E6046",
+      fgOnAccent: "#F2E9D5",
+      border1: "rgba(42, 32, 19, 0.16)",
+      border2: "rgba(42, 32, 19, 0.32)",
+      borderStrong: "rgba(42, 32, 19, 0.82)",
+      accent: "#7A2E12",
+      accentHover: "#5F2109",
+      accentSoft: "rgba(122, 46, 18, 0.12)",
+      ok: "#4A5A2E",
+      warn: "#8A6A1E",
+      danger: "#7A2E12",
+      dangerHover: "#5F2109",
+      dangerSoft: "rgba(122, 46, 18, 0.12)",
+      info: "#3C4E57",
+      focus: "#7A2E12",
+      scrim: "rgba(42, 32, 19, 0.55)"
+    }
+  },
+  contrast: {
+    ...tokens,
+    color: {
+      bg1: "#FFFFFF",
+      bg2: "#FFFFFF",
+      bg3: "#F2F2F2",
+      bgInset: "#EAEAEA",
+      fg1: "#000000",
+      fg2: "#000000",
+      fg3: "#2B2B2B",
+      fgOnAccent: "#FFFFFF",
+      border1: "#000000",
+      border2: "#000000",
+      borderStrong: "#000000",
+      accent: "#000000",
+      accentHover: "#2B2B2B",
+      accentSoft: "rgba(0, 0, 0, 0.08)",
+      ok: "#000000",
+      warn: "#000000",
+      danger: "#8B0000",
+      dangerHover: "#6B0000",
+      dangerSoft: "rgba(139, 0, 0, 0.10)",
+      info: "#000000",
+      focus: "#000000",
+      scrim: "rgba(0, 0, 0, 0.7)"
+    }
+  }
+};
+var schemas = { tinta: tintaSchema };
+var modeNames2 = ["light", "dark", "sepia", "contrast"];
+function resolveMode(preference, systemMode) {
+  return preference === "system" ? systemMode : preference;
+}
+function useThemeStore(options, storage, system) {
+  const { defaultSchema = "tinta", defaultMode = "light" } = options;
+  const [persisted] = useState2(() => storage.read());
+  const [schema, setSchema] = useState2(persisted?.schema ?? defaultSchema);
+  const [preference, setPreference] = useState2(
+    persisted?.preference ?? defaultMode
+  );
+  const [systemMode, setSystemMode] = useState2(() => system.get());
+  useEffect2(() => {
+    if (preference !== "system") return;
+    const update = () => setSystemMode(system.get());
+    update();
+    return system.subscribe(update);
+  }, [preference, system]);
+  const mode = resolveMode(preference, systemMode);
+  useEffect2(() => {
+    storage.write({ schema, preference });
+  }, [schema, preference, storage]);
+  return useMemo3(
+    () => ({
+      schema,
+      mode,
+      preference,
+      colorTokens: schemas[schema][mode].color,
+      setSchema,
+      setMode: setPreference,
+      toggleMode: () => setPreference(mode === "dark" ? "light" : "dark"),
+      cycleMode: () => {
+        const next = modeNames2[(modeNames2.indexOf(mode) + 1) % modeNames2.length];
+        if (next) setPreference(next);
+      }
+    }),
+    [schema, mode, preference]
+  );
+}
+
+// src/theme/context/theme-context.tsx
+import { createContext as createContext2, useContext as useContext2, useMemo as useMemo4 } from "react";
+
+// src/theme/adapters.ts
+var SYSTEM_QUERIES = ["(prefers-contrast: more)", "(prefers-color-scheme: dark)"];
+function createWebStorageAdapter(storageKey, persist) {
+  return {
+    read() {
+      if (!persist || typeof window === "undefined") return null;
+      try {
+        const raw = window.localStorage.getItem(storageKey);
+        return raw ? JSON.parse(raw) : null;
+      } catch {
+        return null;
+      }
+    },
+    write(value) {
+      if (!persist || typeof window === "undefined") return;
+      try {
+        window.localStorage.setItem(storageKey, JSON.stringify(value));
+      } catch {
+      }
+    }
+  };
+}
+function createWebSystemModeAdapter() {
+  function get() {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return "light";
+    if (window.matchMedia("(prefers-contrast: more)").matches) return "contrast";
+    if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
+    return "light";
+  }
+  return {
+    get,
+    subscribe(onChange) {
+      if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+        return () => {
+        };
+      }
+      const mqls = SYSTEM_QUERIES.map((q) => window.matchMedia(q));
+      for (const mql of mqls) mql.addEventListener?.("change", onChange);
+      return () => {
+        for (const mql of mqls) mql.removeEventListener?.("change", onChange);
+      };
+    }
+  };
+}
 
 // src/theme/context/theme-context.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useMemo as useMemo3, useState as useState2 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var noop = () => {
 };
@@ -119,28 +373,6 @@ var DEFAULT_VALUE = {
   cycleMode: noop
 };
 var ThemeContext = createContext2(null);
-function resolveSystemMode() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return "light";
-  if (window.matchMedia("(prefers-contrast: more)").matches) return "contrast";
-  if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
-  return "light";
-}
-function readStored(key) {
-  if (typeof window === "undefined") return null;
-  try {
-    const raw = window.localStorage.getItem(key);
-    return raw ? JSON.parse(raw) : null;
-  } catch {
-    return null;
-  }
-}
-function writeStored(key, value) {
-  if (typeof window === "undefined") return;
-  try {
-    window.localStorage.setItem(key, JSON.stringify(value));
-  } catch {
-  }
-}
 function ThemeProvider({
   children,
   defaultSchema = "tinta",
@@ -148,45 +380,24 @@ function ThemeProvider({
   storageKey = "ds-theme",
   persist = true
 }) {
-  const [schema, setSchema] = useState2(
-    () => persist && readStored(storageKey)?.schema || defaultSchema
-  );
-  const [preference, setPreference] = useState2(
-    () => (persist ? readStored(storageKey)?.preference : null) ?? defaultMode
+  const storage = useMemo4(
+    () => createWebStorageAdapter(storageKey, persist),
+    [storageKey, persist]
   );
-  const [systemMode, setSystemMode] = useState2(resolveSystemMode);
-  useEffect2(() => {
-    if (preference !== "system") return;
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-    const mqls = ["(prefers-contrast: more)", "(prefers-color-scheme: dark)"].map(
-      (q) => window.matchMedia(q)
-    );
-    const onChange = () => setSystemMode(resolveSystemMode());
-    onChange();
-    for (const mql of mqls) mql.addEventListener?.("change", onChange);
-    return () => {
-      for (const mql of mqls) mql.removeEventListener?.("change", onChange);
-    };
-  }, [preference]);
-  const mode = preference === "system" ? systemMode : preference;
-  useEffect2(() => {
-    if (persist) writeStored(storageKey, { schema, preference });
-  }, [schema, preference, persist, storageKey]);
-  const value = useMemo3(
+  const system = useMemo4(() => createWebSystemModeAdapter(), []);
+  const store = useThemeStore({ defaultSchema, defaultMode }, storage, system);
+  const value = useMemo4(
     () => ({
-      schema,
-      mode,
-      preference,
-      themeClass: themes[schema][mode],
-      setSchema,
-      setMode: setPreference,
-      toggleMode: () => setPreference(mode === "dark" ? "light" : "dark"),
-      cycleMode: () => {
-        const next = modeNames[(modeNames.indexOf(mode) + 1) % modeNames.length];
-        if (next) setPreference(next);
-      }
+      schema: store.schema,
+      mode: store.mode,
+      preference: store.preference,
+      themeClass: themes[store.schema][store.mode],
+      setSchema: store.setSchema,
+      setMode: store.setMode,
+      toggleMode: store.toggleMode,
+      cycleMode: store.cycleMode
     }),
-    [schema, mode, preference]
+    [store]
   );
   return /* @__PURE__ */ jsx3(ThemeContext.Provider, { value, children });
 }
@@ -209,7 +420,7 @@ function useStyles2({
   align: align2
 }) {
   const { themeClass } = useTheme();
-  const className = useMemo4(
+  const className = useMemo5(
     () => [
       themeClass,
       base,
@@ -260,7 +471,7 @@ function states(map) {
 }
 
 // src/components/button/use-styles.ts
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 
 // src/components/button/use-styles.css.ts
 var full = "use-styles_full__1pbtill4";
@@ -281,7 +492,7 @@ function useStyles3({
   className
 }) {
   const { themeClass } = useTheme();
-  const container = useMemo5(
+  const container = useMemo6(
     () => [
       themeClass,
       root,
@@ -336,7 +547,7 @@ var Button = forwardRef3(function Button2({
 import { forwardRef as forwardRef4 } from "react";
 
 // src/components/divider/use-styles.ts
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 
 // src/components/divider/use-styles.css.ts
 var horizontal = "use-styles_horizontal__1n7v7yj1";
@@ -349,7 +560,7 @@ var vertical = "use-styles_vertical__1n7v7yj2";
 // src/components/divider/use-styles.ts
 function useStyles4({ vertical: vertical2, hasLabel }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo6(
+  const root24 = useMemo7(
     () => [
       themeClass,
       root2,
@@ -380,7 +591,7 @@ var Divider = forwardRef4(function Divider2({ vertical: vertical2, label: label7
 import { forwardRef as forwardRef5 } from "react";
 
 // src/components/avatar/use-styles.ts
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo8 } from "react";
 
 // src/components/avatar/use-styles.css.ts
 var root3 = "use-styles_root__1mn1rmu0";
@@ -394,7 +605,7 @@ function useStyles5({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo7(
+  const root24 = useMemo8(
     () => [
       themeClass,
       root3,
@@ -419,7 +630,7 @@ var Avatar = forwardRef5(function Avatar2({ size: size3, filled, className, chil
 import { forwardRef as forwardRef6 } from "react";
 
 // src/components/badge/use-styles.ts
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 
 // src/components/badge/use-styles.css.ts
 var dot = "use-styles_dot__1wpei6p1";
@@ -432,11 +643,11 @@ function useStyles6({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo8(
+  const root24 = useMemo9(
     () => [themeClass, root4, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
-  const dot3 = useMemo8(() => [dot, tone2[tone4]].join(" "), [tone4]);
+  const dot3 = useMemo9(() => [dot, tone2[tone4]].join(" "), [tone4]);
   return { root: root24, dot: dot3 };
 }
 
@@ -455,7 +666,7 @@ var Badge = forwardRef6(function Badge2({ count, tone: tone4, className, childre
 import { forwardRef as forwardRef7 } from "react";
 
 // src/components/progress/use-styles.ts
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } from "react";
 
 // src/components/progress/use-styles.css.ts
 var bar = "use-styles_bar__kbop7v3";
@@ -471,7 +682,7 @@ function useStyles7({
 }) {
   const { themeClass } = useTheme();
   const indeterminate2 = value === void 0;
-  return useMemo9(() => {
+  return useMemo10(() => {
     const root24 = (...classes) => [themeClass, ...classes, className].filter(Boolean).join(" ");
     if (variant2 === "circular") {
       return { track: "", bar: "", spinner: root24(spinner) };
@@ -560,7 +771,7 @@ function XIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 
 // src/components/chip/use-styles.ts
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 
 // src/components/chip/use-styles.css.ts
 var clickable = "use-styles_clickable__1axilf44";
@@ -576,7 +787,7 @@ function useStyles8({
   clickable: clickable2
 }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo10(
+  const root24 = useMemo11(
     () => [
       themeClass,
       root5,
@@ -651,7 +862,7 @@ function CheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 
 // src/components/checkbox/use-styles.ts
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo12 } from "react";
 
 // src/components/checkbox/use-styles.css.ts
 var box = "use-styles_box__9zoga91";
@@ -664,11 +875,11 @@ var root6 = "use-styles_root__9zoga90";
 // src/components/checkbox/use-styles.ts
 function useStyles9({ checked, disabled: disabled3 }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo11(
+  const root24 = useMemo12(
     () => [themeClass, root6, disabled3 && disabled].filter(Boolean).join(" "),
     [themeClass, disabled3]
   );
-  const box2 = useMemo11(
+  const box2 = useMemo12(
     () => [box, checked && boxChecked].filter(Boolean).join(" "),
     [checked]
   );
@@ -707,7 +918,7 @@ var Checkbox = forwardRef9(function Checkbox2({ checked = false, onChange, label
 import { forwardRef as forwardRef10 } from "react";
 
 // src/components/radio/use-styles.ts
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo13 } from "react";
 
 // src/components/radio/use-styles.css.ts
 var circle = "use-styles_circle__vy61b42";
@@ -723,7 +934,7 @@ function useStyles10({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo12(
+  const root24 = useMemo13(
     () => [themeClass, root7, disabled3 && disabled2, className].filter(Boolean).join(" "),
     [themeClass, disabled3, className]
   );
@@ -765,7 +976,7 @@ var Radio = forwardRef10(function Radio2({ checked, onChange, label: label7, nam
 import { forwardRef as forwardRef11 } from "react";
 
 // src/components/switch/use-styles.ts
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 
 // src/components/switch/use-styles.css.ts
 var input3 = "surfaces_srOnly__1qa7atn0";
@@ -779,7 +990,7 @@ var trackChecked = "use-styles_trackChecked__1r6kem72";
 // src/components/switch/use-styles.ts
 function useStyles11({ checked }) {
   const { themeClass } = useTheme();
-  return useMemo13(
+  return useMemo14(
     () => ({
       root: [themeClass, root8].filter(Boolean).join(" "),
       input: input3,
@@ -826,7 +1037,7 @@ import { forwardRef as forwardRef13 } from "react";
 import { forwardRef as forwardRef12, useId } from "react";
 
 // src/components/base-field/use-styles.ts
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 
 // src/components/base-field/use-styles.css.ts
 var field = "use-styles_field__1c3cgd3";
@@ -845,7 +1056,7 @@ var trailingSlot = "use-styles_trailingSlot__1c3cgdb";
 // src/components/base-field/use-styles.ts
 function useStyles12({ error, hasStartIcon, hasTrailing, className }) {
   const { themeClass } = useTheme();
-  return useMemo14(() => {
+  return useMemo15(() => {
     const root24 = [themeClass, root9].filter(Boolean).join(" ");
     const labelText2 = [labelText, error && labelTextError].filter(Boolean).join(" ");
     const input6 = [
@@ -1025,14 +1236,14 @@ function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 
 // src/components/password-field/use-styles.ts
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 
 // src/components/password-field/use-styles.css.ts
 var revealButton = "use-styles_revealButton__rsu9d50";
 
 // src/components/password-field/use-styles.ts
 function useStyles13() {
-  return useMemo15(() => ({ revealButton }), []);
+  return useMemo16(() => ({ revealButton }), []);
 }
 
 // src/components/password-field/index.tsx
@@ -1085,7 +1296,7 @@ var PasswordField = forwardRef14(
 );
 
 // src/components/money-field/index.tsx
-import { forwardRef as forwardRef15, useMemo as useMemo16, useState as useState4 } from "react";
+import { forwardRef as forwardRef15, useMemo as useMemo17, useState as useState4 } from "react";
 import { jsx as jsx21 } from "react/jsx-runtime";
 function parseAmount(raw) {
   const cleaned = raw.replace(/[^0-9.-]/g, "");
@@ -1110,7 +1321,7 @@ var MoneyField = forwardRef15(function MoneyField2({
 }, ref) {
   const [focused, setFocused] = useState4(false);
   const [draft, setDraft] = useState4("");
-  const formatter = useMemo16(
+  const formatter = useMemo17(
     () => new Intl.NumberFormat(locale, { style: "currency", currency }),
     [locale, currency]
   );
@@ -1156,7 +1367,7 @@ var MoneyField = forwardRef15(function MoneyField2({
 import { forwardRef as forwardRef16 } from "react";
 
 // src/components/icon-button/use-styles.ts
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo18 } from "react";
 
 // src/components/icon-button/use-styles.css.ts
 var accent = "use-styles_accent__18np0q02";
@@ -1169,7 +1380,7 @@ function useStyles14({
   tone: tone4 = "ink"
 }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo17(
+  const root24 = useMemo18(
     () => [themeClass, root10, tone4 === "accent" && accent, active2 && active].filter(Boolean).join(" "),
     [themeClass, active2, tone4]
   );
@@ -1208,7 +1419,7 @@ var IconButton = forwardRef16(function IconButton2({ icon: Icon, active: active2
 import { forwardRef as forwardRef17 } from "react";
 
 // src/components/card/use-styles.ts
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo19 } from "react";
 
 // src/components/card/use-styles.css.ts
 var body = "use-styles_body__1fuvd022";
@@ -1219,7 +1430,7 @@ var root11 = "use-styles_root__1fuvd020";
 // src/components/card/use-styles.ts
 function useStyles15() {
   const { themeClass } = useTheme();
-  const root24 = useMemo18(() => `${themeClass} ${root11}`, [themeClass]);
+  const root24 = useMemo19(() => `${themeClass} ${root11}`, [themeClass]);
   return { root: root24, header, body, footer };
 }
 
@@ -1359,7 +1570,7 @@ function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 
 // src/components/alert/use-styles.ts
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo20 } from "react";
 
 // src/components/alert/use-styles.css.ts
 var content = "use-styles_content__ivsh6u6";
@@ -1373,7 +1584,7 @@ function useStyles16({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo19(
+  const root24 = useMemo20(
     () => [themeClass, root12, severity[severity2], className].filter(Boolean).join(" "),
     [themeClass, severity2, className]
   );
@@ -1416,7 +1627,7 @@ import {
 } from "react";
 
 // src/components/tooltip/use-styles.ts
-import { useMemo as useMemo20 } from "react";
+import { useMemo as useMemo21 } from "react";
 
 // src/components/tooltip/use-styles.css.ts
 var bubble = "use-styles_bubble__h9kvh1 surfaces_inkySurface__1qa7atn2";
@@ -1428,11 +1639,11 @@ function useStyles17({
   placement: placement2 = "top"
 }) {
   const { themeClass } = useTheme();
-  const wrapper4 = useMemo20(
+  const wrapper4 = useMemo21(
     () => [themeClass, wrapper].filter(Boolean).join(" "),
     [themeClass]
   );
-  const bubble2 = useMemo20(
+  const bubble2 = useMemo21(
     () => [bubble, placement[placement2]].filter(Boolean).join(" "),
     [placement2]
   );
@@ -1536,7 +1747,7 @@ function ChevronDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 
 // src/components/select/use-styles.ts
-import { useMemo as useMemo21 } from "react";
+import { useMemo as useMemo22 } from "react";
 
 // src/components/select/use-styles.css.ts
 var chevron = "use-styles_chevron__1w1czpb4";
@@ -1555,7 +1766,7 @@ function useStyles18({
   open = false
 }) {
   const { themeClass } = useTheme();
-  return useMemo21(() => {
+  return useMemo22(() => {
     const chevron3 = [chevron, open && chevronOpen].filter(Boolean).join(" ");
     return {
       root: [themeClass, root13].filter(Boolean).join(" "),
@@ -1706,7 +1917,7 @@ var Select = forwardRef20(function Select2({ options, value, onChange, placehold
 import { forwardRef as forwardRef21 } from "react";
 
 // src/components/slider/use-styles.ts
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo23 } from "react";
 
 // src/components/slider/use-styles.css.ts
 var input5 = "use-styles_input__okw59n3";
@@ -1720,7 +1931,7 @@ var wrapper2 = "use-styles_wrapper__okw59n6";
 // src/components/slider/use-styles.ts
 function useStyles19() {
   const { themeClass } = useTheme();
-  return useMemo22(() => {
+  return useMemo23(() => {
     const root24 = [themeClass, root14].filter(Boolean).join(" ");
     return {
       wrapper: wrapper2,
@@ -1773,7 +1984,7 @@ var Slider = forwardRef21(function Slider2({ value = 0, onChange, min = 0, max =
 import { forwardRef as forwardRef22, useState as useState7 } from "react";
 
 // src/components/accordion/use-styles.ts
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo24 } from "react";
 
 // src/components/accordion/use-styles.css.ts
 var chevron2 = "use-styles_chevron__1cjrdh93";
@@ -1786,7 +1997,7 @@ var root15 = "use-styles_root__1cjrdh90";
 // src/components/accordion/use-styles.ts
 function useStyles20({ className }) {
   const { themeClass } = useTheme();
-  return useMemo23(
+  return useMemo24(
     () => ({
       root: [themeClass, root15, className].filter(Boolean).join(" "),
       item,
@@ -1883,7 +2094,7 @@ function ChevronRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 
 // src/components/breadcrumbs/use-styles.ts
-import { useMemo as useMemo24 } from "react";
+import { useMemo as useMemo25 } from "react";
 
 // src/components/breadcrumbs/use-styles.css.ts
 var crumb = "use-styles_crumb__7u0du61";
@@ -1894,7 +2105,7 @@ var separator = "use-styles_separator__7u0du63";
 // src/components/breadcrumbs/use-styles.ts
 function useStyles21({ className }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo24(
+  const root24 = useMemo25(
     () => [themeClass, root16, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
@@ -1942,7 +2153,7 @@ function ChevronLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 
 // src/components/pagination/use-styles.ts
-import { useMemo as useMemo25 } from "react";
+import { useMemo as useMemo26 } from "react";
 
 // src/components/pagination/use-styles.css.ts
 var ellipsis = "use-styles_ellipsis__1azgzoh3";
@@ -1954,7 +2165,7 @@ var root17 = "use-styles_root__1azgzoh0";
 // src/components/pagination/use-styles.ts
 function useStyles22() {
   const { themeClass } = useTheme();
-  return useMemo25(
+  return useMemo26(
     () => ({
       root: [themeClass, root17].filter(Boolean).join(" "),
       pageBtnFor: (active2) => [pageBtn, active2 && pageActive].filter(Boolean).join(" "),
@@ -2041,7 +2252,7 @@ var Pagination = forwardRef24(function Pagination2({ count, page = 1, onChange,
 import { Fragment as Fragment2, forwardRef as forwardRef25 } from "react";
 
 // src/components/stepper/use-styles.ts
-import { useMemo as useMemo26 } from "react";
+import { useMemo as useMemo27 } from "react";
 
 // src/components/stepper/use-styles.css.ts
 var connector = "use-styles_connector__79pt4e7";
@@ -2056,7 +2267,7 @@ var step = "use-styles_step__79pt4e1";
 // src/components/stepper/use-styles.ts
 function useStyles23({ className }) {
   const { themeClass } = useTheme();
-  return useMemo26(() => {
+  return useMemo27(() => {
     const root24 = [themeClass, root18, className].filter(Boolean).join(" ");
     const markerFor = (state) => [
       marker,
@@ -2102,7 +2313,7 @@ var Stepper = forwardRef25(function Stepper2({ steps, active: active2 = 0, class
 import { forwardRef as forwardRef26, useId as useId4, useRef as useRef4 } from "react";
 
 // src/components/tabs/use-styles.ts
-import { useMemo as useMemo27 } from "react";
+import { useMemo as useMemo28 } from "react";
 
 // src/components/tabs/use-styles.css.ts
 var panel2 = "use-styles_panel__1l4m7t43";
@@ -2113,7 +2324,7 @@ var tabActive = "use-styles_tabActive__1l4m7t42";
 // src/components/tabs/use-styles.ts
 function useStyles24() {
   const { themeClass } = useTheme();
-  return useMemo27(() => {
+  return useMemo28(() => {
     const root24 = [themeClass, root19].filter(Boolean).join(" ");
     const tabClass = (active2) => [tab, active2 && tabActive].filter(Boolean).join(" ");
     return { root: root24, tab, tabClass, panel: panel2 };
@@ -2212,7 +2423,7 @@ import {
 } from "react";
 
 // src/components/menu/use-styles.ts
-import { useMemo as useMemo28 } from "react";
+import { useMemo as useMemo29 } from "react";
 
 // src/components/menu/use-styles.css.ts
 var danger = "use-styles_danger__1uyxaj3";
@@ -2223,7 +2434,7 @@ var wrapper3 = "use-styles_wrapper__1uyxaj0";
 // src/components/menu/use-styles.ts
 function useStyles25() {
   const { themeClass } = useTheme();
-  return useMemo28(
+  return useMemo29(
     () => ({
       wrapper: [themeClass, wrapper3].filter(Boolean).join(" "),
       list,
@@ -2391,7 +2602,7 @@ import {
 import { createPortal } from "react-dom";
 
 // src/components/dialog/use-styles.ts
-import { useMemo as useMemo29 } from "react";
+import { useMemo as useMemo30 } from "react";
 
 // src/components/dialog/use-styles.css.ts
 var actions = "use-styles_actions__5tstu83";
@@ -2402,7 +2613,7 @@ var surface = "use-styles_surface__5tstu81";
 // src/components/dialog/use-styles.ts
 function useStyles26() {
   const { themeClass } = useTheme();
-  return useMemo29(
+  return useMemo30(
     () => ({
       overlay: [themeClass, overlay].filter(Boolean).join(" "),
       surface,
@@ -2511,7 +2722,7 @@ import { forwardRef as forwardRef29 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/components/snackbar/use-styles.ts
-import { useMemo as useMemo30 } from "react";
+import { useMemo as useMemo31 } from "react";
 
 // src/components/snackbar/use-styles.css.ts
 var closeBtn = "use-styles_closeBtn__ihzsep2";
@@ -2521,7 +2732,7 @@ var root20 = "use-styles_root__ihzsep0 surfaces_inkySurface__1qa7atn2";
 // src/components/snackbar/use-styles.ts
 function useStyles27() {
   const { themeClass } = useTheme();
-  return useMemo30(
+  return useMemo31(
     () => ({
       root: [themeClass, root20].filter(Boolean).join(" "),
       message,
@@ -2561,7 +2772,7 @@ var Snackbar = forwardRef29(function Snackbar2({ open, message: message2, action
 import { forwardRef as forwardRef30 } from "react";
 
 // src/components/table/use-styles.ts
-import { useMemo as useMemo31 } from "react";
+import { useMemo as useMemo32 } from "react";
 
 // src/components/table/use-styles.css.ts
 var alignRight = "use-styles_alignRight__1n2cz6i3";
@@ -2573,7 +2784,7 @@ var th = "use-styles_th__1n2cz6i1";
 // src/components/table/use-styles.ts
 function useStyles28({ className }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo31(
+  const root24 = useMemo32(
     () => [themeClass, root21, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
@@ -2607,7 +2818,7 @@ var Table = TableForwarded;
 import { forwardRef as forwardRef31 } from "react";
 
 // src/components/app-bar/use-styles.ts
-import { useMemo as useMemo32 } from "react";
+import { useMemo as useMemo33 } from "react";
 
 // src/components/app-bar/use-styles.css.ts
 var actions2 = "use-styles_actions__1h133nh2";
@@ -2617,7 +2828,7 @@ var root22 = "use-styles_root__1h133nh0";
 // src/components/app-bar/use-styles.ts
 function useStyles29({ className }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo32(
+  const root24 = useMemo33(
     () => [themeClass, root22, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
@@ -2640,7 +2851,7 @@ var AppBar = forwardRef31(function AppBar2({ brand: brand2, actions: actions3, c
 import { forwardRef as forwardRef32 } from "react";
 
 // src/components/list-item/use-styles.ts
-import { useMemo as useMemo33 } from "react";
+import { useMemo as useMemo34 } from "react";
 
 // src/components/list-item/use-styles.css.ts
 var content2 = "use-styles_content__kbreq13";
@@ -2655,7 +2866,7 @@ function useStyles30({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = useMemo33(
+  const root24 = useMemo34(
     () => [themeClass, root23, selected3 && selected2, className].filter(Boolean).join(" "),
     [themeClass, selected3, className]
   );
@@ -2684,10 +2895,10 @@ var ListItem = forwardRef32(function ListItem2({ leading: leading2, trailing: tr
   );
 });
 
-// src/components/icons/chevron-up/index.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx46(
+// src/components/icons/alert-circle/index.tsx
+import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
+function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs31(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2701,15 +2912,19 @@ function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       ...rest,
-      children: /* @__PURE__ */ jsx46("path", { d: "m18 15-6-6-6 6" })
+      children: [
+        /* @__PURE__ */ jsx46("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx46("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+        /* @__PURE__ */ jsx46("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      ]
     }
   );
 }
 
-// src/components/icons/search/index.tsx
-import { jsx as jsx47, jsxs as jsxs31 } from "react/jsx-runtime";
-function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsxs31(
+// src/components/icons/archive/index.tsx
+import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
+function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs32(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2724,17 +2939,18 @@ function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       "aria-hidden": "true",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx47("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ jsx47("path", { d: "m21 21-4.3-4.3" })
+        /* @__PURE__ */ jsx47("rect", { width: "20", height: "5", x: "2", y: "3", rx: "1" }),
+        /* @__PURE__ */ jsx47("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
+        /* @__PURE__ */ jsx47("path", { d: "M10 12h4" })
       ]
     }
   );
 }
 
-// src/components/icons/plus/index.tsx
-import { jsx as jsx48, jsxs as jsxs32 } from "react/jsx-runtime";
-function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsxs32(
+// src/components/icons/arrow-down/index.tsx
+import { jsx as jsx48, jsxs as jsxs33 } from "react/jsx-runtime";
+function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs33(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2749,17 +2965,17 @@ function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       "aria-hidden": "true",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx48("path", { d: "M5 12h14" }),
-        /* @__PURE__ */ jsx48("path", { d: "M12 5v14" })
+        /* @__PURE__ */ jsx48("path", { d: "M12 5v14" }),
+        /* @__PURE__ */ jsx48("path", { d: "m19 12-7 7-7-7" })
       ]
     }
   );
 }
 
-// src/components/icons/minus/index.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
-function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsx49(
+// src/components/icons/arrow-left/index.tsx
+import { jsx as jsx49, jsxs as jsxs34 } from "react/jsx-runtime";
+function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs34(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2773,15 +2989,118 @@ function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       ...rest,
-      children: /* @__PURE__ */ jsx49("path", { d: "M5 12h14" })
+      children: [
+        /* @__PURE__ */ jsx49("path", { d: "m12 19-7-7 7-7" }),
+        /* @__PURE__ */ jsx49("path", { d: "M19 12H5" })
+      ]
     }
   );
 }
 
-// src/components/icons/more-horizontal/index.tsx
-import { jsx as jsx50, jsxs as jsxs33 } from "react/jsx-runtime";
-function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ jsxs33(
+// src/components/icons/arrow-right/index.tsx
+import { jsx as jsx50, jsxs as jsxs35 } from "react/jsx-runtime";
+function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs35(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx50("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ jsx50("path", { d: "m12 5 7 7-7 7" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/arrow-up/index.tsx
+import { jsx as jsx51, jsxs as jsxs36 } from "react/jsx-runtime";
+function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs36(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx51("path", { d: "m5 12 7-7 7 7" }),
+        /* @__PURE__ */ jsx51("path", { d: "M12 19V5" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/at-sign/index.tsx
+import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
+function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs37(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx52("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ jsx52("path", { d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/bell/index.tsx
+import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
+function BellIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs38(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx53("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
+        /* @__PURE__ */ jsx53("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/bell-off/index.tsx
+import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
+function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs39(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2796,21 +3115,2427 @@ function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       "aria-hidden": "true",
       ...rest,
       children: [
-        /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx50("circle", { cx: "19", cy: "12", r: "1" }),
-        /* @__PURE__ */ jsx50("circle", { cx: "5", cy: "12", r: "1" })
+        /* @__PURE__ */ jsx54("path", { d: "M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" }),
+        /* @__PURE__ */ jsx54("path", { d: "M17 17H3s3-2 3-9a4.67 4.67 0 0 1 .3-1.7" }),
+        /* @__PURE__ */ jsx54("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" }),
+        /* @__PURE__ */ jsx54("path", { d: "m2 2 20 20" })
       ]
     }
   );
 }
+
+// src/components/icons/bookmark/index.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx55(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx55("path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" })
+    }
+  );
+}
+
+// src/components/icons/calendar/index.tsx
+import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
+function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs40(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx56("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ jsx56("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ jsx56("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+        /* @__PURE__ */ jsx56("path", { d: "M3 10h18" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/camera/index.tsx
+import { jsx as jsx57, jsxs as jsxs41 } from "react/jsx-runtime";
+function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs41(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx57("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }),
+        /* @__PURE__ */ jsx57("circle", { cx: "12", cy: "13", r: "3" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/chevron-up/index.tsx
+import { jsx as jsx58 } from "react/jsx-runtime";
+function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx58(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx58("path", { d: "m18 15-6-6-6 6" })
+    }
+  );
+}
+
+// src/components/icons/chevrons-left/index.tsx
+import { jsx as jsx59, jsxs as jsxs42 } from "react/jsx-runtime";
+function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs42(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx59("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ jsx59("path", { d: "m18 17-5-5 5-5" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/chevrons-right/index.tsx
+import { jsx as jsx60, jsxs as jsxs43 } from "react/jsx-runtime";
+function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs43(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx60("path", { d: "m6 17 5-5-5-5" }),
+        /* @__PURE__ */ jsx60("path", { d: "m13 17 5-5-5-5" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/clipboard/index.tsx
+import { jsx as jsx61, jsxs as jsxs44 } from "react/jsx-runtime";
+function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs44(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx61("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }),
+        /* @__PURE__ */ jsx61("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/clock/index.tsx
+import { jsx as jsx62, jsxs as jsxs45 } from "react/jsx-runtime";
+function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs45(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx62("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx62("polyline", { points: "12 6 12 12 16 14" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/cloud/index.tsx
+import { jsx as jsx63 } from "react/jsx-runtime";
+function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx63(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx63("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" })
+    }
+  );
+}
+
+// src/components/icons/copy/index.tsx
+import { jsx as jsx64, jsxs as jsxs46 } from "react/jsx-runtime";
+function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs46(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx64("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx64("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/corner-down-right/index.tsx
+import { jsx as jsx65, jsxs as jsxs47 } from "react/jsx-runtime";
+function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs47(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx65("polyline", { points: "15 10 20 15 15 20" }),
+        /* @__PURE__ */ jsx65("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/credit-card/index.tsx
+import { jsx as jsx66, jsxs as jsxs48 } from "react/jsx-runtime";
+function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs48(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx66("rect", { width: "20", height: "14", x: "2", y: "5", rx: "2" }),
+        /* @__PURE__ */ jsx66("line", { x1: "2", x2: "22", y1: "10", y2: "10" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/dollar-sign/index.tsx
+import { jsx as jsx67, jsxs as jsxs49 } from "react/jsx-runtime";
+function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs49(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx67("line", { x1: "12", x2: "12", y1: "2", y2: "22" }),
+        /* @__PURE__ */ jsx67("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/download/index.tsx
+import { jsx as jsx68, jsxs as jsxs50 } from "react/jsx-runtime";
+function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs50(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx68("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsx68("polyline", { points: "7 10 12 15 17 10" }),
+        /* @__PURE__ */ jsx68("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/external-link/index.tsx
+import { jsx as jsx69, jsxs as jsxs51 } from "react/jsx-runtime";
+function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs51(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx69("path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ jsx69("path", { d: "M10 14 21 3" }),
+        /* @__PURE__ */ jsx69("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/file/index.tsx
+import { jsx as jsx70, jsxs as jsxs52 } from "react/jsx-runtime";
+function FileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs52(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx70("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+        /* @__PURE__ */ jsx70("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/file-text/index.tsx
+import { jsx as jsx71, jsxs as jsxs53 } from "react/jsx-runtime";
+function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs53(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx71("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+        /* @__PURE__ */ jsx71("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+        /* @__PURE__ */ jsx71("path", { d: "M16 13H8" }),
+        /* @__PURE__ */ jsx71("path", { d: "M16 17H8" }),
+        /* @__PURE__ */ jsx71("path", { d: "M10 9H8" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/filter/index.tsx
+import { jsx as jsx72 } from "react/jsx-runtime";
+function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx72(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx72("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+    }
+  );
+}
+
+// src/components/icons/fingerprint/index.tsx
+import { jsx as jsx73, jsxs as jsxs54 } from "react/jsx-runtime";
+function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs54(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx73("path", { d: "M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4" }),
+        /* @__PURE__ */ jsx73("path", { d: "M5 19.5C5.5 18 6 15 6 12c0-.7.12-1.37.34-2" }),
+        /* @__PURE__ */ jsx73("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
+        /* @__PURE__ */ jsx73("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
+        /* @__PURE__ */ jsx73("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
+        /* @__PURE__ */ jsx73("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
+        /* @__PURE__ */ jsx73("path", { d: "M2 16h.01" }),
+        /* @__PURE__ */ jsx73("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
+        /* @__PURE__ */ jsx73("path", { d: "M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/folder/index.tsx
+import { jsx as jsx74 } from "react/jsx-runtime";
+function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx74(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx74("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" })
+    }
+  );
+}
+
+// src/components/icons/folder-open/index.tsx
+import { jsx as jsx75 } from "react/jsx-runtime";
+function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx75(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx75("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })
+    }
+  );
+}
+
+// src/components/icons/gift/index.tsx
+import { jsx as jsx76, jsxs as jsxs55 } from "react/jsx-runtime";
+function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs55(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx76("rect", { x: "3", y: "8", width: "18", height: "4", rx: "1" }),
+        /* @__PURE__ */ jsx76("path", { d: "M12 8v13" }),
+        /* @__PURE__ */ jsx76("path", { d: "M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7" }),
+        /* @__PURE__ */ jsx76("path", { d: "M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/globe/index.tsx
+import { jsx as jsx77, jsxs as jsxs56 } from "react/jsx-runtime";
+function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs56(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx77("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx77("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+        /* @__PURE__ */ jsx77("path", { d: "M2 12h20" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/grid/index.tsx
+import { jsx as jsx78, jsxs as jsxs57 } from "react/jsx-runtime";
+function GridIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs57(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx78("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        /* @__PURE__ */ jsx78("path", { d: "M3 9h18" }),
+        /* @__PURE__ */ jsx78("path", { d: "M3 15h18" }),
+        /* @__PURE__ */ jsx78("path", { d: "M9 3v18" }),
+        /* @__PURE__ */ jsx78("path", { d: "M15 3v18" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/heart/index.tsx
+import { jsx as jsx79 } from "react/jsx-runtime";
+function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx79(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx79("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" })
+    }
+  );
+}
+
+// src/components/icons/help-circle/index.tsx
+import { jsx as jsx80, jsxs as jsxs58 } from "react/jsx-runtime";
+function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs58(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx80("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx80("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ jsx80("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/home/index.tsx
+import { jsx as jsx81, jsxs as jsxs59 } from "react/jsx-runtime";
+function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs59(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx81("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+        /* @__PURE__ */ jsx81("polyline", { points: "9 22 9 12 15 12 15 22" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/image/index.tsx
+import { jsx as jsx82, jsxs as jsxs60 } from "react/jsx-runtime";
+function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs60(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx82("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx82("circle", { cx: "9", cy: "9", r: "2" }),
+        /* @__PURE__ */ jsx82("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/inbox/index.tsx
+import { jsx as jsx83, jsxs as jsxs61 } from "react/jsx-runtime";
+function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs61(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx83("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
+        /* @__PURE__ */ jsx83("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/key/index.tsx
+import { jsx as jsx84, jsxs as jsxs62 } from "react/jsx-runtime";
+function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs62(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx84("path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L21 4.5" }),
+        /* @__PURE__ */ jsx84("path", { d: "m21 2-9.6 9.6" }),
+        /* @__PURE__ */ jsx84("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/layout/index.tsx
+import { jsx as jsx85, jsxs as jsxs63 } from "react/jsx-runtime";
+function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs63(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx85("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
+        /* @__PURE__ */ jsx85("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
+        /* @__PURE__ */ jsx85("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
+        /* @__PURE__ */ jsx85("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/link/index.tsx
+import { jsx as jsx86, jsxs as jsxs64 } from "react/jsx-runtime";
+function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs64(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx86("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+        /* @__PURE__ */ jsx86("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/list/index.tsx
+import { jsx as jsx87, jsxs as jsxs65 } from "react/jsx-runtime";
+function ListIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs65(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx87("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
+        /* @__PURE__ */ jsx87("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx87("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
+        /* @__PURE__ */ jsx87("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
+        /* @__PURE__ */ jsx87("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx87("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/loader/index.tsx
+import { jsx as jsx88, jsxs as jsxs66 } from "react/jsx-runtime";
+function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs66(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx88("line", { x1: "12", x2: "12", y1: "2", y2: "6" }),
+        /* @__PURE__ */ jsx88("line", { x1: "12", x2: "12", y1: "18", y2: "22" }),
+        /* @__PURE__ */ jsx88("line", { x1: "4.93", x2: "7.76", y1: "4.93", y2: "7.76" }),
+        /* @__PURE__ */ jsx88("line", { x1: "16.24", x2: "19.07", y1: "16.24", y2: "19.07" }),
+        /* @__PURE__ */ jsx88("line", { x1: "2", x2: "6", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx88("line", { x1: "18", x2: "22", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx88("line", { x1: "4.93", x2: "7.76", y1: "19.07", y2: "16.24" }),
+        /* @__PURE__ */ jsx88("line", { x1: "16.24", x2: "19.07", y1: "7.76", y2: "4.93" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/lock/index.tsx
+import { jsx as jsx89, jsxs as jsxs67 } from "react/jsx-runtime";
+function LockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs67(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx89("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx89("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/log-in/index.tsx
+import { jsx as jsx90, jsxs as jsxs68 } from "react/jsx-runtime";
+function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs68(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx90("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
+        /* @__PURE__ */ jsx90("polyline", { points: "10 17 15 12 10 7" }),
+        /* @__PURE__ */ jsx90("line", { x1: "15", x2: "3", y1: "12", y2: "12" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/log-out/index.tsx
+import { jsx as jsx91, jsxs as jsxs69 } from "react/jsx-runtime";
+function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs69(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx91("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+        /* @__PURE__ */ jsx91("polyline", { points: "16 17 21 12 16 7" }),
+        /* @__PURE__ */ jsx91("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/mail/index.tsx
+import { jsx as jsx92, jsxs as jsxs70 } from "react/jsx-runtime";
+function MailIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs70(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx92("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+        /* @__PURE__ */ jsx92("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/map-pin/index.tsx
+import { jsx as jsx93, jsxs as jsxs71 } from "react/jsx-runtime";
+function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs71(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx93("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }),
+        /* @__PURE__ */ jsx93("circle", { cx: "12", cy: "10", r: "3" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/maximize/index.tsx
+import { jsx as jsx94, jsxs as jsxs72 } from "react/jsx-runtime";
+function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs72(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx94("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        /* @__PURE__ */ jsx94("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+        /* @__PURE__ */ jsx94("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+        /* @__PURE__ */ jsx94("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/menu/index.tsx
+import { jsx as jsx95, jsxs as jsxs73 } from "react/jsx-runtime";
+function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs73(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx95("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx95("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ jsx95("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/message-circle/index.tsx
+import { jsx as jsx96 } from "react/jsx-runtime";
+function MessageCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx96(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx96("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })
+    }
+  );
+}
+
+// src/components/icons/message-square/index.tsx
+import { jsx as jsx97 } from "react/jsx-runtime";
+function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx97(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx97("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+    }
+  );
+}
+
+// src/components/icons/mic/index.tsx
+import { jsx as jsx98, jsxs as jsxs74 } from "react/jsx-runtime";
+function MicIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs74(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx98("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+        /* @__PURE__ */ jsx98("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+        /* @__PURE__ */ jsx98("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/minimize/index.tsx
+import { jsx as jsx99, jsxs as jsxs75 } from "react/jsx-runtime";
+function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs75(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx99("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+        /* @__PURE__ */ jsx99("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+        /* @__PURE__ */ jsx99("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+        /* @__PURE__ */ jsx99("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/minus/index.tsx
+import { jsx as jsx100 } from "react/jsx-runtime";
+function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx100(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx100("path", { d: "M5 12h14" })
+    }
+  );
+}
+
+// src/components/icons/moon/index.tsx
+import { jsx as jsx101 } from "react/jsx-runtime";
+function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx101(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx101("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+    }
+  );
+}
+
+// src/components/icons/more-horizontal/index.tsx
+import { jsx as jsx102, jsxs as jsxs76 } from "react/jsx-runtime";
+function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs76(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx102("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx102("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx102("circle", { cx: "5", cy: "12", r: "1" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/more-vertical/index.tsx
+import { jsx as jsx103, jsxs as jsxs77 } from "react/jsx-runtime";
+function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs77(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx103("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx103("circle", { cx: "12", cy: "5", r: "1" }),
+        /* @__PURE__ */ jsx103("circle", { cx: "12", cy: "19", r: "1" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/package/index.tsx
+import { jsx as jsx104, jsxs as jsxs78 } from "react/jsx-runtime";
+function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs78(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx104("path", { d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z" }),
+        /* @__PURE__ */ jsx104("path", { d: "M3.3 7 12 12l8.7-5" }),
+        /* @__PURE__ */ jsx104("path", { d: "M12 22V12" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/paperclip/index.tsx
+import { jsx as jsx105 } from "react/jsx-runtime";
+function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx105(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx105("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" })
+    }
+  );
+}
+
+// src/components/icons/pause/index.tsx
+import { jsx as jsx106, jsxs as jsxs79 } from "react/jsx-runtime";
+function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs79(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx106("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" }),
+        /* @__PURE__ */ jsx106("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/pencil/index.tsx
+import { jsx as jsx107, jsxs as jsxs80 } from "react/jsx-runtime";
+function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs80(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx107("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
+        /* @__PURE__ */ jsx107("path", { d: "m15 5 4 4" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/phone/index.tsx
+import { jsx as jsx108 } from "react/jsx-runtime";
+function PhoneIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx108(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx108("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" })
+    }
+  );
+}
+
+// src/components/icons/play/index.tsx
+import { jsx as jsx109 } from "react/jsx-runtime";
+function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx109(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx109("polygon", { points: "6 3 20 12 6 21 6 3" })
+    }
+  );
+}
+
+// src/components/icons/plus/index.tsx
+import { jsx as jsx110, jsxs as jsxs81 } from "react/jsx-runtime";
+function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs81(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx110("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ jsx110("path", { d: "M12 5v14" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/printer/index.tsx
+import { jsx as jsx111, jsxs as jsxs82 } from "react/jsx-runtime";
+function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs82(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx111("polyline", { points: "6 9 6 2 18 2 18 9" }),
+        /* @__PURE__ */ jsx111("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
+        /* @__PURE__ */ jsx111("rect", { width: "12", height: "8", x: "6", y: "14" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/redo/index.tsx
+import { jsx as jsx112, jsxs as jsxs83 } from "react/jsx-runtime";
+function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs83(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx112("path", { d: "M21 7v6h-6" }),
+        /* @__PURE__ */ jsx112("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/refresh-cw/index.tsx
+import { jsx as jsx113, jsxs as jsxs84 } from "react/jsx-runtime";
+function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs84(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx113("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+        /* @__PURE__ */ jsx113("path", { d: "M21 3v5h-5" }),
+        /* @__PURE__ */ jsx113("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+        /* @__PURE__ */ jsx113("path", { d: "M3 21v-5h5" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/save/index.tsx
+import { jsx as jsx114, jsxs as jsxs85 } from "react/jsx-runtime";
+function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs85(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx114("path", { d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" }),
+        /* @__PURE__ */ jsx114("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
+        /* @__PURE__ */ jsx114("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/search/index.tsx
+import { jsx as jsx115, jsxs as jsxs86 } from "react/jsx-runtime";
+function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs86(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx115("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsx115("path", { d: "m21 21-4.3-4.3" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/send/index.tsx
+import { jsx as jsx116, jsxs as jsxs87 } from "react/jsx-runtime";
+function SendIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs87(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx116("line", { x1: "22", x2: "11", y1: "2", y2: "13" }),
+        /* @__PURE__ */ jsx116("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/settings/index.tsx
+import { jsx as jsx117, jsxs as jsxs88 } from "react/jsx-runtime";
+function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs88(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx117("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
+        /* @__PURE__ */ jsx117("circle", { cx: "12", cy: "12", r: "3" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/share/index.tsx
+import { jsx as jsx118, jsxs as jsxs89 } from "react/jsx-runtime";
+function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs89(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx118("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }),
+        /* @__PURE__ */ jsx118("polyline", { points: "16 6 12 2 8 6" }),
+        /* @__PURE__ */ jsx118("line", { x1: "12", x2: "12", y1: "2", y2: "15" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/shield/index.tsx
+import { jsx as jsx119 } from "react/jsx-runtime";
+function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx119(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx119("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" })
+    }
+  );
+}
+
+// src/components/icons/shield-check/index.tsx
+import { jsx as jsx120, jsxs as jsxs90 } from "react/jsx-runtime";
+function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs90(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx120("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+        /* @__PURE__ */ jsx120("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/shopping-bag/index.tsx
+import { jsx as jsx121, jsxs as jsxs91 } from "react/jsx-runtime";
+function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs91(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx121("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }),
+        /* @__PURE__ */ jsx121("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ jsx121("path", { d: "M16 10a4 4 0 0 1-8 0" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/shopping-cart/index.tsx
+import { jsx as jsx122, jsxs as jsxs92 } from "react/jsx-runtime";
+function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs92(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx122("circle", { cx: "8", cy: "21", r: "1" }),
+        /* @__PURE__ */ jsx122("circle", { cx: "19", cy: "21", r: "1" }),
+        /* @__PURE__ */ jsx122("path", { d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/sidebar/index.tsx
+import { jsx as jsx123, jsxs as jsxs93 } from "react/jsx-runtime";
+function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs93(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx123("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        /* @__PURE__ */ jsx123("path", { d: "M9 3v18" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/skip-back/index.tsx
+import { jsx as jsx124, jsxs as jsxs94 } from "react/jsx-runtime";
+function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs94(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx124("polygon", { points: "19 20 9 12 19 4 19 20" }),
+        /* @__PURE__ */ jsx124("line", { x1: "5", x2: "5", y1: "19", y2: "5" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/skip-forward/index.tsx
+import { jsx as jsx125, jsxs as jsxs95 } from "react/jsx-runtime";
+function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs95(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx125("polygon", { points: "5 4 15 12 5 20 5 4" }),
+        /* @__PURE__ */ jsx125("line", { x1: "19", x2: "19", y1: "5", y2: "19" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/sliders/index.tsx
+import { jsx as jsx126, jsxs as jsxs96 } from "react/jsx-runtime";
+function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs96(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx126("line", { x1: "21", x2: "14", y1: "4", y2: "4" }),
+        /* @__PURE__ */ jsx126("line", { x1: "10", x2: "3", y1: "4", y2: "4" }),
+        /* @__PURE__ */ jsx126("line", { x1: "21", x2: "12", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx126("line", { x1: "8", x2: "3", y1: "12", y2: "12" }),
+        /* @__PURE__ */ jsx126("line", { x1: "21", x2: "16", y1: "20", y2: "20" }),
+        /* @__PURE__ */ jsx126("line", { x1: "12", x2: "3", y1: "20", y2: "20" }),
+        /* @__PURE__ */ jsx126("line", { x1: "14", x2: "14", y1: "2", y2: "6" }),
+        /* @__PURE__ */ jsx126("line", { x1: "8", x2: "8", y1: "10", y2: "14" }),
+        /* @__PURE__ */ jsx126("line", { x1: "16", x2: "16", y1: "18", y2: "22" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/smile/index.tsx
+import { jsx as jsx127, jsxs as jsxs97 } from "react/jsx-runtime";
+function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs97(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx127("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx127("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+        /* @__PURE__ */ jsx127("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
+        /* @__PURE__ */ jsx127("line", { x1: "15", x2: "15.01", y1: "9", y2: "9" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/star/index.tsx
+import { jsx as jsx128 } from "react/jsx-runtime";
+function StarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx128(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx128("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
+    }
+  );
+}
+
+// src/components/icons/sun/index.tsx
+import { jsx as jsx129, jsxs as jsxs98 } from "react/jsx-runtime";
+function SunIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs98(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx129("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ jsx129("path", { d: "M12 2v2" }),
+        /* @__PURE__ */ jsx129("path", { d: "M12 20v2" }),
+        /* @__PURE__ */ jsx129("path", { d: "m4.93 4.93 1.41 1.41" }),
+        /* @__PURE__ */ jsx129("path", { d: "m17.66 17.66 1.41 1.41" }),
+        /* @__PURE__ */ jsx129("path", { d: "M2 12h2" }),
+        /* @__PURE__ */ jsx129("path", { d: "M20 12h2" }),
+        /* @__PURE__ */ jsx129("path", { d: "m6.34 17.66-1.41 1.41" }),
+        /* @__PURE__ */ jsx129("path", { d: "m19.07 4.93-1.41 1.41" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/tag/index.tsx
+import { jsx as jsx130, jsxs as jsxs99 } from "react/jsx-runtime";
+function TagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs99(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx130("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
+        /* @__PURE__ */ jsx130("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/thumbs-down/index.tsx
+import { jsx as jsx131, jsxs as jsxs100 } from "react/jsx-runtime";
+function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs100(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx131("path", { d: "M17 14V2" }),
+        /* @__PURE__ */ jsx131("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/thumbs-up/index.tsx
+import { jsx as jsx132, jsxs as jsxs101 } from "react/jsx-runtime";
+function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs101(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx132("path", { d: "M7 10v12" }),
+        /* @__PURE__ */ jsx132("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/trash/index.tsx
+import { jsx as jsx133, jsxs as jsxs102 } from "react/jsx-runtime";
+function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs102(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx133("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ jsx133("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+        /* @__PURE__ */ jsx133("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/undo/index.tsx
+import { jsx as jsx134, jsxs as jsxs103 } from "react/jsx-runtime";
+function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs103(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx134("path", { d: "M3 7v6h6" }),
+        /* @__PURE__ */ jsx134("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/unlock/index.tsx
+import { jsx as jsx135, jsxs as jsxs104 } from "react/jsx-runtime";
+function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs104(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx135("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx135("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/upload/index.tsx
+import { jsx as jsx136, jsxs as jsxs105 } from "react/jsx-runtime";
+function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs105(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx136("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ jsx136("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ jsx136("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/user/index.tsx
+import { jsx as jsx137, jsxs as jsxs106 } from "react/jsx-runtime";
+function UserIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs106(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx137("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx137("circle", { cx: "12", cy: "7", r: "4" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/user-check/index.tsx
+import { jsx as jsx138, jsxs as jsxs107 } from "react/jsx-runtime";
+function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs107(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx138("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx138("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ jsx138("polyline", { points: "16 11 18 13 22 9" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/user-plus/index.tsx
+import { jsx as jsx139, jsxs as jsxs108 } from "react/jsx-runtime";
+function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs108(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx139("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx139("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ jsx139("line", { x1: "19", x2: "19", y1: "8", y2: "14" }),
+        /* @__PURE__ */ jsx139("line", { x1: "22", x2: "16", y1: "11", y2: "11" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/users/index.tsx
+import { jsx as jsx140, jsxs as jsxs109 } from "react/jsx-runtime";
+function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs109(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx140("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ jsx140("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ jsx140("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+        /* @__PURE__ */ jsx140("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/volume-2/index.tsx
+import { jsx as jsx141, jsxs as jsxs110 } from "react/jsx-runtime";
+function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs110(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx141("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+        /* @__PURE__ */ jsx141("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+        /* @__PURE__ */ jsx141("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/volume-x/index.tsx
+import { jsx as jsx142, jsxs as jsxs111 } from "react/jsx-runtime";
+function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs111(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx142("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+        /* @__PURE__ */ jsx142("line", { x1: "22", x2: "16", y1: "9", y2: "15" }),
+        /* @__PURE__ */ jsx142("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/wifi/index.tsx
+import { jsx as jsx143, jsxs as jsxs112 } from "react/jsx-runtime";
+function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsxs112(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx143("path", { d: "M12 20h.01" }),
+        /* @__PURE__ */ jsx143("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
+        /* @__PURE__ */ jsx143("path", { d: "M5 12.859a10 10 0 0 1 14 0" }),
+        /* @__PURE__ */ jsx143("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" })
+      ]
+    }
+  );
+}
+
+// src/components/icons/zap/index.tsx
+import { jsx as jsx144 } from "react/jsx-runtime";
+function ZapIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ jsx144(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size3,
+      height: size3,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      ...rest,
+      children: /* @__PURE__ */ jsx144("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" })
+    }
+  );
+}
+
+// src/components/icons/index.ts
+var iconCatalog = [
+  { name: "AlertCircleIcon", Icon: AlertCircleIcon },
+  { name: "ArchiveIcon", Icon: ArchiveIcon },
+  { name: "ArrowDownIcon", Icon: ArrowDownIcon },
+  { name: "ArrowLeftIcon", Icon: ArrowLeftIcon },
+  { name: "ArrowRightIcon", Icon: ArrowRightIcon },
+  { name: "ArrowUpIcon", Icon: ArrowUpIcon },
+  { name: "AtSignIcon", Icon: AtSignIcon },
+  { name: "BellIcon", Icon: BellIcon },
+  { name: "BellOffIcon", Icon: BellOffIcon },
+  { name: "BookmarkIcon", Icon: BookmarkIcon },
+  { name: "CalendarIcon", Icon: CalendarIcon },
+  { name: "CameraIcon", Icon: CameraIcon },
+  { name: "CheckIcon", Icon: CheckIcon },
+  { name: "ChevronDownIcon", Icon: ChevronDownIcon },
+  { name: "ChevronLeftIcon", Icon: ChevronLeftIcon },
+  { name: "ChevronRightIcon", Icon: ChevronRightIcon },
+  { name: "ChevronsLeftIcon", Icon: ChevronsLeftIcon },
+  { name: "ChevronsRightIcon", Icon: ChevronsRightIcon },
+  { name: "ChevronUpIcon", Icon: ChevronUpIcon },
+  { name: "CircleCheckIcon", Icon: CircleCheckIcon },
+  { name: "CircleXIcon", Icon: CircleXIcon },
+  { name: "ClipboardIcon", Icon: ClipboardIcon },
+  { name: "ClockIcon", Icon: ClockIcon },
+  { name: "CloudIcon", Icon: CloudIcon },
+  { name: "CopyIcon", Icon: CopyIcon },
+  { name: "CornerDownRightIcon", Icon: CornerDownRightIcon },
+  { name: "CreditCardIcon", Icon: CreditCardIcon },
+  { name: "DollarSignIcon", Icon: DollarSignIcon },
+  { name: "DownloadIcon", Icon: DownloadIcon },
+  { name: "ExternalLinkIcon", Icon: ExternalLinkIcon },
+  { name: "EyeIcon", Icon: EyeIcon },
+  { name: "EyeOffIcon", Icon: EyeOffIcon },
+  { name: "FileIcon", Icon: FileIcon },
+  { name: "FileTextIcon", Icon: FileTextIcon },
+  { name: "FilterIcon", Icon: FilterIcon },
+  { name: "FingerprintIcon", Icon: FingerprintIcon },
+  { name: "FolderIcon", Icon: FolderIcon },
+  { name: "FolderOpenIcon", Icon: FolderOpenIcon },
+  { name: "GiftIcon", Icon: GiftIcon },
+  { name: "GlobeIcon", Icon: GlobeIcon },
+  { name: "GridIcon", Icon: GridIcon },
+  { name: "HeartIcon", Icon: HeartIcon },
+  { name: "HelpCircleIcon", Icon: HelpCircleIcon },
+  { name: "HomeIcon", Icon: HomeIcon },
+  { name: "ImageIcon", Icon: ImageIcon },
+  { name: "InboxIcon", Icon: InboxIcon },
+  { name: "InfoIcon", Icon: InfoIcon },
+  { name: "KeyIcon", Icon: KeyIcon },
+  { name: "LayoutIcon", Icon: LayoutIcon },
+  { name: "LinkIcon", Icon: LinkIcon },
+  { name: "ListIcon", Icon: ListIcon },
+  { name: "LoaderIcon", Icon: LoaderIcon },
+  { name: "LockIcon", Icon: LockIcon },
+  { name: "LogInIcon", Icon: LogInIcon },
+  { name: "LogOutIcon", Icon: LogOutIcon },
+  { name: "MailIcon", Icon: MailIcon },
+  { name: "MapPinIcon", Icon: MapPinIcon },
+  { name: "MaximizeIcon", Icon: MaximizeIcon },
+  { name: "MenuIcon", Icon: MenuIcon },
+  { name: "MessageCircleIcon", Icon: MessageCircleIcon },
+  { name: "MessageSquareIcon", Icon: MessageSquareIcon },
+  { name: "MicIcon", Icon: MicIcon },
+  { name: "MinimizeIcon", Icon: MinimizeIcon },
+  { name: "MinusIcon", Icon: MinusIcon },
+  { name: "MoonIcon", Icon: MoonIcon },
+  { name: "MoreHorizontalIcon", Icon: MoreHorizontalIcon },
+  { name: "MoreVerticalIcon", Icon: MoreVerticalIcon },
+  { name: "PackageIcon", Icon: PackageIcon },
+  { name: "PaperclipIcon", Icon: PaperclipIcon },
+  { name: "PauseIcon", Icon: PauseIcon },
+  { name: "PencilIcon", Icon: PencilIcon },
+  { name: "PhoneIcon", Icon: PhoneIcon },
+  { name: "PlayIcon", Icon: PlayIcon },
+  { name: "PlusIcon", Icon: PlusIcon },
+  { name: "PrinterIcon", Icon: PrinterIcon },
+  { name: "RedoIcon", Icon: RedoIcon },
+  { name: "RefreshCwIcon", Icon: RefreshCwIcon },
+  { name: "SaveIcon", Icon: SaveIcon },
+  { name: "SearchIcon", Icon: SearchIcon },
+  { name: "SendIcon", Icon: SendIcon },
+  { name: "SettingsIcon", Icon: SettingsIcon },
+  { name: "ShareIcon", Icon: ShareIcon },
+  { name: "ShieldCheckIcon", Icon: ShieldCheckIcon },
+  { name: "ShieldIcon", Icon: ShieldIcon },
+  { name: "ShoppingBagIcon", Icon: ShoppingBagIcon },
+  { name: "ShoppingCartIcon", Icon: ShoppingCartIcon },
+  { name: "SidebarIcon", Icon: SidebarIcon },
+  { name: "SkipBackIcon", Icon: SkipBackIcon },
+  { name: "SkipForwardIcon", Icon: SkipForwardIcon },
+  { name: "SlidersIcon", Icon: SlidersIcon },
+  { name: "SmileIcon", Icon: SmileIcon },
+  { name: "StarIcon", Icon: StarIcon },
+  { name: "SunIcon", Icon: SunIcon },
+  { name: "TagIcon", Icon: TagIcon },
+  { name: "ThumbsDownIcon", Icon: ThumbsDownIcon },
+  { name: "ThumbsUpIcon", Icon: ThumbsUpIcon },
+  { name: "TrashIcon", Icon: TrashIcon },
+  { name: "TriangleAlertIcon", Icon: TriangleAlertIcon },
+  { name: "UndoIcon", Icon: UndoIcon },
+  { name: "UnlockIcon", Icon: UnlockIcon },
+  { name: "UploadIcon", Icon: UploadIcon },
+  { name: "UserCheckIcon", Icon: UserCheckIcon },
+  { name: "UserIcon", Icon: UserIcon },
+  { name: "UserPlusIcon", Icon: UserPlusIcon },
+  { name: "UsersIcon", Icon: UsersIcon },
+  { name: "Volume2Icon", Icon: Volume2Icon },
+  { name: "VolumeXIcon", Icon: VolumeXIcon },
+  { name: "WifiIcon", Icon: WifiIcon },
+  { name: "XIcon", Icon: XIcon },
+  { name: "ZapIcon", Icon: ZapIcon }
+];
 export {
   Accordion,
   Alert,
+  AlertCircleIcon,
   AppBar,
+  ArchiveIcon,
+  ArrowDownIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  ArrowUpIcon,
+  AtSignIcon,
   Avatar,
   Badge,
+  BellIcon,
+  BellOffIcon,
+  BookmarkIcon,
   Breadcrumbs,
   Button,
+  CalendarIcon,
+  CameraIcon,
   Card2 as Card,
   CheckIcon,
   Checkbox,
@@ -2818,42 +5543,125 @@ export {
   ChevronLeftIcon,
   ChevronRightIcon,
   ChevronUpIcon,
+  ChevronsLeftIcon,
+  ChevronsRightIcon,
   Chip,
   CircleCheckIcon,
   CircleXIcon,
+  ClipboardIcon,
+  ClockIcon,
+  CloudIcon,
   Container,
+  CopyIcon,
+  CornerDownRightIcon,
+  CreditCardIcon,
   Dialog,
   Divider,
+  DollarSignIcon,
+  DownloadIcon,
+  ExternalLinkIcon,
   EyeIcon,
   EyeOffIcon,
+  FileIcon,
+  FileTextIcon,
+  FilterIcon,
+  FingerprintIcon,
+  FolderIcon,
+  FolderOpenIcon,
+  GiftIcon,
+  GlobeIcon,
+  GridIcon,
+  HeartIcon,
+  HelpCircleIcon,
+  HomeIcon,
   IconButton,
+  ImageIcon,
+  InboxIcon,
   InfoIcon,
+  KeyIcon,
+  LayoutIcon,
+  LinkIcon,
+  ListIcon,
   ListItem,
+  LoaderIcon,
+  LockIcon,
+  LogInIcon,
+  LogOutIcon,
+  MailIcon,
+  MapPinIcon,
+  MaximizeIcon,
   Menu,
+  MenuIcon,
+  MessageCircleIcon,
+  MessageSquareIcon,
+  MicIcon,
+  MinimizeIcon,
   MinusIcon,
   MoneyField,
+  MoonIcon,
   MoreHorizontalIcon,
+  MoreVerticalIcon,
+  PackageIcon,
   Pagination,
+  PaperclipIcon,
   PasswordField,
+  PauseIcon,
+  PencilIcon,
+  PhoneIcon,
+  PlayIcon,
   PlusIcon,
+  PrinterIcon,
   Progress,
   Radio,
+  RedoIcon,
+  RefreshCwIcon,
+  SaveIcon,
   SearchIcon,
   Select,
+  SendIcon,
+  SettingsIcon,
+  ShareIcon,
+  ShieldCheckIcon,
+  ShieldIcon,
+  ShoppingBagIcon,
+  ShoppingCartIcon,
+  SidebarIcon,
+  SkipBackIcon,
+  SkipForwardIcon,
   Slider,
+  SlidersIcon,
+  SmileIcon,
   Snackbar,
+  StarIcon,
   Stepper,
+  SunIcon,
   Switch,
   Table,
   Tabs,
+  TagIcon,
   TestIdProvider,
   TextField,
   ThemeProvider,
+  ThumbsDownIcon,
+  ThumbsUpIcon,
   Tooltip,
+  TrashIcon,
   TriangleAlertIcon,
   Typography,
+  UndoIcon,
+  UnlockIcon,
+  UploadIcon,
+  UserCheckIcon,
+  UserIcon,
+  UserPlusIcon,
+  UsersIcon,
+  Volume2Icon,
+  VolumeXIcon,
+  WifiIcon,
   XIcon,
+  ZapIcon,
   colorVars,
+  iconCatalog,
   modeNames,
   schemaNames,
   text,