@editora/ui-react 0.1.10 → 0.1.11

package/dist/Checkbox.esm.js

@@ -1,74 +1,56 @@
-import * as i from "react";
-import { w as H } from "./_internals-f8fb69a8.mjs";
-function u(o, e, r) {
-  if (r == null) {
-    o.removeAttribute(e);
-    return;
-  }
-  r ? o.setAttribute(e, "") : o.removeAttribute(e);
-}
-function p(o, e, r, s) {
-  const c = r && r !== s ? r : void 0;
-  if (!c) {
-    o.removeAttribute(e);
-    return;
-  }
-  o.setAttribute(e, c);
-}
-const P = i.forwardRef(function({
-  checked: e,
-  disabled: r,
-  indeterminate: s,
-  loading: c,
-  headless: E,
-  invalid: a,
-  density: d,
-  preset: l,
-  onCheckedChange: v,
-  onChange: b,
-  onInput: n,
-  children: R,
-  ...y
-}, k) {
-  const m = i.useRef(null);
-  i.useImperativeHandle(k, () => m.current);
-  const N = typeof window < "u" ? i.useLayoutEffect : i.useEffect;
-  i.useEffect(() => {
-    H("ui-checkbox", "Checkbox");
-  }, []), N(() => {
-    const t = m.current;
-    t && (u(t, "checked", e), u(t, "disabled", r), u(t, "indeterminate", s), u(t, "loading", c), u(t, "headless", E), u(t, "invalid", a), p(t, "density", d, "default"), p(t, "preset", l, "default"));
-  }, [e, r, s, c, E, a, d, l]), i.useEffect(() => {
-    const t = m.current;
-    if (!t || !v && !b && !n)
-      return;
-    const A = (x) => {
-      var w;
-      const f = x;
-      n == null || n(f), typeof ((w = f.detail) == null ? void 0 : w.checked) == "boolean" && (v == null || v(f.detail.checked, f.detail));
-    }, L = (x) => {
-      const f = x;
-      b == null || b(f);
-    };
-    return t.addEventListener("input", A), t.addEventListener("change", L), () => {
-      t.removeEventListener("input", A), t.removeEventListener("change", L);
-    };
-  }, [v, b, n]);
-  const B = {
-    ref: m,
-    ...y,
-    checked: e ? "" : void 0,
-    disabled: r ? "" : void 0,
-    indeterminate: s ? "" : void 0,
-    loading: c ? "" : void 0,
-    headless: E ? "" : void 0,
-    invalid: a ? "" : void 0,
-    density: d && d !== "default" ? d : void 0,
-    preset: l && l !== "default" ? l : void 0
+'use client';
+import * as a from "react";
+import { c as p, w as B, a as D, g as F, u as H, b as o, s as R } from "./_internals-d86cc997.mjs";
+const L = a.forwardRef(function({
+  checked: u,
+  disabled: f,
+  indeterminate: b,
+  loading: d,
+  headless: e,
+  invalid: v,
+  density: s,
+  preset: c,
+  onCheckedChange: i,
+  onChange: r,
+  onInput: l,
+  children: m,
+  ...A
+}, y) {
+  const x = p(y);
+  a.useEffect(() => {
+    B("ui-checkbox", "Checkbox");
+  }, []), D(x, (t) => {
+    o(t, "checked", u), o(t, "disabled", f), o(t, "indeterminate", b), o(t, "loading", d), o(t, "headless", e), o(t, "invalid", v), R(t, "density", s && s !== "default" ? s : null), R(t, "preset", c && c !== "default" ? c : null);
+  }, [u, f, b, d, e, v, s, c]);
+  const k = a.useCallback((t) => {
+    const E = F(t) ?? {};
+    l == null || l(t), typeof E.checked == "boolean" && (i == null || i(E.checked, E));
+  }, [i, l]), w = a.useCallback((t) => {
+    r == null || r(t);
+  }, [r]);
+  H(
+    x,
+    [
+      { type: "input", listener: k },
+      { type: "change", listener: w }
+    ],
+    [k, w]
+  );
+  const N = {
+    ref: x,
+    ...A,
+    checked: u ? "" : void 0,
+    disabled: f ? "" : void 0,
+    indeterminate: b ? "" : void 0,
+    loading: d ? "" : void 0,
+    headless: e ? "" : void 0,
+    invalid: v ? "" : void 0,
+    density: s && s !== "default" ? s : void 0,
+    preset: c && c !== "default" ? c : void 0
   };
-  return i.createElement("ui-checkbox", B, R);
+  return a.createElement("ui-checkbox", N, m);
 });
-P.displayName = "Checkbox";
+L.displayName = "Checkbox";
 export {
-  P as Checkbox
+  L as Checkbox
 };

package/dist/Collapsible.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("react"),V=require("./_internals-b9f3e909.js");function $(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const n=$(B),L=typeof window<"u"?n.useLayoutEffect:n.useEffect;function R(e,t,l){if(l==null){e.removeAttribute(t);return}l?e.setAttribute(t,""):e.removeAttribute(t)}function S(e){return e.detail}const x=n.forwardRef(function({open:t,headless:l,disabled:i,readOnly:H,state:C,size:y,variant:v,tone:E,radius:s,iconPosition:M,closeOnEscape:w,onToggle:f,onChangeOpen:p,onToggleDetail:d,onChangeDetail:b,children:q,...P},k){const m=n.useRef(null);return n.useImperativeHandle(k,()=>m.current),n.useEffect(()=>{V.warnIfElementNotRegistered("ui-collapsible","Collapsible")},[]),L(()=>{const r=m.current;if(r)if(s!=null&&s!==""&&s!=="md"){let o=String(s);typeof s=="string"&&!s.includes("px")&&!s.includes("em")&&!s.includes("rem")?o={none:"0px",sm:"6px",md:"14px",lg:"20px",full:"9999px"}[s]||String(s):typeof s=="number"&&(o=`${s}px`),r.style.setProperty("--ui-collapsible-radius",o)}else r.style.removeProperty("--ui-collapsible-radius")},[s]),L(()=>{const r=m.current;if(!r)return;R(r,"open",t),R(r,"headless",l),R(r,"disabled",i),R(r,"readonly",H);const o=(c,a)=>{const u=r.getAttribute(c);if(a==null){u!=null&&r.removeAttribute(c);return}u!==a&&r.setAttribute(c,a)};o("state",C&&C!=="idle"?C:null),o("size",y&&y!=="md"?y:null),o("variant",v&&v!=="default"?v:null),o("tone",E&&E!=="neutral"?E:null),o("icon-position",M&&M!=="right"?M:null),o("close-on-escape",typeof w=="boolean"?w?"true":"false":null)},[t,l,i,H,C,y,v,E,s,M,w]),n.useEffect(()=>{const r=m.current;if(!r||!f&&!p&&!d&&!b)return;const o=a=>{const u=S(a);u&&(f==null||f(u.open),d==null||d(u))},c=a=>{const u=S(a);u&&(p==null||p(u.open),b==null||b(u))};return r.addEventListener("toggle",o),r.addEventListener("change",c),()=>{r.removeEventListener("toggle",o),r.removeEventListener("change",c)}},[f,p,d,b]),n.createElement("ui-collapsible",{ref:m,...P},q)});x.displayName="Collapsible";const A=n.forwardRef(function({children:t,...l},i){return n.createElement("div",{...l,ref:i,slot:"header"},t)});A.displayName="Collapsible.Header";const _=n.forwardRef(function({children:t,...l},i){return n.createElement("div",{...l,ref:i,slot:"caption"},t)});_.displayName="Collapsible.Caption";const N=n.forwardRef(function({children:t,...l},i){return n.createElement("div",{...l,ref:i,slot:"meta"},t)});N.displayName="Collapsible.Meta";const j=n.forwardRef(function({children:t,...l},i){return n.createElement("div",{...l,ref:i},t)});j.displayName="Collapsible.Content";const I=Object.assign(x,{Header:A,Caption:_,Meta:N,Content:j});exports.Collapsible=I;exports.CollapsibleCaption=_;exports.CollapsibleContent=j;exports.CollapsibleHeader=A;exports.CollapsibleMeta=N;exports.default=I;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),t=require("./_internals-5a21394b.js");function P(s){if(s&&s.__esModule)return s;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const l in s)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(s,l);Object.defineProperty(r,l,i.get?i:{enumerable:!0,get:()=>s[l]})}}return r.default=s,Object.freeze(r)}const o=P(q),N=o.forwardRef(function({open:r,headless:l,disabled:i,readOnly:w,state:u,size:c,variant:p,tone:b,radius:n,iconPosition:f,closeOnEscape:S,onToggle:d,onChangeOpen:y,onToggleDetail:C,onChangeDetail:m,children:H,...B},k){const A=t.useForwardedHostRef(k);o.useEffect(()=>{t.warnIfElementNotRegistered("ui-collapsible","Collapsible")},[]),t.useElementAttributes(A,e=>{if(n!=null&&n!==""&&n!=="md"){let a=String(n);typeof n=="string"&&!n.includes("px")&&!n.includes("em")&&!n.includes("rem")?a={none:"0px",sm:"6px",md:"14px",lg:"20px",full:"9999px"}[n]||String(n):typeof n=="number"&&(a=`${n}px`),e.style.setProperty("--ui-collapsible-radius",a)}else e.style.removeProperty("--ui-collapsible-radius")},[n]),t.useElementAttributes(A,e=>{t.syncBooleanAttribute(e,"open",r),t.syncBooleanAttribute(e,"headless",l),t.syncBooleanAttribute(e,"disabled",i),t.syncBooleanAttribute(e,"readonly",w),t.syncStringAttribute(e,"state",u&&u!=="idle"?u:null),t.syncStringAttribute(e,"size",c&&c!=="md"?c:null),t.syncStringAttribute(e,"variant",p&&p!=="default"?p:null),t.syncStringAttribute(e,"tone",b&&b!=="neutral"?b:null),t.syncStringAttribute(e,"icon-position",f&&f!=="right"?f:null),t.syncStringAttribute(e,"close-on-escape",typeof S=="boolean"?S?"true":"false":null)},[r,l,i,w,u,c,p,b,f,S]);const _=o.useCallback(e=>{const a=t.getCustomEventDetail(e);a&&(d==null||d(a.open),C==null||C(a))},[d,C]),x=o.useCallback(e=>{const a=t.getCustomEventDetail(e);a&&(y==null||y(a.open),m==null||m(a))},[y,m]);return t.useElementEventListeners(A,[{type:"toggle",listener:_},{type:"change",listener:x}],[_,x]),o.createElement("ui-collapsible",{ref:A,...B},H)});N.displayName="Collapsible";const E=o.forwardRef(function({children:r,...l},i){return o.createElement("div",{...l,ref:i,slot:"header"},r)});E.displayName="Collapsible.Header";const M=o.forwardRef(function({children:r,...l},i){return o.createElement("div",{...l,ref:i,slot:"caption"},r)});M.displayName="Collapsible.Caption";const R=o.forwardRef(function({children:r,...l},i){return o.createElement("div",{...l,ref:i,slot:"meta"},r)});R.displayName="Collapsible.Meta";const v=o.forwardRef(function({children:r,...l},i){return o.createElement("div",{...l,ref:i},r)});v.displayName="Collapsible.Content";const j=Object.assign(N,{Header:E,Caption:M,Meta:R,Content:v});exports.Collapsible=j;exports.CollapsibleCaption=M;exports.CollapsibleContent=v;exports.CollapsibleHeader=E;exports.CollapsibleMeta=R;exports.default=j;

package/dist/Collapsible.esm.js

@@ -1,117 +1,95 @@
+'use client';
 import * as t from "react";
-import { w as k } from "./_internals-f8fb69a8.mjs";
-const L = typeof window < "u" ? t.useLayoutEffect : t.useEffect;
-function R(n, l, s) {
-  if (s == null) {
-    n.removeAttribute(l);
-    return;
-  }
-  s ? n.setAttribute(l, "") : n.removeAttribute(l);
-}
-function M(n) {
-  return n.detail;
-}
-const N = t.forwardRef(function({
-  open: l,
-  headless: s,
-  disabled: u,
+import { c as V, w as $, a as v, g as H, u as q, b as R, s as i } from "./_internals-d86cc997.mjs";
+const A = t.forwardRef(function({
+  open: a,
+  headless: r,
+  disabled: p,
   readOnly: x,
-  state: y,
-  size: C,
-  variant: E,
-  tone: v,
-  radius: r,
-  iconPosition: w,
-  closeOnEscape: A,
-  onToggle: p,
-  onChangeOpen: a,
-  onToggleDetail: d,
-  onChangeDetail: b,
-  children: B,
-  ...V
-}, $) {
-  const m = t.useRef(null);
-  return t.useImperativeHandle($, () => m.current), t.useEffect(() => {
-    k("ui-collapsible", "Collapsible");
-  }, []), L(() => {
-    const e = m.current;
-    if (e)
-      if (r != null && r !== "" && r !== "md") {
-        let i = String(r);
-        typeof r == "string" && !r.includes("px") && !r.includes("em") && !r.includes("rem") ? i = {
-          none: "0px",
-          sm: "6px",
-          md: "14px",
-          lg: "20px",
-          full: "9999px"
-        }[r] || String(r) : typeof r == "number" && (i = `${r}px`), e.style.setProperty("--ui-collapsible-radius", i);
-      } else
-        e.style.removeProperty("--ui-collapsible-radius");
-  }, [r]), L(() => {
-    const e = m.current;
-    if (!e)
-      return;
-    R(e, "open", l), R(e, "headless", s), R(e, "disabled", u), R(e, "readonly", x);
-    const i = (f, c) => {
-      const o = e.getAttribute(f);
-      if (c == null) {
-        o != null && e.removeAttribute(f);
-        return;
-      }
-      o !== c && e.setAttribute(f, c);
-    };
-    i("state", y && y !== "idle" ? y : null), i("size", C && C !== "md" ? C : null), i("variant", E && E !== "default" ? E : null), i("tone", v && v !== "neutral" ? v : null), i("icon-position", w && w !== "right" ? w : null), i(
+  state: u,
+  size: c,
+  variant: f,
+  tone: n,
+  radius: e,
+  iconPosition: b,
+  closeOnEscape: w,
+  onToggle: d,
+  onChangeOpen: C,
+  onToggleDetail: m,
+  onChangeDetail: y,
+  children: F,
+  ...I
+}, L) {
+  const E = V(L);
+  t.useEffect(() => {
+    $("ui-collapsible", "Collapsible");
+  }, []), v(E, (l) => {
+    if (e != null && e !== "" && e !== "md") {
+      let s = String(e);
+      typeof e == "string" && !e.includes("px") && !e.includes("em") && !e.includes("rem") ? s = {
+        none: "0px",
+        sm: "6px",
+        md: "14px",
+        lg: "20px",
+        full: "9999px"
+      }[e] || String(e) : typeof e == "number" && (s = `${e}px`), l.style.setProperty("--ui-collapsible-radius", s);
+    } else
+      l.style.removeProperty("--ui-collapsible-radius");
+  }, [e]), v(E, (l) => {
+    R(l, "open", a), R(l, "headless", r), R(l, "disabled", p), R(l, "readonly", x), i(l, "state", u && u !== "idle" ? u : null), i(l, "size", c && c !== "md" ? c : null), i(l, "variant", f && f !== "default" ? f : null), i(l, "tone", n && n !== "neutral" ? n : null), i(l, "icon-position", b && b !== "right" ? b : null), i(
+      l,
       "close-on-escape",
-      typeof A == "boolean" ? A ? "true" : "false" : null
+      typeof w == "boolean" ? w ? "true" : "false" : null
     );
-  }, [l, s, u, x, y, C, E, v, r, w, A]), t.useEffect(() => {
-    const e = m.current;
-    if (!e || !p && !a && !d && !b)
-      return;
-    const i = (c) => {
-      const o = M(c);
-      o && (p == null || p(o.open), d == null || d(o));
-    }, f = (c) => {
-      const o = M(c);
-      o && (a == null || a(o.open), b == null || b(o));
-    };
-    return e.addEventListener("toggle", i), e.addEventListener("change", f), () => {
-      e.removeEventListener("toggle", i), e.removeEventListener("change", f);
-    };
-  }, [p, a, d, b]), /* @__PURE__ */ t.createElement("ui-collapsible", { ref: m, ...V }, B);
+  }, [a, r, p, x, u, c, f, n, b, w]);
+  const M = t.useCallback((l) => {
+    const s = H(l);
+    s && (d == null || d(s.open), m == null || m(s));
+  }, [d, m]), N = t.useCallback((l) => {
+    const s = H(l);
+    s && (C == null || C(s.open), y == null || y(s));
+  }, [C, y]);
+  return q(
+    E,
+    [
+      { type: "toggle", listener: M },
+      { type: "change", listener: N }
+    ],
+    [M, N]
+  ), /* @__PURE__ */ t.createElement("ui-collapsible", { ref: E, ...I }, F);
 });
-N.displayName = "Collapsible";
-const H = t.forwardRef(function({ children: l, ...s }, u) {
-  return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "header" }, l);
+A.displayName = "Collapsible";
+const S = t.forwardRef(function({ children: a, ...r }, p) {
+  return /* @__PURE__ */ t.createElement("div", { ...r, ref: p, slot: "header" }, a);
 });
-H.displayName = "Collapsible.Header";
-const I = t.forwardRef(
-  function({ children: l, ...s }, u) {
-    return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "caption" }, l);
+S.displayName = "Collapsible.Header";
+const k = t.forwardRef(
+  function({ children: a, ...r }, p) {
+    return /* @__PURE__ */ t.createElement("div", { ...r, ref: p, slot: "caption" }, a);
   }
 );
-I.displayName = "Collapsible.Caption";
-const S = t.forwardRef(function({ children: l, ...s }, u) {
-  return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "meta" }, l);
+k.displayName = "Collapsible.Caption";
+const j = t.forwardRef(function({ children: a, ...r }, p) {
+  return /* @__PURE__ */ t.createElement("div", { ...r, ref: p, slot: "meta" }, a);
 });
-S.displayName = "Collapsible.Meta";
-const j = t.forwardRef(
-  function({ children: l, ...s }, u) {
-    return /* @__PURE__ */ t.createElement("div", { ...s, ref: u }, l);
+j.displayName = "Collapsible.Meta";
+const B = t.forwardRef(
+  function({ children: a, ...r }, p) {
+    return /* @__PURE__ */ t.createElement("div", { ...r, ref: p }, a);
   }
 );
-j.displayName = "Collapsible.Content";
-const F = Object.assign(N, {
-  Header: H,
-  Caption: I,
-  Meta: S,
-  Content: j
+B.displayName = "Collapsible.Content";
+const K = Object.assign(A, {
+  Header: S,
+  Caption: k,
+  Meta: j,
+  Content: B
 });
 export {
-  F as Collapsible,
-  I as CollapsibleCaption,
-  j as CollapsibleContent,
-  H as CollapsibleHeader,
-  S as CollapsibleMeta,
-  F as default
+  K as Collapsible,
+  k as CollapsibleCaption,
+  B as CollapsibleContent,
+  S as CollapsibleHeader,
+  j as CollapsibleMeta,
+  K as default
 };

package/dist/Collection.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),E=r=>r&&r.__esModule?r:{default:r},d=E(t),_=typeof window<"u"?t.useLayoutEffect:t.useEffect,n=d.default.forwardRef(function({children:m,itemSelector:l,directItemSelector:c,itemRole:i,container:o,items:f,onCollectionChange:u,...v},b){const s=t.useRef(null);return t.useImperativeHandle(b,()=>s.current),t.useEffect(()=>{const e=s.current;if(!e)return;const a=()=>u==null?void 0:u();return e.addEventListener("collection-change",a),()=>{e.removeEventListener("collection-change",a)}},[u]),_(()=>{const e=s.current;e&&(l?e.setAttribute("item-selector",l):e.removeAttribute("item-selector"),c?e.setAttribute("direct-item-selector",c):e.removeAttribute("direct-item-selector"),i?e.setAttribute("item-role",i):e.removeAttribute("item-role"),e.container=o??null,e.items=f??null)},[o,c,i,l,f]),d.default.createElement("ui-collection",{ref:s,...v},m)});n.displayName="Collection";exports.Collection=n;exports.default=n;

package/dist/Collection.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import l, { useRef as v, useImperativeHandle as b, useEffect as o, useLayoutEffect as p } from "react";
 const A = typeof window < "u" ? p : o, E = l.forwardRef(function({ children: a, itemSelector: u, directItemSelector: s, itemRole: i, container: c, items: n, onCollectionChange: t, ...d }, m) {
   const r = v(null);

package/dist/ColorPicker.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),X=E=>E&&E.__esModule?E:{default:E},Q=X(L),Y=typeof window<"u"?L.useLayoutEffect:L.useEffect,K=Q.default.forwardRef(function({value:P,format:d,alpha:B,disabled:H,readOnly:T,size:s,variant:n,state:y,tone:b,mode:v,open:_,closeOnEscape:S,placeholder:a,presets:o,recent:F,maxRecent:k,persist:G,onInput:h,onChange:w,onValueChange:M,onOpen:N,onClose:g,onOpenDetail:m,onCloseDetail:J,onInvalid:j,children:R,...U},W){const q=L.useRef(null);L.useImperativeHandle(W,()=>q.current),L.useEffect(()=>{const i=q.current;if(!i)return;const e=u=>{const r=u.detail;r&&(h==null||h(r))},l=u=>{const r=u.detail;r&&(w==null||w(r),M==null||M(r.value))},f=u=>{const r=u.detail;r&&(j==null||j(r))},c=u=>{const r=u.detail;N==null||N(),r&&(m==null||m(r))},A=u=>{const r=u.detail;g==null||g(),r&&(J==null||J(r))};return i.addEventListener("input",e),i.addEventListener("change",l),i.addEventListener("open",c),i.addEventListener("close",A),i.addEventListener("invalid",f),()=>{i.removeEventListener("input",e),i.removeEventListener("change",l),i.removeEventListener("open",c),i.removeEventListener("close",A),i.removeEventListener("invalid",f)}},[h,w,M,N,g,m,J,j]),Y(()=>{const i=q.current;if(!i)return;const e=(f,c)=>{const A=i.getAttribute(f);c==null?A!=null&&i.removeAttribute(f):A!==c&&i.setAttribute(f,c)},l=(f,c)=>{c?e(f,""):e(f,null)};if(e("value",P??null),e("format",d&&d!=="hex"?d:null),l("alpha",B),l("disabled",H),l("readonly",T),e("size",s&&s!=="md"?s:null),e("variant",n&&n!=="default"?n:null),e("state",y&&y!=="idle"?y:null),e("tone",b&&b!=="brand"?b:null),e("mode",v&&v!=="inline"?v:null),typeof _=="boolean"?l("open",_):e("open",null),e("close-on-escape",typeof S=="boolean"?S?"true":"false":null),e("placeholder",a??null),l("recent",F),e("max-recent",typeof k=="number"?String(k):null),l("persist",G),o&&o.length>0)try{e("presets",JSON.stringify(o))}catch{e("presets",null)}else e("presets",null)},[P,d,B,H,T,s,n,y,b,v,_,S,a,o,F,k,G]);const t={ref:q,...U};if(v&&v!=="inline"&&(t.mode=v),typeof _=="boolean"&&_&&(t.open=""),P!=null&&(t.value=P),d&&d!=="hex"&&(t.format=d),B&&(t.alpha=""),H&&(t.disabled=""),T&&(t.readonly=""),s&&s!=="md"&&(t.size=s),n&&n!=="default"&&(t.variant=n),y&&y!=="idle"&&(t.state=y),b&&b!=="brand"&&(t.tone=b),a&&(t.placeholder=a),typeof S=="boolean"&&(t["close-on-escape"]=S?"true":"false"),F&&(t.recent=""),typeof k=="number"&&(t["max-recent"]=String(k)),G&&(t.persist=""),o&&o.length>0)try{t.presets=JSON.stringify(o)}catch{}return Q.default.createElement("ui-color-picker",t,R)});K.displayName="ColorPicker";exports.ColorPicker=K;exports.default=K;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("react"),i=require("./_internals-5a21394b.js"),W=d=>d&&d.__esModule?d:{default:d},y=W(U),F=y.default.forwardRef(function({value:g,format:e,alpha:w,disabled:J,readOnly:N,size:l,variant:c,state:f,tone:s,mode:n,open:A,closeOnEscape:a,placeholder:o,presets:b,recent:h,maxRecent:S,persist:j,onInput:k,onChange:_,onValueChange:B,onOpen:E,onClose:P,onOpenDetail:m,onCloseDetail:M,onInvalid:q,children:K,...Q},R){const v=i.useForwardedHostRef(R),H=y.default.useCallback(t=>{const u=i.getCustomEventDetail(t);u&&(k==null||k(u))},[k]),L=y.default.useCallback(t=>{const u=i.getCustomEventDetail(t);u&&(_==null||_(u),B==null||B(u.value))},[_,B]),T=y.default.useCallback(t=>{const u=i.getCustomEventDetail(t);u&&(q==null||q(u))},[q]),x=y.default.useCallback(t=>{const u=i.getCustomEventDetail(t);E==null||E(),u&&(m==null||m(u))},[E,m]),G=y.default.useCallback(t=>{const u=i.getCustomEventDetail(t);P==null||P(),u&&(M==null||M(u))},[P,M]);i.useElementEventListeners(v,[{type:"input",listener:H},{type:"change",listener:L},{type:"open",listener:x},{type:"close",listener:G},{type:"invalid",listener:T}],[H,L,x,G,T]),i.useElementAttributes(v,t=>{i.syncStringAttribute(t,"value",g??null),i.syncStringAttribute(t,"format",e&&e!=="hex"?e:null),i.syncBooleanAttribute(t,"alpha",w),i.syncBooleanAttribute(t,"disabled",J),i.syncBooleanAttribute(t,"readonly",N),i.syncStringAttribute(t,"size",l&&l!=="md"?l:null),i.syncStringAttribute(t,"variant",c&&c!=="default"?c:null),i.syncStringAttribute(t,"state",f&&f!=="idle"?f:null),i.syncStringAttribute(t,"tone",s&&s!=="brand"?s:null),i.syncStringAttribute(t,"mode",n&&n!=="inline"?n:null),typeof A=="boolean"?i.syncBooleanAttribute(t,"open",A):i.syncStringAttribute(t,"open",null),i.syncStringAttribute(t,"close-on-escape",typeof a=="boolean"?a?"true":"false":null),i.syncStringAttribute(t,"placeholder",o??null),i.syncBooleanAttribute(t,"recent",h),i.syncStringAttribute(t,"max-recent",typeof S=="number"?String(S):null),i.syncBooleanAttribute(t,"persist",j),i.syncJsonAttribute(t,"presets",b&&b.length>0?b:null)},[g,e,w,J,N,l,c,f,s,n,A,a,o,b,h,S,j]);const r={ref:v,...Q};if(n&&n!=="inline"&&(r.mode=n),typeof A=="boolean"&&A&&(r.open=""),g!=null&&(r.value=g),e&&e!=="hex"&&(r.format=e),w&&(r.alpha=""),J&&(r.disabled=""),N&&(r.readonly=""),l&&l!=="md"&&(r.size=l),c&&c!=="default"&&(r.variant=c),f&&f!=="idle"&&(r.state=f),s&&s!=="brand"&&(r.tone=s),o&&(r.placeholder=o),typeof a=="boolean"&&(r["close-on-escape"]=a?"true":"false"),h&&(r.recent=""),typeof S=="number"&&(r["max-recent"]=String(S)),j&&(r.persist=""),b&&b.length>0)try{r.presets=JSON.stringify(b)}catch{}return y.default.createElement("ui-color-picker",r,K)});F.displayName="ColorPicker";exports.ColorPicker=F;exports.default=F;

package/dist/ColorPicker.esm.js

@@ -1,104 +1,92 @@
-import M, { useRef as X, useImperativeHandle as Y, useEffect as Q, useLayoutEffect as Z } from "react";
-const $ = typeof window < "u" ? Z : Q, x = M.forwardRef(function({
-  value: S,
-  format: d,
-  alpha: j,
-  disabled: q,
-  readOnly: F,
-  size: s,
-  variant: n,
-  state: y,
-  tone: L,
-  mode: b,
-  open: E,
-  closeOnEscape: A,
-  placeholder: m,
-  presets: v,
-  recent: G,
-  maxRecent: h,
-  persist: K,
-  onInput: o,
-  onChange: w,
-  onValueChange: N,
-  onOpen: P,
-  onClose: J,
-  onOpenDetail: _,
-  onCloseDetail: B,
-  onInvalid: H,
-  children: T,
-  ...U
-}, W) {
-  const g = X(null);
-  Y(W, () => g.current), Q(() => {
-    const i = g.current;
-    if (!i)
-      return;
-    const t = (u) => {
-      const r = u.detail;
-      r && (o == null || o(r));
-    }, f = (u) => {
-      const r = u.detail;
-      r && (w == null || w(r), N == null || N(r.value));
-    }, l = (u) => {
-      const r = u.detail;
-      r && (H == null || H(r));
-    }, c = (u) => {
-      const r = u.detail;
-      P == null || P(), r && (_ == null || _(r));
-    }, k = (u) => {
-      const r = u.detail;
-      J == null || J(), r && (B == null || B(r));
-    };
-    return i.addEventListener("input", t), i.addEventListener("change", f), i.addEventListener("open", c), i.addEventListener("close", k), i.addEventListener("invalid", l), () => {
-      i.removeEventListener("input", t), i.removeEventListener("change", f), i.removeEventListener("open", c), i.removeEventListener("close", k), i.removeEventListener("invalid", l);
-    };
-  }, [o, w, N, P, J, _, B, H]), $(() => {
-    const i = g.current;
-    if (!i)
-      return;
-    const t = (l, c) => {
-      const k = i.getAttribute(l);
-      c == null ? k != null && i.removeAttribute(l) : k !== c && i.setAttribute(l, c);
-    }, f = (l, c) => {
-      c ? t(l, "") : t(l, null);
-    };
-    if (t("value", S ?? null), t("format", d && d !== "hex" ? d : null), f("alpha", j), f("disabled", q), f("readonly", F), t("size", s && s !== "md" ? s : null), t("variant", n && n !== "default" ? n : null), t("state", y && y !== "idle" ? y : null), t("tone", L && L !== "brand" ? L : null), t("mode", b && b !== "inline" ? b : null), typeof E == "boolean" ? f("open", E) : t("open", null), t("close-on-escape", typeof A == "boolean" ? A ? "true" : "false" : null), t("placeholder", m ?? null), f("recent", G), t("max-recent", typeof h == "number" ? String(h) : null), f("persist", K), v && v.length > 0)
-      try {
-        t("presets", JSON.stringify(v));
-      } catch {
-        t("presets", null);
-      }
-    else
-      t("presets", null);
+'use client';
+import k from "react";
+import { c as Z, g as m, u as $, a as R, s as r, b as e, f as n } from "./_internals-d86cc997.mjs";
+const p = k.forwardRef(function({
+  value: P,
+  format: u,
+  alpha: H,
+  disabled: L,
+  readOnly: g,
+  size: l,
+  variant: c,
+  state: s,
+  tone: b,
+  mode: y,
+  open: A,
+  closeOnEscape: a,
+  placeholder: w,
+  presets: d,
+  recent: j,
+  maxRecent: S,
+  persist: q,
+  onInput: J,
+  onChange: N,
+  onValueChange: _,
+  onOpen: h,
+  onClose: x,
+  onOpenDetail: B,
+  onCloseDetail: E,
+  onInvalid: F,
+  children: W,
+  ...X
+}, Y) {
+  const G = Z(Y), K = k.useCallback((t) => {
+    const f = m(t);
+    f && (J == null || J(f));
+  }, [J]), M = k.useCallback((t) => {
+    const f = m(t);
+    f && (N == null || N(f), _ == null || _(f.value));
+  }, [N, _]), Q = k.useCallback((t) => {
+    const f = m(t);
+    f && (F == null || F(f));
+  }, [F]), T = k.useCallback((t) => {
+    const f = m(t);
+    h == null || h(), f && (B == null || B(f));
+  }, [h, B]), U = k.useCallback((t) => {
+    const f = m(t);
+    x == null || x(), f && (E == null || E(f));
+  }, [x, E]);
+  $(
+    G,
+    [
+      { type: "input", listener: K },
+      { type: "change", listener: M },
+      { type: "open", listener: T },
+      { type: "close", listener: U },
+      { type: "invalid", listener: Q }
+    ],
+    [K, M, T, U, Q]
+  ), R(G, (t) => {
+    r(t, "value", P ?? null), r(t, "format", u && u !== "hex" ? u : null), e(t, "alpha", H), e(t, "disabled", L), e(t, "readonly", g), r(t, "size", l && l !== "md" ? l : null), r(t, "variant", c && c !== "default" ? c : null), r(t, "state", s && s !== "idle" ? s : null), r(t, "tone", b && b !== "brand" ? b : null), r(t, "mode", y && y !== "inline" ? y : null), typeof A == "boolean" ? e(t, "open", A) : r(t, "open", null), r(t, "close-on-escape", typeof a == "boolean" ? a ? "true" : "false" : null), r(t, "placeholder", w ?? null), e(t, "recent", j), r(t, "max-recent", typeof S == "number" ? String(S) : null), e(t, "persist", q), n(t, "presets", d && d.length > 0 ? d : null);
   }, [
-    S,
-    d,
-    j,
-    q,
-    F,
-    s,
-    n,
-    y,
+    P,
+    u,
+    H,
     L,
+    g,
+    l,
+    c,
+    s,
     b,
-    E,
+    y,
     A,
-    m,
-    v,
-    G,
-    h,
-    K
+    a,
+    w,
+    d,
+    j,
+    S,
+    q
   ]);
-  const e = { ref: g, ...U };
-  if (b && b !== "inline" && (e.mode = b), typeof E == "boolean" && E && (e.open = ""), S != null && (e.value = S), d && d !== "hex" && (e.format = d), j && (e.alpha = ""), q && (e.disabled = ""), F && (e.readonly = ""), s && s !== "md" && (e.size = s), n && n !== "default" && (e.variant = n), y && y !== "idle" && (e.state = y), L && L !== "brand" && (e.tone = L), m && (e.placeholder = m), typeof A == "boolean" && (e["close-on-escape"] = A ? "true" : "false"), G && (e.recent = ""), typeof h == "number" && (e["max-recent"] = String(h)), K && (e.persist = ""), v && v.length > 0)
+  const i = { ref: G, ...X };
+  if (y && y !== "inline" && (i.mode = y), typeof A == "boolean" && A && (i.open = ""), P != null && (i.value = P), u && u !== "hex" && (i.format = u), H && (i.alpha = ""), L && (i.disabled = ""), g && (i.readonly = ""), l && l !== "md" && (i.size = l), c && c !== "default" && (i.variant = c), s && s !== "idle" && (i.state = s), b && b !== "brand" && (i.tone = b), w && (i.placeholder = w), typeof a == "boolean" && (i["close-on-escape"] = a ? "true" : "false"), j && (i.recent = ""), typeof S == "number" && (i["max-recent"] = String(S)), q && (i.persist = ""), d && d.length > 0)
     try {
-      e.presets = JSON.stringify(v);
+      i.presets = JSON.stringify(d);
     } catch {
     }
-  return M.createElement("ui-color-picker", e, T);
+  return k.createElement("ui-color-picker", i, W);
 });
-x.displayName = "ColorPicker";
+p.displayName = "ColorPicker";
 export {
-  x as ColorPicker,
-  x as default
+  p as ColorPicker,
+  p as default
 };

package/dist/Combobox.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),C=o=>o&&o.__esModule?o:{default:o},m=C(v),D=typeof window<"u"?v.useLayoutEffect:v.useEffect,$=m.default.forwardRef(function({value:c,open:d,state:f,stateText:S,onChange:E,onInput:y,onDebouncedInput:L,onSelect:A,onOpenDetail:g,onCloseDetail:p,onOpen:x,onClose:H,onClear:_,clearable:h,debounce:R,validation:q,size:b,maxlength:M,readOnly:B,autofocus:P,disabled:k,name:F,required:G,placeholder:J,variant:K,radius:N,label:Q,description:U,emptyText:V,noFilter:W,allowCustom:X,children:z,...O},I){const w=v.useRef(null);return m.default.useImperativeHandle(I,()=>w.current),v.useEffect(()=>{const e=w.current;if(!e)return;const i=n=>{var l;const t=(l=n.detail)==null?void 0:l.query;typeof t=="string"&&(y==null||y(t))},r=n=>{var l;const t=(l=n.detail)==null?void 0:l.value;typeof t=="string"&&(E==null||E(t))},u=n=>{var l;const t=(l=n.detail)==null?void 0:l.query;typeof t=="string"&&(L==null||L(t))},s=n=>{const t=n.detail;typeof(t==null?void 0:t.value)=="string"&&(A==null||A(t.value,t.label||t.value))},a=n=>{const t=n.detail;x==null||x(),t&&(g==null||g(t))},Y=n=>{const t=n.detail;H==null||H(),t&&(p==null||p(t))},Z=()=>_==null?void 0:_();return e.addEventListener("input",i),e.addEventListener("change",r),e.addEventListener("debounced-input",u),e.addEventListener("select",s),e.addEventListener("open",a),e.addEventListener("close",Y),e.addEventListener("clear",Z),()=>{e.removeEventListener("input",i),e.removeEventListener("change",r),e.removeEventListener("debounced-input",u),e.removeEventListener("select",s),e.removeEventListener("open",a),e.removeEventListener("close",Y),e.removeEventListener("clear",Z)}},[E,y,L,A,x,H,g,p,_]),D(()=>{const e=w.current;if(!e)return;const i=(u,s)=>{s?e.hasAttribute(u)||e.setAttribute(u,""):e.hasAttribute(u)&&e.removeAttribute(u)},r=(u,s)=>{const a=e.getAttribute(u);if(s==null){a!=null&&e.removeAttribute(u);return}a!==s&&e.setAttribute(u,s)};i("clearable",h),r("debounce",typeof R=="number"&&Number.isFinite(R)?String(R):null),r("validation",q&&q!=="none"?q:null),r("state",f&&f!=="idle"?f:null),r("state-text",S||null),r("size",b&&b!=="md"&&b!=="2"?String(b):null),r("maxlength",typeof M=="number"?String(M):null),i("readonly",B),i("autofocus",P),i("disabled",k),r("name",F||null),i("required",G),r("placeholder",J||null),r("variant",K||null),r("radius",N?String(N):null),r("label",Q||null),r("description",U||null),r("empty-text",V||null),i("no-filter",W),i("allow-custom",X),i("open",typeof d=="boolean"?d:void 0),c!=null?e.setAttribute("value",c):e.removeAttribute("value")},[c,d,f,S,h,R,q,b,M,B,P,k,F,G,J,K,N,Q,U,V,W,X]),m.default.createElement("ui-combobox",{ref:w,...O},z)});$.displayName="Combobox";const j=m.default.forwardRef(function({description:c,...d},f){return m.default.createElement("option",{...d,ref:f,"data-description":c})});j.displayName="Combobox.Option";const T=Object.assign($,{Option:j});exports.Combobox=T;exports.ComboboxOption=j;exports.default=T;

package/dist/Combobox.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import v, { useRef as I, useEffect as X, useLayoutEffect as C } from "react";
 const D = typeof window < "u" ? C : X, Y = v.forwardRef(function({
   value: c,

package/dist/Command.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),I=require("./_internals-b9f3e909.js"),_=u=>u&&u.__esModule?u:{default:u},m=_(a),R=typeof window<"u"?a.useLayoutEffect:a.useEffect,E=m.default.forwardRef(function({placeholder:l,emptyText:c,children:f,onSelect:n,onQueryChange:s,...b},p){const i=a.useRef(null);return a.useImperativeHandle(p,()=>i.current),a.useEffect(()=>{I.warnIfElementNotRegistered("ui-command","Command")},[]),a.useEffect(()=>{const e=i.current;if(!e)return;const d=r=>{const t=r.detail;t&&(n==null||n(t))},o=r=>{const t=r.detail;typeof(t==null?void 0:t.value)=="string"&&(s==null||s(t.value))};return e.addEventListener("select",d),e.addEventListener("query-change",o),()=>{e.removeEventListener("select",d),e.removeEventListener("query-change",o)}},[s,n]),R(()=>{const e=i.current;if(!e)return;const d=(o,r)=>{const t=e.getAttribute(o);if(r==null){t!=null&&e.removeAttribute(o);return}t!==r&&e.setAttribute(o,r)};d("placeholder",l??null),d("empty-text",c??null)},[c,l]),m.default.createElement("ui-command",{ref:i,...b},f)});E.displayName="Command";const v=m.default.forwardRef(function({value:l,label:c,keywords:f,...n},s){return m.default.createElement("div",{...n,ref:s,slot:"command","data-value":l,"data-label":c,"data-keywords":f,style:{display:"block",cursor:"pointer",...n.style||{}}})});v.displayName="Command.Item";const y=Object.assign(E,{Item:v});exports.Command=y;exports.CommandItem=v;exports.default=y;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),I=require("./_internals-5a21394b.js"),_=u=>u&&u.__esModule?u:{default:u},m=_(a),R=typeof window<"u"?a.useLayoutEffect:a.useEffect,E=m.default.forwardRef(function({placeholder:l,emptyText:c,children:f,onSelect:n,onQueryChange:s,...b},p){const i=a.useRef(null);return a.useImperativeHandle(p,()=>i.current),a.useEffect(()=>{I.warnIfElementNotRegistered("ui-command","Command")},[]),a.useEffect(()=>{const e=i.current;if(!e)return;const d=r=>{const t=r.detail;t&&(n==null||n(t))},o=r=>{const t=r.detail;typeof(t==null?void 0:t.value)=="string"&&(s==null||s(t.value))};return e.addEventListener("select",d),e.addEventListener("query-change",o),()=>{e.removeEventListener("select",d),e.removeEventListener("query-change",o)}},[s,n]),R(()=>{const e=i.current;if(!e)return;const d=(o,r)=>{const t=e.getAttribute(o);if(r==null){t!=null&&e.removeAttribute(o);return}t!==r&&e.setAttribute(o,r)};d("placeholder",l??null),d("empty-text",c??null)},[c,l]),m.default.createElement("ui-command",{ref:i,...b},f)});E.displayName="Command";const v=m.default.forwardRef(function({value:l,label:c,keywords:f,...n},s){return m.default.createElement("div",{...n,ref:s,slot:"command","data-value":l,"data-label":c,"data-keywords":f,style:{display:"block",cursor:"pointer",...n.style||{}}})});v.displayName="Command.Item";const y=Object.assign(E,{Item:v});exports.Command=y;exports.CommandItem=v;exports.default=y;

package/dist/Command.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import u, { useRef as w, useImperativeHandle as I, useEffect as l, useLayoutEffect as b } from "react";
-import { w as L } from "./_internals-f8fb69a8.mjs";
+import { w as L } from "./_internals-d86cc997.mjs";
 const R = typeof window < "u" ? b : l, f = u.forwardRef(function({ placeholder: m, emptyText: d, children: c, onSelect: n, onQueryChange: a, ...p }, y) {
   const i = w(null);
   return I(y, () => i.current), l(() => {