@gv-tech/ui-web 2.15.0 → 2.15.1

package/dist/theme-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-nZSsnGb7.js"),s=require("./index-CsjrqSSN.js");function i({children:e,...t}){return r.jsxRuntimeExports.jsx(s.J,{attribute:"class",defaultTheme:"system",enableSystem:!0,...t,children:e})}exports.ThemeProvider=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-nZSsnGb7.js"),s=require("next-themes");function i({children:e,...t}){return r.jsxRuntimeExports.jsx(s.ThemeProvider,{attribute:"class",defaultTheme:"system",enableSystem:!0,...t,children:e})}exports.ThemeProvider=i;

package/dist/theme-provider.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { j as r } from "./jsx-runtime-tc70JA_2.mjs";
-import { J as s } from "./index-DAWHN3cH.mjs";
-function i({ children: e, ...t }) {
-  return /* @__PURE__ */ r.jsx(s, { attribute: "class", defaultTheme: "system", enableSystem: !0, ...t, children: e });
+import { j as t } from "./jsx-runtime-tc70JA_2.mjs";
+import { ThemeProvider as m } from "next-themes";
+function i({ children: e, ...r }) {
+  return /* @__PURE__ */ t.jsx(m, { attribute: "class", defaultTheme: "system", enableSystem: !0, ...r, children: e });
 }
 export {
   i as ThemeProvider

package/dist/theme-toggle-B4VZTDpe.js

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-nZSsnGb7.js"),s=require("lucide-react"),j=require("./button.cjs"),t=require("./dropdown-menu.cjs"),d=require("@gv-tech/design-tokens"),T=require("next-themes"),r=require("./utils-IjLH3w2e.js");function p(){const o=T.useTheme(),{resolvedTheme:i}=o,n=i==="dark"?d.theme.dark:d.theme.light;return{...o,tokens:n}}function k({variant:o="binary",onThemeChange:i,customTheme:n,className:c}){const{theme:R,setTheme:E,resolvedTheme:g}=p(),m=n??R,l=(n||g)==="dark",a=m==="system",x=h=>{i?i(h):E(h)},u=()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.Sun,{className:r.cn("h-[1.2rem] w-[1.2rem] transition-all",!a&&!l?"scale-100 rotate-0":"scale-0 -rotate-90")}),e.jsxRuntimeExports.jsx(s.Moon,{className:r.cn("absolute h-[1.2rem] w-[1.2rem] transition-all",!a&&l?"scale-100 rotate-0":"scale-0 rotate-90")}),e.jsxRuntimeExports.jsx(s.SunMoon,{className:r.cn("absolute h-[1.2rem] w-[1.2rem] transition-all",a?"scale-100 rotate-0":"scale-0 rotate-90")}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Toggle theme"})]});return o==="ternary"?e.jsxRuntimeExports.jsxs(t.DropdownMenu,{children:[e.jsxRuntimeExports.jsx(t.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"ghost",size:"icon",className:r.cn("relative h-9 w-9",c),children:e.jsxRuntimeExports.jsx(u,{})})}),e.jsxRuntimeExports.jsxs(t.DropdownMenuContent,{align:"end",children:[e.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>x("light"),children:[e.jsxRuntimeExports.jsx(s.Sun,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Light"})]}),e.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>x("dark"),children:[e.jsxRuntimeExports.jsx(s.Moon,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Dark"})]}),e.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>x("system"),children:[e.jsxRuntimeExports.jsx(s.SunMoon,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"System"})]})]})]}):e.jsxRuntimeExports.jsx(j.Button,{variant:"ghost",size:"icon",className:r.cn("relative h-9 w-9",c),onClick:()=>x(m==="dark"?"light":"dark"),"aria-label":"Toggle theme",children:e.jsxRuntimeExports.jsx(u,{})})}exports.ThemeToggle=k;exports.useTheme=p;

package/dist/theme-toggle-WtPW9UZi.mjs

@@ -0,0 +1,79 @@
+import { j as e } from "./jsx-runtime-tc70JA_2.mjs";
+import { Sun as x, Moon as j, SunMoon as u } from "lucide-react";
+import { Button as g } from "./button.mjs";
+import { DropdownMenu as w, DropdownMenuTrigger as v, DropdownMenuContent as N, DropdownMenuItem as i } from "./dropdown-menu.mjs";
+import { theme as p } from "@gv-tech/design-tokens";
+import { useTheme as y } from "next-themes";
+import { c as r } from "./utils-B6yFEsav.mjs";
+function C() {
+  const t = y(), { resolvedTheme: n } = t, s = n === "dark" ? p.dark : p.light;
+  return {
+    ...t,
+    tokens: s
+  };
+}
+function F({ variant: t = "binary", onThemeChange: n, customTheme: s, className: l }) {
+  const { theme: T, setTheme: f, resolvedTheme: k } = C(), c = s ?? T, m = (s || k) === "dark", o = c === "system", a = (d) => {
+    n ? n(d) : f(d);
+  }, h = () => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      x,
+      {
+        className: r(
+          "h-[1.2rem] w-[1.2rem] transition-all",
+          !o && !m ? "scale-100 rotate-0" : "scale-0 -rotate-90"
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      j,
+      {
+        className: r(
+          "absolute h-[1.2rem] w-[1.2rem] transition-all",
+          !o && m ? "scale-100 rotate-0" : "scale-0 rotate-90"
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      u,
+      {
+        className: r(
+          "absolute h-[1.2rem] w-[1.2rem] transition-all",
+          o ? "scale-100 rotate-0" : "scale-0 rotate-90"
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Toggle theme" })
+  ] });
+  return t === "ternary" ? /* @__PURE__ */ e.jsxs(w, { children: [
+    /* @__PURE__ */ e.jsx(v, { asChild: !0, children: /* @__PURE__ */ e.jsx(g, { variant: "ghost", size: "icon", className: r("relative h-9 w-9", l), children: /* @__PURE__ */ e.jsx(h, {}) }) }),
+    /* @__PURE__ */ e.jsxs(N, { align: "end", children: [
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => a("light"), children: [
+        /* @__PURE__ */ e.jsx(x, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ e.jsx("span", { children: "Light" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => a("dark"), children: [
+        /* @__PURE__ */ e.jsx(j, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ e.jsx("span", { children: "Dark" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(i, { onClick: () => a("system"), children: [
+        /* @__PURE__ */ e.jsx(u, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ e.jsx("span", { children: "System" })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ e.jsx(
+    g,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: r("relative h-9 w-9", l),
+      onClick: () => a(c === "dark" ? "light" : "dark"),
+      "aria-label": "Toggle theme",
+      children: /* @__PURE__ */ e.jsx(h, {})
+    }
+  );
+}
+export {
+  F as T,
+  C as u
+};

package/dist/theme-toggle.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-nZSsnGb7.js"),s=require("lucide-react"),h=require("./button.cjs"),t=require("./dropdown-menu.cjs"),d=require("@gv-tech/design-tokens"),E=require("./index-CsjrqSSN.js"),r=require("./utils-IjLH3w2e.js");function T(){const o=E.z(),{resolvedTheme:i}=o,n=i==="dark"?d.theme.dark:d.theme.light;return{...o,tokens:n}}function k({variant:o="binary",onThemeChange:i,customTheme:n,className:c}){const{theme:p,setTheme:R,resolvedTheme:g}=T(),l=n??p,m=(n||g)==="dark",a=l==="system",x=j=>{i?i(j):R(j)},u=()=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.Sun,{className:r.cn("h-[1.2rem] w-[1.2rem] transition-all",!a&&!m?"scale-100 rotate-0":"scale-0 -rotate-90")}),e.jsxRuntimeExports.jsx(s.Moon,{className:r.cn("absolute h-[1.2rem] w-[1.2rem] transition-all",!a&&m?"scale-100 rotate-0":"scale-0 rotate-90")}),e.jsxRuntimeExports.jsx(s.SunMoon,{className:r.cn("absolute h-[1.2rem] w-[1.2rem] transition-all",a?"scale-100 rotate-0":"scale-0 rotate-90")}),e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Toggle theme"})]});return o==="ternary"?e.jsxRuntimeExports.jsxs(t.DropdownMenu,{children:[e.jsxRuntimeExports.jsx(t.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(h.Button,{variant:"ghost",size:"icon",className:r.cn("relative h-9 w-9",c),children:e.jsxRuntimeExports.jsx(u,{})})}),e.jsxRuntimeExports.jsxs(t.DropdownMenuContent,{align:"end",children:[e.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>x("light"),children:[e.jsxRuntimeExports.jsx(s.Sun,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Light"})]}),e.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>x("dark"),children:[e.jsxRuntimeExports.jsx(s.Moon,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"Dark"})]}),e.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>x("system"),children:[e.jsxRuntimeExports.jsx(s.SunMoon,{className:"mr-2 h-4 w-4"}),e.jsxRuntimeExports.jsx("span",{children:"System"})]})]})]}):e.jsxRuntimeExports.jsx(h.Button,{variant:"ghost",size:"icon",className:r.cn("relative h-9 w-9",c),onClick:()=>x(l==="dark"?"light":"dark"),"aria-label":"Toggle theme",children:e.jsxRuntimeExports.jsx(u,{})})}exports.ThemeToggle=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./jsx-runtime-nZSsnGb7.js");require("lucide-react");require("./button.cjs");require("./dropdown-menu.cjs");const e=require("./theme-toggle-B4VZTDpe.js");require("./utils-IjLH3w2e.js");exports.ThemeToggle=e.ThemeToggle;

package/dist/theme-toggle.mjs

@@ -1,79 +1,10 @@
 "use client";
-import { j as e } from "./jsx-runtime-tc70JA_2.mjs";
-import { Sun as x, Moon as j, SunMoon as g } from "lucide-react";
-import { Button as p } from "./button.mjs";
-import { DropdownMenu as w, DropdownMenuTrigger as v, DropdownMenuContent as N, DropdownMenuItem as i } from "./dropdown-menu.mjs";
-import { theme as u } from "@gv-tech/design-tokens";
-import { z as y } from "./index-DAWHN3cH.mjs";
-import { c as r } from "./utils-B6yFEsav.mjs";
-function C() {
-  const t = y(), { resolvedTheme: n } = t, s = n === "dark" ? u.dark : u.light;
-  return {
-    ...t,
-    tokens: s
-  };
-}
-function F({ variant: t = "binary", onThemeChange: n, customTheme: s, className: l }) {
-  const { theme: f, setTheme: k, resolvedTheme: T } = C(), c = s ?? f, m = (s || T) === "dark", a = c === "system", o = (d) => {
-    n ? n(d) : k(d);
-  }, h = () => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      x,
-      {
-        className: r(
-          "h-[1.2rem] w-[1.2rem] transition-all",
-          !a && !m ? "scale-100 rotate-0" : "scale-0 -rotate-90"
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      j,
-      {
-        className: r(
-          "absolute h-[1.2rem] w-[1.2rem] transition-all",
-          !a && m ? "scale-100 rotate-0" : "scale-0 rotate-90"
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      g,
-      {
-        className: r(
-          "absolute h-[1.2rem] w-[1.2rem] transition-all",
-          a ? "scale-100 rotate-0" : "scale-0 rotate-90"
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Toggle theme" })
-  ] });
-  return t === "ternary" ? /* @__PURE__ */ e.jsxs(w, { children: [
-    /* @__PURE__ */ e.jsx(v, { asChild: !0, children: /* @__PURE__ */ e.jsx(p, { variant: "ghost", size: "icon", className: r("relative h-9 w-9", l), children: /* @__PURE__ */ e.jsx(h, {}) }) }),
-    /* @__PURE__ */ e.jsxs(N, { align: "end", children: [
-      /* @__PURE__ */ e.jsxs(i, { onClick: () => o("light"), children: [
-        /* @__PURE__ */ e.jsx(x, { className: "mr-2 h-4 w-4" }),
-        /* @__PURE__ */ e.jsx("span", { children: "Light" })
-      ] }),
-      /* @__PURE__ */ e.jsxs(i, { onClick: () => o("dark"), children: [
-        /* @__PURE__ */ e.jsx(j, { className: "mr-2 h-4 w-4" }),
-        /* @__PURE__ */ e.jsx("span", { children: "Dark" })
-      ] }),
-      /* @__PURE__ */ e.jsxs(i, { onClick: () => o("system"), children: [
-        /* @__PURE__ */ e.jsx(g, { className: "mr-2 h-4 w-4" }),
-        /* @__PURE__ */ e.jsx("span", { children: "System" })
-      ] })
-    ] })
-  ] }) : /* @__PURE__ */ e.jsx(
-    p,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: r("relative h-9 w-9", l),
-      onClick: () => o(c === "dark" ? "light" : "dark"),
-      "aria-label": "Toggle theme",
-      children: /* @__PURE__ */ e.jsx(h, {})
-    }
-  );
-}
+import "./jsx-runtime-tc70JA_2.mjs";
+import "lucide-react";
+import "./button.mjs";
+import "./dropdown-menu.mjs";
+import { T } from "./theme-toggle-WtPW9UZi.mjs";
+import "./utils-B6yFEsav.mjs";
 export {
-  F as ThemeToggle
+  T as ThemeToggle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gv-tech/ui-web",
-  "version": "2.15.0",
+  "version": "2.15.1",
   "description": "Web (DOM/Radix) implementations of the GV Tech design system components",
   "repository": {
     "type": "git",
@@ -85,6 +85,7 @@
     "zod": "^4.3.6"
   },
   "peerDependencies": {
+    "next-themes": ">=0.4.0",
     "react": ">=18",
     "react-dom": ">=18"
   },

package/src/index.ts

@@ -469,6 +469,9 @@ export type { ThemeProviderProps } from './theme-provider';
 export { ThemeToggle } from './theme-toggle';
 export type { ThemeToggleProps } from './theme-toggle';
 
+// Theme Hook
+export { useTheme } from './hooks/use-theme';
+
 // Toaster (Radix)
 export type { ToasterBaseProps as ToasterProps } from '@gv-tech/ui-core';
 export { toast, useToast } from './hooks/use-toast';

package/dist/index-CsjrqSSN.js

@@ -1 +0,0 @@
-"use strict";const I=require("react");function z(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const m=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,m.get?m:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=z(I);var N=(e,n,t,m,u,c,d,h)=>{let i=document.documentElement,b=["light","dark"];function f(o){(Array.isArray(e)?e:[e]).forEach(y=>{let S=y==="class",C=S&&c?u.map(g=>c[g]||g):u;S?(i.classList.remove(...C),i.classList.add(c&&c[o]?c[o]:o)):i.setAttribute(y,o)}),k(o)}function k(o){h&&b.includes(o)&&(i.style.colorScheme=o)}function l(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(m)f(m);else try{let o=localStorage.getItem(n)||t,y=d&&o==="system"?l():o;f(y)}catch{}},P=["light","dark"],_="(prefers-color-scheme: dark)",D=typeof window>"u",A=r.createContext(void 0),H={setTheme:e=>{},themes:[]},J=()=>{var e;return(e=r.useContext(A))!=null?e:H},K=e=>r.useContext(A)?r.createElement(r.Fragment,null,e.children):r.createElement(V,{...e}),R=["light","dark"],V=({forcedTheme:e,disableTransitionOnChange:n=!1,enableSystem:t=!0,enableColorScheme:m=!0,storageKey:u="theme",themes:c=R,defaultTheme:d=t?"system":"light",attribute:h="data-theme",value:i,children:b,nonce:f,scriptProps:k})=>{let[l,o]=r.useState(()=>$(u,d)),[y,S]=r.useState(()=>l==="system"?L():l),C=i?Object.values(i):c,g=r.useCallback(a=>{let s=a;if(!s)return;a==="system"&&t&&(s=L());let v=i?i[s]:s,O=n?q(f):null,w=document.documentElement,M=p=>{p==="class"?(w.classList.remove(...C),v&&w.classList.add(v)):p.startsWith("data-")&&(v?w.setAttribute(p,v):w.removeAttribute(p))};if(Array.isArray(h)?h.forEach(M):M(h),m){let p=P.includes(d)?d:null,x=P.includes(s)?s:p;w.style.colorScheme=x}O?.()},[f]),T=r.useCallback(a=>{let s=typeof a=="function"?a(l):a;o(s);try{localStorage.setItem(u,s)}catch{}},[l]),E=r.useCallback(a=>{let s=L(a);S(s),l==="system"&&t&&!e&&g("system")},[l,e]);r.useEffect(()=>{let a=window.matchMedia(_);return a.addListener(E),E(a),()=>a.removeListener(E)},[E]),r.useEffect(()=>{let a=s=>{s.key===u&&(s.newValue?o(s.newValue):T(d))};return window.addEventListener("storage",a),()=>window.removeEventListener("storage",a)},[T]),r.useEffect(()=>{g(e??l)},[e,l]);let j=r.useMemo(()=>({theme:l,setTheme:T,forcedTheme:e,resolvedTheme:l==="system"?y:l,themes:t?[...c,"system"]:c,systemTheme:t?y:void 0}),[l,T,e,y,t,c]);return r.createElement(A.Provider,{value:j},r.createElement(W,{forcedTheme:e,storageKey:u,attribute:h,enableSystem:t,enableColorScheme:m,defaultTheme:d,value:i,themes:c,nonce:f,scriptProps:k}),b)},W=r.memo(({forcedTheme:e,storageKey:n,attribute:t,enableSystem:m,enableColorScheme:u,defaultTheme:c,value:d,themes:h,nonce:i,scriptProps:b})=>{let f=JSON.stringify([t,n,c,e,h,d,m,u]).slice(1,-1);return r.createElement("script",{...b,suppressHydrationWarning:!0,nonce:typeof window>"u"?i:"",dangerouslySetInnerHTML:{__html:`(${N.toString()})(${f})`}})}),$=(e,n)=>{if(D)return;let t;try{t=localStorage.getItem(e)||void 0}catch{}return t||n},q=e=>{let n=document.createElement("style");return e&&n.setAttribute("nonce",e),n.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(n),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(n)},1)}},L=e=>(e||(e=window.matchMedia(_)),e.matches?"dark":"light");exports.J=K;exports.z=J;

package/dist/index-DAWHN3cH.mjs

@@ -1,85 +0,0 @@
-import * as t from "react";
-var K = (e, i, a, u, m, l, d, h) => {
-  let c = document.documentElement, v = ["light", "dark"];
-  function f(r) {
-    (Array.isArray(e) ? e : [e]).forEach((y) => {
-      let S = y === "class", k = S && l ? m.map((b) => l[b] || b) : m;
-      S ? (c.classList.remove(...k), c.classList.add(l && l[r] ? l[r] : r)) : c.setAttribute(y, r);
-    }), C(r);
-  }
-  function C(r) {
-    h && v.includes(r) && (c.style.colorScheme = r);
-  }
-  function s() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  }
-  if (u) f(u);
-  else try {
-    let r = localStorage.getItem(i) || a, y = d && r === "system" ? s() : r;
-    f(y);
-  } catch {
-  }
-}, I = ["light", "dark"], P = "(prefers-color-scheme: dark)", N = typeof window > "u", A = t.createContext(void 0), V = { setTheme: (e) => {
-}, themes: [] }, $ = () => {
-  var e;
-  return (e = t.useContext(A)) != null ? e : V;
-}, j = (e) => t.useContext(A) ? t.createElement(t.Fragment, null, e.children) : t.createElement(_, { ...e }), W = ["light", "dark"], _ = ({ forcedTheme: e, disableTransitionOnChange: i = !1, enableSystem: a = !0, enableColorScheme: u = !0, storageKey: m = "theme", themes: l = W, defaultTheme: d = a ? "system" : "light", attribute: h = "data-theme", value: c, children: v, nonce: f, scriptProps: C }) => {
-  let [s, r] = t.useState(() => J(m, d)), [y, S] = t.useState(() => s === "system" ? L() : s), k = c ? Object.values(c) : l, b = t.useCallback((n) => {
-    let o = n;
-    if (!o) return;
-    n === "system" && a && (o = L());
-    let g = c ? c[o] : o, x = i ? R(f) : null, w = document.documentElement, M = (p) => {
-      p === "class" ? (w.classList.remove(...k), g && w.classList.add(g)) : p.startsWith("data-") && (g ? w.setAttribute(p, g) : w.removeAttribute(p));
-    };
-    if (Array.isArray(h) ? h.forEach(M) : M(h), u) {
-      let p = I.includes(d) ? d : null, H = I.includes(o) ? o : p;
-      w.style.colorScheme = H;
-    }
-    x?.();
-  }, [f]), E = t.useCallback((n) => {
-    let o = typeof n == "function" ? n(s) : n;
-    r(o);
-    try {
-      localStorage.setItem(m, o);
-    } catch {
-    }
-  }, [s]), T = t.useCallback((n) => {
-    let o = L(n);
-    S(o), s === "system" && a && !e && b("system");
-  }, [s, e]);
-  t.useEffect(() => {
-    let n = window.matchMedia(P);
-    return n.addListener(T), T(n), () => n.removeListener(T);
-  }, [T]), t.useEffect(() => {
-    let n = (o) => {
-      o.key === m && (o.newValue ? r(o.newValue) : E(d));
-    };
-    return window.addEventListener("storage", n), () => window.removeEventListener("storage", n);
-  }, [E]), t.useEffect(() => {
-    b(e ?? s);
-  }, [e, s]);
-  let O = t.useMemo(() => ({ theme: s, setTheme: E, forcedTheme: e, resolvedTheme: s === "system" ? y : s, themes: a ? [...l, "system"] : l, systemTheme: a ? y : void 0 }), [s, E, e, y, a, l]);
-  return t.createElement(A.Provider, { value: O }, t.createElement(z, { forcedTheme: e, storageKey: m, attribute: h, enableSystem: a, enableColorScheme: u, defaultTheme: d, value: c, themes: l, nonce: f, scriptProps: C }), v);
-}, z = t.memo(({ forcedTheme: e, storageKey: i, attribute: a, enableSystem: u, enableColorScheme: m, defaultTheme: l, value: d, themes: h, nonce: c, scriptProps: v }) => {
-  let f = JSON.stringify([a, i, l, e, h, d, u, m]).slice(1, -1);
-  return t.createElement("script", { ...v, suppressHydrationWarning: !0, nonce: typeof window > "u" ? c : "", dangerouslySetInnerHTML: { __html: `(${K.toString()})(${f})` } });
-}), J = (e, i) => {
-  if (N) return;
-  let a;
-  try {
-    a = localStorage.getItem(e) || void 0;
-  } catch {
-  }
-  return a || i;
-}, R = (e) => {
-  let i = document.createElement("style");
-  return e && i.setAttribute("nonce", e), i.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")), document.head.appendChild(i), () => {
-    window.getComputedStyle(document.body), setTimeout(() => {
-      document.head.removeChild(i);
-    }, 1);
-  };
-}, L = (e) => (e || (e = window.matchMedia(P)), e.matches ? "dark" : "light");
-export {
-  j as J,
-  $ as z
-};