@editora/ui-react 0.1.10 → 0.1.11

package/dist/ThemeProvider.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),p=require("@editora/ui-core"),ue=e=>e&&e.__esModule?e:{default:e},le=ue(l),ce=l.createContext(null),ae=typeof window<"u"?l.useLayoutEffect:l.useEffect;function i(e,t){var r,u,m,c,a,d,o,n,s,f,y,g,w,S,T,k,v,h,x,C,A,I,E,M,P,R,_,z,H,O,D,q,j,V,J,L,N,F,U,B,G,Q,W,X,Y,Z,$,b,K,ee,te,oe,ne,re;return t?{...e,...t,colors:{...e.colors,...t.colors||{}},palette:{...e.palette||{},...t.palette||{},gray:{...((r=e.palette)==null?void 0:r.gray)||{},...((u=t.palette)==null?void 0:u.gray)||{}},grayAlpha:{...((m=e.palette)==null?void 0:m.grayAlpha)||{},...((c=t.palette)==null?void 0:c.grayAlpha)||{}},blackAlpha:{...((a=e.palette)==null?void 0:a.blackAlpha)||{},...((d=t.palette)==null?void 0:d.blackAlpha)||{}},whiteAlpha:{...((o=e.palette)==null?void 0:o.whiteAlpha)||{},...((n=t.palette)==null?void 0:n.whiteAlpha)||{}},accent:{...((s=e.palette)==null?void 0:s.accent)||{},...((f=t.palette)==null?void 0:f.accent)||{}},accentAlpha:{...((y=e.palette)==null?void 0:y.accentAlpha)||{},...((g=t.palette)==null?void 0:g.accentAlpha)||{}}},surfaces:{...e.surfaces||{},...t.surfaces||{}},shadows:{...e.shadows||{},...t.shadows||{}},spacing:{...e.spacing||{},...t.spacing||{}},spaceScale:{...e.spaceScale||{},...t.spaceScale||{}},radiusScale:{...e.radiusScale||{},...t.radiusScale||{}},typography:{...e.typography||{},...t.typography||{},size:{...((w=e.typography)==null?void 0:w.size)||{},...((S=t.typography)==null?void 0:S.size)||{}},fontScale:{...((T=e.typography)==null?void 0:T.fontScale)||{},...((k=t.typography)==null?void 0:k.fontScale)||{}},lineHeight:{...((v=e.typography)==null?void 0:v.lineHeight)||{},...((h=t.typography)==null?void 0:h.lineHeight)||{}},letterSpacing:{...((x=e.typography)==null?void 0:x.letterSpacing)||{},...((C=t.typography)==null?void 0:C.letterSpacing)||{}}},motion:{...e.motion||{},...t.motion||{}},effects:{...e.effects||{},...t.effects||{}},components:{...e.components||{},...t.components||{},button:{...((A=e.components)==null?void 0:A.button)||{},...((I=t.components)==null?void 0:I.button)||{}},badge:{...((E=e.components)==null?void 0:E.badge)||{},...((M=t.components)==null?void 0:M.badge)||{}},sidebar:{...((P=e.components)==null?void 0:P.sidebar)||{},...((R=t.components)==null?void 0:R.sidebar)||{}},blockControls:{...((_=e.components)==null?void 0:_.blockControls)||{},...((z=t.components)==null?void 0:z.blockControls)||{}},box:{...((H=e.components)==null?void 0:H.box)||{},...((O=t.components)==null?void 0:O.box)||{}},breadcrumb:{...((D=e.components)==null?void 0:D.breadcrumb)||{},...((q=t.components)==null?void 0:q.breadcrumb)||{}},card:{...((j=e.components)==null?void 0:j.card)||{},...((V=t.components)==null?void 0:V.card)||{}},contextMenu:{...((J=e.components)==null?void 0:J.contextMenu)||{},...((L=t.components)==null?void 0:L.contextMenu)||{}},alert:{...((N=e.components)==null?void 0:N.alert)||{},...((F=t.components)==null?void 0:F.alert)||{}},alertDialog:{...((U=e.components)==null?void 0:U.alertDialog)||{},...((B=t.components)==null?void 0:B.alertDialog)||{}},appHeader:{...((G=e.components)==null?void 0:G.appHeader)||{},...((Q=t.components)==null?void 0:Q.appHeader)||{}},aspectRatio:{...((W=e.components)==null?void 0:W.aspectRatio)||{},...((X=t.components)==null?void 0:X.aspectRatio)||{}},avatar:{...((Y=e.components)==null?void 0:Y.avatar)||{},...((Z=t.components)==null?void 0:Z.avatar)||{}},menu:{...(($=e.components)==null?void 0:$.menu)||{},...((b=t.components)==null?void 0:b.menu)||{}},multiSelect:{...((K=e.components)==null?void 0:K.multiSelect)||{},...((ee=t.components)==null?void 0:ee.multiSelect)||{}},panel:{...((te=e.components)==null?void 0:te.panel)||{},...((oe=t.components)==null?void 0:oe.panel)||{}},input:{...((ne=e.components)==null?void 0:ne.input)||{},...((re=t.components)==null?void 0:re.input)||{}}},zIndex:{...e.zIndex||{},...t.zIndex||{}},breakpoints:{...e.breakpoints||{},...t.breakpoints||{}}}:e}function se(){try{const e=getComputedStyle(document.documentElement),t=e.getPropertyValue("--ui-color-primary").trim();return t?{colors:{primary:t||void 0,text:e.getPropertyValue("--ui-color-text").trim()||void 0,background:e.getPropertyValue("--ui-color-background").trim()||void 0}}:{}}catch{return{}}}function pe(e,t){const r=typeof t=="function"?t(e):t;return i(e,r)}function ie({tokens:e,children:t,storageKey:r="editora.theme.tokens"}){const u=l.useRef(null),m=()=>{if(typeof window<"u"&&r)try{const o=localStorage.getItem(r);if(o){const n=JSON.parse(o);return i(p.defaultTokens,n)}}catch{}if(e&&Object.keys(e).length)return i(p.defaultTokens,e);if(typeof window<"u"){const o=se();if(o.colors&&o.colors.primary)return i(p.defaultTokens,o)}return i(p.defaultTokens,e||{})},[c,a]=l.useState(()=>m());l.useEffect(()=>{!e||!Object.keys(e).length||a(o=>i(o,e))},[e]),ae(()=>{const o=u.current;o&&p.applyTheme(c,o)},[c]),l.useEffect(()=>{if(typeof window>"u"||!r)return;const o=JSON.stringify(c);let n;const s=()=>{try{localStorage.setItem(r,o)}catch{}};return window.requestIdleCallback?n=window.requestIdleCallback(s,{timeout:1e3}):n=window.setTimeout(s,250),()=>{try{window.cancelIdleCallback&&n?window.cancelIdleCallback(n):n&&clearTimeout(n)}catch{}}},[c,r]);const d=l.useMemo(()=>({tokens:c,setTokens:o=>{a(n=>pe(n,o))}}),[c]);return le.default.createElement(ce.Provider,{value:d},le.default.createElement("div",{ref:u,style:{display:"contents"}},t))}function me(){const e=l.useContext(ce);if(!e)throw new Error("useTheme must be used within ThemeProvider");return e}exports.ThemeProvider=ie;exports.default=ie;exports.useTheme=me;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),u=require("./runtime-3cc1c386-9d1b191c.js"),ue=e=>e&&e.__esModule?e:{default:e},ce=ue(c),le=c.createContext(null),se=typeof window<"u"?c.useLayoutEffect:c.useEffect;function s(e,t){var n,p,l,m,r,a,d,o,i,f,y,g,S,w,k,x,T,v,A,_,h,E,z,C,M,P,I,O,R,H,D,J,N,V,j,q,L,F,U,B,G,Q,W,X,Y,Z,$,K,b,ee,te,oe,ne,re;return t?{...e,...t,colors:{...e.colors,...t.colors||{}},palette:{...e.palette||{},...t.palette||{},gray:{...((n=e.palette)==null?void 0:n.gray)||{},...((p=t.palette)==null?void 0:p.gray)||{}},grayAlpha:{...((l=e.palette)==null?void 0:l.grayAlpha)||{},...((m=t.palette)==null?void 0:m.grayAlpha)||{}},blackAlpha:{...((r=e.palette)==null?void 0:r.blackAlpha)||{},...((a=t.palette)==null?void 0:a.blackAlpha)||{}},whiteAlpha:{...((d=e.palette)==null?void 0:d.whiteAlpha)||{},...((o=t.palette)==null?void 0:o.whiteAlpha)||{}},accent:{...((i=e.palette)==null?void 0:i.accent)||{},...((f=t.palette)==null?void 0:f.accent)||{}},accentAlpha:{...((y=e.palette)==null?void 0:y.accentAlpha)||{},...((g=t.palette)==null?void 0:g.accentAlpha)||{}}},surfaces:{...e.surfaces||{},...t.surfaces||{}},shadows:{...e.shadows||{},...t.shadows||{}},spacing:{...e.spacing||{},...t.spacing||{}},spaceScale:{...e.spaceScale||{},...t.spaceScale||{}},radiusScale:{...e.radiusScale||{},...t.radiusScale||{}},typography:{...e.typography||{},...t.typography||{},size:{...((S=e.typography)==null?void 0:S.size)||{},...((w=t.typography)==null?void 0:w.size)||{}},fontScale:{...((k=e.typography)==null?void 0:k.fontScale)||{},...((x=t.typography)==null?void 0:x.fontScale)||{}},lineHeight:{...((T=e.typography)==null?void 0:T.lineHeight)||{},...((v=t.typography)==null?void 0:v.lineHeight)||{}},letterSpacing:{...((A=e.typography)==null?void 0:A.letterSpacing)||{},...((_=t.typography)==null?void 0:_.letterSpacing)||{}}},motion:{...e.motion||{},...t.motion||{}},effects:{...e.effects||{},...t.effects||{}},components:{...e.components||{},...t.components||{},button:{...((h=e.components)==null?void 0:h.button)||{},...((E=t.components)==null?void 0:E.button)||{}},badge:{...((z=e.components)==null?void 0:z.badge)||{},...((C=t.components)==null?void 0:C.badge)||{}},sidebar:{...((M=e.components)==null?void 0:M.sidebar)||{},...((P=t.components)==null?void 0:P.sidebar)||{}},blockControls:{...((I=e.components)==null?void 0:I.blockControls)||{},...((O=t.components)==null?void 0:O.blockControls)||{}},box:{...((R=e.components)==null?void 0:R.box)||{},...((H=t.components)==null?void 0:H.box)||{}},breadcrumb:{...((D=e.components)==null?void 0:D.breadcrumb)||{},...((J=t.components)==null?void 0:J.breadcrumb)||{}},card:{...((N=e.components)==null?void 0:N.card)||{},...((V=t.components)==null?void 0:V.card)||{}},contextMenu:{...((j=e.components)==null?void 0:j.contextMenu)||{},...((q=t.components)==null?void 0:q.contextMenu)||{}},alert:{...((L=e.components)==null?void 0:L.alert)||{},...((F=t.components)==null?void 0:F.alert)||{}},alertDialog:{...((U=e.components)==null?void 0:U.alertDialog)||{},...((B=t.components)==null?void 0:B.alertDialog)||{}},appHeader:{...((G=e.components)==null?void 0:G.appHeader)||{},...((Q=t.components)==null?void 0:Q.appHeader)||{}},aspectRatio:{...((W=e.components)==null?void 0:W.aspectRatio)||{},...((X=t.components)==null?void 0:X.aspectRatio)||{}},avatar:{...((Y=e.components)==null?void 0:Y.avatar)||{},...((Z=t.components)==null?void 0:Z.avatar)||{}},menu:{...(($=e.components)==null?void 0:$.menu)||{},...((K=t.components)==null?void 0:K.menu)||{}},multiSelect:{...((b=e.components)==null?void 0:b.multiSelect)||{},...((ee=t.components)==null?void 0:ee.multiSelect)||{}},panel:{...((te=e.components)==null?void 0:te.panel)||{},...((oe=t.components)==null?void 0:oe.panel)||{}},input:{...((ne=e.components)==null?void 0:ne.input)||{},...((re=t.components)==null?void 0:re.input)||{}}},zIndex:{...e.zIndex||{},...t.zIndex||{}},breakpoints:{...e.breakpoints||{},...t.breakpoints||{}}}:e}function pe(){try{const e=getComputedStyle(document.documentElement),t=e.getPropertyValue("--ui-color-primary").trim();return t?{colors:{primary:t||void 0,text:e.getPropertyValue("--ui-color-text").trim()||void 0,background:e.getPropertyValue("--ui-color-background").trim()||void 0}}:{}}catch{return{}}}function ae(e,t){const n=typeof t=="function"?t(e):t;return s(e,n)}function ie({tokens:e,children:t,storageKey:n="editora.theme.tokens"}){const p=c.useRef(null),l=e&&Object.keys(e).length?e:null,m=()=>{if(typeof window<"u"&&n)try{const o=localStorage.getItem(n);if(o){const i=JSON.parse(o);return s(u._e,i)}}catch{}if(l)return s(u._e,l);if(typeof window<"u"){const o=pe();if(o.colors&&o.colors.primary)return s(u._e,o)}return s(u._e,l||{})},[r,a]=c.useState(()=>m());c.useEffect(()=>{l&&a(o=>{const i=s(u._e,l);return JSON.stringify(o)===JSON.stringify(i)?o:i})},[l]),se(()=>{typeof document<"u"&&u.ze(r,document);const o=p.current;o&&u.ze(r,o)},[r]),c.useEffect(()=>{if(!(typeof window>"u"||!n))try{localStorage.setItem(n,JSON.stringify(r))}catch{}},[r,n]);const d=c.useMemo(()=>({tokens:r,setTokens:o=>{a(i=>ae(i,o))}}),[r]);return ce.default.createElement(le.Provider,{value:d},ce.default.createElement("div",{ref:p,style:{display:"contents"}},t))}function me(){const e=c.useContext(le);if(!e)throw new Error("useTheme must be used within ThemeProvider");return e}exports.ThemeProvider=ie;exports.default=ie;exports.useTheme=me;

package/dist/ThemeProvider.esm.js

@@ -1,8 +1,9 @@
-import le, { createContext as ie, useRef as pe, useState as ae, useEffect as d, useMemo as ue, useContext as me, useLayoutEffect as se } from "react";
-import { applyTheme as de, defaultTokens as s } from "@editora/ui-core";
-const ce = ie(null), fe = typeof window < "u" ? se : d;
-function c(e, t) {
-  var r, i, u, l, p, m, o, n, a, f, y, g, w, S, k, T, x, v, A, C, I, h, E, z, H, P, R, M, O, D, V, j, q, J, L, N, _, F, U, B, G, Q, W, X, Y, Z, $, K, b, ee, te, oe, ne, re;
+'use client';
+import ce, { createContext as pe, useRef as se, useState as ue, useEffect as d, useMemo as me, useContext as ae, useLayoutEffect as de } from "react";
+import { z as le, _ as u } from "./runtime-3cc1c386-b4118dbe.mjs";
+const ie = pe(null), fe = typeof window < "u" ? de : d;
+function i(e, t) {
+  var n, p, c, m, r, s, a, o, l, f, y, g, S, w, k, x, A, T, v, h, z, C, E, I, H, O, P, R, M, D, J, N, _, V, L, j, F, U, q, B, G, Q, W, X, Y, Z, $, K, b, ee, te, oe, ne, re;
   return t ? {
     ...e,
     ...t,
@@ -10,11 +11,11 @@ function c(e, t) {
     palette: {
       ...e.palette || {},
       ...t.palette || {},
-      gray: { ...((r = e.palette) == null ? void 0 : r.gray) || {}, ...((i = t.palette) == null ? void 0 : i.gray) || {} },
-      grayAlpha: { ...((u = e.palette) == null ? void 0 : u.grayAlpha) || {}, ...((l = t.palette) == null ? void 0 : l.grayAlpha) || {} },
-      blackAlpha: { ...((p = e.palette) == null ? void 0 : p.blackAlpha) || {}, ...((m = t.palette) == null ? void 0 : m.blackAlpha) || {} },
-      whiteAlpha: { ...((o = e.palette) == null ? void 0 : o.whiteAlpha) || {}, ...((n = t.palette) == null ? void 0 : n.whiteAlpha) || {} },
-      accent: { ...((a = e.palette) == null ? void 0 : a.accent) || {}, ...((f = t.palette) == null ? void 0 : f.accent) || {} },
+      gray: { ...((n = e.palette) == null ? void 0 : n.gray) || {}, ...((p = t.palette) == null ? void 0 : p.gray) || {} },
+      grayAlpha: { ...((c = e.palette) == null ? void 0 : c.grayAlpha) || {}, ...((m = t.palette) == null ? void 0 : m.grayAlpha) || {} },
+      blackAlpha: { ...((r = e.palette) == null ? void 0 : r.blackAlpha) || {}, ...((s = t.palette) == null ? void 0 : s.blackAlpha) || {} },
+      whiteAlpha: { ...((a = e.palette) == null ? void 0 : a.whiteAlpha) || {}, ...((o = t.palette) == null ? void 0 : o.whiteAlpha) || {} },
+      accent: { ...((l = e.palette) == null ? void 0 : l.accent) || {}, ...((f = t.palette) == null ? void 0 : f.accent) || {} },
       accentAlpha: { ...((y = e.palette) == null ? void 0 : y.accentAlpha) || {}, ...((g = t.palette) == null ? void 0 : g.accentAlpha) || {} }
     },
     surfaces: { ...e.surfaces || {}, ...t.surfaces || {} },
@@ -26,20 +27,20 @@ function c(e, t) {
       ...e.typography || {},
       ...t.typography || {},
       size: {
-        ...((w = e.typography) == null ? void 0 : w.size) || {},
-        ...((S = t.typography) == null ? void 0 : S.size) || {}
+        ...((S = e.typography) == null ? void 0 : S.size) || {},
+        ...((w = t.typography) == null ? void 0 : w.size) || {}
       },
       fontScale: {
         ...((k = e.typography) == null ? void 0 : k.fontScale) || {},
-        ...((T = t.typography) == null ? void 0 : T.fontScale) || {}
+        ...((x = t.typography) == null ? void 0 : x.fontScale) || {}
       },
       lineHeight: {
-        ...((x = e.typography) == null ? void 0 : x.lineHeight) || {},
-        ...((v = t.typography) == null ? void 0 : v.lineHeight) || {}
+        ...((A = e.typography) == null ? void 0 : A.lineHeight) || {},
+        ...((T = t.typography) == null ? void 0 : T.lineHeight) || {}
       },
       letterSpacing: {
-        ...((A = e.typography) == null ? void 0 : A.letterSpacing) || {},
-        ...((C = t.typography) == null ? void 0 : C.letterSpacing) || {}
+        ...((v = e.typography) == null ? void 0 : v.letterSpacing) || {},
+        ...((h = t.typography) == null ? void 0 : h.letterSpacing) || {}
       }
     },
     motion: { ...e.motion || {}, ...t.motion || {} },
@@ -47,16 +48,16 @@ function c(e, t) {
     components: {
       ...e.components || {},
       ...t.components || {},
-      button: { ...((I = e.components) == null ? void 0 : I.button) || {}, ...((h = t.components) == null ? void 0 : h.button) || {} },
-      badge: { ...((E = e.components) == null ? void 0 : E.badge) || {}, ...((z = t.components) == null ? void 0 : z.badge) || {} },
-      sidebar: { ...((H = e.components) == null ? void 0 : H.sidebar) || {}, ...((P = t.components) == null ? void 0 : P.sidebar) || {} },
-      blockControls: { ...((R = e.components) == null ? void 0 : R.blockControls) || {}, ...((M = t.components) == null ? void 0 : M.blockControls) || {} },
-      box: { ...((O = e.components) == null ? void 0 : O.box) || {}, ...((D = t.components) == null ? void 0 : D.box) || {} },
-      breadcrumb: { ...((V = e.components) == null ? void 0 : V.breadcrumb) || {}, ...((j = t.components) == null ? void 0 : j.breadcrumb) || {} },
-      card: { ...((q = e.components) == null ? void 0 : q.card) || {}, ...((J = t.components) == null ? void 0 : J.card) || {} },
-      contextMenu: { ...((L = e.components) == null ? void 0 : L.contextMenu) || {}, ...((N = t.components) == null ? void 0 : N.contextMenu) || {} },
-      alert: { ...((_ = e.components) == null ? void 0 : _.alert) || {}, ...((F = t.components) == null ? void 0 : F.alert) || {} },
-      alertDialog: { ...((U = e.components) == null ? void 0 : U.alertDialog) || {}, ...((B = t.components) == null ? void 0 : B.alertDialog) || {} },
+      button: { ...((z = e.components) == null ? void 0 : z.button) || {}, ...((C = t.components) == null ? void 0 : C.button) || {} },
+      badge: { ...((E = e.components) == null ? void 0 : E.badge) || {}, ...((I = t.components) == null ? void 0 : I.badge) || {} },
+      sidebar: { ...((H = e.components) == null ? void 0 : H.sidebar) || {}, ...((O = t.components) == null ? void 0 : O.sidebar) || {} },
+      blockControls: { ...((P = e.components) == null ? void 0 : P.blockControls) || {}, ...((R = t.components) == null ? void 0 : R.blockControls) || {} },
+      box: { ...((M = e.components) == null ? void 0 : M.box) || {}, ...((D = t.components) == null ? void 0 : D.box) || {} },
+      breadcrumb: { ...((J = e.components) == null ? void 0 : J.breadcrumb) || {}, ...((N = t.components) == null ? void 0 : N.breadcrumb) || {} },
+      card: { ...((_ = e.components) == null ? void 0 : _.card) || {}, ...((V = t.components) == null ? void 0 : V.card) || {} },
+      contextMenu: { ...((L = e.components) == null ? void 0 : L.contextMenu) || {}, ...((j = t.components) == null ? void 0 : j.contextMenu) || {} },
+      alert: { ...((F = e.components) == null ? void 0 : F.alert) || {}, ...((U = t.components) == null ? void 0 : U.alert) || {} },
+      alertDialog: { ...((q = e.components) == null ? void 0 : q.alertDialog) || {}, ...((B = t.components) == null ? void 0 : B.alertDialog) || {} },
       appHeader: { ...((G = e.components) == null ? void 0 : G.appHeader) || {}, ...((Q = t.components) == null ? void 0 : Q.appHeader) || {} },
       aspectRatio: { ...((W = e.components) == null ? void 0 : W.aspectRatio) || {}, ...((X = t.components) == null ? void 0 : X.aspectRatio) || {} },
       avatar: { ...((Y = e.components) == null ? void 0 : Y.avatar) || {}, ...((Z = t.components) == null ? void 0 : Z.avatar) || {} },
@@ -84,65 +85,58 @@ function ye() {
   }
 }
 function ge(e, t) {
-  const r = typeof t == "function" ? t(e) : t;
-  return c(e, r);
+  const n = typeof t == "function" ? t(e) : t;
+  return i(e, n);
 }
-function ke({ tokens: e, children: t, storageKey: r = "editora.theme.tokens" }) {
-  const i = pe(null), u = () => {
-    if (typeof window < "u" && r)
+function ke({ tokens: e, children: t, storageKey: n = "editora.theme.tokens" }) {
+  const p = se(null), c = e && Object.keys(e).length ? e : null, m = () => {
+    if (typeof window < "u" && n)
       try {
-        const o = localStorage.getItem(r);
+        const o = localStorage.getItem(n);
         if (o) {
-          const n = JSON.parse(o);
-          return c(s, n);
+          const l = JSON.parse(o);
+          return i(u, l);
         }
       } catch {
       }
-    if (e && Object.keys(e).length)
-      return c(s, e);
+    if (c)
+      return i(u, c);
     if (typeof window < "u") {
       const o = ye();
       if (o.colors && o.colors.primary)
-        return c(s, o);
+        return i(u, o);
     }
-    return c(s, e || {});
-  }, [l, p] = ae(() => u());
+    return i(u, c || {});
+  }, [r, s] = ue(() => m());
   d(() => {
-    !e || !Object.keys(e).length || p((o) => c(o, e));
-  }, [e]), fe(() => {
-    const o = i.current;
-    o && de(l, o);
-  }, [l]), d(() => {
-    if (typeof window > "u" || !r)
-      return;
-    const o = JSON.stringify(l);
-    let n;
-    const a = () => {
+    c && s((o) => {
+      const l = i(u, c);
+      return JSON.stringify(o) === JSON.stringify(l) ? o : l;
+    });
+  }, [c]), fe(() => {
+    typeof document < "u" && le(r, document);
+    const o = p.current;
+    o && le(r, o);
+  }, [r]), d(() => {
+    if (!(typeof window > "u" || !n))
       try {
-        localStorage.setItem(r, o);
+        localStorage.setItem(n, JSON.stringify(r));
       } catch {
       }
-    };
-    return window.requestIdleCallback ? n = window.requestIdleCallback(a, { timeout: 1e3 }) : n = window.setTimeout(a, 250), () => {
-      try {
-        window.cancelIdleCallback && n ? window.cancelIdleCallback(n) : n && clearTimeout(n);
-      } catch {
-      }
-    };
-  }, [l, r]);
-  const m = ue(
+  }, [r, n]);
+  const a = me(
     () => ({
-      tokens: l,
+      tokens: r,
       setTokens: (o) => {
-        p((n) => ge(n, o));
+        s((l) => ge(l, o));
       }
     }),
-    [l]
+    [r]
   );
-  return /* @__PURE__ */ le.createElement(ce.Provider, { value: m }, /* @__PURE__ */ le.createElement("div", { ref: i, style: { display: "contents" } }, t));
+  return /* @__PURE__ */ ce.createElement(ie.Provider, { value: a }, /* @__PURE__ */ ce.createElement("div", { ref: p, style: { display: "contents" } }, t));
 }
-function Te() {
-  const e = me(ce);
+function xe() {
+  const e = ae(ie);
   if (!e)
     throw new Error("useTheme must be used within ThemeProvider");
   return e;
@@ -150,5 +144,5 @@ function Te() {
 export {
   ke as ThemeProvider,
   ke as default,
-  Te as useTheme
+  xe as useTheme
 };

package/dist/TimePicker.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),X=require("./_internals-b9f3e909.js"),Y=s=>s&&s.__esModule?s:{default:s},K=Y(n),Z=typeof window<"u"?n.useLayoutEffect:n.useEffect,T=K.default.forwardRef(function({value:k,defaultValue:P,open:m,defaultOpen:A,format:c,step:y,seconds:R,stepSeconds:b,min:w,max:M,disabled:q,readOnly:S,required:j,name:z,clearable:B,allowInput:D,mode:f,label:H,hint:N,error:F,locale:G,translations:J,variant:d,onInput:o,onChange:v,onValueChange:a,onOpen:p,onClose:_,onInvalid:E,children:Q,...U},W){const L=n.useRef(null);return n.useImperativeHandle(W,()=>L.current),n.useEffect(()=>{const t=L.current;if(!t)return;const e=i=>{const l=i.detail;l&&(o==null||o(l))},r=i=>{const l=i.detail;l&&(v==null||v(l),a==null||a(l.value))},u=i=>{const l=i.detail;l&&(E==null||E(l))};return t.addEventListener("input",e),t.addEventListener("change",r),t.addEventListener("open",p),t.addEventListener("close",_),t.addEventListener("invalid",u),()=>{t.removeEventListener("input",e),t.removeEventListener("change",r),t.removeEventListener("open",p),t.removeEventListener("close",_),t.removeEventListener("invalid",u)}},[o,v,a,p,_,E]),Z(()=>{const t=L.current;if(!t)return;const e=(u,i)=>{const l=t.getAttribute(u);i==null?l!=null&&t.removeAttribute(u):l!==i&&t.setAttribute(u,i)},r=(u,i)=>{i?e(u,""):e(u,null)};e("value",k??null),e("default-value",P??null),typeof m=="boolean"?r("open",m):e("open",null),r("default-open",A),e("format",c&&c!=="24h"?c:null),e("step",typeof y=="number"?String(y):null),r("seconds",R),e("step-seconds",typeof b=="number"?String(b):null),e("min",w??null),e("max",M??null),r("disabled",q),r("readonly",S),r("required",j),e("name",z??null),r("clearable",B),r("allow-input",D),e("mode",f&&f!=="popover"?f:null),e("label",H??null),e("hint",N??null),e("error",F??null),e("locale",G??null),e("translations",X.serializeTranslations(J)),e("variant",d&&d!=="default"?d:null)},[k,P,m,A,c,y,R,b,w,M,q,S,j,z,B,D,f,H,N,F,G,J,d]),K.default.createElement("ui-time-picker",{ref:L,...U},Q)});T.displayName="TimePicker";exports.TimePicker=T;exports.default=T;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("react"),t=require("./_internals-5a21394b.js"),U=r=>r&&r.__esModule?r:{default:r},u=U(Q),f=u.default.forwardRef(function({value:d,defaultValue:S,open:o,defaultOpen:g,format:s,step:m,seconds:p,stepSeconds:k,min:B,max:_,disabled:E,readOnly:T,required:P,name:v,clearable:D,allowInput:R,mode:n,label:M,hint:N,error:q,locale:w,translations:j,variant:c,onInput:l,onChange:b,onValueChange:y,onOpen:z,onClose:F,onInvalid:a,children:G,...J},K){const A=t.useForwardedHostRef(K),H=u.default.useCallback(e=>{const i=t.getCustomEventDetail(e);i&&(l==null||l(i))},[l]),L=u.default.useCallback(e=>{const i=t.getCustomEventDetail(e);i&&(b==null||b(i),y==null||y(i.value))},[b,y]),x=u.default.useCallback(e=>{const i=t.getCustomEventDetail(e);i&&(a==null||a(i))},[a]);return t.useElementEventListeners(A,[{type:"input",listener:H},{type:"change",listener:L},{type:"open",listener:z},{type:"close",listener:F},{type:"invalid",listener:x}],[H,L,z,F,x]),t.useElementAttributes(A,e=>{t.syncStringAttribute(e,"value",d??null),t.syncStringAttribute(e,"default-value",S??null),typeof o=="boolean"?t.syncBooleanAttribute(e,"open",o):t.syncStringAttribute(e,"open",null),t.syncBooleanAttribute(e,"default-open",g),t.syncStringAttribute(e,"format",s&&s!=="24h"?s:null),t.syncNumberAttribute(e,"step",m),t.syncBooleanAttribute(e,"seconds",p),t.syncNumberAttribute(e,"step-seconds",k),t.syncStringAttribute(e,"min",B??null),t.syncStringAttribute(e,"max",_??null),t.syncBooleanAttribute(e,"disabled",E),t.syncBooleanAttribute(e,"readonly",T),t.syncBooleanAttribute(e,"required",P),t.syncStringAttribute(e,"name",v??null),t.syncBooleanAttribute(e,"clearable",D),t.syncBooleanAttribute(e,"allow-input",R),t.syncStringAttribute(e,"mode",n&&n!=="popover"?n:null),t.syncStringAttribute(e,"label",M??null),t.syncStringAttribute(e,"hint",N??null),t.syncStringAttribute(e,"error",q??null),t.syncStringAttribute(e,"locale",w??null),t.syncStringAttribute(e,"translations",t.serializeTranslations(j)),t.syncStringAttribute(e,"variant",c&&c!=="default"?c:null)},[d,S,o,g,s,m,p,k,B,_,E,T,P,v,D,R,n,M,N,q,w,j,c]),u.default.createElement("ui-time-picker",{ref:A,...J},G)});f.displayName="TimePicker";exports.TimePicker=f;exports.default=f;

package/dist/TimePicker.esm.js

@@ -1,92 +1,86 @@
-import J, { useRef as U, useImperativeHandle as W, useEffect as K, useLayoutEffect as X } from "react";
-import { s as Y } from "./_internals-f8fb69a8.mjs";
-const Z = typeof window < "u" ? X : K, $ = J.forwardRef(function({
-  value: b,
+'use client';
+import i from "react";
+import { c as W, g as y, u as X, a as Y, s, b as r, d as M, e as Z } from "./_internals-d86cc997.mjs";
+const $ = i.forwardRef(function({
+  value: d,
   defaultValue: k,
   open: m,
-  defaultOpen: A,
-  format: s,
-  step: L,
+  defaultOpen: E,
+  format: u,
+  step: A,
   seconds: T,
-  stepSeconds: a,
-  min: w,
-  max: P,
-  disabled: R,
-  readOnly: _,
-  required: z,
-  name: B,
-  clearable: H,
-  allowInput: N,
-  mode: n,
-  label: j,
-  hint: q,
-  error: D,
-  locale: F,
-  translations: G,
+  stepSeconds: o,
+  min: P,
+  max: R,
+  disabled: w,
+  readOnly: N,
+  required: _,
+  name: x,
+  clearable: z,
+  allowInput: B,
+  mode: l,
+  label: D,
+  hint: F,
+  error: H,
+  locale: L,
+  translations: j,
   variant: c,
-  onInput: f,
-  onChange: d,
-  onValueChange: o,
-  onOpen: p,
-  onClose: y,
-  onInvalid: v,
-  children: M,
-  ...Q
-}, S) {
-  const E = U(null);
-  return W(S, () => E.current), K(() => {
-    const t = E.current;
-    if (!t)
-      return;
-    const e = (i) => {
-      const r = i.detail;
-      r && (f == null || f(r));
-    }, l = (i) => {
-      const r = i.detail;
-      r && (d == null || d(r), o == null || o(r.value));
-    }, u = (i) => {
-      const r = i.detail;
-      r && (v == null || v(r));
-    };
-    return t.addEventListener("input", e), t.addEventListener("change", l), t.addEventListener("open", p), t.addEventListener("close", y), t.addEventListener("invalid", u), () => {
-      t.removeEventListener("input", e), t.removeEventListener("change", l), t.removeEventListener("open", p), t.removeEventListener("close", y), t.removeEventListener("invalid", u);
-    };
-  }, [f, d, o, p, y, v]), Z(() => {
-    const t = E.current;
-    if (!t)
-      return;
-    const e = (u, i) => {
-      const r = t.getAttribute(u);
-      i == null ? r != null && t.removeAttribute(u) : r !== i && t.setAttribute(u, i);
-    }, l = (u, i) => {
-      i ? e(u, "") : e(u, null);
-    };
-    e("value", b ?? null), e("default-value", k ?? null), typeof m == "boolean" ? l("open", m) : e("open", null), l("default-open", A), e("format", s && s !== "24h" ? s : null), e("step", typeof L == "number" ? String(L) : null), l("seconds", T), e("step-seconds", typeof a == "number" ? String(a) : null), e("min", w ?? null), e("max", P ?? null), l("disabled", R), l("readonly", _), l("required", z), e("name", B ?? null), l("clearable", H), l("allow-input", N), e("mode", n && n !== "popover" ? n : null), e("label", j ?? null), e("hint", q ?? null), e("error", D ?? null), e("locale", F ?? null), e("translations", Y(G)), e("variant", c && c !== "default" ? c : null);
+  onInput: a,
+  onChange: f,
+  onValueChange: n,
+  onOpen: q,
+  onClose: v,
+  onInvalid: b,
+  children: Q,
+  ...S
+}, U) {
+  const p = W(U), G = i.useCallback((t) => {
+    const e = y(t);
+    e && (a == null || a(e));
+  }, [a]), J = i.useCallback((t) => {
+    const e = y(t);
+    e && (f == null || f(e), n == null || n(e.value));
+  }, [f, n]), K = i.useCallback((t) => {
+    const e = y(t);
+    e && (b == null || b(e));
+  }, [b]);
+  return X(
+    p,
+    [
+      { type: "input", listener: G },
+      { type: "change", listener: J },
+      { type: "open", listener: q },
+      { type: "close", listener: v },
+      { type: "invalid", listener: K }
+    ],
+    [G, J, q, v, K]
+  ), Y(p, (t) => {
+    s(t, "value", d ?? null), s(t, "default-value", k ?? null), typeof m == "boolean" ? r(t, "open", m) : s(t, "open", null), r(t, "default-open", E), s(t, "format", u && u !== "24h" ? u : null), M(t, "step", A), r(t, "seconds", T), M(t, "step-seconds", o), s(t, "min", P ?? null), s(t, "max", R ?? null), r(t, "disabled", w), r(t, "readonly", N), r(t, "required", _), s(t, "name", x ?? null), r(t, "clearable", z), r(t, "allow-input", B), s(t, "mode", l && l !== "popover" ? l : null), s(t, "label", D ?? null), s(t, "hint", F ?? null), s(t, "error", H ?? null), s(t, "locale", L ?? null), s(t, "translations", Z(j)), s(t, "variant", c && c !== "default" ? c : null);
   }, [
-    b,
+    d,
     k,
     m,
+    E,
+    u,
     A,
-    s,
-    L,
     T,
-    a,
-    w,
+    o,
     P,
     R,
+    w,
+    N,
     _,
+    x,
     z,
     B,
-    H,
-    N,
-    n,
-    j,
-    q,
+    l,
     D,
     F,
-    G,
+    H,
+    L,
+    j,
     c
-  ]), J.createElement("ui-time-picker", { ref: E, ...Q }, M);
+  ]), i.createElement("ui-time-picker", { ref: p, ...S }, Q);
 });
 $.displayName = "TimePicker";
 export {

package/dist/Timeline.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),b=u=>u&&u.__esModule?u:{default:u},a=b(n),g=typeof window<"u"?n.useLayoutEffect:n.useEffect,s=a.default.forwardRef(function({items:i,variant:r,headless:c,children:y,...m},_){const o=n.useRef(null);return n.useImperativeHandle(_,()=>o.current),g(()=>{const f=o.current;if(!f)return;const e=(t,l)=>{const d=f.getAttribute(t);if(l==null){d!=null&&f.removeAttribute(t);return}d!==l&&f.setAttribute(t,l)},p=(t,l)=>{l?e(t,""):e(t,null)};if(i&&i.length)try{e("items",JSON.stringify(i))}catch{e("items",null)}else e("items",null);e("variant",r&&r!=="default"?r:null),p("headless",c)},[i,r,c]),a.default.createElement("ui-timeline",{ref:o,...m},y)});s.displayName="Timeline";exports.Timeline=s;exports.default=s;

package/dist/Timeline.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import o, { useRef as a, useImperativeHandle as p, useLayoutEffect as A, useEffect as E } from "react";
 const b = typeof window < "u" ? A : E, g = o.forwardRef(function({ items: u, variant: n, headless: f, children: s, ...d }, m) {
   const i = a(null);

package/dist/Toast.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),a=require("@editora/toast"),T=n=>n&&n.__esModule?n:{default:n},E=T(s),b=typeof window<"u"?s.useLayoutEffect:s.useEffect;function w(n){if(!n)return{};const t={...n};return t.type!=null&&t.level==null&&(t.level=t.type),delete t.type,t}const _=E.default.forwardRef(function({children:t,position:d,maxVisible:c,theme:f,config:g,headless:j,onShow:i,onHide:v,...h},A){const o=s.useRef(i),r=s.useRef(v);return s.useEffect(()=>{o.current=i},[i]),s.useEffect(()=>{r.current=v},[v]),s.useImperativeHandle(A,()=>({show(e,M){let l="";const y=w(M),p=y.onShow,m=y.onHide;return l=a.toastAdvanced.show({message:e,...y,onShow:()=>{var u;p==null||p(),(u=o.current)==null||u.call(o,{id:l,message:e})},onHide:()=>{var u;m==null||m(),(u=r.current)==null||u.call(r,{id:l})}}).id,l},hide(e){a.toastAdvanced.dismiss(String(e))},clear(){a.toastAdvanced.clear()},configure(e){a.toastAdvanced.configure(e)}}),[]),b(()=>{const e={...g||{}};d&&(e.position=d),f&&(e.theme=f),typeof c=="number"&&Number.isFinite(c)&&(e.maxVisible=Math.max(1,Math.trunc(c))),Object.keys(e).length>0&&a.toastAdvanced.configure(e)},[d,c,f,g]),t==null&&Object.keys(h).length===0?null:E.default.createElement("div",{...h},t)});_.displayName="Toast";exports.Toast=_;exports.default=_;

package/dist/Toast.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import w, { useRef as E, useEffect as h, useImperativeHandle as T, useLayoutEffect as _ } from "react";
 import { toastAdvanced as r } from "@editora/toast";
 const b = typeof window < "u" ? _ : h;

package/dist/ToastAPI.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),r=require("@editora/toast"),s=t=>t&&t.__esModule?t:{default:t},i=s(o),l=s(r);function n(t){if(!t)return{};const e={...t};return e.type!=null&&e.level==null&&(e.level=e.type),delete e.type,e}function f(t,e={}){return r.toastAdvanced.show({message:t,level:"info",...n(e)})}const a={show(t,e={}){return r.toastAdvanced.show({message:t,...n(e)})},success(t,e={}){return r.toastAdvanced.success(t,n(e))},error(t,e={}){return r.toastAdvanced.error(t,n(e))},warning(t,e={}){return r.toastAdvanced.warning(t,n(e))},info(t,e={}){return r.toastAdvanced.info(t,n(e))},loading(t,e={}){return r.toastAdvanced.loading(t,n(e))},dismiss(t){return r.toastAdvanced.dismiss(String(t))},clear(){return r.toastAdvanced.clear()},configure(t){return r.toastAdvanced.configure(t)}},u=o.createContext(null);function d({config:t}={}){return o.useEffect(()=>{t&&r.toastAdvanced.configure(t)},[t]),null}function v({children:t,config:e}){o.useEffect(()=>{e&&r.toastAdvanced.configure(e)},[e]);const c=o.useMemo(()=>a,[]);return i.default.createElement(u.Provider,{value:c},t)}function A(){const t=o.useContext(u);return t||a}Object.defineProperty(exports,"toastAdvanced",{enumerable:!0,get:()=>r.toastAdvanced});Object.defineProperty(exports,"toastLegacy",{enumerable:!0,get:()=>l.default});Object.defineProperty(exports,"toastPro",{enumerable:!0,get:()=>r.toastPro});exports.ToastAPI=d;exports.ToastProvider=v;exports.default=d;exports.toast=f;exports.toastApi=a;exports.useToast=A;

package/dist/ToastAPI.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import i, { createContext as l, useEffect as o, useMemo as c, useContext as f } from "react";
 import { toastAdvanced as r } from "@editora/toast";
 import { toastAdvanced as A, default as P, toastPro as T } from "@editora/toast";

package/dist/Toggle.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),q=n=>n&&n.__esModule?n:{default:n},M=q(c),B=typeof window<"u"?c.useLayoutEffect:c.useEffect,y=M.default.forwardRef(function({children:p,pressed:_,disabled:b,loading:m,headless:v,size:f,variant:s,tone:d,shape:i,elevation:o,name:L,value:T,required:A,iconOn:R,iconOff:w,onInput:a,onChange:g,...S},j){const E=c.useRef(null);return c.useImperativeHandle(j,()=>E.current),c.useEffect(()=>{const l=E.current;if(!l)return;const e=u=>{const t=u.detail;t&&(a==null||a(t))},r=u=>{const t=u.detail;t&&(g==null||g(t))};return l.addEventListener("input",e),l.addEventListener("change",r),()=>{l.removeEventListener("input",e),l.removeEventListener("change",r)}},[a,g]),B(()=>{const l=E.current;if(!l)return;const e=(u,t)=>{const H=l.getAttribute(u);if(t==null){H!=null&&l.removeAttribute(u);return}H!==t&&l.setAttribute(u,t)},r=(u,t)=>{t?e(u,""):e(u,null)};r("pressed",_),r("disabled",b),r("loading",m),r("headless",v),r("required",A),e("size",f&&f!=="md"?f:null),e("variant",s&&s!=="default"?s:null),e("tone",d&&d!=="brand"?d:null),e("shape",i&&i!=="default"?i:null),e("elevation",o&&o!=="default"?o:null),e("name",L||null),e("value",T||null),e("icon-on",R||null),e("icon-off",w||null)},[_,b,m,v,A,f,s,d,i,o,L,T,R,w]),M.default.createElement("ui-toggle",{ref:E,...S},p)});y.displayName="Toggle";exports.Toggle=y;exports.default=y;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),t=require("./_internals-5a21394b.js"),w=u=>u&&u.__esModule?u:{default:u},d=w(q),g=d.default.forwardRef(function({children:H,pressed:f,disabled:y,loading:A,headless:S,size:r,variant:n,tone:i,shape:s,elevation:c,name:m,value:_,required:E,iconOn:B,iconOff:T,onInput:a,onChange:o,...M},k){const b=t.useForwardedHostRef(k),R=d.default.useCallback(e=>{const l=t.getCustomEventDetail(e);l&&(a==null||a(l))},[a]),D=d.default.useCallback(e=>{const l=t.getCustomEventDetail(e);l&&(o==null||o(l))},[o]);return t.useElementEventListeners(b,[{type:"input",listener:R},{type:"change",listener:D}],[R,D]),t.useElementAttributes(b,e=>{t.syncBooleanAttribute(e,"pressed",f),t.syncBooleanAttribute(e,"disabled",y),t.syncBooleanAttribute(e,"loading",A),t.syncBooleanAttribute(e,"headless",S),t.syncBooleanAttribute(e,"required",E),t.syncStringAttribute(e,"size",r&&r!=="md"?r:null),t.syncStringAttribute(e,"variant",n&&n!=="default"?n:null),t.syncStringAttribute(e,"tone",i&&i!=="brand"?i:null),t.syncStringAttribute(e,"shape",s&&s!=="default"?s:null),t.syncStringAttribute(e,"elevation",c&&c!=="default"?c:null),t.syncStringAttribute(e,"name",m||null),t.syncStringAttribute(e,"value",_||null),t.syncStringAttribute(e,"icon-on",B||null),t.syncStringAttribute(e,"icon-off",T||null)},[f,y,A,S,E,r,n,i,s,c,m,_,B,T]),d.default.createElement("ui-toggle",{ref:b,...M},H)});g.displayName="Toggle";exports.Toggle=g;exports.default=g;

package/dist/Toggle.esm.js

@@ -1,58 +1,46 @@
-import R, { useRef as N, useImperativeHandle as j, useEffect as T, useLayoutEffect as k } from "react";
-const q = typeof window < "u" ? k : T, D = R.forwardRef(function({
+'use client';
+import n from "react";
+import { c as D, g as _, u as F, a as L, b as e, s as l } from "./_internals-d86cc997.mjs";
+const N = n.forwardRef(function({
   children: p,
-  pressed: E,
+  pressed: o,
   disabled: g,
-  loading: m,
+  loading: b,
   headless: y,
-  size: n,
-  variant: c,
-  tone: f,
-  shape: i,
-  elevation: s,
-  name: L,
-  value: b,
-  required: v,
-  iconOn: A,
-  iconOff: w,
-  onInput: d,
-  onChange: o,
-  ..._
+  size: u,
+  variant: r,
+  tone: a,
+  shape: c,
+  elevation: d,
+  name: E,
+  value: A,
+  required: H,
+  iconOn: R,
+  iconOff: T,
+  onInput: f,
+  onChange: i,
+  ...x
 }, B) {
-  const a = N(null);
-  return j(B, () => a.current), T(() => {
-    const l = a.current;
-    if (!l)
-      return;
-    const e = (r) => {
-      const t = r.detail;
-      t && (d == null || d(t));
-    }, u = (r) => {
-      const t = r.detail;
-      t && (o == null || o(t));
-    };
-    return l.addEventListener("input", e), l.addEventListener("change", u), () => {
-      l.removeEventListener("input", e), l.removeEventListener("change", u);
-    };
-  }, [d, o]), q(() => {
-    const l = a.current;
-    if (!l)
-      return;
-    const e = (r, t) => {
-      const H = l.getAttribute(r);
-      if (t == null) {
-        H != null && l.removeAttribute(r);
-        return;
-      }
-      H !== t && l.setAttribute(r, t);
-    }, u = (r, t) => {
-      t ? e(r, "") : e(r, null);
-    };
-    u("pressed", E), u("disabled", g), u("loading", m), u("headless", y), u("required", v), e("size", n && n !== "md" ? n : null), e("variant", c && c !== "default" ? c : null), e("tone", f && f !== "brand" ? f : null), e("shape", i && i !== "default" ? i : null), e("elevation", s && s !== "default" ? s : null), e("name", L || null), e("value", b || null), e("icon-on", A || null), e("icon-off", w || null);
-  }, [E, g, m, y, v, n, c, f, i, s, L, b, A, w]), R.createElement("ui-toggle", { ref: a, ..._ }, p);
+  const m = D(B), k = n.useCallback((t) => {
+    const s = _(t);
+    s && (f == null || f(s));
+  }, [f]), w = n.useCallback((t) => {
+    const s = _(t);
+    s && (i == null || i(s));
+  }, [i]);
+  return F(
+    m,
+    [
+      { type: "input", listener: k },
+      { type: "change", listener: w }
+    ],
+    [k, w]
+  ), L(m, (t) => {
+    e(t, "pressed", o), e(t, "disabled", g), e(t, "loading", b), e(t, "headless", y), e(t, "required", H), l(t, "size", u && u !== "md" ? u : null), l(t, "variant", r && r !== "default" ? r : null), l(t, "tone", a && a !== "brand" ? a : null), l(t, "shape", c && c !== "default" ? c : null), l(t, "elevation", d && d !== "default" ? d : null), l(t, "name", E || null), l(t, "value", A || null), l(t, "icon-on", R || null), l(t, "icon-off", T || null);
+  }, [o, g, b, y, H, u, r, a, c, d, E, A, R, T]), n.createElement("ui-toggle", { ref: m, ...x }, p);
 });
-D.displayName = "Toggle";
+N.displayName = "Toggle";
 export {
-  D as Toggle,
-  D as default
+  N as Toggle,
+  N as default
 };

package/dist/ToggleGroup.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),j=require("./Toggle.cjs.js"),q=c=>c&&c.__esModule?c:{default:c},R=q(o),B=typeof window<"u"?o.useLayoutEffect:o.useEffect,H=R.default.forwardRef(function(_,f){return R.default.createElement(j.Toggle,{ref:f,..._})});H.displayName="ToggleGroup.Item";const M=R.default.forwardRef(function({children:_,value:f,multiple:b,disabled:A,headless:L,orientation:d,variant:i,size:n,density:g,shape:m,elevation:p,allowEmpty:w,required:S,activation:T,onInput:y,onChange:E,onValueChange:s,...O},a){const G=o.useRef(null);return o.useImperativeHandle(a,()=>G.current),o.useEffect(()=>{const r=G.current;if(!r)return;const e=l=>{const t=l.detail;t&&(y==null||y(t),s==null||s(t))},u=l=>{const t=l.detail;t&&(E==null||E(t),s==null||s(t))};return r.addEventListener("input",e),r.addEventListener("change",u),()=>{r.removeEventListener("input",e),r.removeEventListener("change",u)}},[y,E,s]),B(()=>{const r=G.current;if(!r)return;const e=(l,t)=>{const v=r.getAttribute(l);if(t==null){v!=null&&r.removeAttribute(l);return}v!==t&&r.setAttribute(l,t)},u=(l,t)=>{t?e(l,""):e(l,null)};u("multiple",b),u("disabled",A),u("headless",L),u("allow-empty",w),u("required",S),f==null?e("value",null):Array.isArray(f)?e("value",JSON.stringify(f)):e("value",String(f)),e("orientation",d&&d!=="horizontal"?d:null),e("variant",i&&i!=="default"?i:null),e("size",n&&n!=="md"?n:null),e("density",g&&g!=="default"?g:null),e("shape",m&&m!=="default"?m:null),e("elevation",p&&p!=="default"?p:null),e("activation",T&&T!=="auto"?T:null)},[f,b,A,L,w,S,d,i,n,g,m,p,T]),R.default.createElement("ui-toggle-group",{ref:G,...O},_)});M.displayName="ToggleGroup";const N=Object.assign(M,{Item:H});exports.ToggleGroup=N;exports.default=N;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),a=require("./Toggle.cjs.js");require("./_internals-5a21394b.js");const j=c=>c&&c.__esModule?c:{default:c},R=j(o),B=typeof window<"u"?o.useLayoutEffect:o.useEffect,v=R.default.forwardRef(function(_,f){return R.default.createElement(a.Toggle,{ref:f,..._})});v.displayName="ToggleGroup.Item";const H=R.default.forwardRef(function({children:_,value:f,multiple:b,disabled:A,headless:L,orientation:d,variant:i,size:n,density:g,shape:m,elevation:p,allowEmpty:w,required:S,activation:T,onInput:y,onChange:E,onValueChange:s,...N},O){const G=o.useRef(null);return o.useImperativeHandle(O,()=>G.current),o.useEffect(()=>{const r=G.current;if(!r)return;const e=l=>{const t=l.detail;t&&(y==null||y(t),s==null||s(t))},u=l=>{const t=l.detail;t&&(E==null||E(t),s==null||s(t))};return r.addEventListener("input",e),r.addEventListener("change",u),()=>{r.removeEventListener("input",e),r.removeEventListener("change",u)}},[y,E,s]),B(()=>{const r=G.current;if(!r)return;const e=(l,t)=>{const q=r.getAttribute(l);if(t==null){q!=null&&r.removeAttribute(l);return}q!==t&&r.setAttribute(l,t)},u=(l,t)=>{t?e(l,""):e(l,null)};u("multiple",b),u("disabled",A),u("headless",L),u("allow-empty",w),u("required",S),f==null?e("value",null):Array.isArray(f)?e("value",JSON.stringify(f)):e("value",String(f)),e("orientation",d&&d!=="horizontal"?d:null),e("variant",i&&i!=="default"?i:null),e("size",n&&n!=="md"?n:null),e("density",g&&g!=="default"?g:null),e("shape",m&&m!=="default"?m:null),e("elevation",p&&p!=="default"?p:null),e("activation",T&&T!=="auto"?T:null)},[f,b,A,L,w,S,d,i,n,g,m,p,T]),R.default.createElement("ui-toggle-group",{ref:G,...N},_)});H.displayName="ToggleGroup";const M=Object.assign(H,{Item:v});exports.ToggleGroup=M;exports.default=M;

package/dist/ToggleGroup.esm.js

@@ -1,5 +1,7 @@
+'use client';
 import T, { useRef as B, useImperativeHandle as I, useEffect as N, useLayoutEffect as J } from "react";
 import { Toggle as k } from "./Toggle.esm.js";
+import "./_internals-d86cc997.mjs";
 const q = typeof window < "u" ? J : N, O = T.forwardRef(function(G, f) {
   return /* @__PURE__ */ T.createElement(k, { ref: f, ...G });
 });
@@ -10,8 +12,8 @@ const S = T.forwardRef(function({
   multiple: A,
   disabled: L,
   headless: R,
-  orientation: s,
-  variant: o,
+  orientation: o,
+  variant: s,
   size: i,
   density: d,
   shape: m,
@@ -53,14 +55,14 @@ const S = T.forwardRef(function({
     }, u = (l, r) => {
       r ? t(l, "") : t(l, null);
     };
-    u("multiple", A), u("disabled", L), u("headless", R), u("allow-empty", b), u("required", w), f == null ? t("value", null) : Array.isArray(f) ? t("value", JSON.stringify(f)) : t("value", String(f)), t("orientation", s && s !== "horizontal" ? s : null), t("variant", o && o !== "default" ? o : null), t("size", i && i !== "md" ? i : null), t("density", d && d !== "default" ? d : null), t("shape", m && m !== "default" ? m : null), t("elevation", n && n !== "default" ? n : null), t("activation", p && p !== "auto" ? p : null);
-  }, [f, A, L, R, b, w, s, o, i, d, m, n, p]), T.createElement("ui-toggle-group", { ref: E, ...j }, G);
+    u("multiple", A), u("disabled", L), u("headless", R), u("allow-empty", b), u("required", w), f == null ? t("value", null) : Array.isArray(f) ? t("value", JSON.stringify(f)) : t("value", String(f)), t("orientation", o && o !== "horizontal" ? o : null), t("variant", s && s !== "default" ? s : null), t("size", i && i !== "md" ? i : null), t("density", d && d !== "default" ? d : null), t("shape", m && m !== "default" ? m : null), t("elevation", n && n !== "default" ? n : null), t("activation", p && p !== "auto" ? p : null);
+  }, [f, A, L, R, b, w, o, s, i, d, m, n, p]), T.createElement("ui-toggle-group", { ref: E, ...j }, G);
 });
 S.displayName = "ToggleGroup";
-const K = Object.assign(S, {
+const M = Object.assign(S, {
   Item: O
 });
 export {
-  K as ToggleGroup,
-  K as default
+  M as ToggleGroup,
+  M as default
 };

package/dist/Toolbar.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),R=l=>l&&l.__esModule?l:{default:l},T=R(o),g=typeof window<"u"?o.useLayoutEffect:o.useEffect,b=T.default.forwardRef(function({children:m,orientation:r,variant:f,size:n,density:c,wrap:p,loop:a,headless:_,...A},E){const d=o.useRef(null);return o.useImperativeHandle(E,()=>d.current),g(()=>{const s=d.current;if(!s)return;const e=(t,u)=>{const y=s.getAttribute(t);if(u==null){y!=null&&s.removeAttribute(t);return}y!==u&&s.setAttribute(t,u)},i=(t,u)=>{u?e(t,""):e(t,null)};e("orientation",r&&r!=="horizontal"?r:null),e("variant",f&&f!=="default"?f:null),e("size",n&&n!=="md"?n:null),e("density",c&&c!=="default"?c:null),i("wrap",p),typeof a=="boolean"?i("loop",a):e("loop",null),i("headless",_)},[r,f,n,c,p,a,_]),T.default.createElement("ui-toolbar",{ref:d,...A},m)});b.displayName="Toolbar";exports.Toolbar=b;exports.default=b;

package/dist/Toolbar.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import p, { useRef as E, useImperativeHandle as w, useLayoutEffect as R, useEffect as T } from "react";
 const h = typeof window < "u" ? R : T, I = p.forwardRef(function({
   children: m,