npm - @octavius2929-personal/design-system - Versions diffs - 0.14.0 → 0.16.0 - Mend

@octavius2929-personal/design-system 0.14.0 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.cjs CHANGED Viewed

@@ -22,11 +22,23 @@ var index_exports = {};
 __export(index_exports, {
   Accordion: () => Accordion,
   Alert: () => Alert,
+  AlertCircleIcon: () => AlertCircleIcon,
   AppBar: () => AppBar,
+  ArchiveIcon: () => ArchiveIcon,
+  ArrowDownIcon: () => ArrowDownIcon,
+  ArrowLeftIcon: () => ArrowLeftIcon,
+  ArrowRightIcon: () => ArrowRightIcon,
+  ArrowUpIcon: () => ArrowUpIcon,
+  AtSignIcon: () => AtSignIcon,
   Avatar: () => Avatar,
   Badge: () => Badge,
+  BellIcon: () => BellIcon,
+  BellOffIcon: () => BellOffIcon,
+  BookmarkIcon: () => BookmarkIcon,
   Breadcrumbs: () => Breadcrumbs,
   Button: () => Button,
+  CalendarIcon: () => CalendarIcon,
+  CameraIcon: () => CameraIcon,
   Card: () => Card2,
   CheckIcon: () => CheckIcon,
   Checkbox: () => Checkbox,
@@ -34,42 +46,125 @@ __export(index_exports, {
   ChevronLeftIcon: () => ChevronLeftIcon,
   ChevronRightIcon: () => ChevronRightIcon,
   ChevronUpIcon: () => ChevronUpIcon,
+  ChevronsLeftIcon: () => ChevronsLeftIcon,
+  ChevronsRightIcon: () => ChevronsRightIcon,
   Chip: () => Chip,
   CircleCheckIcon: () => CircleCheckIcon,
   CircleXIcon: () => CircleXIcon,
+  ClipboardIcon: () => ClipboardIcon,
+  ClockIcon: () => ClockIcon,
+  CloudIcon: () => CloudIcon,
   Container: () => Container,
+  CopyIcon: () => CopyIcon,
+  CornerDownRightIcon: () => CornerDownRightIcon,
+  CreditCardIcon: () => CreditCardIcon,
   Dialog: () => Dialog,
   Divider: () => Divider,
+  DollarSignIcon: () => DollarSignIcon,
+  DownloadIcon: () => DownloadIcon,
+  ExternalLinkIcon: () => ExternalLinkIcon,
   EyeIcon: () => EyeIcon,
   EyeOffIcon: () => EyeOffIcon,
+  FileIcon: () => FileIcon,
+  FileTextIcon: () => FileTextIcon,
+  FilterIcon: () => FilterIcon,
+  FingerprintIcon: () => FingerprintIcon,
+  FolderIcon: () => FolderIcon,
+  FolderOpenIcon: () => FolderOpenIcon,
+  GiftIcon: () => GiftIcon,
+  GlobeIcon: () => GlobeIcon,
+  GridIcon: () => GridIcon,
+  HeartIcon: () => HeartIcon,
+  HelpCircleIcon: () => HelpCircleIcon,
+  HomeIcon: () => HomeIcon,
   IconButton: () => IconButton,
+  ImageIcon: () => ImageIcon,
+  InboxIcon: () => InboxIcon,
   InfoIcon: () => InfoIcon,
+  KeyIcon: () => KeyIcon,
+  LayoutIcon: () => LayoutIcon,
+  LinkIcon: () => LinkIcon,
+  ListIcon: () => ListIcon,
   ListItem: () => ListItem,
+  LoaderIcon: () => LoaderIcon,
+  LockIcon: () => LockIcon,
+  LogInIcon: () => LogInIcon,
+  LogOutIcon: () => LogOutIcon,
+  MailIcon: () => MailIcon,
+  MapPinIcon: () => MapPinIcon,
+  MaximizeIcon: () => MaximizeIcon,
   Menu: () => Menu,
+  MenuIcon: () => MenuIcon,
+  MessageCircleIcon: () => MessageCircleIcon,
+  MessageSquareIcon: () => MessageSquareIcon,
+  MicIcon: () => MicIcon,
+  MinimizeIcon: () => MinimizeIcon,
   MinusIcon: () => MinusIcon,
   MoneyField: () => MoneyField,
+  MoonIcon: () => MoonIcon,
   MoreHorizontalIcon: () => MoreHorizontalIcon,
+  MoreVerticalIcon: () => MoreVerticalIcon,
+  PackageIcon: () => PackageIcon,
   Pagination: () => Pagination,
+  PaperclipIcon: () => PaperclipIcon,
   PasswordField: () => PasswordField,
+  PauseIcon: () => PauseIcon,
+  PencilIcon: () => PencilIcon,
+  PhoneIcon: () => PhoneIcon,
+  PlayIcon: () => PlayIcon,
   PlusIcon: () => PlusIcon,
+  PrinterIcon: () => PrinterIcon,
   Progress: () => Progress,
   Radio: () => Radio,
+  RedoIcon: () => RedoIcon,
+  RefreshCwIcon: () => RefreshCwIcon,
+  SaveIcon: () => SaveIcon,
   SearchIcon: () => SearchIcon,
   Select: () => Select,
+  SendIcon: () => SendIcon,
+  SettingsIcon: () => SettingsIcon,
+  ShareIcon: () => ShareIcon,
+  ShieldCheckIcon: () => ShieldCheckIcon,
+  ShieldIcon: () => ShieldIcon,
+  ShoppingBagIcon: () => ShoppingBagIcon,
+  ShoppingCartIcon: () => ShoppingCartIcon,
+  SidebarIcon: () => SidebarIcon,
+  SkipBackIcon: () => SkipBackIcon,
+  SkipForwardIcon: () => SkipForwardIcon,
   Slider: () => Slider,
+  SlidersIcon: () => SlidersIcon,
+  SmileIcon: () => SmileIcon,
   Snackbar: () => Snackbar,
+  StarIcon: () => StarIcon,
   Stepper: () => Stepper,
+  SunIcon: () => SunIcon,
   Switch: () => Switch,
   Table: () => Table,
   Tabs: () => Tabs,
+  TagIcon: () => TagIcon,
   TestIdProvider: () => TestIdProvider,
   TextField: () => TextField,
   ThemeProvider: () => ThemeProvider,
+  ThumbsDownIcon: () => ThumbsDownIcon,
+  ThumbsUpIcon: () => ThumbsUpIcon,
   Tooltip: () => Tooltip,
+  TrashIcon: () => TrashIcon,
   TriangleAlertIcon: () => TriangleAlertIcon,
   Typography: () => Typography,
+  UndoIcon: () => UndoIcon,
+  UnlockIcon: () => UnlockIcon,
+  UploadIcon: () => UploadIcon,
+  UserCheckIcon: () => UserCheckIcon,
+  UserIcon: () => UserIcon,
+  UserPlusIcon: () => UserPlusIcon,
+  UsersIcon: () => UsersIcon,
+  Volume2Icon: () => Volume2Icon,
+  VolumeXIcon: () => VolumeXIcon,
+  WifiIcon: () => WifiIcon,
   XIcon: () => XIcon,
+  ZapIcon: () => ZapIcon,
   colorVars: () => colorVars,
+  iconCatalog: () => iconCatalog,
   modeNames: () => modeNames,
   schemaNames: () => schemaNames,
   text: () => text,
@@ -182,13 +277,267 @@ ContainerForwarded.displayName = "Container";
 var Container = ContainerForwarded;
 // src/components/typography/index.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 // src/components/typography/use-styles.ts
+var import_react8 = require("react");
+// ../core/dist/index.js
+var import_react6 = require("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] = (0, import_react6.useState)(() => storage.read());
+  const [schema, setSchema] = (0, import_react6.useState)(persisted?.schema ?? defaultSchema);
+  const [preference, setPreference] = (0, import_react6.useState)(
+    persisted?.preference ?? defaultMode
+  );
+  const [systemMode, setSystemMode] = (0, import_react6.useState)(() => system.get());
+  (0, import_react6.useEffect)(() => {
+    if (preference !== "system") return;
+    const update = () => setSystemMode(system.get());
+    update();
+    return system.subscribe(update);
+  }, [preference, system]);
+  const mode = resolveMode(preference, systemMode);
+  (0, import_react6.useEffect)(() => {
+    storage.write({ schema, preference });
+  }, [schema, preference, storage]);
+  return (0, import_react6.useMemo)(
+    () => ({
+      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
 var import_react7 = require("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
-var import_react6 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var noop = () => {
 };
@@ -202,29 +551,7 @@ var DEFAULT_VALUE = {
   toggleMode: noop,
   cycleMode: noop
 };
-var ThemeContext = (0, import_react6.createContext)(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 {
-  }
-}
+var ThemeContext = (0, import_react7.createContext)(null);
 function ThemeProvider({
   children,
   defaultSchema = "tinta",
@@ -232,50 +559,29 @@ function ThemeProvider({
   storageKey = "ds-theme",
   persist = true
 }) {
-  const [schema, setSchema] = (0, import_react6.useState)(
-    () => persist && readStored(storageKey)?.schema || defaultSchema
-  );
-  const [preference, setPreference] = (0, import_react6.useState)(
-    () => (persist ? readStored(storageKey)?.preference : null) ?? defaultMode
+  const storage = (0, import_react7.useMemo)(
+    () => createWebStorageAdapter(storageKey, persist),
+    [storageKey, persist]
   );
-  const [systemMode, setSystemMode] = (0, import_react6.useState)(resolveSystemMode);
-  (0, import_react6.useEffect)(() => {
-    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;
-  (0, import_react6.useEffect)(() => {
-    if (persist) writeStored(storageKey, { schema, preference });
-  }, [schema, preference, persist, storageKey]);
-  const value = (0, import_react6.useMemo)(
+  const system = (0, import_react7.useMemo)(() => createWebSystemModeAdapter(), []);
+  const store = useThemeStore({ defaultSchema, defaultMode }, storage, system);
+  const value = (0, import_react7.useMemo)(
     () => ({
-      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__ */ (0, import_jsx_runtime3.jsx)(ThemeContext.Provider, { value, children });
 }
 function useTheme() {
-  return (0, import_react6.useContext)(ThemeContext) ?? DEFAULT_VALUE;
+  return (0, import_react7.useContext)(ThemeContext) ?? DEFAULT_VALUE;
 }
 // src/theme/typography.css.ts
@@ -293,7 +599,7 @@ function useStyles2({
   align: align2
 }) {
   const { themeClass } = useTheme();
-  const className = (0, import_react7.useMemo)(
+  const className = (0, import_react8.useMemo)(
     () => [
       themeClass,
       base,
@@ -328,14 +634,14 @@ function TypographyInner({ variant: variant2, as, color: color2, align: align2,
   const { testId: dataTestId } = useTestId("text", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component, { ref, "data-testid": dataTestId, ...rest, className: text2 });
 }
-var TypographyForwarded = (0, import_react8.forwardRef)(
+var TypographyForwarded = (0, import_react9.forwardRef)(
   TypographyInner
 );
 TypographyForwarded.displayName = "Typography";
 var Typography = TypographyForwarded;
 // src/components/button/index.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 // src/testing/states.ts
 function states(map) {
@@ -344,7 +650,7 @@ function states(map) {
 }
 // src/components/button/use-styles.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 // src/components/button/use-styles.css.ts
 var full = "use-styles_full__1pbtill4";
@@ -365,7 +671,7 @@ function useStyles3({
   className
 }) {
   const { themeClass } = useTheme();
-  const container = (0, import_react9.useMemo)(
+  const container = (0, import_react10.useMemo)(
     () => [
       themeClass,
       root,
@@ -382,7 +688,7 @@ function useStyles3({
 // src/components/button/index.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ICON_SIZE = { sm: 14, md: 16, lg: 18 };
-var Button = (0, import_react10.forwardRef)(function Button2({
+var Button = (0, import_react11.forwardRef)(function Button2({
   variant: variant2,
   tone: tone4,
   size: size3 = "md",
@@ -417,10 +723,10 @@ var Button = (0, import_react10.forwardRef)(function Button2({
 });
 // src/components/divider/index.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 // src/components/divider/use-styles.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 // src/components/divider/use-styles.css.ts
 var horizontal = "use-styles_horizontal__1n7v7yj1";
@@ -433,7 +739,7 @@ var vertical = "use-styles_vertical__1n7v7yj2";
 // src/components/divider/use-styles.ts
 function useStyles4({ vertical: vertical2, hasLabel }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react11.useMemo)(
+  const root24 = (0, import_react12.useMemo)(
     () => [
       themeClass,
       root2,
@@ -446,7 +752,7 @@ function useStyles4({ vertical: vertical2, hasLabel }) {
 // src/components/divider/index.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Divider = (0, import_react12.forwardRef)(function Divider2({ vertical: vertical2, label: label7, testId, ...rest }, ref) {
+var Divider = (0, import_react13.forwardRef)(function Divider2({ vertical: vertical2, label: label7, testId, ...rest }, ref) {
   const hasLabel = label7 != null;
   const { root: root24, line: line2, label: labelClass } = useStyles4({ vertical: vertical2, hasLabel });
   const { testId: dataTestId, slot } = useTestId("layout", testId);
@@ -461,10 +767,10 @@ var Divider = (0, import_react12.forwardRef)(function Divider2({ vertical: verti
 });
 // src/components/avatar/index.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 // src/components/avatar/use-styles.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 // src/components/avatar/use-styles.css.ts
 var root3 = "use-styles_root__1mn1rmu0";
@@ -478,7 +784,7 @@ function useStyles5({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react13.useMemo)(
+  const root24 = (0, import_react14.useMemo)(
     () => [
       themeClass,
       root3,
@@ -493,17 +799,17 @@ function useStyles5({
 // src/components/avatar/index.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Avatar = (0, import_react14.forwardRef)(function Avatar2({ size: size3, filled, className, children, testId, ...rest }, ref) {
+var Avatar = (0, import_react15.forwardRef)(function Avatar2({ size: size3, filled, className, children, testId, ...rest }, ref) {
   const { root: root24 } = useStyles5({ size: size3, filled, className });
   const { testId: dataTestId } = useTestId("media", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { ref, className: root24, "data-testid": dataTestId, ...rest, children });
 });
 // src/components/badge/index.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 // src/components/badge/use-styles.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 // src/components/badge/use-styles.css.ts
 var dot = "use-styles_dot__1wpei6p1";
@@ -516,17 +822,17 @@ function useStyles6({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react15.useMemo)(
+  const root24 = (0, import_react16.useMemo)(
     () => [themeClass, root4, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
-  const dot3 = (0, import_react15.useMemo)(() => [dot, tone2[tone4]].join(" "), [tone4]);
+  const dot3 = (0, import_react16.useMemo)(() => [dot, tone2[tone4]].join(" "), [tone4]);
   return { root: root24, dot: dot3 };
 }
 // src/components/badge/index.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Badge = (0, import_react16.forwardRef)(function Badge2({ count, tone: tone4, className, children, testId, ...rest }, ref) {
+var Badge = (0, import_react17.forwardRef)(function Badge2({ count, tone: tone4, className, children, testId, ...rest }, ref) {
   const { root: root24, dot: dot3 } = useStyles6({ tone: tone4, className });
   const { testId: dataTestId, slot } = useTestId("media", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { ref, className: root24, "data-testid": dataTestId, ...rest, children: [
@@ -536,10 +842,10 @@ var Badge = (0, import_react16.forwardRef)(function Badge2({ count, tone: tone4,
 });
 // src/components/progress/index.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 // src/components/progress/use-styles.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 // src/components/progress/use-styles.css.ts
 var bar = "use-styles_bar__kbop7v3";
@@ -555,7 +861,7 @@ function useStyles7({
 }) {
   const { themeClass } = useTheme();
   const indeterminate2 = value === void 0;
-  return (0, import_react17.useMemo)(() => {
+  return (0, import_react18.useMemo)(() => {
     const root24 = (...classes) => [themeClass, ...classes, className].filter(Boolean).join(" ");
     if (variant2 === "circular") {
       return { track: "", bar: "", spinner: root24(spinner) };
@@ -570,7 +876,7 @@ function useStyles7({
 // src/components/progress/index.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Progress = (0, import_react18.forwardRef)(function Progress2({ variant: variant2 = "linear", value, size: size3 = 20, className, testId, ...rest }, ref) {
+var Progress = (0, import_react19.forwardRef)(function Progress2({ variant: variant2 = "linear", value, size: size3 = 20, className, testId, ...rest }, ref) {
   const { track: track4, bar: bar2, spinner: spinner2 } = useStyles7({ variant: variant2, value, className });
   const indeterminate2 = value === void 0;
   const { testId: dataTestId, slot } = useTestId("media", testId);
@@ -616,7 +922,7 @@ var Progress = (0, import_react18.forwardRef)(function Progress2({ variant: vari
 });
 // src/components/chip/index.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 // src/components/icons/x/index.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
@@ -644,7 +950,7 @@ function XIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 // src/components/chip/use-styles.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 // src/components/chip/use-styles.css.ts
 var clickable = "use-styles_clickable__1axilf44";
@@ -660,7 +966,7 @@ function useStyles8({
   clickable: clickable2
 }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react19.useMemo)(
+  const root24 = (0, import_react20.useMemo)(
     () => [
       themeClass,
       root5,
@@ -674,7 +980,7 @@ function useStyles8({
 // src/components/chip/index.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var Chip = (0, import_react20.forwardRef)(function Chip2({ selected: selected3, tone: tone4, onDelete, onClick, children, testId, ...rest }, ref) {
+var Chip = (0, import_react21.forwardRef)(function Chip2({ selected: selected3, tone: tone4, onDelete, onClick, children, testId, ...rest }, ref) {
   const clickable2 = Boolean(onClick);
   const { root: root24, deleteBtn: deleteBtn2 } = useStyles8({ selected: selected3, tone: tone4, clickable: clickable2 });
   const { testId: dataTestId, slot } = useTestId("media", testId);
@@ -710,7 +1016,7 @@ var Chip = (0, import_react20.forwardRef)(function Chip2({ selected: selected3,
 });
 // src/components/checkbox/index.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 // src/components/icons/check/index.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -735,7 +1041,7 @@ function CheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 // src/components/checkbox/use-styles.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 // src/components/checkbox/use-styles.css.ts
 var box = "use-styles_box__9zoga91";
@@ -748,11 +1054,11 @@ var root6 = "use-styles_root__9zoga90";
 // src/components/checkbox/use-styles.ts
 function useStyles9({ checked, disabled: disabled3 }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react21.useMemo)(
+  const root24 = (0, import_react22.useMemo)(
     () => [themeClass, root6, disabled3 && disabled].filter(Boolean).join(" "),
     [themeClass, disabled3]
   );
-  const box2 = (0, import_react21.useMemo)(
+  const box2 = (0, import_react22.useMemo)(
     () => [box, checked && boxChecked].filter(Boolean).join(" "),
     [checked]
   );
@@ -761,7 +1067,7 @@ function useStyles9({ checked, disabled: disabled3 }) {
 // src/components/checkbox/index.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var Checkbox = (0, import_react22.forwardRef)(function Checkbox2({ checked = false, onChange, label: label7, disabled: disabled3 = false, id, testId, ...rest }, ref) {
+var Checkbox = (0, import_react23.forwardRef)(function Checkbox2({ checked = false, onChange, label: label7, disabled: disabled3 = false, id, testId, ...rest }, ref) {
   const { root: root24, input: input6, box: box2, check: check2 } = useStyles9({ checked, disabled: disabled3 });
   const { testId: dataTestId } = useTestId("toggle", testId);
   const handleChange = (e) => {
@@ -788,10 +1094,10 @@ var Checkbox = (0, import_react22.forwardRef)(function Checkbox2({ checked = fal
 });
 // src/components/radio/index.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 // src/components/radio/use-styles.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 // src/components/radio/use-styles.css.ts
 var circle = "use-styles_circle__vy61b42";
@@ -807,7 +1113,7 @@ function useStyles10({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react23.useMemo)(
+  const root24 = (0, import_react24.useMemo)(
     () => [themeClass, root7, disabled3 && disabled2, className].filter(Boolean).join(" "),
     [themeClass, disabled3, className]
   );
@@ -822,7 +1128,7 @@ function useStyles10({
 // src/components/radio/index.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var Radio = (0, import_react24.forwardRef)(function Radio2({ checked, onChange, label: label7, name, value, disabled: disabled3, testId, ...rest }, ref) {
+var Radio = (0, import_react25.forwardRef)(function Radio2({ checked, onChange, label: label7, name, value, disabled: disabled3, testId, ...rest }, ref) {
   const { root: root24, input: input6, circle: circle2, dot: dot3, label: labelClass } = useStyles10({ disabled: disabled3 });
   const { testId: dataTestId } = useTestId("toggle", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: root24, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled3 }), children: [
@@ -846,10 +1152,10 @@ var Radio = (0, import_react24.forwardRef)(function Radio2({ checked, onChange,
 });
 // src/components/switch/index.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 // src/components/switch/use-styles.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 // src/components/switch/use-styles.css.ts
 var input3 = "surfaces_srOnly__1qa7atn0";
@@ -863,7 +1169,7 @@ var trackChecked = "use-styles_trackChecked__1r6kem72";
 // src/components/switch/use-styles.ts
 function useStyles11({ checked }) {
   const { themeClass } = useTheme();
-  return (0, import_react25.useMemo)(
+  return (0, import_react26.useMemo)(
     () => ({
       root: [themeClass, root8].filter(Boolean).join(" "),
       input: input3,
@@ -877,7 +1183,7 @@ function useStyles11({ checked }) {
 // src/components/switch/index.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var Switch = (0, import_react26.forwardRef)(function Switch2({ checked = false, onChange, label: label7, disabled: disabled3, testId, ...rest }, ref) {
+var Switch = (0, import_react27.forwardRef)(function Switch2({ checked = false, onChange, label: label7, disabled: disabled3, testId, ...rest }, ref) {
   const { root: root24, input: input6, track: track4, knob: knob2, label: labelClass } = useStyles11({ checked });
   const { testId: dataTestId } = useTestId("toggle", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: root24, "data-testid": dataTestId, "data-state": states({ checked, disabled: disabled3 }), children: [
@@ -904,13 +1210,13 @@ var Switch = (0, import_react26.forwardRef)(function Switch2({ checked = false,
 });
 // src/components/text-field/index.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 // src/components/base-field/index.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 // src/components/base-field/use-styles.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 // src/components/base-field/use-styles.css.ts
 var field = "use-styles_field__1c3cgd3";
@@ -929,7 +1235,7 @@ var trailingSlot = "use-styles_trailingSlot__1c3cgdb";
 // src/components/base-field/use-styles.ts
 function useStyles12({ error, hasStartIcon, hasTrailing, className }) {
   const { themeClass } = useTheme();
-  return (0, import_react27.useMemo)(() => {
+  return (0, import_react28.useMemo)(() => {
     const root24 = [themeClass, root9].filter(Boolean).join(" ");
     const labelText2 = [labelText, error && labelTextError].filter(Boolean).join(" ");
     const input6 = [
@@ -954,8 +1260,8 @@ function useStyles12({ error, hasStartIcon, hasTrailing, className }) {
 // src/components/base-field/index.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var BaseField = (0, import_react28.forwardRef)(function BaseField2({ label: label7, help, error, startIcon: StartIcon, trailing: trailing2, id, className, testId, children }, ref) {
-  const autoId = (0, import_react28.useId)();
+var BaseField = (0, import_react29.forwardRef)(function BaseField2({ label: label7, help, error, startIcon: StartIcon, trailing: trailing2, id, className, testId, children }, ref) {
+  const autoId = (0, import_react29.useId)();
   const controlId = id ?? autoId;
   const errorMessage = error != null && error !== false && error !== true && error !== "" ? error : null;
   const hasError = error === true || errorMessage != null;
@@ -1003,7 +1309,7 @@ var import_jsx_runtime17 = (
   // tipo público de la ref es HTMLInputElement (la ref aplica solo a la rama <input>).
   require("react/jsx-runtime")
 );
-var TextField = (0, import_react29.forwardRef)(function TextField2({
+var TextField = (0, import_react30.forwardRef)(function TextField2({
   label: label7,
   help,
   error,
@@ -1054,7 +1360,7 @@ var TextField = (0, import_react29.forwardRef)(function TextField2({
 });
 // src/components/password-field/index.tsx
-var import_react31 = require("react");
+var import_react32 = require("react");
 // src/components/icons/eye/index.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -1109,21 +1415,21 @@ function EyeOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 // src/components/password-field/use-styles.ts
-var import_react30 = require("react");
+var import_react31 = require("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 (0, import_react30.useMemo)(() => ({ revealButton }), []);
+  return (0, import_react31.useMemo)(() => ({ revealButton }), []);
 }
 // src/components/password-field/index.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var PasswordField = (0, import_react31.forwardRef)(
+var PasswordField = (0, import_react32.forwardRef)(
   function PasswordField2({ label: label7, help, error, startIcon, onChange, id, className, ...rest }, ref) {
-    const [reveal, setReveal] = (0, import_react31.useState)(false);
+    const [reveal, setReveal] = (0, import_react32.useState)(false);
     const classes = useStyles13();
     const handleChange = (e) => {
       onChange?.(e.target.value);
@@ -1169,7 +1475,7 @@ var PasswordField = (0, import_react31.forwardRef)(
 );
 // src/components/money-field/index.tsx
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function parseAmount(raw) {
   const cleaned = raw.replace(/[^0-9.-]/g, "");
@@ -1177,7 +1483,7 @@ function parseAmount(raw) {
   const n = Number.parseFloat(cleaned);
   return Number.isNaN(n) ? null : n;
 }
-var MoneyField = (0, import_react32.forwardRef)(function MoneyField2({
+var MoneyField = (0, import_react33.forwardRef)(function MoneyField2({
   value,
   onChange,
   currency = "USD",
@@ -1192,9 +1498,9 @@ var MoneyField = (0, import_react32.forwardRef)(function MoneyField2({
   onBlur,
   ...rest
 }, ref) {
-  const [focused, setFocused] = (0, import_react32.useState)(false);
-  const [draft, setDraft] = (0, import_react32.useState)("");
-  const formatter = (0, import_react32.useMemo)(
+  const [focused, setFocused] = (0, import_react33.useState)(false);
+  const [draft, setDraft] = (0, import_react33.useState)("");
+  const formatter = (0, import_react33.useMemo)(
     () => new Intl.NumberFormat(locale, { style: "currency", currency }),
     [locale, currency]
   );
@@ -1237,10 +1543,10 @@ var MoneyField = (0, import_react32.forwardRef)(function MoneyField2({
 });
 // src/components/icon-button/index.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 // src/components/icon-button/use-styles.ts
-var import_react33 = require("react");
+var import_react34 = require("react");
 // src/components/icon-button/use-styles.css.ts
 var accent = "use-styles_accent__18np0q02";
@@ -1253,7 +1559,7 @@ function useStyles14({
   tone: tone4 = "ink"
 }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react33.useMemo)(
+  const root24 = (0, import_react34.useMemo)(
     () => [themeClass, root10, tone4 === "accent" && accent, active2 && active].filter(Boolean).join(" "),
     [themeClass, active2, tone4]
   );
@@ -1262,7 +1568,7 @@ function useStyles14({
 // src/components/icon-button/index.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var IconButton = (0, import_react34.forwardRef)(function IconButton2({ icon: Icon, active: active2, tone: tone4, title, type = "button", testId, ...rest }, ref) {
+var IconButton = (0, import_react35.forwardRef)(function IconButton2({ icon: Icon, active: active2, tone: tone4, title, type = "button", testId, ...rest }, ref) {
   if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
     const restProps = rest;
     const hasName = title.trim() !== "" || restProps["aria-label"] != null || restProps["aria-labelledby"] != null;
@@ -1289,10 +1595,10 @@ var IconButton = (0, import_react34.forwardRef)(function IconButton2({ icon: Ico
 });
 // src/components/card/index.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 // src/components/card/use-styles.ts
-var import_react35 = require("react");
+var import_react36 = require("react");
 // src/components/card/use-styles.css.ts
 var body = "use-styles_body__1fuvd022";
@@ -1303,13 +1609,13 @@ var root11 = "use-styles_root__1fuvd020";
 // src/components/card/use-styles.ts
 function useStyles15() {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react35.useMemo)(() => `${themeClass} ${root11}`, [themeClass]);
+  const root24 = (0, import_react36.useMemo)(() => `${themeClass} ${root11}`, [themeClass]);
   return { root: root24, header, body, footer };
 }
 // src/components/card/index.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var CardRoot = (0, import_react36.forwardRef)(function Card({ children, testId, ...rest }, ref) {
+var CardRoot = (0, import_react37.forwardRef)(function Card({ children, testId, ...rest }, ref) {
   const { root: root24 } = useStyles15();
   const { testId: dataTestId } = useTestId("layout", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref, className: root24, "data-testid": dataTestId, ...rest, children });
@@ -1337,7 +1643,7 @@ var Card2 = Object.assign(CardRoot, {
 });
 // src/components/alert/index.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 // src/components/icons/circle-check/index.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -1443,7 +1749,7 @@ function TriangleAlertIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 // src/components/alert/use-styles.ts
-var import_react37 = require("react");
+var import_react38 = require("react");
 // src/components/alert/use-styles.css.ts
 var content = "use-styles_content__ivsh6u6";
@@ -1457,7 +1763,7 @@ function useStyles16({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react37.useMemo)(
+  const root24 = (0, import_react38.useMemo)(
     () => [themeClass, root12, severity[severity2], className].filter(Boolean).join(" "),
     [themeClass, severity2, className]
   );
@@ -1476,7 +1782,7 @@ var defaultIcons = {
   warn: TriangleAlertIcon,
   danger: CircleXIcon
 };
-var Alert = (0, import_react38.forwardRef)(function Alert2({ severity: severity2 = "info", title, icon, className, testId, children, ...rest }, ref) {
+var Alert = (0, import_react39.forwardRef)(function Alert2({ severity: severity2 = "info", title, icon, className, testId, children, ...rest }, ref) {
   const styles = useStyles16({ severity: severity2, className });
   const { testId: dataTestId, slot } = useTestId("feedback", testId);
   const IconComponent = icon ?? defaultIcons[severity2];
@@ -1490,10 +1796,10 @@ var Alert = (0, import_react38.forwardRef)(function Alert2({ severity: severity2
 });
 // src/components/tooltip/index.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 // src/components/tooltip/use-styles.ts
-var import_react39 = require("react");
+var import_react40 = require("react");
 // src/components/tooltip/use-styles.css.ts
 var bubble = "use-styles_bubble__h9kvh1 surfaces_inkySurface__1qa7atn2";
@@ -1505,11 +1811,11 @@ function useStyles17({
   placement: placement2 = "top"
 }) {
   const { themeClass } = useTheme();
-  const wrapper4 = (0, import_react39.useMemo)(
+  const wrapper4 = (0, import_react40.useMemo)(
     () => [themeClass, wrapper].filter(Boolean).join(" "),
     [themeClass]
   );
-  const bubble2 = (0, import_react39.useMemo)(
+  const bubble2 = (0, import_react40.useMemo)(
     () => [bubble, placement[placement2]].filter(Boolean).join(" "),
     [placement2]
   );
@@ -1519,12 +1825,12 @@ function useStyles17({
 // src/components/tooltip/index.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var HIDE_DELAY = 120;
-var Tooltip = (0, import_react40.forwardRef)(function Tooltip2({ label: label7, children, placement: placement2, testId }, ref) {
-  const [open, setOpen] = (0, import_react40.useState)(false);
-  const tooltipId = (0, import_react40.useId)();
+var Tooltip = (0, import_react41.forwardRef)(function Tooltip2({ label: label7, children, placement: placement2, testId }, ref) {
+  const [open, setOpen] = (0, import_react41.useState)(false);
+  const tooltipId = (0, import_react41.useId)();
   const { wrapper: wrapper4, bubble: bubble2 } = useStyles17({ placement: placement2 });
   const { testId: dataTestId, slot } = useTestId("feedback", testId);
-  const hideTimer = (0, import_react40.useRef)(null);
+  const hideTimer = (0, import_react41.useRef)(null);
   const clearHide = () => {
     if (hideTimer.current) {
       clearTimeout(hideTimer.current);
@@ -1543,7 +1849,7 @@ var Tooltip = (0, import_react40.forwardRef)(function Tooltip2({ label: label7,
     clearHide();
     setOpen(false);
   };
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     return () => {
       if (hideTimer.current) clearTimeout(hideTimer.current);
     };
@@ -1556,7 +1862,7 @@ var Tooltip = (0, import_react40.forwardRef)(function Tooltip2({ label: label7,
   };
   const previousDescribedBy = children.props["aria-describedby"];
   const describedBy = open ? [previousDescribedBy, tooltipId].filter(Boolean).join(" ") : previousDescribedBy;
-  const trigger2 = (0, import_react40.cloneElement)(children, { "aria-describedby": describedBy });
+  const trigger2 = (0, import_react41.cloneElement)(children, { "aria-describedby": describedBy });
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "span",
     {
@@ -1588,7 +1894,7 @@ var Tooltip = (0, import_react40.forwardRef)(function Tooltip2({ label: label7,
 });
 // src/components/select/index.tsx
-var import_react42 = require("react");
+var import_react43 = require("react");
 // src/components/icons/chevron-down/index.tsx
 var import_jsx_runtime30 = require("react/jsx-runtime");
@@ -1613,7 +1919,7 @@ function ChevronDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 // src/components/select/use-styles.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 // src/components/select/use-styles.css.ts
 var chevron = "use-styles_chevron__1w1czpb4";
@@ -1632,7 +1938,7 @@ function useStyles18({
   open = false
 }) {
   const { themeClass } = useTheme();
-  return (0, import_react41.useMemo)(() => {
+  return (0, import_react42.useMemo)(() => {
     const chevron3 = [chevron, open && chevronOpen].filter(Boolean).join(" ");
     return {
       root: [themeClass, root13].filter(Boolean).join(" "),
@@ -1648,16 +1954,16 @@ function useStyles18({
 // src/components/select/index.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var Select = (0, import_react42.forwardRef)(function Select2({ options, value, onChange, placeholder: placeholder2, label: label7, disabled: disabled3, ...rest }, ref) {
-  const [open, setOpen] = (0, import_react42.useState)(false);
-  const [activeIndex, setActiveIndex] = (0, import_react42.useState)(0);
-  const rootRef = (0, import_react42.useRef)(null);
+var Select = (0, import_react43.forwardRef)(function Select2({ options, value, onChange, placeholder: placeholder2, label: label7, disabled: disabled3, ...rest }, ref) {
+  const [open, setOpen] = (0, import_react43.useState)(false);
+  const [activeIndex, setActiveIndex] = (0, import_react43.useState)(0);
+  const rootRef = (0, import_react43.useRef)(null);
   const setRootRef = (node) => {
     rootRef.current = node;
     if (typeof ref === "function") ref(node);
     else if (ref) ref.current = node;
   };
-  const baseId = (0, import_react42.useId)();
+  const baseId = (0, import_react43.useId)();
   const labelId = `${baseId}-label`;
   const optionId = (index) => `${baseId}-option-${index}`;
   const {
@@ -1669,7 +1975,7 @@ var Select = (0, import_react42.forwardRef)(function Select2({ options, value, o
     menu: menu2,
     optionClass
   } = useStyles18({ open });
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (!open) return;
     const onPointerDown = (event) => {
       if (rootRef.current && !rootRef.current.contains(event.target)) {
@@ -1780,10 +2086,10 @@ var Select = (0, import_react42.forwardRef)(function Select2({ options, value, o
 });
 // src/components/slider/index.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 // src/components/slider/use-styles.ts
-var import_react43 = require("react");
+var import_react44 = require("react");
 // src/components/slider/use-styles.css.ts
 var input5 = "use-styles_input__okw59n3";
@@ -1797,7 +2103,7 @@ var wrapper2 = "use-styles_wrapper__okw59n6";
 // src/components/slider/use-styles.ts
 function useStyles19() {
   const { themeClass } = useTheme();
-  return (0, import_react43.useMemo)(() => {
+  return (0, import_react44.useMemo)(() => {
     const root24 = [themeClass, root14].filter(Boolean).join(" ");
     return {
       wrapper: wrapper2,
@@ -1813,7 +2119,7 @@ function useStyles19() {
 // src/components/slider/index.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var Slider = (0, import_react44.forwardRef)(function Slider2({ value = 0, onChange, min = 0, max = 100, step: step2 = 1, disabled: disabled3, label: label7, ...rest }, ref) {
+var Slider = (0, import_react45.forwardRef)(function Slider2({ value = 0, onChange, min = 0, max = 100, step: step2 = 1, disabled: disabled3, label: label7, ...rest }, ref) {
   const { wrapper: wrapper4, label: labelClass, root: root24, track: track4, range: range2, thumb: thumb2, input: input6 } = useStyles19();
   const span = max - min;
   const percent = span > 0 ? (value - min) / span * 100 : 0;
@@ -1847,10 +2153,10 @@ var Slider = (0, import_react44.forwardRef)(function Slider2({ value = 0, onChan
 });
 // src/components/accordion/index.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 // src/components/accordion/use-styles.ts
-var import_react45 = require("react");
+var import_react46 = require("react");
 // src/components/accordion/use-styles.css.ts
 var chevron2 = "use-styles_chevron__1cjrdh93";
@@ -1863,7 +2169,7 @@ var root15 = "use-styles_root__1cjrdh90";
 // src/components/accordion/use-styles.ts
 function useStyles20({ className }) {
   const { themeClass } = useTheme();
-  return (0, import_react45.useMemo)(
+  return (0, import_react46.useMemo)(
     () => ({
       root: [themeClass, root15, className].filter(Boolean).join(" "),
       item,
@@ -1877,8 +2183,8 @@ function useStyles20({ className }) {
 // src/components/accordion/index.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var Accordion = (0, import_react46.forwardRef)(function Accordion2({ items, multiple = false, defaultOpen = [], className, testId }, ref) {
-  const [open, setOpen] = (0, import_react46.useState)(defaultOpen);
+var Accordion = (0, import_react47.forwardRef)(function Accordion2({ items, multiple = false, defaultOpen = [], className, testId }, ref) {
+  const [open, setOpen] = (0, import_react47.useState)(defaultOpen);
   const { root: root24, item: item3, header: header3, chevronFor, panel: panel3 } = useStyles20({ className });
   const { testId: dataTestId, slot } = useTestId("layout", testId);
   const toggle = (id) => {
@@ -1935,7 +2241,7 @@ var Accordion = (0, import_react46.forwardRef)(function Accordion2({ items, mult
 });
 // src/components/breadcrumbs/index.tsx
-var import_react48 = require("react");
+var import_react49 = require("react");
 // src/components/icons/chevron-right/index.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
@@ -1960,7 +2266,7 @@ function ChevronRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 // src/components/breadcrumbs/use-styles.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 // src/components/breadcrumbs/use-styles.css.ts
 var crumb = "use-styles_crumb__7u0du61";
@@ -1971,7 +2277,7 @@ var separator = "use-styles_separator__7u0du63";
 // src/components/breadcrumbs/use-styles.ts
 function useStyles21({ className }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react47.useMemo)(
+  const root24 = (0, import_react48.useMemo)(
     () => [themeClass, root16, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
@@ -1980,13 +2286,13 @@ function useStyles21({ className }) {
 // src/components/breadcrumbs/index.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var Breadcrumbs = (0, import_react48.forwardRef)(function Breadcrumbs2({ items, className, testId, ...rest }, ref) {
+var Breadcrumbs = (0, import_react49.forwardRef)(function Breadcrumbs2({ items, className, testId, ...rest }, ref) {
   const { root: root24, crumb: crumb2, current: current2, separator: separator2 } = useStyles21({ className });
   const { testId: dataTestId, slot } = useTestId("nav", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("nav", { ref, "aria-label": "Breadcrumb", className: root24, "data-testid": dataTestId, ...rest, children: items.map((item3, index) => {
     const isLast = index === items.length - 1;
     const key = index;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react48.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react49.Fragment, { children: [
       isLast ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: current2, "aria-current": "page", "data-testid": slot(`crumb-${index}`), children: item3.label }) : item3.href ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("a", { className: crumb2, href: item3.href, "data-testid": slot(`crumb-${index}`), children: item3.label }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: crumb2, "data-testid": slot(`crumb-${index}`), children: item3.label }),
       !isLast && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: separator2, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ChevronRightIcon, { size: 14 }) })
     ] }, key);
@@ -1994,7 +2300,7 @@ var Breadcrumbs = (0, import_react48.forwardRef)(function Breadcrumbs2({ items,
 });
 // src/components/pagination/index.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 // src/components/icons/chevron-left/index.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -2019,7 +2325,7 @@ function ChevronLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
 }
 // src/components/pagination/use-styles.ts
-var import_react49 = require("react");
+var import_react50 = require("react");
 // src/components/pagination/use-styles.css.ts
 var ellipsis = "use-styles_ellipsis__1azgzoh3";
@@ -2031,7 +2337,7 @@ var root17 = "use-styles_root__1azgzoh0";
 // src/components/pagination/use-styles.ts
 function useStyles22() {
   const { themeClass } = useTheme();
-  return (0, import_react49.useMemo)(
+  return (0, import_react50.useMemo)(
     () => ({
       root: [themeClass, root17].filter(Boolean).join(" "),
       pageBtnFor: (active2) => [pageBtn, active2 && pageActive].filter(Boolean).join(" "),
@@ -2057,7 +2363,7 @@ function buildItems(count, page, siblingCount) {
   if (last > first) items.push(last);
   return items;
 }
-var Pagination = (0, import_react50.forwardRef)(function Pagination2({ count, page = 1, onChange, siblingCount = 1, testId, ...rest }, ref) {
+var Pagination = (0, import_react51.forwardRef)(function Pagination2({ count, page = 1, onChange, siblingCount = 1, testId, ...rest }, ref) {
   const { root: root24, pageBtnFor, ellipsis: ellipsis2, nav: nav2 } = useStyles22();
   const { testId: dataTestId, slot } = useTestId("nav", testId);
   const total = Math.max(1, count);
@@ -2115,10 +2421,10 @@ var Pagination = (0, import_react50.forwardRef)(function Pagination2({ count, pa
 });
 // src/components/stepper/index.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 // src/components/stepper/use-styles.ts
-var import_react51 = require("react");
+var import_react52 = require("react");
 // src/components/stepper/use-styles.css.ts
 var connector = "use-styles_connector__79pt4e7";
@@ -2133,7 +2439,7 @@ var step = "use-styles_step__79pt4e1";
 // src/components/stepper/use-styles.ts
 function useStyles23({ className }) {
   const { themeClass } = useTheme();
-  return (0, import_react51.useMemo)(() => {
+  return (0, import_react52.useMemo)(() => {
     const root24 = [themeClass, root18, className].filter(Boolean).join(" ");
     const markerFor = (state) => [
       marker,
@@ -2147,7 +2453,7 @@ function useStyles23({ className }) {
 // src/components/stepper/index.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var Stepper = (0, import_react52.forwardRef)(function Stepper2({ steps, active: active2 = 0, className, testId, ...rest }, ref) {
+var Stepper = (0, import_react53.forwardRef)(function Stepper2({ steps, active: active2 = 0, className, testId, ...rest }, ref) {
   const { root: root24, step: step2, connector: connector2, markerFor, labelFor } = useStyles23({ className });
   const { testId: dataTestId, slot } = useTestId("nav", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: root24, "data-testid": dataTestId, ...rest, children: steps.map((s, index) => {
@@ -2155,7 +2461,7 @@ var Stepper = (0, import_react52.forwardRef)(function Stepper2({ steps, active:
     const isActive = state === "active";
     return (
       // biome-ignore lint/suspicious/noArrayIndexKey: steps are a static, ordered list with no stable id.
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react52.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react53.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
           "div",
           {
@@ -2176,10 +2482,10 @@ var Stepper = (0, import_react52.forwardRef)(function Stepper2({ steps, active:
 });
 // src/components/tabs/index.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 // src/components/tabs/use-styles.ts
-var import_react53 = require("react");
+var import_react54 = require("react");
 // src/components/tabs/use-styles.css.ts
 var panel2 = "use-styles_panel__1l4m7t43";
@@ -2190,7 +2496,7 @@ var tabActive = "use-styles_tabActive__1l4m7t42";
 // src/components/tabs/use-styles.ts
 function useStyles24() {
   const { themeClass } = useTheme();
-  return (0, import_react53.useMemo)(() => {
+  return (0, import_react54.useMemo)(() => {
     const root24 = [themeClass, root19].filter(Boolean).join(" ");
     const tabClass = (active2) => [tab, active2 && tabActive].filter(Boolean).join(" ");
     return { root: root24, tab, tabClass, panel: panel2 };
@@ -2199,11 +2505,11 @@ function useStyles24() {
 // src/components/tabs/index.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
-var Tabs = (0, import_react54.forwardRef)(function Tabs2({ items, value, onChange, testId, ...rest }, ref) {
+var Tabs = (0, import_react55.forwardRef)(function Tabs2({ items, value, onChange, testId, ...rest }, ref) {
   const { root: root24, tabClass, panel: panel3 } = useStyles24();
   const { testId: dataTestId, slot } = useTestId("nav", testId);
-  const baseId = (0, import_react54.useId)();
-  const tabRefs = (0, import_react54.useRef)([]);
+  const baseId = (0, import_react55.useId)();
+  const tabRefs = (0, import_react55.useRef)([]);
   const hasPanels = items.some((item3) => item3.content !== void 0);
   const activeIndex = items.findIndex((item3) => item3.value === value);
   const tabId = (v) => `${baseId}-tab-${v}`;
@@ -2279,10 +2585,10 @@ var Tabs = (0, import_react54.forwardRef)(function Tabs2({ items, value, onChang
 });
 // src/components/menu/index.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 // src/components/menu/use-styles.ts
-var import_react55 = require("react");
+var import_react56 = require("react");
 // src/components/menu/use-styles.css.ts
 var danger = "use-styles_danger__1uyxaj3";
@@ -2293,7 +2599,7 @@ var wrapper3 = "use-styles_wrapper__1uyxaj0";
 // src/components/menu/use-styles.ts
 function useStyles25() {
   const { themeClass } = useTheme();
-  return (0, import_react55.useMemo)(
+  return (0, import_react56.useMemo)(
     () => ({
       wrapper: [themeClass, wrapper3].filter(Boolean).join(" "),
       list,
@@ -2310,18 +2616,18 @@ function assignRef(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var Menu = (0, import_react56.forwardRef)(function Menu2({ trigger: trigger2, items, testId }, ref) {
+var Menu = (0, import_react57.forwardRef)(function Menu2({ trigger: trigger2, items, testId }, ref) {
   const { wrapper: wrapper4, list: list2, item: item3, dangerItem } = useStyles25();
   const { testId: rootTestId, slot } = useTestId("menu", testId);
-  const [open, setOpen] = (0, import_react56.useState)(false);
-  const [alignEnd, setAlignEnd] = (0, import_react56.useState)(false);
-  const rootRef = (0, import_react56.useRef)(null);
+  const [open, setOpen] = (0, import_react57.useState)(false);
+  const [alignEnd, setAlignEnd] = (0, import_react57.useState)(false);
+  const rootRef = (0, import_react57.useRef)(null);
   const setRootRef = (node) => {
     rootRef.current = node;
     assignRef(ref, node);
   };
-  const listRef = (0, import_react56.useRef)(null);
-  const triggerRef = (0, import_react56.useRef)(null);
+  const listRef = (0, import_react57.useRef)(null);
+  const triggerRef = (0, import_react57.useRef)(null);
   const getMenuItems = () => Array.from(listRef.current?.querySelectorAll('[role="menuitem"]') ?? []);
   const focusItemAt = (index) => {
     const menuItems = getMenuItems();
@@ -2333,7 +2639,7 @@ var Menu = (0, import_react56.forwardRef)(function Menu2({ trigger: trigger2, it
     setOpen(false);
     triggerRef.current?.focus();
   };
-  (0, import_react56.useLayoutEffect)(() => {
+  (0, import_react57.useLayoutEffect)(() => {
     if (!open) {
       setAlignEnd(false);
       return;
@@ -2345,7 +2651,7 @@ var Menu = (0, import_react56.forwardRef)(function Menu2({ trigger: trigger2, it
     const viewport = document.documentElement.clientWidth;
     setAlignEnd(rootLeft + listEl.offsetWidth > viewport);
   }, [open]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (!open) return;
     listRef.current?.querySelector('[role="menuitem"]')?.focus();
     const onDocMouseDown = (event) => {
@@ -2401,7 +2707,7 @@ var Menu = (0, import_react56.forwardRef)(function Menu2({ trigger: trigger2, it
     triggerRef.current = node;
     assignRef(consumerRef, node);
   };
-  const clonedTrigger = (0, import_react56.cloneElement)(trigger2, {
+  const clonedTrigger = (0, import_react57.cloneElement)(trigger2, {
     ref: mergedTriggerRef,
     "aria-haspopup": "menu",
     "aria-expanded": open,
@@ -2452,11 +2758,11 @@ var Menu = (0, import_react56.forwardRef)(function Menu2({ trigger: trigger2, it
 });
 // src/components/dialog/index.tsx
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_react_dom = require("react-dom");
 // src/components/dialog/use-styles.ts
-var import_react57 = require("react");
+var import_react58 = require("react");
 // src/components/dialog/use-styles.css.ts
 var actions = "use-styles_actions__5tstu83";
@@ -2467,7 +2773,7 @@ var surface = "use-styles_surface__5tstu81";
 // src/components/dialog/use-styles.ts
 function useStyles26() {
   const { themeClass } = useTheme();
-  return (0, import_react57.useMemo)(
+  return (0, import_react58.useMemo)(
     () => ({
       overlay: [themeClass, overlay].filter(Boolean).join(" "),
       surface,
@@ -2485,18 +2791,18 @@ function assignRef2(ref, value) {
   if (typeof ref === "function") ref(value);
   else if (ref) ref.current = value;
 }
-var Dialog = (0, import_react58.forwardRef)(function Dialog2({ open, onClose, title, actions: actions3, children, testId }, ref) {
+var Dialog = (0, import_react59.forwardRef)(function Dialog2({ open, onClose, title, actions: actions3, children, testId }, ref) {
   const { overlay: overlay2, surface: surface2, body: body3, actions: actionsClass } = useStyles26();
   const { testId: rootTestId, slot } = useTestId("dialog", testId);
-  const surfaceRef = (0, import_react58.useRef)(null);
+  const surfaceRef = (0, import_react59.useRef)(null);
   const setSurfaceRef = (node) => {
     surfaceRef.current = node;
     assignRef2(ref, node);
   };
-  const previouslyFocused = (0, import_react58.useRef)(null);
-  const generatedId = (0, import_react58.useId)();
+  const previouslyFocused = (0, import_react59.useRef)(null);
+  const generatedId = (0, import_react59.useId)();
   const titleId = title != null ? generatedId : void 0;
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!open) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") onClose();
@@ -2504,13 +2810,13 @@ var Dialog = (0, import_react58.forwardRef)(function Dialog2({ open, onClose, ti
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [open, onClose]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!open) return;
     previouslyFocused.current = document.activeElement;
     surfaceRef.current?.focus();
     return () => previouslyFocused.current?.focus?.();
   }, [open]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!open) return;
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -2572,11 +2878,11 @@ var Dialog = (0, import_react58.forwardRef)(function Dialog2({ open, onClose, ti
 });
 // src/components/snackbar/index.tsx
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_react_dom2 = require("react-dom");
 // src/components/snackbar/use-styles.ts
-var import_react59 = require("react");
+var import_react60 = require("react");
 // src/components/snackbar/use-styles.css.ts
 var closeBtn = "use-styles_closeBtn__ihzsep2";
@@ -2586,7 +2892,7 @@ var root20 = "use-styles_root__ihzsep0 surfaces_inkySurface__1qa7atn2";
 // src/components/snackbar/use-styles.ts
 function useStyles27() {
   const { themeClass } = useTheme();
-  return (0, import_react59.useMemo)(
+  return (0, import_react60.useMemo)(
     () => ({
       root: [themeClass, root20].filter(Boolean).join(" "),
       message,
@@ -2598,7 +2904,7 @@ function useStyles27() {
 // src/components/snackbar/index.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
-var Snackbar = (0, import_react60.forwardRef)(function Snackbar2({ open, message: message2, action, onClose, testId }, ref) {
+var Snackbar = (0, import_react61.forwardRef)(function Snackbar2({ open, message: message2, action, onClose, testId }, ref) {
   const { root: root24, message: messageClass, closeBtn: closeBtn2 } = useStyles27();
   const { testId: dataTestId, slot } = useTestId("feedback", testId);
   if (!open || typeof document === "undefined") return null;
@@ -2623,10 +2929,10 @@ var Snackbar = (0, import_react60.forwardRef)(function Snackbar2({ open, message
 });
 // src/components/table/index.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 // src/components/table/use-styles.ts
-var import_react61 = require("react");
+var import_react62 = require("react");
 // src/components/table/use-styles.css.ts
 var alignRight = "use-styles_alignRight__1n2cz6i3";
@@ -2638,7 +2944,7 @@ var th = "use-styles_th__1n2cz6i1";
 // src/components/table/use-styles.ts
 function useStyles28({ className }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react61.useMemo)(
+  const root24 = (0, import_react62.useMemo)(
     () => [themeClass, root21, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
@@ -2664,15 +2970,15 @@ function TableInner({ columns, rows, getRowKey, className, caption: caption2, te
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tbody", { children: rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tr", { "data-testid": slot(`row-${index}`), children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: cellClass(column), children: column.render ? column.render(row) : String(row[column.key]) }, column.key)) }, getRowKey ? getRowKey(row, index) : index)) })
   ] });
 }
-var TableForwarded = (0, import_react62.forwardRef)(TableInner);
+var TableForwarded = (0, import_react63.forwardRef)(TableInner);
 TableForwarded.displayName = "Table";
 var Table = TableForwarded;
 // src/components/app-bar/index.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 // src/components/app-bar/use-styles.ts
-var import_react63 = require("react");
+var import_react64 = require("react");
 // src/components/app-bar/use-styles.css.ts
 var actions2 = "use-styles_actions__1h133nh2";
@@ -2682,7 +2988,7 @@ var root22 = "use-styles_root__1h133nh0";
 // src/components/app-bar/use-styles.ts
 function useStyles29({ className }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react63.useMemo)(
+  const root24 = (0, import_react64.useMemo)(
     () => [themeClass, root22, className].filter(Boolean).join(" "),
     [themeClass, className]
   );
@@ -2691,7 +2997,7 @@ function useStyles29({ className }) {
 // src/components/app-bar/index.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var AppBar = (0, import_react64.forwardRef)(function AppBar2({ brand: brand2, actions: actions3, className, children, testId, ...rest }, ref) {
+var AppBar = (0, import_react65.forwardRef)(function AppBar2({ brand: brand2, actions: actions3, className, children, testId, ...rest }, ref) {
   const styles = useStyles29({ className });
   const { testId: dataTestId, slot } = useTestId("nav", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("header", { ref, className: styles.root, "data-testid": dataTestId, ...rest, children: [
@@ -2702,10 +3008,10 @@ var AppBar = (0, import_react64.forwardRef)(function AppBar2({ brand: brand2, ac
 });
 // src/components/list-item/index.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 // src/components/list-item/use-styles.ts
-var import_react65 = require("react");
+var import_react66 = require("react");
 // src/components/list-item/use-styles.css.ts
 var content2 = "use-styles_content__kbreq13";
@@ -2720,7 +3026,7 @@ function useStyles30({
   className
 }) {
   const { themeClass } = useTheme();
-  const root24 = (0, import_react65.useMemo)(
+  const root24 = (0, import_react66.useMemo)(
     () => [themeClass, root23, selected3 && selected2, className].filter(Boolean).join(" "),
     [themeClass, selected3, className]
   );
@@ -2729,7 +3035,7 @@ function useStyles30({
 // src/components/list-item/index.tsx
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var ListItem = (0, import_react66.forwardRef)(function ListItem2({ leading: leading2, trailing: trailing2, selected: selected3, className, testId, children, ...rest }, ref) {
+var ListItem = (0, import_react67.forwardRef)(function ListItem2({ leading: leading2, trailing: trailing2, selected: selected3, className, testId, children, ...rest }, ref) {
   const styles = useStyles30({ selected: selected3, className });
   const { testId: dataTestId, slot } = useTestId("list", testId);
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
@@ -2749,10 +3055,10 @@ var ListItem = (0, import_react66.forwardRef)(function ListItem2({ leading: lead
   );
 });
-// src/components/icons/chevron-up/index.tsx
+// src/components/icons/alert-circle/index.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
-function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+function AlertCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2766,14 +3072,18 @@ function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "m18 15-6-6-6 6" })
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      ]
     }
   );
 }
-// src/components/icons/search/index.tsx
+// src/components/icons/archive/index.tsx
 var import_jsx_runtime47 = require("react/jsx-runtime");
-function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArchiveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "svg",
     {
@@ -2789,16 +3099,17 @@ function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       "aria-hidden": "true",
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "m21 21-4.3-4.3" })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { width: "20", height: "5", x: "2", y: "3", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { d: "M10 12h4" })
       ]
     }
   );
 }
-// src/components/icons/plus/index.tsx
+// src/components/icons/arrow-down/index.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
-function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "svg",
     {
@@ -2814,17 +3125,17 @@ function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       "aria-hidden": "true",
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M5 12h14" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M12 5v14" })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "M12 5v14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { d: "m19 12-7 7-7-7" })
       ]
     }
   );
 }
-// src/components/icons/minus/index.tsx
+// src/components/icons/arrow-left/index.tsx
 var import_jsx_runtime49 = require("react/jsx-runtime");
-function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+function ArrowLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2838,14 +3149,17 @@ function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "M5 12h14" })
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "m12 19-7-7 7-7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "M19 12H5" })
+      ]
     }
   );
 }
-// src/components/icons/more-horizontal/index.tsx
+// src/components/icons/arrow-right/index.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+function ArrowRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "svg",
     {
@@ -2861,22 +3175,2528 @@ function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
       "aria-hidden": "true",
       ...rest,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "m12 5 7 7-7 7" })
+      ]
+    }
+  );
+}
+// src/components/icons/arrow-up/index.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+function ArrowUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    "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__ */ (0, import_jsx_runtime51.jsx)("path", { d: "m5 12 7-7 7 7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "M12 19V5" })
+      ]
+    }
+  );
+}
+// src/components/icons/at-sign/index.tsx
+var import_jsx_runtime52 = require("react/jsx-runtime");
+function AtSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    "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__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8" })
       ]
     }
   );
 }
+// src/components/icons/bell/index.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+function BellIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    "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__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })
+      ]
+    }
+  );
+}
+// src/components/icons/bell-off/index.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+function BellOffIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    "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__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M8.7 3A6 6 0 0 1 18 8a21.3 21.3 0 0 0 .6 5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M17 17H3s3-2 3-9a4.67 4.67 0 0 1 .3-1.7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "m2 2 20 20" })
+      ]
+    }
+  );
+}
+// src/components/icons/bookmark/index.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+function BookmarkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    "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__ */ (0, import_jsx_runtime55.jsx)("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
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function CalendarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    "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__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M8 2v4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M16 2v4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M3 10h18" })
+      ]
+    }
+  );
+}
+// src/components/icons/camera/index.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+function CameraIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    "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__ */ (0, import_jsx_runtime57.jsx)("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__ */ (0, import_jsx_runtime57.jsx)("circle", { cx: "12", cy: "13", r: "3" })
+      ]
+    }
+  );
+}
+// src/components/icons/chevron-up/index.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+function ChevronUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    "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__ */ (0, import_jsx_runtime58.jsx)("path", { d: "m18 15-6-6-6 6" })
+    }
+  );
+}
+// src/components/icons/chevrons-left/index.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+function ChevronsLeftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    "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__ */ (0, import_jsx_runtime59.jsx)("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { d: "m18 17-5-5 5-5" })
+      ]
+    }
+  );
+}
+// src/components/icons/chevrons-right/index.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
+function ChevronsRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+    "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__ */ (0, import_jsx_runtime60.jsx)("path", { d: "m6 17 5-5-5-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { d: "m13 17 5-5-5-5" })
+      ]
+    }
+  );
+}
+// src/components/icons/clipboard/index.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+function ClipboardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    "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__ */ (0, import_jsx_runtime61.jsx)("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("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
+var import_jsx_runtime62 = require("react/jsx-runtime");
+function ClockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    "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__ */ (0, import_jsx_runtime62.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("polyline", { points: "12 6 12 12 16 14" })
+      ]
+    }
+  );
+}
+// src/components/icons/cloud/index.tsx
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function CloudIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    "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__ */ (0, import_jsx_runtime63.jsx)("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
+var import_jsx_runtime64 = require("react/jsx-runtime");
+function CopyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    "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__ */ (0, import_jsx_runtime64.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("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
+var import_jsx_runtime65 = require("react/jsx-runtime");
+function CornerDownRightIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    "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__ */ (0, import_jsx_runtime65.jsx)("polyline", { points: "15 10 20 15 15 20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })
+      ]
+    }
+  );
+}
+// src/components/icons/credit-card/index.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
+function CreditCardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+    "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__ */ (0, import_jsx_runtime66.jsx)("rect", { width: "20", height: "14", x: "2", y: "5", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("line", { x1: "2", x2: "22", y1: "10", y2: "10" })
+      ]
+    }
+  );
+}
+// src/components/icons/dollar-sign/index.tsx
+var import_jsx_runtime67 = require("react/jsx-runtime");
+function DollarSignIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    "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__ */ (0, import_jsx_runtime67.jsx)("line", { x1: "12", x2: "12", y1: "2", y2: "22" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("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
+var import_jsx_runtime68 = require("react/jsx-runtime");
+function DownloadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    "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__ */ (0, import_jsx_runtime68.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("polyline", { points: "7 10 12 15 17 10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+      ]
+    }
+  );
+}
+// src/components/icons/external-link/index.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+function ExternalLinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+    "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__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M15 3h6v6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { d: "M10 14 21 3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("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
+var import_jsx_runtime70 = require("react/jsx-runtime");
+function FileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    "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__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })
+      ]
+    }
+  );
+}
+// src/components/icons/file-text/index.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
+function FileTextIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    "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__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M16 13H8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M16 17H8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M10 9H8" })
+      ]
+    }
+  );
+}
+// src/components/icons/filter/index.tsx
+var import_jsx_runtime72 = require("react/jsx-runtime");
+function FilterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    "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__ */ (0, import_jsx_runtime72.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+    }
+  );
+}
+// src/components/icons/fingerprint/index.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
+function FingerprintIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    "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__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M5 19.5C5.5 18 6 15 6 12c0-.7.12-1.37.34-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M2 16h.01" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M9 6.8a6 6 0 0 1 9 5.2c0 .47 0 1.17-.02 2" })
+      ]
+    }
+  );
+}
+// src/components/icons/folder/index.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+function FolderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    "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__ */ (0, import_jsx_runtime74.jsx)("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
+var import_jsx_runtime75 = require("react/jsx-runtime");
+function FolderOpenIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    "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__ */ (0, import_jsx_runtime75.jsx)("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
+var import_jsx_runtime76 = require("react/jsx-runtime");
+function GiftIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+    "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__ */ (0, import_jsx_runtime76.jsx)("rect", { x: "3", y: "8", width: "18", height: "4", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M12 8v13" }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("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
+var import_jsx_runtime77 = require("react/jsx-runtime");
+function GlobeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+    "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__ */ (0, import_jsx_runtime77.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M2 12h20" })
+      ]
+    }
+  );
+}
+// src/components/icons/grid/index.tsx
+var import_jsx_runtime78 = require("react/jsx-runtime");
+function GridIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    "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__ */ (0, import_jsx_runtime78.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M3 9h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M3 15h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M9 3v18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M15 3v18" })
+      ]
+    }
+  );
+}
+// src/components/icons/heart/index.tsx
+var import_jsx_runtime79 = require("react/jsx-runtime");
+function HeartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    "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__ */ (0, import_jsx_runtime79.jsx)("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
+var import_jsx_runtime80 = require("react/jsx-runtime");
+function HelpCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    "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__ */ (0, import_jsx_runtime80.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", { d: "M12 17h.01" })
+      ]
+    }
+  );
+}
+// src/components/icons/home/index.tsx
+var import_jsx_runtime81 = require("react/jsx-runtime");
+function HomeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+    "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__ */ (0, import_jsx_runtime81.jsx)("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("polyline", { points: "9 22 9 12 15 12 15 22" })
+      ]
+    }
+  );
+}
+// src/components/icons/image/index.tsx
+var import_jsx_runtime82 = require("react/jsx-runtime");
+function ImageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    "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__ */ (0, import_jsx_runtime82.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("circle", { cx: "9", cy: "9", r: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+      ]
+    }
+  );
+}
+// src/components/icons/inbox/index.tsx
+var import_jsx_runtime83 = require("react/jsx-runtime");
+function InboxIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+    "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__ */ (0, import_jsx_runtime83.jsx)("polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("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
+var import_jsx_runtime84 = require("react/jsx-runtime");
+function KeyIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+    "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__ */ (0, import_jsx_runtime84.jsx)("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__ */ (0, import_jsx_runtime84.jsx)("path", { d: "m21 2-9.6 9.6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("circle", { cx: "7.5", cy: "15.5", r: "5.5" })
+      ]
+    }
+  );
+}
+// src/components/icons/layout/index.tsx
+var import_jsx_runtime85 = require("react/jsx-runtime");
+function LayoutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    "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__ */ (0, import_jsx_runtime85.jsx)("rect", { width: "7", height: "9", x: "3", y: "3", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { width: "7", height: "5", x: "14", y: "3", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { width: "7", height: "9", x: "14", y: "12", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { width: "7", height: "5", x: "3", y: "16", rx: "1" })
+      ]
+    }
+  );
+}
+// src/components/icons/link/index.tsx
+var import_jsx_runtime86 = require("react/jsx-runtime");
+function LinkIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+    "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__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime86.jsx)("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
+var import_jsx_runtime87 = require("react/jsx-runtime");
+function ListIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+    "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__ */ (0, import_jsx_runtime87.jsx)("line", { x1: "8", x2: "21", y1: "6", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("line", { x1: "8", x2: "21", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("line", { x1: "8", x2: "21", y1: "18", y2: "18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("line", { x1: "3", x2: "3.01", y1: "6", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("line", { x1: "3", x2: "3.01", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("line", { x1: "3", x2: "3.01", y1: "18", y2: "18" })
+      ]
+    }
+  );
+}
+// src/components/icons/loader/index.tsx
+var import_jsx_runtime88 = require("react/jsx-runtime");
+function LoaderIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    "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__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "12", x2: "12", y1: "2", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "12", x2: "12", y1: "18", y2: "22" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "4.93", x2: "7.76", y1: "4.93", y2: "7.76" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "16.24", x2: "19.07", y1: "16.24", y2: "19.07" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "2", x2: "6", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "18", x2: "22", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "4.93", x2: "7.76", y1: "19.07", y2: "16.24" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("line", { x1: "16.24", x2: "19.07", y1: "7.76", y2: "4.93" })
+      ]
+    }
+  );
+}
+// src/components/icons/lock/index.tsx
+var import_jsx_runtime89 = require("react/jsx-runtime");
+function LockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+    "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__ */ (0, import_jsx_runtime89.jsx)("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      ]
+    }
+  );
+}
+// src/components/icons/log-in/index.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
+function LogInIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+    "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__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("polyline", { points: "10 17 15 12 10 7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("line", { x1: "15", x2: "3", y1: "12", y2: "12" })
+      ]
+    }
+  );
+}
+// src/components/icons/log-out/index.tsx
+var import_jsx_runtime91 = require("react/jsx-runtime");
+function LogOutIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+    "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__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("polyline", { points: "16 17 21 12 16 7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
+      ]
+    }
+  );
+}
+// src/components/icons/mail/index.tsx
+var import_jsx_runtime92 = require("react/jsx-runtime");
+function MailIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+    "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__ */ (0, import_jsx_runtime92.jsx)("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("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
+var import_jsx_runtime93 = require("react/jsx-runtime");
+function MapPinIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+    "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__ */ (0, import_jsx_runtime93.jsx)("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__ */ (0, import_jsx_runtime93.jsx)("circle", { cx: "12", cy: "10", r: "3" })
+      ]
+    }
+  );
+}
+// src/components/icons/maximize/index.tsx
+var import_jsx_runtime94 = require("react/jsx-runtime");
+function MaximizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+    "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__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+      ]
+    }
+  );
+}
+// src/components/icons/menu/index.tsx
+var import_jsx_runtime95 = require("react/jsx-runtime");
+function MenuIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+    "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__ */ (0, import_jsx_runtime95.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+      ]
+    }
+  );
+}
+// src/components/icons/message-circle/index.tsx
+var import_jsx_runtime96 = require("react/jsx-runtime");
+function MessageCircleIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    "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__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M7.9 20A9 9 0 1 0 4 16.1L2 22Z" })
+    }
+  );
+}
+// src/components/icons/message-square/index.tsx
+var import_jsx_runtime97 = require("react/jsx-runtime");
+function MessageSquareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    "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__ */ (0, import_jsx_runtime97.jsx)("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
+var import_jsx_runtime98 = require("react/jsx-runtime");
+function MicIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+    "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__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("line", { x1: "12", x2: "12", y1: "19", y2: "22" })
+      ]
+    }
+  );
+}
+// src/components/icons/minimize/index.tsx
+var import_jsx_runtime99 = require("react/jsx-runtime");
+function MinimizeIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+    "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__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+      ]
+    }
+  );
+}
+// src/components/icons/minus/index.tsx
+var import_jsx_runtime100 = require("react/jsx-runtime");
+function MinusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    "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__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M5 12h14" })
+    }
+  );
+}
+// src/components/icons/moon/index.tsx
+var import_jsx_runtime101 = require("react/jsx-runtime");
+function MoonIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    "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__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+    }
+  );
+}
+// src/components/icons/more-horizontal/index.tsx
+var import_jsx_runtime102 = require("react/jsx-runtime");
+function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+    "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__ */ (0, import_jsx_runtime102.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+      ]
+    }
+  );
+}
+// src/components/icons/more-vertical/index.tsx
+var import_jsx_runtime103 = require("react/jsx-runtime");
+function MoreVerticalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+    "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__ */ (0, import_jsx_runtime103.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("circle", { cx: "12", cy: "5", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("circle", { cx: "12", cy: "19", r: "1" })
+      ]
+    }
+  );
+}
+// src/components/icons/package/index.tsx
+var import_jsx_runtime104 = require("react/jsx-runtime");
+function PackageIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    "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__ */ (0, import_jsx_runtime104.jsx)("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__ */ (0, import_jsx_runtime104.jsx)("path", { d: "M3.3 7 12 12l8.7-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("path", { d: "M12 22V12" })
+      ]
+    }
+  );
+}
+// src/components/icons/paperclip/index.tsx
+var import_jsx_runtime105 = require("react/jsx-runtime");
+function PaperclipIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    "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__ */ (0, import_jsx_runtime105.jsx)("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
+var import_jsx_runtime106 = require("react/jsx-runtime");
+function PauseIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+    "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__ */ (0, import_jsx_runtime106.jsx)("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1" })
+      ]
+    }
+  );
+}
+// src/components/icons/pencil/index.tsx
+var import_jsx_runtime107 = require("react/jsx-runtime");
+function PencilIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+    "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__ */ (0, import_jsx_runtime107.jsx)("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("path", { d: "m15 5 4 4" })
+      ]
+    }
+  );
+}
+// src/components/icons/phone/index.tsx
+var import_jsx_runtime108 = require("react/jsx-runtime");
+function PhoneIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    "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__ */ (0, import_jsx_runtime108.jsx)("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
+var import_jsx_runtime109 = require("react/jsx-runtime");
+function PlayIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    "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__ */ (0, import_jsx_runtime109.jsx)("polygon", { points: "6 3 20 12 6 21 6 3" })
+    }
+  );
+}
+// src/components/icons/plus/index.tsx
+var import_jsx_runtime110 = require("react/jsx-runtime");
+function PlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+    "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__ */ (0, import_jsx_runtime110.jsx)("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("path", { d: "M12 5v14" })
+      ]
+    }
+  );
+}
+// src/components/icons/printer/index.tsx
+var import_jsx_runtime111 = require("react/jsx-runtime");
+function PrinterIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+    "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__ */ (0, import_jsx_runtime111.jsx)("polyline", { points: "6 9 6 2 18 2 18 9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("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__ */ (0, import_jsx_runtime111.jsx)("rect", { width: "12", height: "8", x: "6", y: "14" })
+      ]
+    }
+  );
+}
+// src/components/icons/redo/index.tsx
+var import_jsx_runtime112 = require("react/jsx-runtime");
+function RedoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+    "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__ */ (0, import_jsx_runtime112.jsx)("path", { d: "M21 7v6h-6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("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
+var import_jsx_runtime113 = require("react/jsx-runtime");
+function RefreshCwIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+    "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__ */ (0, import_jsx_runtime113.jsx)("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", { d: "M21 3v5h-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", { d: "M3 21v-5h5" })
+      ]
+    }
+  );
+}
+// src/components/icons/save/index.tsx
+var import_jsx_runtime114 = require("react/jsx-runtime");
+function SaveIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+    "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__ */ (0, import_jsx_runtime114.jsx)("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__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M7 3v4a1 1 0 0 0 1 1h7" })
+      ]
+    }
+  );
+}
+// src/components/icons/search/index.tsx
+var import_jsx_runtime115 = require("react/jsx-runtime");
+function SearchIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+    "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__ */ (0, import_jsx_runtime115.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", { d: "m21 21-4.3-4.3" })
+      ]
+    }
+  );
+}
+// src/components/icons/send/index.tsx
+var import_jsx_runtime116 = require("react/jsx-runtime");
+function SendIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+    "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__ */ (0, import_jsx_runtime116.jsx)("line", { x1: "22", x2: "11", y1: "2", y2: "13" }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+      ]
+    }
+  );
+}
+// src/components/icons/settings/index.tsx
+var import_jsx_runtime117 = require("react/jsx-runtime");
+function SettingsIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+    "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__ */ (0, import_jsx_runtime117.jsx)("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__ */ (0, import_jsx_runtime117.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+      ]
+    }
+  );
+}
+// src/components/icons/share/index.tsx
+var import_jsx_runtime118 = require("react/jsx-runtime");
+function ShareIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
+    "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__ */ (0, import_jsx_runtime118.jsx)("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("polyline", { points: "16 6 12 2 8 6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("line", { x1: "12", x2: "12", y1: "2", y2: "15" })
+      ]
+    }
+  );
+}
+// src/components/icons/shield/index.tsx
+var import_jsx_runtime119 = require("react/jsx-runtime");
+function ShieldIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    "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__ */ (0, import_jsx_runtime119.jsx)("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
+var import_jsx_runtime120 = require("react/jsx-runtime");
+function ShieldCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+    "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__ */ (0, import_jsx_runtime120.jsx)("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__ */ (0, import_jsx_runtime120.jsx)("path", { d: "m9 12 2 2 4-4" })
+      ]
+    }
+  );
+}
+// src/components/icons/shopping-bag/index.tsx
+var import_jsx_runtime121 = require("react/jsx-runtime");
+function ShoppingBagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
+    "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__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M16 10a4 4 0 0 1-8 0" })
+      ]
+    }
+  );
+}
+// src/components/icons/shopping-cart/index.tsx
+var import_jsx_runtime122 = require("react/jsx-runtime");
+function ShoppingCartIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+    "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__ */ (0, import_jsx_runtime122.jsx)("circle", { cx: "8", cy: "21", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("circle", { cx: "19", cy: "21", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("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
+var import_jsx_runtime123 = require("react/jsx-runtime");
+function SidebarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+    "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__ */ (0, import_jsx_runtime123.jsx)("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("path", { d: "M9 3v18" })
+      ]
+    }
+  );
+}
+// src/components/icons/skip-back/index.tsx
+var import_jsx_runtime124 = require("react/jsx-runtime");
+function SkipBackIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+    "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__ */ (0, import_jsx_runtime124.jsx)("polygon", { points: "19 20 9 12 19 4 19 20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("line", { x1: "5", x2: "5", y1: "19", y2: "5" })
+      ]
+    }
+  );
+}
+// src/components/icons/skip-forward/index.tsx
+var import_jsx_runtime125 = require("react/jsx-runtime");
+function SkipForwardIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+    "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__ */ (0, import_jsx_runtime125.jsx)("polygon", { points: "5 4 15 12 5 20 5 4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("line", { x1: "19", x2: "19", y1: "5", y2: "19" })
+      ]
+    }
+  );
+}
+// src/components/icons/sliders/index.tsx
+var import_jsx_runtime126 = require("react/jsx-runtime");
+function SlidersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+    "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__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "21", x2: "14", y1: "4", y2: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "10", x2: "3", y1: "4", y2: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "21", x2: "12", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "8", x2: "3", y1: "12", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "21", x2: "16", y1: "20", y2: "20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "12", x2: "3", y1: "20", y2: "20" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "14", x2: "14", y1: "2", y2: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "8", x2: "8", y1: "10", y2: "14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("line", { x1: "16", x2: "16", y1: "18", y2: "22" })
+      ]
+    }
+  );
+}
+// src/components/icons/smile/index.tsx
+var import_jsx_runtime127 = require("react/jsx-runtime");
+function SmileIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+    "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__ */ (0, import_jsx_runtime127.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "9", x2: "9.01", y1: "9", y2: "9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("line", { x1: "15", x2: "15.01", y1: "9", y2: "9" })
+      ]
+    }
+  );
+}
+// src/components/icons/star/index.tsx
+var import_jsx_runtime128 = require("react/jsx-runtime");
+function StarIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    "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__ */ (0, import_jsx_runtime128.jsx)("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
+var import_jsx_runtime129 = require("react/jsx-runtime");
+function SunIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+    "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__ */ (0, import_jsx_runtime129.jsx)("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "M12 2v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "M12 20v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "m4.93 4.93 1.41 1.41" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "m17.66 17.66 1.41 1.41" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "M2 12h2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "M20 12h2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "m6.34 17.66-1.41 1.41" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("path", { d: "m19.07 4.93-1.41 1.41" })
+      ]
+    }
+  );
+}
+// src/components/icons/tag/index.tsx
+var import_jsx_runtime130 = require("react/jsx-runtime");
+function TagIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+    "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__ */ (0, import_jsx_runtime130.jsx)("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__ */ (0, import_jsx_runtime130.jsx)("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
+      ]
+    }
+  );
+}
+// src/components/icons/thumbs-down/index.tsx
+var import_jsx_runtime131 = require("react/jsx-runtime");
+function ThumbsDownIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+    "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__ */ (0, import_jsx_runtime131.jsx)("path", { d: "M17 14V2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("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
+var import_jsx_runtime132 = require("react/jsx-runtime");
+function ThumbsUpIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    "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__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M7 10v12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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
+var import_jsx_runtime133 = require("react/jsx-runtime");
+function TrashIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+    "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__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+      ]
+    }
+  );
+}
+// src/components/icons/undo/index.tsx
+var import_jsx_runtime134 = require("react/jsx-runtime");
+function UndoIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+    "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__ */ (0, import_jsx_runtime134.jsx)("path", { d: "M3 7v6h6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("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
+var import_jsx_runtime135 = require("react/jsx-runtime");
+function UnlockIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+    "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__ */ (0, import_jsx_runtime135.jsx)("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
+      ]
+    }
+  );
+}
+// src/components/icons/upload/index.tsx
+var import_jsx_runtime136 = require("react/jsx-runtime");
+function UploadIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+    "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__ */ (0, import_jsx_runtime136.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+      ]
+    }
+  );
+}
+// src/components/icons/user/index.tsx
+var import_jsx_runtime137 = require("react/jsx-runtime");
+function UserIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
+    "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__ */ (0, import_jsx_runtime137.jsx)("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("circle", { cx: "12", cy: "7", r: "4" })
+      ]
+    }
+  );
+}
+// src/components/icons/user-check/index.tsx
+var import_jsx_runtime138 = require("react/jsx-runtime");
+function UserCheckIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+    "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__ */ (0, import_jsx_runtime138.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("polyline", { points: "16 11 18 13 22 9" })
+      ]
+    }
+  );
+}
+// src/components/icons/user-plus/index.tsx
+var import_jsx_runtime139 = require("react/jsx-runtime");
+function UserPlusIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+    "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__ */ (0, import_jsx_runtime139.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("line", { x1: "19", x2: "19", y1: "8", y2: "14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("line", { x1: "22", x2: "16", y1: "11", y2: "11" })
+      ]
+    }
+  );
+}
+// src/components/icons/users/index.tsx
+var import_jsx_runtime140 = require("react/jsx-runtime");
+function UsersIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+    "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__ */ (0, import_jsx_runtime140.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+      ]
+    }
+  );
+}
+// src/components/icons/volume-2/index.tsx
+var import_jsx_runtime141 = require("react/jsx-runtime");
+function Volume2Icon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+    "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__ */ (0, import_jsx_runtime141.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+      ]
+    }
+  );
+}
+// src/components/icons/volume-x/index.tsx
+var import_jsx_runtime142 = require("react/jsx-runtime");
+function VolumeXIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+    "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__ */ (0, import_jsx_runtime142.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("line", { x1: "22", x2: "16", y1: "9", y2: "15" }),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("line", { x1: "16", x2: "22", y1: "9", y2: "15" })
+      ]
+    }
+  );
+}
+// src/components/icons/wifi/index.tsx
+var import_jsx_runtime143 = require("react/jsx-runtime");
+function WifiIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
+    "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__ */ (0, import_jsx_runtime143.jsx)("path", { d: "M12 20h.01" }),
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", { d: "M2 8.82a15 15 0 0 1 20 0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", { d: "M5 12.859a10 10 0 0 1 14 0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", { d: "M8.5 16.429a5 5 0 0 1 7 0" })
+      ]
+    }
+  );
+}
+// src/components/icons/zap/index.tsx
+var import_jsx_runtime144 = require("react/jsx-runtime");
+function ZapIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+    "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__ */ (0, import_jsx_runtime144.jsx)("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 }
+];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
   Alert,
+  AlertCircleIcon,
   AppBar,
+  ArchiveIcon,
+  ArrowDownIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  ArrowUpIcon,
+  AtSignIcon,
   Avatar,
   Badge,
+  BellIcon,
+  BellOffIcon,
+  BookmarkIcon,
   Breadcrumbs,
   Button,
+  CalendarIcon,
+  CameraIcon,
   Card,
   CheckIcon,
   Checkbox,
@@ -2884,42 +5704,125 @@ function MoreHorizontalIcon({ size: size3 = 20, strokeWidth = 1.75, ...rest }) {
   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,