@datum-cloud/datum-ui 0.8.1 → 0.10.0

package/dist/styles/shadcn/shadcn.css

@@ -5,131 +5,131 @@
  */
 
 @layer shadcn-base {
-  :root {
-    /* Sidebar sizing */
-    --sidebar-width: 14rem;
-    --sidebar-width-icon: 3rem;
-    --sidebar-width-mobile: 18rem;
-
-    /* Default radius */
-    --radius: 0.625rem;
-
-    /* Minimal color fallbacks using OKLCH */
-    --background: oklch(1 0 0);
-    --foreground: oklch(0.145 0 0);
-    --card: oklch(1 0 0);
-    --card-foreground: oklch(0.145 0 0);
-    --popover: oklch(1 0 0);
-    --popover-foreground: oklch(0.145 0 0);
-    --primary: oklch(0.205 0 0);
-    --primary-foreground: oklch(0.985 0 0);
-    --secondary: oklch(0.97 0 0);
-    --secondary-foreground: oklch(0.205 0 0);
-    --muted: oklch(0.97 0 0);
-    --muted-foreground: oklch(0.556 0 0);
-    --accent: oklch(0.97 0 0);
-    --accent-foreground: oklch(0.205 0 0);
-    --destructive: oklch(0.577 0.245 27.325);
-    --destructive-foreground: oklch(0.985 0 0);
-    --border: oklch(0.922 0 0);
-    --input: oklch(0.922 0 0);
-    --ring: oklch(0.708 0 0);
-
-    /* Chart colors */
-    --chart-1: oklch(0.646 0.222 41.116);
-    --chart-2: oklch(0.6 0.118 184.704);
-    --chart-3: oklch(0.398 0.07 227.392);
-    --chart-4: oklch(0.828 0.189 84.429);
-    --chart-5: oklch(0.769 0.188 70.08);
-
-    /* Sidebar colors */
-    --sidebar: oklch(0.985 0 0);
-    --sidebar-foreground: oklch(0.145 0 0);
-    --sidebar-primary: oklch(0.205 0 0);
-    --sidebar-primary-foreground: oklch(0.985 0 0);
-    --sidebar-accent: oklch(0.97 0 0);
-    --sidebar-accent-foreground: oklch(0.205 0 0);
-    --sidebar-border: oklch(0.922 0 0);
-    --sidebar-ring: oklch(0.708 0 0);
-  }
-
-  .dark {
-    --background: oklch(0.145 0 0);
-    --foreground: oklch(0.985 0 0);
-    --card: oklch(0.205 0 0);
-    --card-foreground: oklch(0.985 0 0);
-    --popover: oklch(0.205 0 0);
-    --popover-foreground: oklch(0.985 0 0);
-    --primary: oklch(0.922 0 0);
-    --primary-foreground: oklch(0.205 0 0);
-    --secondary: oklch(0.269 0 0);
-    --secondary-foreground: oklch(0.985 0 0);
-    --muted: oklch(0.269 0 0);
-    --muted-foreground: oklch(0.708 0 0);
-    --accent: oklch(0.269 0 0);
-    --accent-foreground: oklch(0.985 0 0);
-    --destructive: oklch(0.704 0.191 22.216);
-    --destructive-foreground: oklch(0.985 0 0);
-    --border: oklch(1 0 0 / 10%);
-    --input: oklch(1 0 0 / 15%);
-    --ring: oklch(0.556 0 0);
-
-    /* Chart colors - dark mode */
-    --chart-1: oklch(0.488 0.243 264.376);
-    --chart-2: oklch(0.696 0.17 162.48);
-    --chart-3: oklch(0.769 0.188 70.08);
-    --chart-4: oklch(0.627 0.265 303.9);
-    --chart-5: oklch(0.645 0.246 16.439);
-
-    /* Sidebar colors - dark mode */
-    --sidebar: oklch(0.205 0 0);
-    --sidebar-foreground: oklch(0.985 0 0);
-    --sidebar-primary: oklch(0.488 0.243 264.376);
-    --sidebar-primary-foreground: oklch(0.985 0 0);
-    --sidebar-accent: oklch(0.269 0 0);
-    --sidebar-accent-foreground: oklch(0.985 0 0);
-    --sidebar-border: oklch(1 0 0 / 10%);
-    --sidebar-ring: oklch(0.556 0 0);
-  }
-
-  /* Tailwind theme integration */
-  @theme inline {
-    --color-sidebar: var(--sidebar);
-    --color-sidebar-foreground: var(--sidebar-foreground);
-    --color-sidebar-primary: var(--sidebar-primary);
-    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-    --color-sidebar-accent: var(--sidebar-accent);
-    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-    --color-sidebar-border: var(--sidebar-border);
-    --color-sidebar-ring: var(--sidebar-ring);
-    --color-chart-5: var(--chart-5);
-    --color-chart-4: var(--chart-4);
-    --color-chart-3: var(--chart-3);
-    --color-chart-2: var(--chart-2);
-    --color-chart-1: var(--chart-1);
-    --color-ring: var(--ring);
-    --color-input: var(--input);
-    --color-border: var(--border);
-    --color-destructive: var(--destructive);
-    --color-accent-foreground: var(--accent-foreground);
-    --color-accent: var(--accent);
-    --color-muted-foreground: var(--muted-foreground);
-    --color-muted: var(--muted);
-    --color-secondary-foreground: var(--secondary-foreground);
-    --color-secondary: var(--secondary);
-    --color-primary-foreground: var(--primary-foreground);
-    --color-primary: var(--primary);
-    --color-popover-foreground: var(--popover-foreground);
-    --color-popover: var(--popover);
-    --color-card-foreground: var(--card-foreground);
-    --color-card: var(--card);
-    --color-foreground: var(--foreground);
-    --color-background: var(--background);
-    --radius-sm: calc(var(--radius) - 4px);
-    --radius-md: calc(var(--radius) - 2px);
-    --radius-lg: var(--radius);
-    --radius-xl: calc(var(--radius) + 4px);
-  }
+    :root {
+        /* Sidebar sizing */
+        --sidebar-width: 14rem;
+        --sidebar-width-icon: 3rem;
+        --sidebar-width-mobile: 18rem;
+
+        /* Default radius */
+        --radius: 0.625rem;
+
+        /* Minimal color fallbacks using OKLCH */
+        --background: oklch(1 0 0);
+        --foreground: oklch(0.145 0 0);
+        --card: oklch(1 0 0);
+        --card-foreground: oklch(0.145 0 0);
+        --popover: oklch(1 0 0);
+        --popover-foreground: oklch(0.145 0 0);
+        --primary: oklch(0.205 0 0);
+        --primary-foreground: oklch(0.985 0 0);
+        --secondary: oklch(0.97 0 0);
+        --secondary-foreground: oklch(0.205 0 0);
+        --muted: oklch(0.97 0 0);
+        --muted-foreground: oklch(0.556 0 0);
+        --accent: oklch(0.97 0 0);
+        --accent-foreground: oklch(0.205 0 0);
+        --destructive: oklch(0.577 0.245 27.325);
+        --destructive-foreground: oklch(0.985 0 0);
+        --border: oklch(0.922 0 0);
+        --input: oklch(0.922 0 0);
+        --ring: oklch(0.708 0 0);
+
+        /* Chart colors */
+        --chart-1: oklch(0.646 0.222 41.116);
+        --chart-2: oklch(0.6 0.118 184.704);
+        --chart-3: oklch(0.398 0.07 227.392);
+        --chart-4: oklch(0.828 0.189 84.429);
+        --chart-5: oklch(0.769 0.188 70.08);
+
+        /* Sidebar colors */
+        --sidebar: oklch(0.985 0 0);
+        --sidebar-foreground: oklch(0.145 0 0);
+        --sidebar-primary: oklch(0.205 0 0);
+        --sidebar-primary-foreground: oklch(0.985 0 0);
+        --sidebar-accent: oklch(0.97 0 0);
+        --sidebar-accent-foreground: oklch(0.205 0 0);
+        --sidebar-border: oklch(0.922 0 0);
+        --sidebar-ring: oklch(0.708 0 0);
+    }
+
+    .dark {
+        --background: oklch(0.145 0 0);
+        --foreground: oklch(0.985 0 0);
+        --card: oklch(0.205 0 0);
+        --card-foreground: oklch(0.985 0 0);
+        --popover: oklch(0.205 0 0);
+        --popover-foreground: oklch(0.985 0 0);
+        --primary: oklch(0.922 0 0);
+        --primary-foreground: oklch(0.205 0 0);
+        --secondary: oklch(0.269 0 0);
+        --secondary-foreground: oklch(0.985 0 0);
+        --muted: oklch(0.269 0 0);
+        --muted-foreground: oklch(0.708 0 0);
+        --accent: oklch(0.269 0 0);
+        --accent-foreground: oklch(0.985 0 0);
+        --destructive: oklch(0.704 0.191 22.216);
+        --destructive-foreground: oklch(0.985 0 0);
+        --border: oklch(1 0 0 / 10%);
+        --input: oklch(1 0 0 / 15%);
+        --ring: oklch(0.556 0 0);
+
+        /* Chart colors - dark mode */
+        --chart-1: oklch(0.488 0.243 264.376);
+        --chart-2: oklch(0.696 0.17 162.48);
+        --chart-3: oklch(0.769 0.188 70.08);
+        --chart-4: oklch(0.627 0.265 303.9);
+        --chart-5: oklch(0.645 0.246 16.439);
+
+        /* Sidebar colors - dark mode */
+        --sidebar: oklch(0.205 0 0);
+        --sidebar-foreground: oklch(0.985 0 0);
+        --sidebar-primary: oklch(0.488 0.243 264.376);
+        --sidebar-primary-foreground: oklch(0.985 0 0);
+        --sidebar-accent: oklch(0.269 0 0);
+        --sidebar-accent-foreground: oklch(0.985 0 0);
+        --sidebar-border: oklch(1 0 0 / 10%);
+        --sidebar-ring: oklch(0.556 0 0);
+    }
+
+    /* Tailwind theme integration */
+    @theme inline {
+        --color-sidebar: var(--sidebar);
+        --color-sidebar-foreground: var(--sidebar-foreground);
+        --color-sidebar-primary: var(--sidebar-primary);
+        --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+        --color-sidebar-accent: var(--sidebar-accent);
+        --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+        --color-sidebar-border: var(--sidebar-border);
+        --color-sidebar-ring: var(--sidebar-ring);
+        --color-chart-5: var(--chart-5);
+        --color-chart-4: var(--chart-4);
+        --color-chart-3: var(--chart-3);
+        --color-chart-2: var(--chart-2);
+        --color-chart-1: var(--chart-1);
+        --color-ring: var(--ring);
+        --color-input: var(--input);
+        --color-border: var(--border);
+        --color-destructive: var(--destructive);
+        --color-accent-foreground: var(--accent-foreground);
+        --color-accent: var(--accent);
+        --color-muted-foreground: var(--muted-foreground);
+        --color-muted: var(--muted);
+        --color-secondary-foreground: var(--secondary-foreground);
+        --color-secondary: var(--secondary);
+        --color-primary-foreground: var(--primary-foreground);
+        --color-primary: var(--primary);
+        --color-popover-foreground: var(--popover-foreground);
+        --color-popover: var(--popover);
+        --color-card-foreground: var(--card-foreground);
+        --color-card: var(--card);
+        --color-foreground: var(--foreground);
+        --color-background: var(--background);
+        --radius-sm: calc(var(--radius) - 4px);
+        --radius-md: calc(var(--radius) - 2px);
+        --radius-lg: var(--radius);
+        --radius-xl: calc(var(--radius) + 4px);
+    }
 }
 
 /**
@@ -138,99 +138,98 @@
  */
 
 @theme {
-  --font-sans:
-    'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-    'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-sans:
+        "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 html,
 body {
-  @apply dark:bg-gray-950;
-
-  @media (prefers-color-scheme: dark) {
-    color-scheme: dark;
-  }
+    @media (prefers-color-scheme: dark) {
+        color-scheme: dark;
+    }
 }
 
 @layer base {
-  * {
-    @apply border-border outline-ring/50;
-    scrollbar-width: thin;
-    scrollbar-color: var(--border) transparent;
-  }
-  html {
-    @apply overflow-x-hidden;
-  }
-  body {
-    @apply bg-background text-foreground min-h-svh w-full;
-  }
-
-  button:not(:disabled),
-  [role='button']:not(:disabled) {
-    cursor: pointer;
-  }
-
-  /* Prevent focus zoom on mobile devices */
-  @media screen and (max-width: 767px) {
-    input,
-    select,
-    textarea {
-      font-size: 16px !important;
-    }
-  }
-  .leaflet-container {
-    @apply !bg-card !font-[inherit];
-  }
-  .leaflet-container a {
-    @apply !text-inherit;
-  }
-  .leaflet-div-icon {
-    @apply !border-none !bg-transparent;
-  }
-  .leaflet-popup-content-wrapper,
-  .leaflet-popup-content,
-  .leaflet-popup-content p {
-    @apply ![all:unset];
-  }
-  .leaflet-popup {
-    @apply !animate-none;
-  }
-  .leaflet-popup-close-button {
-    @apply ring-offset-background focus:ring-ring bg-secondary rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:outline-hidden;
-  }
-  .leaflet-tooltip,
-  .leaflet-draw-tooltip {
-    @apply !bg-foreground !text-background !animate-none !rounded-md !border-none !p-0 !px-3 !py-1.5 !shadow-none;
-  }
-  .leaflet-draw-tooltip:before {
-    @apply bg-foreground !top-1/2 !right-0.5 size-2.5 translate-x-1/2 -translate-y-1/2 rotate-45 rounded-[2px] !border-none;
-  }
-  .leaflet-error-draw-tooltip {
-    @apply !bg-destructive !text-white;
-  }
-  .leaflet-error-draw-tooltip:before {
-    @apply bg-destructive;
-  }
-  .leaflet-draw-tooltip-subtext {
-    @apply !text-background;
-  }
-  .leaflet-popup-tip-container,
-  .leaflet-tooltip-top:before,
-  .leaflet-tooltip-bottom:before,
-  .leaflet-tooltip-left:before,
-  .leaflet-tooltip-right:before {
-    @apply hidden;
-  }
-  .leaflet-control-attribution {
-    @apply !bg-muted rounded-md !px-[4px] !py-[2px] text-[10px] !leading-none !text-inherit;
-  }
-  .leaflet-draw-guide-dash {
-    @apply rounded-full;
-  }
-  .leaflet-edit-marker-selected {
-    @apply !border-transparent !bg-transparent;
-  }
-  .marker-cluster div {
-    @apply font-[inherit];
-  }
+    * {
+        @apply border-border outline-ring/50;
+        scrollbar-width: thin;
+        scrollbar-color: var(--border) transparent;
+    }
+
+    html {
+        @apply overflow-x-hidden;
+    }
+    body {
+        @apply bg-background text-foreground min-h-svh w-full;
+    }
+
+    button:not(:disabled),
+    [role="button"]:not(:disabled) {
+        cursor: pointer;
+    }
+
+    /* Prevent focus zoom on mobile devices */
+    @media screen and (max-width: 767px) {
+        input,
+        select,
+        textarea {
+            font-size: 16px !important;
+        }
+    }
+    .leaflet-container {
+        @apply !bg-card !font-[inherit];
+    }
+    .leaflet-container a {
+        @apply !text-inherit;
+    }
+    .leaflet-div-icon {
+        @apply !border-none !bg-transparent;
+    }
+    .leaflet-popup-content-wrapper,
+    .leaflet-popup-content,
+    .leaflet-popup-content p {
+        @apply ![all:unset];
+    }
+    .leaflet-popup {
+        @apply !animate-none;
+    }
+    .leaflet-popup-close-button {
+        @apply ring-offset-background focus:ring-ring bg-secondary rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:outline-hidden;
+    }
+    .leaflet-tooltip,
+    .leaflet-draw-tooltip {
+        @apply !bg-foreground !text-background !animate-none !rounded-md !border-none !p-0 !px-3 !py-1.5 !shadow-none;
+    }
+    .leaflet-draw-tooltip:before {
+        @apply bg-foreground !top-1/2 !right-0.5 size-2.5 translate-x-1/2 -translate-y-1/2 rotate-45 rounded-[2px] !border-none;
+    }
+    .leaflet-error-draw-tooltip {
+        @apply !bg-destructive !text-white;
+    }
+    .leaflet-error-draw-tooltip:before {
+        @apply bg-destructive;
+    }
+    .leaflet-draw-tooltip-subtext {
+        @apply !text-background;
+    }
+    .leaflet-popup-tip-container,
+    .leaflet-tooltip-top:before,
+    .leaflet-tooltip-bottom:before,
+    .leaflet-tooltip-left:before,
+    .leaflet-tooltip-right:before {
+        @apply hidden;
+    }
+    .leaflet-control-attribution {
+        @apply !bg-muted rounded-md !px-[4px] !py-[2px] text-[10px] !leading-none !text-inherit;
+    }
+    .leaflet-draw-guide-dash {
+        @apply rounded-full;
+    }
+    .leaflet-edit-marker-selected {
+        @apply !border-transparent !bg-transparent;
+    }
+    .marker-cluster div {
+        @apply font-[inherit];
+    }
 }

package/dist/switch/index.mjs

@@ -1,2 +1,2 @@
-import { t as Switch } from "../switch-DcSF42Kc.mjs";
+import { t as Switch } from "../switch-BcQaR1Bp.mjs";
 export { Switch };

package/dist/table/index.mjs

@@ -1,2 +1,2 @@
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../table-DWGT4cqh.mjs";
+import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../table-ouGk4Vxe.mjs";
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/tag-input/index.mjs

@@ -1,2 +1,2 @@
-import { t as TagsInput } from "../tag-input-Bf4GMptp.mjs";
+import { t as TagsInput } from "../tag-input-CV1JbKTm.mjs";
 export { TagsInput };

package/dist/{tag-input-Bf4GMptp.mjs → tag-input-CV1JbKTm.mjs}

@@ -3,7 +3,7 @@ import { t as Badge } from "./badge-DJR33ftJ.mjs";
 import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { t as Input } from "./input-FKGqZypx.mjs";
 import { X } from "lucide-react";
-import React from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { z } from "zod";
 //#region src/components/features/tag-input/tag-input.tsx

package/dist/task-queue/index.mjs

@@ -1,2 +1,2 @@
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-D-LncEWm.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-J1FuQOSr.mjs";
 export { LocalTaskStorage, RedisTaskStorage, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, createOrgMetadata, createProjectMetadata, createUserMetadata, detectStorage, getContextLabel, matchesCurrentScope, useCurrentScope, useTaskQueue, useTasksWithLabels };

package/dist/{task-queue-dropdown-D-LncEWm.mjs → task-queue-dropdown-J1FuQOSr.mjs}

@@ -5,8 +5,8 @@ import { t as Button } from "./button-BllvE9Lm.mjs";
 import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { t as Dialog } from "./dialog-Bm2H9lrx.mjs";
 import { t as ResponsiveDropdown } from "./responsive-dropdown-IFroDgKn.mjs";
-import { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-a7NTDCWw.mjs";
-import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "./table-DWGT4cqh.mjs";
+import { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-CHuzXR_O.mjs";
+import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "./table-ouGk4Vxe.mjs";
 import { Ban, CheckCircle2, CircleAlert, CircleCheck, CornerDownRightIcon, FileIcon, ListTodo, X, XCircle } from "lucide-react";
 import { createContext, use, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1111,7 +1111,7 @@ function TaskQueueTrigger({ ref, tasks, ...props }) {
 		if (isAllComplete && !prevAllComplete.current) {
 			prevAllComplete.current = true;
 			setFlash(true);
-			const timer = setTimeout(() => setFlash(false), 5e3);
+			const timer = setTimeout(setFlash, 5e3, false);
 			return () => clearTimeout(timer);
 		}
 		if (!isAllComplete) prevAllComplete.current = false;

package/dist/textarea/index.mjs

@@ -1,2 +1,2 @@
-import { t as Textarea } from "../textarea-BoChBcFz.mjs";
+import { t as Textarea } from "../textarea-q-k7DYwi.mjs";
 export { Textarea };

package/dist/theme/index.mjs

@@ -1,2 +1,2 @@
-import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider } from "../themes-CAiN4b6G.mjs";
+import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider } from "../themes-08-znmBI.mjs";
 export { ClientOnly, ThemeProvider, ThemeScript, useTheme };

package/dist/{themes-CAiN4b6G.mjs → themes-08-znmBI.mjs}

@@ -1,9 +1,9 @@
-import * as React$1 from "react";
+import * as React from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 //#region src/components/themes/client-only.tsx
 function ClientOnly({ children, fallback = null }) {
-	const [hasMounted, setHasMounted] = React$1.useState(false);
-	React$1.useEffect(() => {
+	const [hasMounted, setHasMounted] = React.useState(false);
+	React.useEffect(() => {
 		setHasMounted(true);
 	}, []);
 	if (!hasMounted) return /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
@@ -40,7 +40,7 @@ function script(attribute, storageKey, defaultTheme, forcedTheme, themes, value,
 }
 //#endregion
 //#region src/components/themes/theme-script.tsx
-const ThemeScript = React$1.memo(({ forcedTheme, storageKey = "theme", attribute = "data-theme", enableSystem = true, enableColorScheme = true, defaultTheme = "system", value, themes = ["light", "dark"], nonce, scriptProps }) => {
+const ThemeScript = React.memo(({ forcedTheme, storageKey = "theme", attribute = "data-theme", enableSystem = true, enableColorScheme = true, defaultTheme = "system", value, themes = ["light", "dark"], nonce, scriptProps }) => {
 	const scriptArgs = JSON.stringify([
 		attribute,
 		storageKey,
@@ -63,7 +63,7 @@ const ThemeScript = React$1.memo(({ forcedTheme, storageKey = "theme", attribute
 const colorSchemes = ["light", "dark"];
 const MEDIA = "(prefers-color-scheme: dark)";
 const isServer = typeof window === "undefined";
-const ThemeContext = React$1.createContext(void 0);
+const ThemeContext = React.createContext(void 0);
 const defaultContext = {
 	setTheme: (_) => {},
 	themes: []
@@ -73,20 +73,20 @@ function saveToLS(storageKey, value) {
 		localStorage.setItem(storageKey, value);
 	} catch {}
 }
-const useTheme = () => React$1.use(ThemeContext) ?? defaultContext;
+const useTheme = () => React.use(ThemeContext) ?? defaultContext;
 function ThemeProvider(props) {
-	if (React$1.use(ThemeContext)) return /* @__PURE__ */ jsx(Fragment$1, { children: props.children });
+	if (React.use(ThemeContext)) return /* @__PURE__ */ jsx(Fragment$1, { children: props.children });
 	return /* @__PURE__ */ jsx(ThemeImpl, { ...props });
 }
 const defaultThemes = ["light", "dark"];
 function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, storageKey = "theme", themes = defaultThemes, defaultTheme = enableSystem ? "system" : "light", attribute = "data-theme", value, children, nonce, scriptProps: _scriptProps }) {
-	const [theme, setThemeState] = React$1.useState(() => isServer ? defaultTheme : getTheme(storageKey, defaultTheme));
-	const [resolvedTheme, setResolvedTheme] = React$1.useState(() => {
+	const [theme, setThemeState] = React.useState(() => isServer ? defaultTheme : getTheme(storageKey, defaultTheme));
+	const [resolvedTheme, setResolvedTheme] = React.useState(() => {
 		if (isServer) return defaultTheme === "dark" ? "dark" : "light";
 		return theme === "system" ? getSystemTheme() : theme;
 	});
 	const attrs = !value ? themes : Object.values(value);
-	const applyTheme = React$1.useCallback((theme) => {
+	const applyTheme = React.useCallback((theme) => {
 		let resolved = theme;
 		if (!resolved) return;
 		if (theme === "system" && enableSystem) resolved = getSystemTheme();
@@ -109,7 +109,7 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 		}
 		enable?.();
 	}, [nonce]);
-	const setTheme = React$1.useCallback((value) => {
+	const setTheme = React.useCallback((value) => {
 		if (typeof value === "function") setThemeState((prevTheme) => {
 			const newTheme = value(prevTheme);
 			saveToLS(storageKey, newTheme);
@@ -120,18 +120,18 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 			saveToLS(storageKey, value);
 		}
 	}, []);
-	const handleMediaQuery = React$1.useCallback((e) => {
+	const handleMediaQuery = React.useCallback((e) => {
 		setResolvedTheme(getSystemTheme(e));
 		if (theme === "system" && enableSystem && !forcedTheme) applyTheme("system");
 	}, [theme, forcedTheme]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (typeof window === "undefined") return;
 		const media = window.matchMedia(MEDIA);
 		media.addListener(handleMediaQuery);
 		handleMediaQuery(media);
 		return () => media.removeListener(handleMediaQuery);
 	}, [handleMediaQuery]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (typeof window === "undefined") return;
 		const handleStorage = (e) => {
 			if (e.key !== storageKey) return;
@@ -141,11 +141,11 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 		window.addEventListener("storage", handleStorage);
 		return () => window.removeEventListener("storage", handleStorage);
 	}, [setTheme]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (typeof window !== "undefined") applyTheme(forcedTheme ?? theme);
 	}, [forcedTheme, theme]);
 	return /* @__PURE__ */ jsx(ThemeContext, {
-		value: React$1.useMemo(() => ({
+		value: React.useMemo(() => ({
 			theme,
 			setTheme,
 			forcedTheme,