@editora/ui-react 0.1.10 → 0.1.11

package/dist/DateRangeTimePicker.cjs.js

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

package/dist/DateRangeTimePicker.esm.js

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

package/dist/DateTimePicker.cjs.js

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

package/dist/DateTimePicker.esm.js

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

package/dist/Dialog.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react"),Q=s=>s&&s.__esModule?s:{default:s},o=Q(I),U=typeof window<"u"?o.default.useLayoutEffect:o.default.useEffect,q=o.default.forwardRef(function(B,G){const{open:p,title:g,description:E,closable:z,dismissible:L,closeOnOverlay:l,closeOnEsc:y,lockWhileLoading:x,roleType:H,size:r,state:n,initialFocus:h,submitText:S,cancelText:_,loadingText:k,dialogId:w,config:T,headless:M,onOpen:u,onClose:a,onRequestClose:d,onDialogOpen:c,onDialogSubmit:b,onDialogCancel:f,onDialogDismiss:v,onDialogClose:m,children:J,...K}=B,A=I.useRef(null);return o.default.useImperativeHandle(G,()=>A.current),I.useEffect(()=>{const e=A.current;if(!e)return;const i=()=>u==null?void 0:u(),O=()=>a==null?void 0:a(),R=t=>{const W=t.detail;W&&(d==null||d(W))},j=t=>c==null?void 0:c(t.detail),D=t=>b==null?void 0:b(t.detail),F=t=>f==null?void 0:f(t.detail),N=t=>v==null?void 0:v(t.detail),P=t=>m==null?void 0:m(t.detail);return e.addEventListener("open",i),e.addEventListener("close",O),e.addEventListener("request-close",R),e.addEventListener("ui-open",j),e.addEventListener("ui-submit",D),e.addEventListener("ui-cancel",F),e.addEventListener("ui-dismiss",N),e.addEventListener("ui-close",P),()=>{e.removeEventListener("open",i),e.removeEventListener("close",O),e.removeEventListener("request-close",R),e.removeEventListener("ui-open",j),e.removeEventListener("ui-submit",D),e.removeEventListener("ui-cancel",F),e.removeEventListener("ui-dismiss",N),e.removeEventListener("ui-close",P)}},[u,a,d,c,b,f,v,m]),U(()=>{const e=A.current;if(!e)return;typeof p=="boolean"&&(p?e.setAttribute("open",""):e.removeAttribute("open")),g?e.setAttribute("title",g):e.removeAttribute("title"),E?e.setAttribute("description",E):e.removeAttribute("description");const i=typeof L=="boolean"?L:z;typeof i=="boolean"?(e.setAttribute("dismissible",String(i)),e.setAttribute("closable",String(i))):(e.removeAttribute("dismissible"),e.removeAttribute("closable")),typeof l=="boolean"?(e.setAttribute("close-on-overlay",String(l)),e.setAttribute("close-on-backdrop",String(l))):(e.removeAttribute("close-on-overlay"),e.removeAttribute("close-on-backdrop")),typeof y=="boolean"?e.setAttribute("close-on-esc",String(y)):e.removeAttribute("close-on-esc"),typeof x=="boolean"?e.setAttribute("lock-while-loading",String(x)):e.removeAttribute("lock-while-loading"),H?e.setAttribute("role",H):e.removeAttribute("role"),r&&r!=="md"&&r!=="2"?e.setAttribute("size",r):e.removeAttribute("size"),n&&n!=="idle"?e.setAttribute("state",n):e.removeAttribute("state"),h?e.setAttribute("initial-focus",h):e.removeAttribute("initial-focus"),S?e.setAttribute("submit-text",S):e.removeAttribute("submit-text"),_?e.setAttribute("cancel-text",_):e.removeAttribute("cancel-text"),k?e.setAttribute("loading-text",k):e.removeAttribute("loading-text"),w&&(e.dialogId=w),T&&(e.config=T),M?e.setAttribute("headless",""):e.removeAttribute("headless")},[p,g,E,z,L,l,y,x,H,r,n,h,S,_,k,w,T,M]),o.default.createElement("ui-dialog",{ref:A,...K},J)});q.displayName="Dialog";exports.Dialog=q;exports.default=q;

package/dist/Dialog.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import r, { useRef as M, useEffect as P } from "react";
 const Q = typeof window < "u" ? r.useLayoutEffect : r.useEffect, U = r.forwardRef(function(B, G) {
   const {

package/dist/DialogProvider.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),b=require("@editora/ui-core"),C=t=>t&&t.__esModule?t:{default:t},p=C(o),d=o.createContext(null),i="data-ui-dialog-react-host-refcount";function f({children:t,hostId:u="ui-dialog-react-host"}){const r=o.useRef(null);r.current||(r.current=b.createDialogManager()),o.useEffect(()=>{var a;if(typeof document>"u")return;let e=document.getElementById(u);const n=!e;e||(e=document.createElement("div"),e.id=u,e.setAttribute("data-ui-dialog-react-host","true"),document.body.appendChild(e));const g=Number(e.getAttribute(i)||"0");return e.setAttribute(i,String(Math.max(0,g)+1)),(a=r.current)==null||a.setContainer(e),()=>{var c,l;if((c=r.current)==null||c.destroy("unmount"),r.current=null,!e||!e.isConnected)return;const v=Number(e.getAttribute(i)||"1"),s=Math.max(0,v-1);s===0?(e.removeAttribute(i),n&&((l=e.parentElement)==null||l.removeChild(e))):e.setAttribute(i,String(s))}},[u]);const m=o.useMemo(()=>({open:(e={})=>{var n;return((n=r.current)==null?void 0:n.open(e))??Promise.resolve({id:"",action:"dismiss"})},confirm:(e={})=>{var n;return((n=r.current)==null?void 0:n.confirm(e))??Promise.resolve({id:"",action:"dismiss"})}}),[]);return p.default.createElement(d.Provider,{value:m},t)}function D(){const t=o.useContext(d);if(!t)throw new Error("useDialog must be used within <DialogProvider>.");return t}exports.DialogProvider=f;exports.default=f;exports.useDialog=D;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),b=require("./runtime-3cc1c386-9d1b191c.js"),p=t=>t&&t.__esModule?t:{default:t},C=p(o),d=o.createContext(null),i="data-ui-dialog-react-host-refcount";function m({children:t,hostId:u="ui-dialog-react-host"}){const r=o.useRef(null);r.current||(r.current=b.de()),o.useEffect(()=>{var c;if(typeof document>"u")return;let e=document.getElementById(u);const n=!e;e||(e=document.createElement("div"),e.id=u,e.setAttribute("data-ui-dialog-react-host","true"),document.body.appendChild(e));const g=Number(e.getAttribute(i)||"0");return e.setAttribute(i,String(Math.max(0,g)+1)),(c=r.current)==null||c.setContainer(e),()=>{var a,l;if((a=r.current)==null||a.destroy("unmount"),r.current=null,!e||!e.isConnected)return;const v=Number(e.getAttribute(i)||"1"),s=Math.max(0,v-1);s===0?(e.removeAttribute(i),n&&((l=e.parentElement)==null||l.removeChild(e))):e.setAttribute(i,String(s))}},[u]);const f=o.useMemo(()=>({open:(e={})=>{var n;return((n=r.current)==null?void 0:n.open(e))??Promise.resolve({id:"",action:"dismiss"})},confirm:(e={})=>{var n;return((n=r.current)==null?void 0:n.confirm(e))??Promise.resolve({id:"",action:"dismiss"})}}),[]);return C.default.createElement(d.Provider,{value:f},t)}function _(){const t=o.useContext(d);if(!t)throw new Error("useDialog must be used within <DialogProvider>.");return t}exports.DialogProvider=m;exports.default=m;exports.useDialog=_;

package/dist/DialogProvider.esm.js

@@ -1,7 +1,8 @@
+'use client';
 import g, { createContext as p, useRef as b, useEffect as v, useMemo as C, useContext as h } from "react";
-import { createDialogManager as x } from "@editora/ui-core";
+import { d as x } from "./runtime-3cc1c386-b4118dbe.mjs";
 const d = p(null), n = "data-ui-dialog-react-host-refcount";
-function D({ children: o, hostId: i = "ui-dialog-react-host" }) {
+function R({ children: o, hostId: i = "ui-dialog-react-host" }) {
   const t = b(null);
   t.current || (t.current = x()), v(() => {
     var u;
@@ -10,16 +11,16 @@ function D({ children: o, hostId: i = "ui-dialog-react-host" }) {
     let e = document.getElementById(i);
     const r = !e;
     e || (e = document.createElement("div"), e.id = i, e.setAttribute("data-ui-dialog-react-host", "true"), document.body.appendChild(e));
-    const m = Number(e.getAttribute(n) || "0");
-    return e.setAttribute(n, String(Math.max(0, m) + 1)), (u = t.current) == null || u.setContainer(e), () => {
-      var c, s;
+    const l = Number(e.getAttribute(n) || "0");
+    return e.setAttribute(n, String(Math.max(0, l) + 1)), (u = t.current) == null || u.setContainer(e), () => {
+      var c, a;
       if ((c = t.current) == null || c.destroy("unmount"), t.current = null, !e || !e.isConnected)
         return;
-      const f = Number(e.getAttribute(n) || "1"), a = Math.max(0, f - 1);
-      a === 0 ? (e.removeAttribute(n), r && ((s = e.parentElement) == null || s.removeChild(e))) : e.setAttribute(n, String(a));
+      const f = Number(e.getAttribute(n) || "1"), s = Math.max(0, f - 1);
+      s === 0 ? (e.removeAttribute(n), r && ((a = e.parentElement) == null || a.removeChild(e))) : e.setAttribute(n, String(s));
     };
   }, [i]);
-  const l = C(
+  const m = C(
     () => ({
       open: (e = {}) => {
         var r;
@@ -32,16 +33,16 @@ function D({ children: o, hostId: i = "ui-dialog-react-host" }) {
     }),
     []
   );
-  return /* @__PURE__ */ g.createElement(d.Provider, { value: l }, o);
+  return /* @__PURE__ */ g.createElement(d.Provider, { value: m }, o);
 }
-function R() {
+function D() {
   const o = h(d);
   if (!o)
     throw new Error("useDialog must be used within <DialogProvider>.");
   return o;
 }
 export {
-  D as DialogProvider,
-  D as default,
-  R as useDialog
+  R as DialogProvider,
+  R as default,
+  D as useDialog
 };

package/dist/DismissableLayer.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),g=i=>i&&i.__esModule?i:{default:i},h=g(s),k=typeof window<"u"?s.useLayoutEffect:s.useEffect,n=h.default.forwardRef(function({children:E,open:c,modal:b,closeOnEscape:f,closeOnPointerOutside:o,closeOnFocusOutside:v,disableOutsidePointerEvents:m,headless:A,onBeforeClose:r,onClose:u,onInteractOutside:l,onEscapeKeyDown:a,...R},M){const d=s.useRef(null);return s.useImperativeHandle(M,()=>d.current),s.useEffect(()=>{const e=d.current;if(!e)return;const L=t=>r==null?void 0:r(t.detail),p=t=>u==null?void 0:u(t.detail),y=t=>l==null?void 0:l(t.detail||{}),_=t=>a==null?void 0:a(t.detail||{});return e.addEventListener("before-close",L),e.addEventListener("close",p),e.addEventListener("interact-outside",y),e.addEventListener("escape-key-down",_),()=>{e.removeEventListener("before-close",L),e.removeEventListener("close",p),e.removeEventListener("interact-outside",y),e.removeEventListener("escape-key-down",_)}},[r,u,a,l]),k(()=>{const e=d.current;e&&(c?e.setAttribute("open",""):e.removeAttribute("open"),b?e.setAttribute("modal",""):e.removeAttribute("modal"),f===!1?e.setAttribute("close-on-escape","false"):f?e.setAttribute("close-on-escape",""):e.removeAttribute("close-on-escape"),o===!1?e.setAttribute("close-on-pointer-outside","false"):o?e.setAttribute("close-on-pointer-outside",""):e.removeAttribute("close-on-pointer-outside"),v?e.setAttribute("close-on-focus-outside",""):e.removeAttribute("close-on-focus-outside"),m?e.setAttribute("disable-outside-pointer-events",""):e.removeAttribute("disable-outside-pointer-events"),A?e.setAttribute("headless",""):e.removeAttribute("headless"))},[f,v,o,m,A,b,c]),h.default.createElement("ui-dismissable-layer",{ref:d,...R},E)});n.displayName="DismissableLayer";exports.DismissableLayer=n;exports.default=n;

package/dist/DismissableLayer.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import p, { useRef as k, useImperativeHandle as _, useEffect as h, useLayoutEffect as w } from "react";
 const x = typeof window < "u" ? w : h, H = p.forwardRef(function({
   children: y,

package/dist/Dock.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),O=require("./_internals-b9f3e909.js"),T=l=>l&&l.__esModule?l:{default:l},n=T(q),x=typeof window<"u"?n.default.useLayoutEffect:n.default.useEffect;function L(l){if(l==null||l==="")return null;if(typeof l=="number")return`${l}px`;const r=l.split(/\s+/).filter(Boolean);return r.length?r.map(u=>/^-?\d+(\.\d+)?$/.test(u)?`${u}px`:u).join(" "):null}const N=n.default.forwardRef(function({orientation:r,magnification:u,distance:s,idleScale:d,lift:o,smoothing:a,animation:p,gap:I,padding:f,itemSize:E,labelMode:k,labelPlacement:g,variant:m,tone:b,size:i,radius:y,elevation:c,children:_,...D},t){const w=n.default.useRef(null);return n.default.useImperativeHandle(t,()=>w.current),n.default.useEffect(()=>{O.warnIfElementNotRegistered("ui-dock","Dock")},[]),x(()=>{const R=w.current;if(!R)return;const e=(S,A)=>{const j=R.getAttribute(S);if(A==null){j!=null&&R.removeAttribute(S);return}j!==A&&R.setAttribute(S,A)};e("orientation",r&&r!=="horizontal"?r:null),e("magnification",u==null||u===""?null:String(u)),e("distance",s==null||s===""?null:String(s)),e("idle-scale",d==null||d===""?null:String(d)),e("lift",o==null||o===""?null:String(o)),e("smoothing",a==null||a===""?null:String(a)),e("animation",p&&p!=="smooth"?p:null),e("gap",L(I)),e("padding",L(f)),e("item-size",L(E)),e("label-mode",k&&k!=="hover"?k:null),e("label-placement",g&&g!=="auto"?g:null),e("variant",m&&m!=="surface"?m:null),e("tone",b&&b!=="brand"?b:null),e("size",i&&i!=="md"&&i!=="2"?i:null),e("radius",y==null||y===""?null:String(y)),e("elevation",c&&c!=="low"?c:null)},[r,u,s,d,o,a,p,I,f,E,k,g,m,b,i,y,c]),n.default.createElement("ui-dock",{ref:w,...D},_)});N.displayName="Dock";const $=n.default.forwardRef(function({as:r,href:u,target:s,rel:d,value:o,active:a,disabled:p,icon:I,label:f,badge:E,iconProps:k,labelProps:g,badgeProps:m,children:b,...i},y){const c=r||(u?"a":"button"),_=I??b,D=typeof f=="string"||typeof f=="number"?String(f):void 0,t={ref:y,"data-ui-dock-item":"",...i};return o!=null&&o!==""&&(t["data-value"]=String(o)),a&&(t["data-active"]="",u&&(t["aria-current"]="page")),D&&t["aria-label"]==null&&(t["aria-label"]=D),D&&t.title==null&&(t.title=D),u&&(t.href=u,s&&(t.target=s),d&&(t.rel=d)),p?c==="button"?t.disabled=!0:(t["aria-disabled"]=!0,t.tabIndex=-1):c==="button"&&t.type==null&&(t.type="button"),n.default.createElement(c,t,_!=null?n.default.createElement("span",{"data-ui-dock-icon":"",...k},_):null,f!=null?n.default.createElement("span",{"data-ui-dock-label":"",...g},f):null,E!=null?n.default.createElement("span",{"data-ui-dock-badge":"",...m},E):null)});$.displayName="Dock.Item";const h=Object.assign(N,{Item:$});exports.Dock=h;exports.default=h;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),O=require("./_internals-5a21394b.js"),T=l=>l&&l.__esModule?l:{default:l},n=T(q),x=typeof window<"u"?n.default.useLayoutEffect:n.default.useEffect;function L(l){if(l==null||l==="")return null;if(typeof l=="number")return`${l}px`;const r=l.split(/\s+/).filter(Boolean);return r.length?r.map(u=>/^-?\d+(\.\d+)?$/.test(u)?`${u}px`:u).join(" "):null}const N=n.default.forwardRef(function({orientation:r,magnification:u,distance:s,idleScale:d,lift:o,smoothing:a,animation:p,gap:I,padding:f,itemSize:E,labelMode:k,labelPlacement:g,variant:m,tone:b,size:i,radius:y,elevation:c,children:_,...D},t){const w=n.default.useRef(null);return n.default.useImperativeHandle(t,()=>w.current),n.default.useEffect(()=>{O.warnIfElementNotRegistered("ui-dock","Dock")},[]),x(()=>{const R=w.current;if(!R)return;const e=(S,A)=>{const j=R.getAttribute(S);if(A==null){j!=null&&R.removeAttribute(S);return}j!==A&&R.setAttribute(S,A)};e("orientation",r&&r!=="horizontal"?r:null),e("magnification",u==null||u===""?null:String(u)),e("distance",s==null||s===""?null:String(s)),e("idle-scale",d==null||d===""?null:String(d)),e("lift",o==null||o===""?null:String(o)),e("smoothing",a==null||a===""?null:String(a)),e("animation",p&&p!=="smooth"?p:null),e("gap",L(I)),e("padding",L(f)),e("item-size",L(E)),e("label-mode",k&&k!=="hover"?k:null),e("label-placement",g&&g!=="auto"?g:null),e("variant",m&&m!=="surface"?m:null),e("tone",b&&b!=="brand"?b:null),e("size",i&&i!=="md"&&i!=="2"?i:null),e("radius",y==null||y===""?null:String(y)),e("elevation",c&&c!=="low"?c:null)},[r,u,s,d,o,a,p,I,f,E,k,g,m,b,i,y,c]),n.default.createElement("ui-dock",{ref:w,...D},_)});N.displayName="Dock";const $=n.default.forwardRef(function({as:r,href:u,target:s,rel:d,value:o,active:a,disabled:p,icon:I,label:f,badge:E,iconProps:k,labelProps:g,badgeProps:m,children:b,...i},y){const c=r||(u?"a":"button"),_=I??b,D=typeof f=="string"||typeof f=="number"?String(f):void 0,t={ref:y,"data-ui-dock-item":"",...i};return o!=null&&o!==""&&(t["data-value"]=String(o)),a&&(t["data-active"]="",u&&(t["aria-current"]="page")),D&&t["aria-label"]==null&&(t["aria-label"]=D),D&&t.title==null&&(t.title=D),u&&(t.href=u,s&&(t.target=s),d&&(t.rel=d)),p?c==="button"?t.disabled=!0:(t["aria-disabled"]=!0,t.tabIndex=-1):c==="button"&&t.type==null&&(t.type="button"),n.default.createElement(c,t,_!=null?n.default.createElement("span",{"data-ui-dock-icon":"",...k},_):null,f!=null?n.default.createElement("span",{"data-ui-dock-label":"",...g},f):null,E!=null?n.default.createElement("span",{"data-ui-dock-badge":"",...m},E):null)});$.displayName="Dock.Item";const h=Object.assign(N,{Item:$});exports.Dock=h;exports.default=h;

package/dist/Dock.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import u from "react";
-import { w as x } from "./_internals-f8fb69a8.mjs";
+import { w as x } from "./_internals-d86cc997.mjs";
 const _ = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
 function N(f) {
   if (f == null || f === "")

package/dist/Drawer.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),V=u=>u&&u.__esModule?u:{default:u},o=V(n),r=typeof window<"u"?n.useLayoutEffect:n.useEffect,G=o.default.forwardRef(function({children:s,open:i,side:p,variant:l,density:c,shape:a,elevation:b,tone:f,size:d,state:A,inset:I,dismissible:L,closeOnOverlay:D,closeOnEsc:y,lockWhileLoading:E,showClose:H,initialFocus:R,title:_,description:S,ariaLabel:g,ariaLabelledBy:F,ariaDescribedBy:M,onOpen:m,onClose:v,onChange:w,...K},Q){const t=n.useRef(null);return n.useImperativeHandle(Q,()=>t.current),n.useEffect(()=>{const e=t.current;if(!e)return;const q=()=>m==null?void 0:m(),x=()=>v==null?void 0:v(),P=U=>{var k;const T=(k=U.detail)==null?void 0:k.open;typeof T=="boolean"&&(w==null||w(T))};return e.addEventListener("open",q),e.addEventListener("close",x),e.addEventListener("change",P),()=>{e.removeEventListener("open",q),e.removeEventListener("close",x),e.removeEventListener("change",P)}},[m,v,w]),r(()=>{const e=t.current;e&&(i?e.setAttribute("open",""):e.removeAttribute("open"))},[i]),r(()=>{const e=t.current;e&&(p?e.setAttribute("side",p):e.removeAttribute("side"))},[p]),r(()=>{const e=t.current;e&&(L?e.setAttribute("dismissible",""):e.removeAttribute("dismissible"))},[L]),r(()=>{const e=t.current;e&&(l&&l!=="default"?e.setAttribute("variant",l):e.removeAttribute("variant"))},[l]),r(()=>{const e=t.current;e&&(c&&c!=="default"?e.setAttribute("density",c):e.removeAttribute("density"))},[c]),r(()=>{const e=t.current;e&&(a&&a!=="default"?e.setAttribute("shape",a):e.removeAttribute("shape"))},[a]),r(()=>{const e=t.current;e&&(b&&b!=="default"?e.setAttribute("elevation",b):e.removeAttribute("elevation"))},[b]),r(()=>{const e=t.current;e&&(f&&f!=="default"&&f!=="brand"?e.setAttribute("tone",f):e.removeAttribute("tone"))},[f]),r(()=>{const e=t.current;e&&(d&&d!=="default"?e.setAttribute("size",d):e.removeAttribute("size"))},[d]),r(()=>{const e=t.current;e&&(A&&A!=="idle"?e.setAttribute("state",A):e.removeAttribute("state"))},[A]),r(()=>{const e=t.current;e&&(I?e.setAttribute("inset",""):e.removeAttribute("inset"))},[I]),r(()=>{const e=t.current;e&&(typeof D=="boolean"?e.setAttribute("close-on-overlay",String(D)):e.removeAttribute("close-on-overlay"))},[D]),r(()=>{const e=t.current;e&&(typeof y=="boolean"?e.setAttribute("close-on-esc",String(y)):e.removeAttribute("close-on-esc"))},[y]),r(()=>{const e=t.current;e&&(typeof E=="boolean"?e.setAttribute("lock-while-loading",String(E)):e.removeAttribute("lock-while-loading"))},[E]),r(()=>{const e=t.current;e&&(typeof H=="boolean"?e.setAttribute("show-close",String(H)):e.removeAttribute("show-close"))},[H]),r(()=>{const e=t.current;e&&(R?e.setAttribute("initial-focus",R):e.removeAttribute("initial-focus"))},[R]),r(()=>{const e=t.current;e&&(_?e.setAttribute("title",_):e.removeAttribute("title"))},[_]),r(()=>{const e=t.current;e&&(S?e.setAttribute("description",S):e.removeAttribute("description"))},[S]),r(()=>{const e=t.current;e&&(g?e.setAttribute("aria-label",g):e.removeAttribute("aria-label"))},[g]),r(()=>{const e=t.current;e&&(F?e.setAttribute("aria-labelledby",F):e.removeAttribute("aria-labelledby"))},[F]),r(()=>{const e=t.current;e&&(M?e.setAttribute("aria-describedby",M):e.removeAttribute("aria-describedby"))},[M]),o.default.createElement("ui-drawer",{ref:t,...K},s)});G.displayName="Drawer";const N=o.default.forwardRef(function(s,i){return o.default.createElement("div",{...s,ref:i,slot:"header"})});N.displayName="Drawer.Header";const j=o.default.forwardRef(function(s,i){return o.default.createElement("div",{...s,ref:i,slot:"footer"})});j.displayName="Drawer.Footer";const J=Object.assign(G,{Header:N,Footer:j});exports.Drawer=J;exports.DrawerFooter=j;exports.DrawerHeader=N;exports.default=J;

package/dist/Drawer.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import u, { useRef as U, useImperativeHandle as V, useEffect as G, useLayoutEffect as X } from "react";
 const r = typeof window < "u" ? X : G, J = u.forwardRef(function({
   children: n,

package/dist/Dropdown.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),G=u=>u&&u.__esModule?u:{default:u},t=G(g),J=typeof window<"u"?g.useLayoutEffect:g.useEffect,x=t.default.forwardRef(function({children:o,open:n,placement:l,variant:a,size:i,density:s,radius:p,shape:w,elevation:v,tone:b,closeOnSelect:I,typeahead:A,onOpen:D,onClose:L,onChange:N,onChangeDetail:S,onRequestClose:_,onSelect:R,...P},F){const T=g.useRef(null);return g.useImperativeHandle(F,()=>T.current),g.useEffect(()=>{const e=T.current;if(!e)return;const d=()=>D==null?void 0:D(),y=()=>L==null?void 0:L(),r=f=>{const m=f.detail||{};typeof m.open=="boolean"&&(N==null||N(m.open)),typeof m.open=="boolean"&&(S==null||S({open:m.open,reason:m.reason}))},c=f=>{const m=f.detail||{};typeof m.reason=="string"&&(_==null||_({reason:m.reason}))},E=f=>{R==null||R(f.detail||{})};return e.addEventListener("open",d),e.addEventListener("close",y),e.addEventListener("change",r),e.addEventListener("request-close",c),e.addEventListener("select",E),()=>{e.removeEventListener("open",d),e.removeEventListener("close",y),e.removeEventListener("change",r),e.removeEventListener("request-close",c),e.removeEventListener("select",E)}},[D,L,N,S,_,R]),J(()=>{const e=T.current;if(!e)return;const d=(r,c)=>{const E=e.getAttribute(r);if(c==null){E!=null&&e.removeAttribute(r);return}E!==c&&e.setAttribute(r,c)},y=(r,c,E="presence")=>{if(E==="presence"){c?e.hasAttribute(r)||e.setAttribute(r,""):e.hasAttribute(r)&&e.removeAttribute(r);return}if(c==null){e.hasAttribute(r)&&e.removeAttribute(r);return}const f=c?"true":"false";e.getAttribute(r)!==f&&e.setAttribute(r,f)};y("open",n),d("placement",l||null),d("variant",a&&a!=="default"&&a!=="surface"?a:null),d("size",i&&i!=="md"&&i!=="2"?i:null),d("density",s&&s!=="default"?s:null),d("radius",p==null||p===""||p==="default"?null:String(p)),d("shape",w&&w!=="default"&&w!=="rounded"?w:null),d("elevation",v&&v!=="default"?v:null),d("tone",b&&b!=="default"&&b!=="brand"?b:null),y("close-on-select",I,"value"),y("typeahead",A,"value")},[n,l,a,i,s,p,w,v,b,I,A]),t.default.createElement("ui-dropdown",{ref:T,...P},o)});x.displayName="Dropdown";const h=t.default.forwardRef(function(o,n){return t.default.createElement("button",{...o,ref:n,slot:"trigger"})});h.displayName="Dropdown.Trigger";const j=t.default.forwardRef(function({as:o="div",...n},l){return t.default.createElement(o,{...n,ref:l,slot:"content"})});j.displayName="Dropdown.Content";const B=t.default.forwardRef(function({children:o,icon:n,shortcut:l,caption:a,tone:i,role:s="menuitem",checked:p,className:w,value:v,label:b,"aria-label":I,...A},D){const L=["item",w].filter(Boolean).join(" "),N=s==="menuitemcheckbox"||s==="menuitemradio"?t.default.createElement("span",{className:"selection-icon","aria-hidden":"true"}):null;return t.default.createElement("div",{...A,ref:D,role:s,tabIndex:A.tabIndex??-1,className:L,"data-tone":i,"data-value":v,"aria-label":b??I,"aria-checked":s==="menuitemcheckbox"||s==="menuitemradio"?p?"true":"false":void 0,"data-menu-item":"true"},N,n?t.default.createElement("span",{className:"icon","aria-hidden":"true"},n):null,t.default.createElement("span",{className:"label"},t.default.createElement("span",{className:"text"},o),a?t.default.createElement("span",{className:"caption"},a):null),l?t.default.createElement("span",{className:"shortcut"},l):null)});B.displayName="Dropdown.Item";const k=t.default.forwardRef(function({className:o,...n},l){const a=["separator",o].filter(Boolean).join(" ");return t.default.createElement("div",{...n,ref:l,role:"separator",className:a})});k.displayName="Dropdown.Separator";const M=t.default.forwardRef(function({children:o,className:n,...l},a){const i=["section-label",n].filter(Boolean).join(" ");return t.default.createElement("div",{...l,ref:a,className:i},o)});M.displayName="Dropdown.SectionLabel";const H=Object.assign(x,{Trigger:h,Content:j,Item:B,Separator:k,SectionLabel:M});exports.Dropdown=H;exports.DropdownContent=j;exports.DropdownItem=B;exports.DropdownSectionLabel=M;exports.DropdownSeparator=k;exports.DropdownTrigger=h;exports.default=H;

package/dist/Dropdown.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import t, { useRef as J, useImperativeHandle as K, useEffect as B, useLayoutEffect as M } from "react";
 const P = typeof window < "u" ? M : B, S = t.forwardRef(function({
   children: a,

package/dist/EmptyState.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),p=t=>t&&t.__esModule?t:{default:t},v=p(r),A=typeof window<"u"?r.useLayoutEffect:r.useEffect;function d(t){const{title:s,description:o,actionLabel:u,tone:n,compact:l,headless:a,onAction:i,children:b,...m}=t,c=r.useRef(null);return r.useEffect(()=>{const e=c.current;if(!e)return;const f=()=>i==null?void 0:i();return e.addEventListener("action",f),()=>e.removeEventListener("action",f)},[i]),A(()=>{const e=c.current;e&&(s?e.setAttribute("title",s):e.removeAttribute("title"),o?e.setAttribute("description",o):e.removeAttribute("description"),u?e.setAttribute("action-label",u):e.removeAttribute("action-label"),n?e.setAttribute("tone",n):e.removeAttribute("tone"),l?e.setAttribute("compact",""):e.removeAttribute("compact"),a?e.setAttribute("headless",""):e.removeAttribute("headless"))},[s,o,u,n,l,a]),v.default.createElement("ui-empty-state",{ref:c,...m},b)}exports.EmptyState=d;exports.default=d;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),t=require("./_internals-5a21394b.js"),S=e=>e&&e.__esModule?e:{default:e},u=S(m);function f(e){const{title:r,description:i,actionLabel:a,tone:c,compact:o,headless:d,onAction:l,children:y,...p}=e,s=u.default.useRef(null),b=u.default.useCallback(()=>{l==null||l()},[l]);return t.useElementEventListeners(s,[{type:"action",listener:b}],[b]),t.useElementAttributes(s,n=>{t.syncStringAttribute(n,"title",r??null),t.syncStringAttribute(n,"description",i??null),t.syncStringAttribute(n,"action-label",a??null),t.syncStringAttribute(n,"tone",c??null),t.syncBooleanAttribute(n,"compact",o),t.syncBooleanAttribute(n,"headless",d)},[r,i,a,c,o,d]),u.default.createElement("ui-empty-state",{ref:s,...p},y)}exports.EmptyState=f;exports.default=f;

package/dist/EmptyState.esm.js

@@ -1,29 +1,25 @@
-import d, { useRef as p, useEffect as a, useLayoutEffect as A } from "react";
-const v = typeof window < "u" ? A : a;
-function h(f) {
+'use client';
+import a from "react";
+import { u as y, a as E, s as n, b as p } from "./_internals-d86cc997.mjs";
+function L(d) {
   const {
-    title: r,
-    description: i,
-    actionLabel: s,
-    tone: o,
-    compact: u,
-    headless: c,
-    onAction: t,
-    children: m,
-    ...b
-  } = f, n = p(null);
-  return a(() => {
-    const e = n.current;
-    if (!e)
-      return;
-    const l = () => t == null ? void 0 : t();
-    return e.addEventListener("action", l), () => e.removeEventListener("action", l);
-  }, [t]), v(() => {
-    const e = n.current;
-    e && (r ? e.setAttribute("title", r) : e.removeAttribute("title"), i ? e.setAttribute("description", i) : e.removeAttribute("description"), s ? e.setAttribute("action-label", s) : e.removeAttribute("action-label"), o ? e.setAttribute("tone", o) : e.removeAttribute("tone"), u ? e.setAttribute("compact", "") : e.removeAttribute("compact"), c ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
-  }, [r, i, s, o, u, c]), d.createElement("ui-empty-state", { ref: n, ...b }, m);
+    title: l,
+    description: r,
+    actionLabel: i,
+    tone: c,
+    compact: o,
+    headless: u,
+    onAction: e,
+    children: b,
+    ...f
+  } = d, s = a.useRef(null), m = a.useCallback(() => {
+    e == null || e();
+  }, [e]);
+  return y(s, [{ type: "action", listener: m }], [m]), E(s, (t) => {
+    n(t, "title", l ?? null), n(t, "description", r ?? null), n(t, "action-label", i ?? null), n(t, "tone", c ?? null), p(t, "compact", o), p(t, "headless", u);
+  }, [l, r, i, c, o, u]), a.createElement("ui-empty-state", { ref: s, ...f }, b);
 }
 export {
-  h as EmptyState,
-  h as default
+  L as EmptyState,
+  L as default
 };

package/dist/Field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),q=t=>t&&t.__esModule?t:{default:t},w=q(d),E=typeof window<"u"?d.useLayoutEffect:d.useEffect;function p(t){const{children:y,label:i,description:r,error:l,htmlFor:b,required:c,invalid:v,orientation:s,variant:u,tone:o,density:n,shape:a,shell:f,labelWidth:A,headless:m,..._}=t,h=d.useRef(null);return E(()=>{const e=h.current;e&&(i!=null&&i!==""?e.setAttribute("label",i):e.removeAttribute("label"),r!=null&&r!==""?e.setAttribute("description",r):e.removeAttribute("description"),l!=null&&l!==""?e.setAttribute("error",l):e.removeAttribute("error"),b?e.setAttribute("for",b):e.removeAttribute("for"),c?e.setAttribute("required",""):e.removeAttribute("required"),v?e.setAttribute("invalid",""):e.removeAttribute("invalid"),s&&s!=="vertical"?e.setAttribute("orientation",s):e.removeAttribute("orientation"),u&&u!=="default"?e.setAttribute("variant",u):e.removeAttribute("variant"),o&&o!=="default"?e.setAttribute("tone",o):e.removeAttribute("tone"),n&&n!=="default"?e.setAttribute("density",n):e.removeAttribute("density"),a&&a!=="default"?e.setAttribute("shape",a):e.removeAttribute("shape"),f&&f!=="none"?e.setAttribute("shell",f):e.removeAttribute("shell"),A?e.setAttribute("label-width",A):e.removeAttribute("label-width"),m?e.setAttribute("headless",""):e.removeAttribute("headless"))},[i,r,l,b,c,v,s,u,o,n,a,f,A,m]),w.default.createElement("ui-field",{ref:h,..._},y)}exports.Field=p;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),y=e=>e&&e.__esModule?e:{default:e},F=y(q);function u(e){const{children:v,label:i,description:t,error:l,htmlFor:c,required:f,invalid:h,orientation:d,variant:o,tone:r,density:a,shape:n,shell:s,labelWidth:p,headless:_,...b}=e,m={...b,label:i!=null&&i!==""?i:void 0,description:t!=null&&t!==""?t:void 0,error:l!=null&&l!==""?l:void 0,for:c||void 0,required:f?"":void 0,invalid:h?"":void 0,orientation:d&&d!=="vertical"?d:void 0,variant:o&&o!=="default"?o:void 0,tone:r&&r!=="default"?r:void 0,density:a&&a!=="default"?a:void 0,shape:n&&n!=="default"?n:void 0,shell:s&&s!=="none"?s:void 0,"label-width":p||void 0,headless:_?"":void 0};return F.default.createElement("ui-field",m,v)}exports.Field=u;exports.default=u;