@thangnqdev/ui 0.2.1 → 0.2.3

package/dist/forms/index.js

@@ -1,10 +1,10 @@
-export { Combobox, CurrencyInput, DatePicker, DateRangePicker, FileUpload, Input, MaskedInput, MultiSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RangeSlider, SearchInput, Select, Slider, Switch, Textarea, TimePicker, applyMask, formatCurrencyString, formatDate, formatDisplayDate, formatFileSize, inputVariants, radioVariants, selectVariants, switchThumbVariants, switchVariants, textareaVariants } from '../chunk-4CRFNALF.js';
-export { Checkbox, CheckboxGroup, CheckboxGroupContext, FormErrorMessage, FormField, FormHelperText, FormLabel, checkboxVariants, useCheckboxGroup, useFormField } from '../chunk-DSEL7ELZ.js';
-import '../chunk-D7FB3TCA.js';
-import '../chunk-YOCGBORV.js';
-import '../chunk-ADO3SVUA.js';
-import '../chunk-I5O2WCGF.js';
-import '../chunk-I2FQBMVW.js';
-import '../chunk-2YJBW4E2.js';
+export { Combobox, CurrencyInput, DatePicker, DateRangePicker, FileUpload, Input, MaskedInput, MultiSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RangeSlider, SearchInput, Select, Slider, Switch, Textarea, TimePicker, applyMask, formatCurrencyString, formatDate, formatDisplayDate, formatFileSize, inputVariants, radioVariants, selectVariants, switchThumbVariants, switchVariants, textareaVariants } from '../chunk-4GNFT2ZJ.js';
+export { Checkbox, CheckboxGroup, CheckboxGroupContext, FormErrorMessage, FormField, FormHelperText, FormLabel, checkboxVariants, useCheckboxGroup, useFormField } from '../chunk-VE2PNSDQ.js';
+import '../chunk-GXI2H5XA.js';
+import '../chunk-7NMB2Y64.js';
+import '../chunk-IABPUCAQ.js';
+import '../chunk-EU2LPUYP.js';
+import '../chunk-66VWUJEI.js';
+import '../chunk-4S6L5V7X.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/glass/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/cn.ts","../../src/glass/GlassCard.tsx","../../src/glass/GlassButton.tsx","../../src/glass/GlassBadge.tsx"],"names":["twMerge","clsx","cva","forwardRef","jsxs","jsx"],"mappings":"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","file":"index.cjs","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nconst glassCardVariants = cva(\n  'relative overflow-hidden transition-all duration-300 text-[var(--ui-glass-text-primary)]',\n  {\n    variants: {\n      intensity: {\n        subtle:\n          'bg-[var(--ui-glass-subtle-bg)] backdrop-blur-[var(--ui-glass-subtle-blur)] border border-[var(--ui-glass-subtle-border)]',\n        standard:\n          'bg-[var(--ui-glass-standard-bg)] backdrop-blur-[var(--ui-glass-standard-blur)] border border-[var(--ui-glass-standard-border)] shadow-[var(--ui-glass-standard-shadow)]',\n        frosted:\n          'bg-[var(--ui-glass-frosted-bg)] backdrop-blur-[var(--ui-glass-frosted-blur)] border border-[var(--ui-glass-frosted-border)] shadow-[var(--ui-glass-frosted-shadow)]',\n        acrylic:\n          'bg-[image:var(--ui-glass-acrylic-bg)] backdrop-blur-[var(--ui-glass-acrylic-blur)] border border-[var(--ui-glass-acrylic-border)] shadow-[var(--ui-glass-acrylic-shadow)]',\n      },\n      glow: {\n        none: '',\n        cyan: 'hover:shadow-[0_0_40px_-8px_rgba(56,189,248,0.3)] hover:border-sky-400/40',\n        purple: 'hover:shadow-[0_0_40px_-8px_rgba(192,132,252,0.3)] hover:border-purple-400/40',\n        white: 'hover:shadow-[0_0_35px_-8px_rgba(255,255,255,0.25)] hover:border-white/30',\n      },\n      radius: {\n        md: 'rounded-xl',\n        lg: 'rounded-2xl',\n        xl: 'rounded-3xl',\n      },\n      padding: {\n        sm: 'p-4',\n        md: 'p-6',\n        lg: 'p-8',\n      },\n    },\n    defaultVariants: {\n      intensity: 'standard',\n      glow: 'none',\n      radius: 'lg',\n      padding: 'md',\n    },\n  }\n);\n\nexport interface GlassCardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof glassCardVariants> {\n  specularLight?: boolean;\n}\n\nexport const GlassCard = forwardRef<HTMLDivElement, GlassCardProps>(\n  ({ className, intensity, glow, radius, padding, specularLight = true, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(glassCardVariants({ intensity, glow, radius, padding, className }))}\n        {...props}\n      >\n        {specularLight && (\n          <div\n            className=\"pointer-events-none absolute inset-x-0 top-0 h-px bg-[image:var(--ui-glass-specular-light)] opacity-80\"\n            aria-hidden=\"true\"\n          />\n        )}\n        {children}\n      </div>\n    );\n  }\n);\n\nGlassCard.displayName = 'GlassCard';\n","import React, { forwardRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nconst glassButtonVariants = cva(\n  'group relative inline-flex items-center justify-center font-medium tracking-tight transition-all duration-300 active:scale-[0.97] disabled:pointer-events-none disabled:opacity-40 overflow-hidden cursor-pointer select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 dark:focus-visible:ring-white/90 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--ui-focus-ring-offset)]',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-[var(--ui-glass-btn-default-bg)] hover:bg-[var(--ui-glass-btn-default-hover)] backdrop-blur-md border border-[var(--ui-glass-btn-default-border)] text-[var(--ui-glass-btn-default-text)] shadow-sm dark:shadow-[0_4px_24px_rgba(0,0,0,0.35)] hover:border-black/20 dark:hover:border-white/35',\n        primary:\n          'bg-slate-900 text-white dark:bg-white dark:text-slate-950 font-semibold shadow-md hover:bg-slate-800 dark:hover:bg-slate-100 border border-slate-700 dark:border-white shadow-[0_4px_20px_rgba(0,0,0,0.2)] dark:shadow-[0_0_24px_rgba(255,255,255,0.25)]',\n        luminescent:\n          'bg-gradient-to-r from-slate-800/80 to-slate-900/80 text-white dark:from-white/15 dark:to-white/5 dark:text-white backdrop-blur-xl border border-white/20 dark:border-white/30 shadow-[0_0_20px_-4px_rgba(255,255,255,0.15)] hover:border-white/50 hover:shadow-[0_0_30px_-4px_rgba(255,255,255,0.3)]',\n        ghost:\n          'bg-transparent hover:bg-black/5 dark:hover:bg-white/10 backdrop-blur-sm border border-transparent hover:border-black/10 dark:hover:border-white/15 text-[var(--ui-glass-text-secondary)] hover:text-[var(--ui-glass-text-primary)]',\n      },\n      size: {\n        sm: 'h-8 px-3.5 text-xs rounded-xl gap-1.5',\n        md: 'h-10 px-5 text-sm rounded-2xl gap-2',\n        lg: 'h-12 px-7 text-base rounded-2xl gap-2.5',\n        icon: 'h-10 w-10 rounded-2xl',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface GlassButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof glassButtonVariants> {\n  shimmer?: boolean;\n}\n\nexport const GlassButton = forwardRef<HTMLButtonElement, GlassButtonProps>(\n  ({ className, variant, size, shimmer = true, children, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        className={cn(glassButtonVariants({ variant, size, className }))}\n        {...props}\n      >\n        {shimmer && (\n          <span\n            className=\"pointer-events-none absolute -inset-full top-0 block -rotate-45 bg-gradient-to-r from-transparent via-white/25 dark:via-white/15 to-transparent transition-all duration-700 motion-safe:group-hover:translate-x-full\"\n            aria-hidden=\"true\"\n          />\n        )}\n        <span className=\"relative z-10 inline-flex items-center gap-2\">{children}</span>\n      </button>\n    );\n  }\n);\n\nGlassButton.displayName = 'GlassButton';\n","import React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nconst glassBadgeVariants = cva(\n  'inline-flex items-center font-sans font-semibold tracking-tight rounded-full backdrop-blur-xl border transition-all select-none',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-[var(--ui-bg-secondary)]/80 text-[var(--ui-text-primary)] border-[var(--ui-border-default)] shadow-xs',\n        emerald:\n          'bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 border-emerald-500/25 shadow-xs shadow-emerald-500/10',\n        cyan:\n          'bg-blue-500/15 text-blue-600 dark:text-blue-400 border-blue-500/25 shadow-xs shadow-blue-500/10',\n        purple:\n          'bg-purple-500/15 text-purple-600 dark:text-purple-400 border-purple-500/25 shadow-xs shadow-purple-500/10',\n        amber:\n          'bg-amber-500/15 text-amber-600 dark:text-amber-400 border-amber-500/25 shadow-xs shadow-amber-500/10',\n        rose:\n          'bg-rose-500/15 text-rose-600 dark:text-rose-400 border-rose-500/25 shadow-xs shadow-rose-500/10',\n      },\n      size: {\n        sm: 'text-[10px] px-2 py-0.5 gap-1',\n        md: 'text-[11px] px-2.5 py-0.5 gap-1.5',\n        lg: 'text-xs px-3 py-1 gap-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface GlassBadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof glassBadgeVariants> {\n  dot?: boolean;\n}\n\nexport const GlassBadge: React.FC<GlassBadgeProps> = ({\n  className,\n  variant,\n  size,\n  dot = false,\n  children,\n  ...props\n}) => {\n  return (\n    <span className={cn(glassBadgeVariants({ variant, size, className }))} {...props}>\n      {dot && (\n        <span\n          className=\"h-1.5 w-1.5 rounded-full bg-current motion-safe:animate-pulse shrink-0\"\n          aria-hidden=\"true\"\n        />\n      )}\n      <span>{children}</span>\n    </span>\n  );\n};\n"]}
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/glass/GlassCard.tsx","../../src/glass/GlassButton.tsx","../../src/glass/GlassBadge.tsx"],"names":["twMerge","clsx","cva","forwardRef","jsxs","jsx"],"mappings":"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","file":"index.cjs","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nconst glassCardVariants = cva(\r\n  'relative overflow-hidden transition-all duration-300 text-[var(--ui-glass-text-primary)]',\r\n  {\r\n    variants: {\r\n      intensity: {\r\n        subtle:\r\n          'bg-[var(--ui-glass-subtle-bg)] backdrop-blur-[var(--ui-glass-subtle-blur)] border border-[var(--ui-glass-subtle-border)]',\r\n        standard:\r\n          'bg-[var(--ui-glass-standard-bg)] backdrop-blur-[var(--ui-glass-standard-blur)] border border-[var(--ui-glass-standard-border)] shadow-[var(--ui-glass-standard-shadow)]',\r\n        frosted:\r\n          'bg-[var(--ui-glass-frosted-bg)] backdrop-blur-[var(--ui-glass-frosted-blur)] border border-[var(--ui-glass-frosted-border)] shadow-[var(--ui-glass-frosted-shadow)]',\r\n        acrylic:\r\n          'bg-[image:var(--ui-glass-acrylic-bg)] backdrop-blur-[var(--ui-glass-acrylic-blur)] border border-[var(--ui-glass-acrylic-border)] shadow-[var(--ui-glass-acrylic-shadow)]',\r\n      },\r\n      glow: {\r\n        none: '',\r\n        cyan: 'hover:shadow-[0_0_40px_-8px_rgba(56,189,248,0.3)] hover:border-sky-400/40',\r\n        purple: 'hover:shadow-[0_0_40px_-8px_rgba(192,132,252,0.3)] hover:border-purple-400/40',\r\n        white: 'hover:shadow-[0_0_35px_-8px_rgba(255,255,255,0.25)] hover:border-white/30',\r\n      },\r\n      radius: {\r\n        md: 'rounded-xl',\r\n        lg: 'rounded-2xl',\r\n        xl: 'rounded-3xl',\r\n      },\r\n      padding: {\r\n        sm: 'p-4',\r\n        md: 'p-6',\r\n        lg: 'p-8',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      intensity: 'standard',\r\n      glow: 'none',\r\n      radius: 'lg',\r\n      padding: 'md',\r\n    },\r\n  }\r\n);\r\n\r\nexport interface GlassCardProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof glassCardVariants> {\r\n  specularLight?: boolean;\r\n}\r\n\r\nexport const GlassCard = forwardRef<HTMLDivElement, GlassCardProps>(\r\n  ({ className, intensity, glow, radius, padding, specularLight = true, children, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(glassCardVariants({ intensity, glow, radius, padding, className }))}\r\n        {...props}\r\n      >\r\n        {specularLight && (\r\n          <div\r\n            className=\"pointer-events-none absolute inset-x-0 top-0 h-px bg-[image:var(--ui-glass-specular-light)] opacity-80\"\r\n            aria-hidden=\"true\"\r\n          />\r\n        )}\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nGlassCard.displayName = 'GlassCard';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nconst glassButtonVariants = cva(\r\n  'group relative inline-flex items-center justify-center font-medium tracking-tight transition-all duration-300 active:scale-[0.97] disabled:pointer-events-none disabled:opacity-40 overflow-hidden cursor-pointer select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 dark:focus-visible:ring-white/90 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--ui-focus-ring-offset)]',\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          'bg-[var(--ui-glass-btn-default-bg)] hover:bg-[var(--ui-glass-btn-default-hover)] backdrop-blur-md border border-[var(--ui-glass-btn-default-border)] text-[var(--ui-glass-btn-default-text)] shadow-sm dark:shadow-[0_4px_24px_rgba(0,0,0,0.35)] hover:border-black/20 dark:hover:border-white/35',\r\n        primary:\r\n          'bg-slate-900 text-white dark:bg-white dark:text-slate-950 font-semibold shadow-md hover:bg-slate-800 dark:hover:bg-slate-100 border border-slate-700 dark:border-white shadow-[0_4px_20px_rgba(0,0,0,0.2)] dark:shadow-[0_0_24px_rgba(255,255,255,0.25)]',\r\n        luminescent:\r\n          'bg-gradient-to-r from-slate-800/80 to-slate-900/80 text-white dark:from-white/15 dark:to-white/5 dark:text-white backdrop-blur-xl border border-white/20 dark:border-white/30 shadow-[0_0_20px_-4px_rgba(255,255,255,0.15)] hover:border-white/50 hover:shadow-[0_0_30px_-4px_rgba(255,255,255,0.3)]',\r\n        ghost:\r\n          'bg-transparent hover:bg-black/5 dark:hover:bg-white/10 backdrop-blur-sm border border-transparent hover:border-black/10 dark:hover:border-white/15 text-[var(--ui-glass-text-secondary)] hover:text-[var(--ui-glass-text-primary)]',\r\n      },\r\n      size: {\r\n        sm: 'h-8 px-3.5 text-xs rounded-xl gap-1.5',\r\n        md: 'h-10 px-5 text-sm rounded-2xl gap-2',\r\n        lg: 'h-12 px-7 text-base rounded-2xl gap-2.5',\r\n        icon: 'h-10 w-10 rounded-2xl',\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: 'default',\r\n      size: 'md',\r\n    },\r\n  }\r\n);\r\n\r\nexport interface GlassButtonProps\r\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n    VariantProps<typeof glassButtonVariants> {\r\n  shimmer?: boolean;\r\n}\r\n\r\nexport const GlassButton = forwardRef<HTMLButtonElement, GlassButtonProps>(\r\n  ({ className, variant, size, shimmer = true, children, ...props }, ref) => {\r\n    return (\r\n      <button\r\n        ref={ref}\r\n        className={cn(glassButtonVariants({ variant, size, className }))}\r\n        {...props}\r\n      >\r\n        {shimmer && (\r\n          <span\r\n            className=\"pointer-events-none absolute -inset-full top-0 block -rotate-45 bg-gradient-to-r from-transparent via-white/25 dark:via-white/15 to-transparent transition-all duration-700 motion-safe:group-hover:translate-x-full\"\r\n            aria-hidden=\"true\"\r\n          />\r\n        )}\r\n        <span className=\"relative z-10 inline-flex items-center gap-2\">{children}</span>\r\n      </button>\r\n    );\r\n  }\r\n);\r\n\r\nGlassButton.displayName = 'GlassButton';\r\n","import React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nconst glassBadgeVariants = cva(\n  'inline-flex items-center font-sans font-semibold tracking-tight rounded-full backdrop-blur-xl border transition-all select-none',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-[var(--ui-bg-secondary)]/80 text-[var(--ui-text-primary)] border-[var(--ui-border-default)] shadow-xs',\n        emerald:\n          'bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 border-emerald-500/25 shadow-xs shadow-emerald-500/10',\n        cyan:\n          'bg-blue-500/15 text-blue-600 dark:text-blue-400 border-blue-500/25 shadow-xs shadow-blue-500/10',\n        purple:\n          'bg-purple-500/15 text-purple-600 dark:text-purple-400 border-purple-500/25 shadow-xs shadow-purple-500/10',\n        amber:\n          'bg-amber-500/15 text-amber-600 dark:text-amber-400 border-amber-500/25 shadow-xs shadow-amber-500/10',\n        rose:\n          'bg-rose-500/15 text-rose-600 dark:text-rose-400 border-rose-500/25 shadow-xs shadow-rose-500/10',\n      },\n      size: {\n        sm: 'text-[10px] px-2 py-0.5 gap-1',\n        md: 'text-[11px] px-2.5 py-0.5 gap-1.5',\n        lg: 'text-xs px-3 py-1 gap-1.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface GlassBadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof glassBadgeVariants> {\n  dot?: boolean;\n}\n\nexport const GlassBadge: React.FC<GlassBadgeProps> = ({\n  className,\n  variant,\n  size,\n  dot = false,\n  children,\n  ...props\n}) => {\n  return (\n    <span className={cn(glassBadgeVariants({ variant, size, className }))} {...props}>\n      {dot && (\n        <span\n          className=\"h-1.5 w-1.5 rounded-full bg-current motion-safe:animate-pulse shrink-0\"\n          aria-hidden=\"true\"\n        />\n      )}\n      <span>{children}</span>\n    </span>\n  );\n};\n"]}

package/dist/glass/index.js

@@ -1,4 +1,4 @@
-export { GlassBadge, GlassButton, GlassCard } from '../chunk-V52JOSDF.js';
-import '../chunk-2YJBW4E2.js';
+export { GlassBadge, GlassButton, GlassCard } from '../chunk-A7P3O5Z5.js';
+import '../chunk-4S6L5V7X.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -26,17 +26,22 @@ __export(core_exports, {
   useTheme: () => useTheme
 });
 var ThemeContext = React66.createContext(void 0);
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? React66.useEffect : React66.useLayoutEffect;
+function isTheme(value) {
+  return value === "dark" || value === "light" || value === "system";
+}
 function ThemeProvider({
   children,
-  defaultTheme = "dark",
+  defaultTheme = "light",
   storageKey = "ui-theme",
   attribute = "data-theme",
   enableSystem = true
 }) {
   const [theme, setThemeState] = React66.useState(defaultTheme);
   const [resolvedTheme, setResolvedTheme] = React66.useState(
-    defaultTheme === "light" ? "light" : "dark"
+    defaultTheme === "dark" ? "dark" : "light"
   );
+  const pendingStoredThemeRef = React66.useRef(null);
   const computeResolved = React66.useCallback(
     (t) => {
       if (t === "system" && enableSystem && typeof window !== "undefined" && window.matchMedia) {
@@ -46,56 +51,53 @@ function ThemeProvider({
     },
     [enableSystem]
   );
-  React66.useEffect(() => {
+  const applyResolvedTheme = React66.useCallback(
+    (nextResolvedTheme) => {
+      setResolvedTheme(nextResolvedTheme);
+      if (typeof document === "undefined") return;
+      const root = document.documentElement;
+      root.setAttribute(attribute, nextResolvedTheme);
+      root.classList.toggle("dark", nextResolvedTheme === "dark");
+      root.classList.toggle("light", nextResolvedTheme === "light");
+    },
+    [attribute]
+  );
+  useIsomorphicLayoutEffect(() => {
     if (typeof window === "undefined") return;
+    let initialTheme = defaultTheme;
     try {
       const stored = window.localStorage?.getItem(storageKey);
-      if (stored && stored !== theme) {
-        setThemeState(stored);
-      }
+      if (isTheme(stored)) initialTheme = stored;
     } catch {
     }
-  }, [storageKey, theme]);
-  React66.useEffect(() => {
-    if (typeof document === "undefined") return;
-    const root = document.documentElement;
-    const currentResolved = computeResolved(theme);
-    setResolvedTheme(currentResolved);
-    root.setAttribute(attribute, currentResolved);
-    if (currentResolved === "dark") {
-      root.classList.add("dark");
-      root.classList.remove("light");
-    } else {
-      root.classList.add("light");
-      root.classList.remove("dark");
+    pendingStoredThemeRef.current = { storageKey, theme: initialTheme };
+    setThemeState((currentTheme) => currentTheme === initialTheme ? currentTheme : initialTheme);
+  }, [storageKey]);
+  useIsomorphicLayoutEffect(() => {
+    const pendingStoredTheme = pendingStoredThemeRef.current;
+    if (pendingStoredTheme?.storageKey === storageKey) {
+      if (pendingStoredTheme.theme !== theme) return;
+      pendingStoredThemeRef.current = null;
     }
+    const currentResolved = computeResolved(theme);
+    applyResolvedTheme(currentResolved);
     if (typeof window !== "undefined" && typeof window.localStorage !== "undefined") {
       try {
         window.localStorage.setItem(storageKey, theme);
       } catch {
       }
     }
-  }, [theme, attribute, computeResolved, storageKey]);
+  }, [theme, computeResolved, applyResolvedTheme, storageKey]);
   React66.useEffect(() => {
     if (theme !== "system" || !enableSystem || typeof window === "undefined" || !window.matchMedia) return;
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const handleChange = () => {
       const newResolved = mediaQuery.matches ? "dark" : "light";
-      setResolvedTheme(newResolved);
-      if (typeof document !== "undefined") {
-        document.documentElement.setAttribute(attribute, newResolved);
-        if (newResolved === "dark") {
-          document.documentElement.classList.add("dark");
-          document.documentElement.classList.remove("light");
-        } else {
-          document.documentElement.classList.add("light");
-          document.documentElement.classList.remove("dark");
-        }
-      }
+      applyResolvedTheme(newResolved);
     };
     mediaQuery.addEventListener("change", handleChange);
     return () => mediaQuery.removeEventListener("change", handleChange);
-  }, [theme, enableSystem, attribute]);
+  }, [theme, enableSystem, applyResolvedTheme]);
   const toggleTheme = () => {
     setThemeState((prev) => {
       if (prev === "dark") return "light";