@editora/ui-react 0.1.8 → 0.1.10

package/dist/Collection.cjs.js

@@ -0,0 +1 @@
+"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,21 @@
+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 @@
+"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;

package/dist/ColorPicker.esm.js

@@ -0,0 +1,104 @@
+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);
+  }, [
+    S,
+    d,
+    j,
+    q,
+    F,
+    s,
+    n,
+    y,
+    L,
+    b,
+    E,
+    A,
+    m,
+    v,
+    G,
+    h,
+    K
+  ]);
+  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)
+    try {
+      e.presets = JSON.stringify(v);
+    } catch {
+    }
+  return M.createElement("ui-color-picker", e, T);
+});
+x.displayName = "ColorPicker";
+export {
+  x as ColorPicker,
+  x as default
+};

package/dist/Combobox.cjs.js

@@ -1 +1 @@
-"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 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

@@ -114,5 +114,6 @@ const te = Object.assign(Y, {
 });
 export {
   te as Combobox,
+  Z as ComboboxOption,
   te as default
 };

package/dist/Command.cjs.js

@@ -1 +1 @@
-"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 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;

package/dist/Command.esm.js

@@ -1,7 +1,63 @@
-import { C as t, C as p } from "./Command-93c3b761.mjs";
-import "react";
-import "./_internals-f8fb69a8.mjs";
+import u, { useRef as w, useImperativeHandle as I, useEffect as l, useLayoutEffect as b } from "react";
+import { w as L } from "./_internals-f8fb69a8.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 @@
-"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 strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("react"),M=require("./_internals-b9f3e909.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;

package/dist/CommandPalette.esm.js

@@ -1,7 +1,69 @@
-import { C as e, C as r } from "./CommandPalette-136d08a9.mjs";
-import "react";
-import "./_internals-f8fb69a8.mjs";
+import * as e from "react";
+import { w as k } from "./_internals-f8fb69a8.mjs";
+const j = typeof window < "u" ? e.useLayoutEffect : e.useEffect, w = e.forwardRef(function({ children: b, open: m, query: i, placeholder: s, emptyText: c, headless: P, onOpen: o, onClose: n, onOpenChange: r, onSelect: v, onQueryChange: E, ...A }, N) {
+  const L = e.useRef(null);
+  return e.useImperativeHandle(N, () => L.current), e.useEffect(() => {
+    k("ui-command-palette", "CommandPalette");
+  }, []), e.useEffect(() => {
+    const t = L.current;
+    if (!t)
+      return;
+    const a = (f) => {
+      const u = f.detail;
+      u && (v == null || v(u));
+    }, l = (f) => {
+      const u = f.detail;
+      u && (E == null || E(u));
+    }, d = () => {
+      o == null || o(), r == null || r({ open: !0 });
+    }, y = () => {
+      n == null || n(), r == null || r({ open: !1 });
+    };
+    return t.addEventListener("select", a), t.addEventListener("query-change", l), t.addEventListener("open", d), t.addEventListener("close", y), () => {
+      t.removeEventListener("select", a), t.removeEventListener("query-change", l), t.removeEventListener("open", d), t.removeEventListener("close", y);
+    };
+  }, [n, o, r, E, v]), j(() => {
+    const t = L.current;
+    if (!t)
+      return;
+    const a = (l, d, y = !0) => {
+      if (!y)
+        return;
+      const f = t.getAttribute(l);
+      if (d == null) {
+        f != null && t.removeAttribute(l);
+        return;
+      }
+      f !== d && t.setAttribute(l, d);
+    };
+    typeof m == "boolean" && a("open", m ? "" : null), a("placeholder", s ?? null, s !== void 0), a("empty-text", c ?? null, c !== void 0), typeof i == "string" && t.query !== i && (t.query = i), typeof P == "boolean" && a("headless", P ? "" : null);
+  }, [m, s, c, i, P]), e.createElement("ui-command-palette", { ref: L, ...A }, b);
+});
+w.displayName = "CommandPalette";
+const I = e.forwardRef(function({ value: b, label: m, keywords: i, ...s }, c) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ...s,
+      ref: c,
+      slot: "command",
+      "data-value": b,
+      "data-label": m,
+      "data-keywords": i,
+      style: {
+        display: "block",
+        cursor: "pointer",
+        ...s.style || {}
+      }
+    }
+  );
+});
+I.displayName = "CommandPalette.Item";
+const H = Object.assign(w, {
+  Item: I
+});
 export {
-  e as CommandPalette,
-  r as default
+  H as CommandPalette,
+  I as CommandPaletteItem,
+  H as default
 };

package/dist/Container.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),a=e=>e&&e.__esModule?e:{default:e},i=a(o);function t(e){const{children:n,size:r="md",...u}=e;return i.default.createElement("ui-container",{size:r,...u},n)}exports.Container=t;exports.default=t;

package/dist/Container.esm.js

@@ -0,0 +1,9 @@
+import a from "react";
+function o(e) {
+  const { children: t, size: n = "md", ...r } = e;
+  return a.createElement("ui-container", { size: n, ...r }, t);
+}
+export {
+  o as Container,
+  o as default
+};

package/dist/ContextMenu.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),Q=require("react-dom"),U=f=>f&&f.__esModule?f:{default:f},r=U(i);function j(f){const{items:S,anchorId:p,anchorEl:H,anchorPoint:m,open:h,disabled:z,state:M,stateText:q,variant:g,size:E,radius:b,density:_,shape:R,elevation:k,tone:P,closeOnSelect:K,closeOnEscape:O,typeahead:T,children:w,onOpenDetail:C,onCloseDetail:y,onOpen:x,onClose:N,onChange:A,onSelect:F,...B}=f,L=i.useRef(null),a=i.useRef(""),[I,l]=i.useState(null),v=e=>{queueMicrotask(()=>{var t;l(((t=e.getPortalContentHost)==null?void 0:t.call(e))||null)}),requestAnimationFrame(()=>{var t;l(((t=e.getPortalContentHost)==null?void 0:t.call(e))||null)}),window.setTimeout(()=>{var t;l(((t=e.getPortalContentHost)==null?void 0:t.call(e))||null)},0)};i.useEffect(()=>{const e=L.current;if(!e)return;const t=s=>{var n;const o=s.detail;l(((n=e.getPortalContentHost)==null?void 0:n.call(e))||null),x==null||x(),o&&(C==null||C(o))},u=s=>{const o=s.detail;l(null),N==null||N(),o&&(y==null||y(o))},c=s=>{var n;const o=(n=s.detail)==null?void 0:n.open;typeof o=="boolean"&&(A==null||A(o))},d=s=>{const o=s.detail;F==null||F(o)};return e.addEventListener("open",t),e.addEventListener("close",u),e.addEventListener("change",c),e.addEventListener("select",d),()=>{e.removeEventListener("open",t),e.removeEventListener("close",u),e.removeEventListener("change",c),e.removeEventListener("select",d)}},[x,N,C,y,A,F]),i.useEffect(()=>{var t,u,c,d,s,o;const e=L.current;if(!(!e||h==null)){if(!h){a.current="closed",l(null),e.close?e.close():e.open=!1;return}if(m&&e.openAt){const n=`point:${m.x}:${m.y}`;(a.current!==n||!e.open)&&(e.openAt(m),a.current=n),l(((t=e.getPortalContentHost)==null?void 0:t.call(e))||null),v(e);return}if(H){const n="anchor:element";if(e.openForAnchor){(a.current!==n||!e.open)&&(e.openForAnchor(H),a.current=n),l(((u=e.getPortalContentHost)==null?void 0:u.call(e))||null),v(e);return}if(e.openFor){(a.current!==n||!e.open)&&(e.openFor(H),a.current=n),l(((c=e.getPortalContentHost)==null?void 0:c.call(e))||null),v(e);return}}if(p){const n=`anchor:${p}`;if(e.openForAnchorId){(a.current!==n||!e.open)&&(e.openForAnchorId(p),a.current=n),l(((d=e.getPortalContentHost)==null?void 0:d.call(e))||null),v(e);return}if(e.showForAnchorId){(a.current!==n||!e.open)&&(e.showForAnchorId(p),a.current=n),l(((s=e.getPortalContentHost)==null?void 0:s.call(e))||null),v(e);return}}e.open||(e.open=!0),a.current="open",l(((o=e.getPortalContentHost)==null?void 0:o.call(e))||null),v(e)}},[h,p,H,m]),i.useEffect(()=>{var t;const e=L.current;!I||!e||!h||(t=e.refreshLayout)==null||t.call(e)},[w,S,h,I]);const $=e=>e?e.map((t,u)=>{if(t.separator)return r.default.createElement("div",{key:u,className:"separator",role:"separator"});let c=null;t.icon&&(c=r.default.createElement("span",{className:"icon"},t.icon));let d=null;return t.submenu&&(d=r.default.createElement("div",{className:"submenu"},$(t.submenu))),r.default.createElement("div",{key:u,className:"menuitem",role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":void 0,"data-value":t.value,"data-tone":t.tone&&t.tone!=="default"?t.tone:void 0,onClick:t.disabled?void 0:t.onClick},c,r.default.createElement("span",{className:"label"},r.default.createElement("span",{className:"text"},t.label),t.description?r.default.createElement("span",{className:"caption"},t.description):null),t.shortcut?r.default.createElement("span",{className:"shortcut"},t.shortcut):null,t.submenu&&r.default.createElement("span",{className:"submenu-arrow"},"▶"),d)}):null,D=r.default.Children.count(w)>0,G=!!h&&!m&&!p,J=D?w:$(S);return r.default.createElement(r.default.Fragment,null,r.default.createElement("ui-context-menu",{ref:L,...B,...G?{open:""}:{},...g&&g!=="default"&&g!=="surface"?{variant:g}:{},...E&&E!=="md"&&E!=="2"?{size:E}:{},...b!=null&&b!==""&&b!=="md"?{radius:String(b)}:{},...!E&&_&&_!=="default"?{density:_}:{},...!b&&R&&R!=="default"?{shape:R}:{},...k&&k!=="default"?{elevation:k}:{},...P&&P!=="default"&&P!=="brand"?{tone:P}:{},...z?{disabled:""}:{},...M&&M!=="idle"?{state:M}:{},...q?{"state-text":q}:{},...K==null?{}:{"close-on-select":K?"true":"false"},...O==null?{}:{"close-on-escape":O?"true":"false"},...T==null?{}:{typeahead:T?"true":"false"}}),I?Q.createPortal(r.default.createElement("div",{slot:"menu"},J),I):null)}exports.ContextMenu=j;exports.default=j;

package/dist/ContextMenu.esm.js

@@ -0,0 +1,157 @@
+import r, { useRef as _, useState as U, useEffect as K } from "react";
+import { createPortal as V } from "react-dom";
+function Y(z) {
+  const {
+    items: M,
+    anchorId: i,
+    anchorEl: E,
+    anchorPoint: f,
+    open: p,
+    disabled: j,
+    state: L,
+    stateText: S,
+    variant: b,
+    size: h,
+    radius: v,
+    density: I,
+    shape: k,
+    elevation: w,
+    tone: H,
+    closeOnSelect: $,
+    closeOnEscape: q,
+    typeahead: O,
+    children: R,
+    onOpenDetail: g,
+    onCloseDetail: P,
+    onOpen: C,
+    onClose: x,
+    onChange: y,
+    onSelect: N,
+    ...B
+  } = z, A = _(null), a = _(""), [F, s] = U(null), m = (e) => {
+    queueMicrotask(() => {
+      var t;
+      s(((t = e.getPortalContentHost) == null ? void 0 : t.call(e)) || null);
+    }), requestAnimationFrame(() => {
+      var t;
+      s(((t = e.getPortalContentHost) == null ? void 0 : t.call(e)) || null);
+    }), window.setTimeout(() => {
+      var t;
+      s(((t = e.getPortalContentHost) == null ? void 0 : t.call(e)) || null);
+    }, 0);
+  };
+  K(() => {
+    const e = A.current;
+    if (!e)
+      return;
+    const t = (l) => {
+      var n;
+      const o = l.detail;
+      s(((n = e.getPortalContentHost) == null ? void 0 : n.call(e)) || null), C == null || C(), o && (g == null || g(o));
+    }, c = (l) => {
+      const o = l.detail;
+      s(null), x == null || x(), o && (P == null || P(o));
+    }, u = (l) => {
+      var n;
+      const o = (n = l.detail) == null ? void 0 : n.open;
+      typeof o == "boolean" && (y == null || y(o));
+    }, d = (l) => {
+      const o = l.detail;
+      N == null || N(o);
+    };
+    return e.addEventListener("open", t), e.addEventListener("close", c), e.addEventListener("change", u), e.addEventListener("select", d), () => {
+      e.removeEventListener("open", t), e.removeEventListener("close", c), e.removeEventListener("change", u), e.removeEventListener("select", d);
+    };
+  }, [C, x, g, P, y, N]), K(() => {
+    var t, c, u, d, l, o;
+    const e = A.current;
+    if (!(!e || p == null)) {
+      if (!p) {
+        a.current = "closed", s(null), e.close ? e.close() : e.open = !1;
+        return;
+      }
+      if (f && e.openAt) {
+        const n = `point:${f.x}:${f.y}`;
+        (a.current !== n || !e.open) && (e.openAt(f), a.current = n), s(((t = e.getPortalContentHost) == null ? void 0 : t.call(e)) || null), m(e);
+        return;
+      }
+      if (E) {
+        const n = "anchor:element";
+        if (e.openForAnchor) {
+          (a.current !== n || !e.open) && (e.openForAnchor(E), a.current = n), s(((c = e.getPortalContentHost) == null ? void 0 : c.call(e)) || null), m(e);
+          return;
+        }
+        if (e.openFor) {
+          (a.current !== n || !e.open) && (e.openFor(E), a.current = n), s(((u = e.getPortalContentHost) == null ? void 0 : u.call(e)) || null), m(e);
+          return;
+        }
+      }
+      if (i) {
+        const n = `anchor:${i}`;
+        if (e.openForAnchorId) {
+          (a.current !== n || !e.open) && (e.openForAnchorId(i), a.current = n), s(((d = e.getPortalContentHost) == null ? void 0 : d.call(e)) || null), m(e);
+          return;
+        }
+        if (e.showForAnchorId) {
+          (a.current !== n || !e.open) && (e.showForAnchorId(i), a.current = n), s(((l = e.getPortalContentHost) == null ? void 0 : l.call(e)) || null), m(e);
+          return;
+        }
+      }
+      e.open || (e.open = !0), a.current = "open", s(((o = e.getPortalContentHost) == null ? void 0 : o.call(e)) || null), m(e);
+    }
+  }, [p, i, E, f]), K(() => {
+    var t;
+    const e = A.current;
+    !F || !e || !p || (t = e.refreshLayout) == null || t.call(e);
+  }, [R, M, p, F]);
+  const T = (e) => e ? e.map((t, c) => {
+    if (t.separator)
+      return /* @__PURE__ */ r.createElement("div", { key: c, className: "separator", role: "separator" });
+    let u = null;
+    t.icon && (u = /* @__PURE__ */ r.createElement("span", { className: "icon" }, t.icon));
+    let d = null;
+    return t.submenu && (d = /* @__PURE__ */ r.createElement("div", { className: "submenu" }, T(t.submenu))), /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        key: c,
+        className: "menuitem",
+        role: "menuitem",
+        tabIndex: t.disabled ? -1 : 0,
+        "aria-disabled": t.disabled ? "true" : void 0,
+        "data-value": t.value,
+        "data-tone": t.tone && t.tone !== "default" ? t.tone : void 0,
+        onClick: t.disabled ? void 0 : t.onClick
+      },
+      u,
+      /* @__PURE__ */ r.createElement("span", { className: "label" }, /* @__PURE__ */ r.createElement("span", { className: "text" }, t.label), t.description ? /* @__PURE__ */ r.createElement("span", { className: "caption" }, t.description) : null),
+      t.shortcut ? /* @__PURE__ */ r.createElement("span", { className: "shortcut" }, t.shortcut) : null,
+      t.submenu && /* @__PURE__ */ r.createElement("span", { className: "submenu-arrow" }, "▶"),
+      d
+    );
+  }) : null, G = r.Children.count(R) > 0, J = !!p && !f && !i, Q = G ? R : T(M);
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+    "ui-context-menu",
+    {
+      ref: A,
+      ...B,
+      ...J ? { open: "" } : {},
+      ...b && b !== "default" && b !== "surface" ? { variant: b } : {},
+      ...h && h !== "md" && h !== "2" ? { size: h } : {},
+      ...v != null && v !== "" && v !== "md" ? { radius: String(v) } : {},
+      ...!h && I && I !== "default" ? { density: I } : {},
+      ...!v && k && k !== "default" ? { shape: k } : {},
+      ...w && w !== "default" ? { elevation: w } : {},
+      ...H && H !== "default" && H !== "brand" ? { tone: H } : {},
+      ...j ? { disabled: "" } : {},
+      ...L && L !== "idle" ? { state: L } : {},
+      ...S ? { "state-text": S } : {},
+      ...$ == null ? {} : { "close-on-select": $ ? "true" : "false" },
+      ...q == null ? {} : { "close-on-escape": q ? "true" : "false" },
+      ...O == null ? {} : { typeahead: O ? "true" : "false" }
+    }
+  ), F ? V(/* @__PURE__ */ r.createElement("div", { slot: "menu" }, Q), F) : null);
+}
+export {
+  Y as ContextMenu,
+  Y as default
+};

package/dist/DataTable.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),le=n=>n&&n.__esModule?n:{default:n},oe=le(k);function P(n){const{sortable:Q,selectable:B,multiSelect:G,shape:v,variant:b,elevation:g,striped:K,hover:U,compact:V,bordered:W,stickyHeader:X,stickyFooter:Y,loading:Z,state:p,stateText:H,headless:$,hideSummary:ee,emptyText:z,page:y,pageSize:h,paginationId:N,filterQuery:_,filterColumn:i,filterRules:E,columnOrder:F,pinColumns:a,draggableColumns:te,resizableColumns:re,bulkActionsLabel:T,bulkClearLabel:w,virtualize:ne,rowHeight:L,overscan:S,onSortChange:l,onRowSelect:o,onPageChange:s,onFilterChange:d,onColumnResize:c,onVirtualRangeChange:u,onColumnOrderChange:m,onBulkClear:f,children:ie,...ae}=n,x=k.useRef(null);k.useEffect(()=>{const t=x.current;if(!t)return;const A=r=>{const e=r.detail;e&&(l==null||l(e))},D=r=>{const e=r.detail;e&&(o==null||o(e))},M=r=>{const e=r.detail;e&&(s==null||s(e))},j=r=>{const e=r.detail;e&&(d==null||d(e))},q=r=>{const e=r.detail;e&&(c==null||c(e))},J=r=>{const e=r.detail;e&&(u==null||u(e))},C=r=>{const e=r.detail;e&&(m==null||m(e))},I=r=>{const e=r.detail;e&&(f==null||f(e))};return t.addEventListener("sort-change",A),t.addEventListener("row-select",D),t.addEventListener("page-change",M),t.addEventListener("filter-change",j),t.addEventListener("column-resize",q),t.addEventListener("virtual-range-change",J),t.addEventListener("column-order-change",C),t.addEventListener("bulk-clear",I),()=>{t.removeEventListener("sort-change",A),t.removeEventListener("row-select",D),t.removeEventListener("page-change",M),t.removeEventListener("filter-change",j),t.removeEventListener("column-resize",q),t.removeEventListener("virtual-range-change",J),t.removeEventListener("column-order-change",C),t.removeEventListener("bulk-clear",I)}},[l,o,s,d,c,u,m,f]);const O=E&&E.length?(()=>{try{return JSON.stringify(E)}catch{return}})():void 0,R=typeof a=="string"?a.trim()||void 0:a&&typeof a=="object"?(()=>{try{return JSON.stringify(a)}catch{return}})():void 0;return oe.default.createElement("ui-data-table",{ref:x,...ae,...Q?{sortable:""}:{},...B?{selectable:""}:{},...G?{"multi-select":""}:{},...v&&v!=="default"?{shape:v}:{},...b&&b!=="default"?{variant:b}:{},...g&&g!=="default"?{elevation:g}:{},...K?{striped:""}:{},...U?{hover:""}:{},...V?{compact:""}:{},...W?{bordered:""}:{},...X?{"sticky-header":""}:{},...Y?{"sticky-footer":""}:{},...Z?{loading:""}:{},...p&&p!=="idle"?{state:p}:{},...H?{"state-text":H}:{},...$?{headless:""}:{},...ee?{"hide-summary":""}:{},...z?{"empty-text":z}:{},...typeof y=="number"&&Number.isFinite(y)?{page:String(y)}:{},...typeof h=="number"&&Number.isFinite(h)?{"page-size":String(h)}:{},...N?{"pagination-id":N}:{},...typeof _=="string"?{"filter-query":_}:{},...typeof i=="number"&&Number.isFinite(i)?{"filter-column":String(i)}:typeof i=="string"&&i.trim()?{"filter-column":i}:{},...O?{filters:O}:{},...F?{"column-order":F}:{},...R?{"pin-columns":R}:{},...te?{"draggable-columns":""}:{},...re?{"resizable-columns":""}:{},...T?{"bulk-actions-label":T}:{},...w?{"bulk-clear-label":w}:{},...ne?{virtualize:""}:{},...typeof L=="number"&&Number.isFinite(L)?{"row-height":String(L)}:{},...typeof S=="number"&&Number.isFinite(S)?{overscan:String(S)}:{}},ie)}exports.DataTable=P;exports.default=P;