@editora/ui-react 0.1.8 → 0.1.11

package/dist/Chart.esm.js

@@ -0,0 +1,116 @@
+'use client';
+import i, { useRef as L, useImperativeHandle as k, useEffect as b, useLayoutEffect as q } from "react";
+import { w as z } from "./_internals-d86cc997.mjs";
+const D = typeof window < "u" ? q : b, E = i.forwardRef(function({
+  data: t,
+  series: l,
+  values: r,
+  labels: o,
+  type: a,
+  variant: s,
+  title: R,
+  subtitle: g,
+  state: c,
+  disabled: N,
+  interactive: w,
+  showLegend: C,
+  showSummary: m,
+  headless: H,
+  valuePrefix: A,
+  valueSuffix: T,
+  ariaLabel: j,
+  onPointSelect: y,
+  children: S,
+  ..._
+}, B) {
+  const d = L(null);
+  return k(B, () => d.current), b(() => {
+    z("ui-chart", "Chart");
+  }, []), b(() => {
+    const u = d.current;
+    if (!u || !y)
+      return;
+    const e = (h) => {
+      const n = h.detail;
+      n && y(n);
+    };
+    return u.addEventListener("ui-point-select", e), () => {
+      u.removeEventListener("ui-point-select", e);
+    };
+  }, [y]), D(() => {
+    const u = d.current;
+    if (!u)
+      return;
+    const e = (n, f) => {
+      const v = u.getAttribute(n);
+      if (f == null) {
+        v != null && u.removeAttribute(n);
+        return;
+      }
+      v !== f && u.setAttribute(n, f);
+    }, h = (n, f) => {
+      f ? e(n, "") : e(n, null);
+    };
+    if (t && t.length)
+      try {
+        e("data", JSON.stringify(t));
+      } catch {
+        e("data", null);
+      }
+    else
+      e("data", null);
+    if (l && l.length)
+      try {
+        e("series", JSON.stringify(l));
+      } catch {
+        e("series", null);
+      }
+    else
+      e("series", null);
+    r && r.length ? e("values", r.join(",")) : e("values", null), o && o.length ? e("labels", o.join(",")) : e("labels", null), e("type", a && a !== "line" ? a : null), e("variant", s && s !== "default" ? s : null), e("title", R || null), e("subtitle", g || null), e("state", c && c !== "idle" ? c : null), e("interactive", w === !1 ? "false" : null), e("show-legend", typeof C == "boolean" ? C ? "true" : "false" : null), e("show-summary", typeof m == "boolean" ? m ? "true" : "false" : null), e("value-prefix", A || null), e("value-suffix", T || null), e("aria-label", j || null), h("disabled", N), h("headless", H);
+  }, [
+    t,
+    l,
+    r,
+    o,
+    a,
+    s,
+    R,
+    g,
+    c,
+    N,
+    w,
+    C,
+    m,
+    H,
+    A,
+    T,
+    j
+  ]), i.createElement("ui-chart", { ref: d, ..._ }, S);
+});
+E.displayName = "Chart";
+const I = i.forwardRef(function({ children: t, ...l }, r) {
+  return /* @__PURE__ */ i.createElement("div", { ref: r, slot: "header", ...l }, t);
+});
+I.displayName = "ChartHeader";
+const O = i.forwardRef(function({ children: t, ...l }, r) {
+  return /* @__PURE__ */ i.createElement("h3", { ref: r, slot: "title", ...l }, t);
+});
+O.displayName = "ChartTitle";
+const J = i.forwardRef(function({ children: t, ...l }, r) {
+  return /* @__PURE__ */ i.createElement("p", { ref: r, slot: "subtitle", ...l }, t);
+});
+J.displayName = "ChartSubtitle";
+const K = Object.assign(E, {
+  Root: E,
+  Header: I,
+  Title: O,
+  Subtitle: J
+});
+export {
+  K as Chart,
+  I as ChartHeader,
+  J as ChartSubtitle,
+  O as ChartTitle,
+  K as default
+};

package/dist/Checkbox.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),e=require("./_internals-5a21394b.js");function p(o){if(o&&o.__esModule)return o;const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(c,r,l.get?l:{enumerable:!0,get:()=>o[r]})}}return c.default=o,Object.freeze(c)}const s=p(j),x=s.forwardRef(function({checked:c,disabled:r,indeterminate:l,loading:f,headless:d,invalid:v,density:i,preset:u,onCheckedChange:a,onChange:b,onInput:n,children:E,...B},O){const y=e.useForwardedHostRef(O);s.useEffect(()=>{e.warnIfElementNotRegistered("ui-checkbox","Checkbox")},[]),e.useElementAttributes(y,t=>{e.syncBooleanAttribute(t,"checked",c),e.syncBooleanAttribute(t,"disabled",r),e.syncBooleanAttribute(t,"indeterminate",l),e.syncBooleanAttribute(t,"loading",f),e.syncBooleanAttribute(t,"headless",d),e.syncBooleanAttribute(t,"invalid",v),e.syncStringAttribute(t,"density",i&&i!=="default"?i:null),e.syncStringAttribute(t,"preset",u&&u!=="default"?u:null)},[c,r,l,f,d,v,i,u]);const _=s.useCallback(t=>{const A=e.getCustomEventDetail(t)??{};n==null||n(t),typeof A.checked=="boolean"&&(a==null||a(A.checked,A))},[a,n]),k=s.useCallback(t=>{b==null||b(t)},[b]);e.useElementEventListeners(y,[{type:"input",listener:_},{type:"change",listener:k}],[_,k]);const S={ref:y,...B,checked:c?"":void 0,disabled:r?"":void 0,indeterminate:l?"":void 0,loading:f?"":void 0,headless:d?"":void 0,invalid:v?"":void 0,density:i&&i!=="default"?i:void 0,preset:u&&u!=="default"?u:void 0};return s.createElement("ui-checkbox",S,E)});x.displayName="Checkbox";exports.Checkbox=x;

package/dist/Checkbox.esm.js

@@ -0,0 +1,56 @@
+'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 a.createElement("ui-checkbox", N, m);
+});
+L.displayName = "Checkbox";
+export {
+  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 u=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,u.get?u:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const n=$(B),_=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 N(e){return e.detail}const j=n.forwardRef(function({open:t,headless:l,disabled:u,readOnly:A,state:y,size:v,variant:C,tone:E,radius:s,iconPosition:M,closeOnEscape:w,onToggle:a,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")},[]),_(()=>{const r=m.current;if(r)if(s!=null&&s!==""&&s!=="md"){let i=String(s);typeof s=="string"&&!s.includes("px")&&!s.includes("em")&&!s.includes("rem")?i={none:"0px",sm:"6px",md:"14px",lg:"20px",full:"9999px"}[s]||String(s):typeof s=="number"&&(i=`${s}px`),r.style.setProperty("--ui-collapsible-radius",i)}else r.style.removeProperty("--ui-collapsible-radius")},[s]),_(()=>{const r=m.current;if(!r)return;R(r,"open",t),R(r,"headless",l),R(r,"disabled",u),R(r,"readonly",A);const i=(c,f)=>{const o=r.getAttribute(c);if(f==null){o!=null&&r.removeAttribute(c);return}o!==f&&r.setAttribute(c,f)};i("state",y&&y!=="idle"?y:null),i("size",v&&v!=="md"?v:null),i("variant",C&&C!=="default"?C:null),i("tone",E&&E!=="neutral"?E:null),i("icon-position",M&&M!=="right"?M:null),i("close-on-escape",typeof w=="boolean"?w?"true":"false":null)},[t,l,u,A,y,v,C,E,s,M,w]),n.useEffect(()=>{const r=m.current;if(!r||!a&&!p&&!d&&!b)return;const i=f=>{const o=N(f);o&&(a==null||a(o.open),d==null||d(o))},c=f=>{const o=N(f);o&&(p==null||p(o.open),b==null||b(o))};return r.addEventListener("toggle",i),r.addEventListener("change",c),()=>{r.removeEventListener("toggle",i),r.removeEventListener("change",c)}},[a,p,d,b]),n.createElement("ui-collapsible",{ref:m,...P},q)});j.displayName="Collapsible";const L=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"header"},t)});L.displayName="Collapsible.Header";const S=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"caption"},t)});S.displayName="Collapsible.Caption";const x=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"meta"},t)});x.displayName="Collapsible.Meta";const H=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u},t)});H.displayName="Collapsible.Content";const I=Object.assign(j,{Header:L,Caption:S,Meta:x,Content:H});exports.Collapsible=I;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,113 +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,
-  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

@@ -0,0 +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

@@ -0,0 +1,22 @@
+'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);
+  return b(m, () => r.current), o(() => {
+    const e = r.current;
+    if (!e)
+      return;
+    const f = () => t == null ? void 0 : t();
+    return e.addEventListener("collection-change", f), () => {
+      e.removeEventListener("collection-change", f);
+    };
+  }, [t]), A(() => {
+    const e = r.current;
+    e && (u ? e.setAttribute("item-selector", u) : e.removeAttribute("item-selector"), s ? e.setAttribute("direct-item-selector", s) : e.removeAttribute("direct-item-selector"), i ? e.setAttribute("item-role", i) : e.removeAttribute("item-role"), e.container = c ?? null, e.items = n ?? null);
+  }, [c, s, i, u, n]), l.createElement("ui-collection", { ref: r, ...d }, a);
+});
+E.displayName = "Collection";
+export {
+  E as Collection,
+  E as default
+};

package/dist/ColorPicker.cjs.js

@@ -0,0 +1,2 @@
+'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

@@ -0,0 +1,92 @@
+'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);
+  }, [
+    P,
+    u,
+    H,
+    L,
+    g,
+    l,
+    c,
+    s,
+    b,
+    y,
+    A,
+    a,
+    w,
+    d,
+    j,
+    S,
+    q
+  ]);
+  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 {
+      i.presets = JSON.stringify(d);
+    } catch {
+    }
+  return k.createElement("ui-color-picker", i, W);
+});
+p.displayName = "ColorPicker";
+export {
+  p as ColorPicker,
+  p as default
+};

package/dist/Combobox.cjs.js

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

package/dist/Command.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Command-da77cea8.js");require("react");require("./_internals-b9f3e909.js");exports.Command=e.Command;exports.default=e.Command;
+'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,7 +1,64 @@
-import { C as t, C as p } from "./Command-93c3b761.mjs";
-import "react";
-import "./_internals-f8fb69a8.mjs";
+'use client';
+import u, { useRef as w, useImperativeHandle as I, useEffect as l, useLayoutEffect as b } from "react";
+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(() => {
+    L("ui-command", "Command");
+  }, []), l(() => {
+    const t = i.current;
+    if (!t)
+      return;
+    const s = (r) => {
+      const e = r.detail;
+      e && (n == null || n(e));
+    }, o = (r) => {
+      const e = r.detail;
+      typeof (e == null ? void 0 : e.value) == "string" && (a == null || a(e.value));
+    };
+    return t.addEventListener("select", s), t.addEventListener("query-change", o), () => {
+      t.removeEventListener("select", s), t.removeEventListener("query-change", o);
+    };
+  }, [a, n]), R(() => {
+    const t = i.current;
+    if (!t)
+      return;
+    const s = (o, r) => {
+      const e = t.getAttribute(o);
+      if (r == null) {
+        e != null && t.removeAttribute(o);
+        return;
+      }
+      e !== r && t.setAttribute(o, r);
+    };
+    s("placeholder", m ?? null), s("empty-text", d ?? null);
+  }, [d, m]), u.createElement("ui-command", { ref: i, ...p }, c);
+});
+f.displayName = "Command";
+const v = u.forwardRef(function({ value: m, label: d, keywords: c, ...n }, a) {
+  return /* @__PURE__ */ u.createElement(
+    "div",
+    {
+      ...n,
+      ref: a,
+      slot: "command",
+      "data-value": m,
+      "data-label": d,
+      "data-keywords": c,
+      style: {
+        display: "block",
+        cursor: "pointer",
+        ...n.style || {}
+      }
+    }
+  );
+});
+v.displayName = "Command.Item";
+const N = Object.assign(f, {
+  Item: v
+});
 export {
-  t as Command,
-  p as default
+  N as Command,
+  v as CommandItem,
+  N as default
 };

package/dist/CommandPalette.cjs.js

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