@editora/ui-react 0.1.8 → 0.1.11

package/dist/Stepper.esm.js

@@ -0,0 +1,40 @@
+'use client';
+import f from "react";
+import { c as _, g as A, u as g, a as h, f as x, s as n, b as i } from "./_internals-d86cc997.mjs";
+const B = f.forwardRef(function({
+  steps: e,
+  value: m,
+  orientation: s,
+  variant: u,
+  size: l,
+  clickable: p,
+  linear: b,
+  headless: o,
+  onChange: a,
+  onSelect: c,
+  children: R,
+  ...k
+}, w) {
+  const d = _(w), y = f.useCallback((t) => {
+    const r = A(t);
+    r && (a == null || a(r));
+  }, [a]), E = f.useCallback((t) => {
+    const r = A(t);
+    r && (c == null || c(r));
+  }, [c]);
+  return g(
+    d,
+    [
+      { type: "change", listener: y },
+      { type: "select", listener: E }
+    ],
+    [y, E]
+  ), h(d, (t) => {
+    x(t, "steps", e != null && e.length ? e : null), n(t, "value", m || null), n(t, "orientation", s && s !== "horizontal" ? s : null), n(t, "variant", u && u !== "default" ? u : null), n(t, "size", l && l !== "md" ? l : null), i(t, "clickable", p), i(t, "linear", b), i(t, "headless", o);
+  }, [e, m, s, u, l, p, b, o]), f.createElement("ui-stepper", { ref: d, ...k }, R);
+});
+B.displayName = "Stepper";
+export {
+  B as Stepper,
+  B as default
+};

package/dist/Switch.cjs.js

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

package/dist/Switch.esm.js

@@ -1,65 +1,53 @@
-import m, { useRef as O, useImperativeHandle as g, useEffect as D, useLayoutEffect as k } from "react";
-const q = typeof window < "u" ? k : D, N = m.forwardRef(function({
-  children: p,
-  checked: n,
-  disabled: E,
-  headless: h,
-  loading: y,
-  size: r,
-  variant: u,
-  tone: s,
-  shape: f,
+'use client';
+import i from "react";
+import { c as F, g as N, u as H, a as L, b as e, s } from "./_internals-d86cc997.mjs";
+const _ = i.forwardRef(function({
+  children: m,
+  checked: r,
+  disabled: p,
+  headless: b,
+  loading: S,
+  size: l,
+  variant: n,
+  tone: u,
+  shape: a,
   elevation: o,
-  label: S,
-  description: L,
-  name: b,
-  value: R,
-  required: v,
+  label: y,
+  description: E,
+  name: h,
+  value: D,
+  required: R,
   onInput: d,
-  onChange: a,
-  ...B
-}, H) {
-  const w = O(null);
-  return g(H, () => w.current), D(() => {
-    const l = w.current;
-    if (!l)
-      return;
-    const e = (c) => {
-      const t = c.detail;
-      t && (d == null || d(t));
-    }, i = (c) => {
-      const t = c.detail;
-      t && (a == null || a(t));
-    };
-    return l.addEventListener("input", e), l.addEventListener("change", i), () => {
-      l.removeEventListener("input", e), l.removeEventListener("change", i);
-    };
-  }, [d, a]), q(() => {
-    const l = w.current;
-    if (!l)
-      return;
-    const e = (c, t) => {
-      const A = l.getAttribute(c);
-      if (t == null) {
-        A != null && l.removeAttribute(c);
-        return;
-      }
-      A !== t && l.setAttribute(c, t);
-    }, i = (c, t) => {
-      t ? e(c, "") : e(c, null);
-    };
-    i("checked", n), i("disabled", E), i("headless", h), i("loading", y), i("required", v), e("size", r && r !== "md" ? r : null), e("variant", u && u !== "default" ? u : null), e("tone", s && s !== "brand" ? s : null), e("label", S || null), e("description", L || null), e("name", b || null), e("value", R || null), e("shape", f && f !== "pill" ? f : null), e("elevation", o && o !== "low" ? o : null);
-  }, [n, E, h, y, v, r, u, s, f, o, S, L, b, R]), m.createElement("ui-switch", { ref: w, ...B }, p);
+  onChange: f,
+  ...x
+}, B) {
+  const w = F(B), A = i.useCallback((t) => {
+    const c = N(t);
+    c && (d == null || d(c));
+  }, [d]), k = i.useCallback((t) => {
+    const c = N(t);
+    c && (f == null || f(c));
+  }, [f]);
+  return H(
+    w,
+    [
+      { type: "input", listener: A },
+      { type: "change", listener: k }
+    ],
+    [A, k]
+  ), L(w, (t) => {
+    e(t, "checked", r), e(t, "disabled", p), e(t, "headless", b), e(t, "loading", S), e(t, "required", R), s(t, "size", l && l !== "md" ? l : null), s(t, "variant", n && n !== "default" ? n : null), s(t, "tone", u && u !== "brand" ? u : null), s(t, "label", y || null), s(t, "description", E || null), s(t, "name", h || null), s(t, "value", D || null), s(t, "shape", a && a !== "pill" ? a : null), s(t, "elevation", o && o !== "low" ? o : null);
+  }, [r, p, b, S, R, l, n, u, a, o, y, E, h, D]), i.createElement("ui-switch", { ref: w, ...x }, m);
 });
-N.displayName = "Switch";
-const _ = m.forwardRef(
-  function({ ...p }, n) {
-    return m.createElement("span", { ref: n, slot: "description", ...p });
+_.displayName = "Switch";
+const g = i.forwardRef(
+  function({ ...m }, r) {
+    return i.createElement("span", { ref: r, slot: "description", ...m });
   }
 );
-_.displayName = "Switch.Description";
-const G = Object.assign(N, {
-  Description: _
+g.displayName = "Switch.Description";
+const G = Object.assign(_, {
+  Description: g
 });
 export {
   G as Switch,

package/dist/Table.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),H=e=>e&&e.__esModule?e:{default:e},M=H(n);function u(e){const{sortable:f,selectable:b,multiSelect:m,striped:v,hover:p,compact:h,bordered:_,stickyHeader:E,loading:g,headless:y,emptyText:o,onSortChange:l,onRowSelect:s,children:L,...T}=e,c=n.useRef(null);return n.useEffect(()=>{const t=c.current;if(!t)return;const d=a=>{const r=a.detail;r&&(l==null||l(r))},i=a=>{const r=a.detail;r&&(s==null||s(r))};return t.addEventListener("sort-change",d),t.addEventListener("row-select",i),()=>{t.removeEventListener("sort-change",d),t.removeEventListener("row-select",i)}},[l,s]),M.default.createElement("ui-table",{ref:c,...T,...f?{sortable:""}:{},...b?{selectable:""}:{},...m?{"multi-select":""}:{},...v?{striped:""}:{},...p?{hover:""}:{},...h?{compact:""}:{},..._?{bordered:""}:{},...E?{"sticky-header":""}:{},...g?{loading:""}:{},...y?{headless:""}:{},...o?{"empty-text":o}:{}},L)}exports.Table=u;exports.default=u;

package/dist/Table.esm.js

@@ -0,0 +1,58 @@
+'use client';
+import x, { useRef as H, useEffect as k } from "react";
+function R(d) {
+  const {
+    sortable: i,
+    selectable: u,
+    multiSelect: f,
+    striped: m,
+    hover: b,
+    compact: p,
+    bordered: v,
+    stickyHeader: h,
+    loading: E,
+    headless: y,
+    emptyText: n,
+    onSortChange: r,
+    onRowSelect: s,
+    children: L,
+    ...g
+  } = d, a = H(null);
+  return k(() => {
+    const e = a.current;
+    if (!e)
+      return;
+    const o = (l) => {
+      const t = l.detail;
+      t && (r == null || r(t));
+    }, c = (l) => {
+      const t = l.detail;
+      t && (s == null || s(t));
+    };
+    return e.addEventListener("sort-change", o), e.addEventListener("row-select", c), () => {
+      e.removeEventListener("sort-change", o), e.removeEventListener("row-select", c);
+    };
+  }, [r, s]), x.createElement(
+    "ui-table",
+    {
+      ref: a,
+      ...g,
+      ...i ? { sortable: "" } : {},
+      ...u ? { selectable: "" } : {},
+      ...f ? { "multi-select": "" } : {},
+      ...m ? { striped: "" } : {},
+      ...b ? { hover: "" } : {},
+      ...p ? { compact: "" } : {},
+      ...v ? { bordered: "" } : {},
+      ...h ? { "sticky-header": "" } : {},
+      ...E ? { loading: "" } : {},
+      ...y ? { headless: "" } : {},
+      ...n ? { "empty-text": n } : {}
+    },
+    L
+  );
+}
+export {
+  R as Table,
+  R as default
+};

package/dist/Tabs.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),B=u=>u&&u.__esModule?u:{default:u},n=B(f),D=typeof window<"u"?f.useLayoutEffect:f.useEffect,N=n.default.forwardRef(function({children:d,selected:r,value:i,orientation:s,activation:a,variant:b,size:T,density:m,tone:E,stretched:P,shape:y,elevation:R,loop:v,bare:A,headless:L,onChange:_,onTabChange:p,...O},q){const w=f.useRef(null);return f.useImperativeHandle(q,()=>w.current),f.useEffect(()=>{const l=w.current;if(!l)return;const e=c=>{const t=c.detail;t&&(_==null||_(t.index),p==null||p(t))};return l.addEventListener("change",e),()=>{l.removeEventListener("change",e)}},[_,p]),D(()=>{const l=w.current;if(!l)return;const e=(t,o)=>{const M=l.getAttribute(t);if(o==null){M!=null&&l.removeAttribute(t);return}M!==o&&l.setAttribute(t,o)},c=(t,o)=>{o?e(t,""):e(t,null)};e("selected",r!=null?String(r):null),e("value",i||null),e("orientation",s&&s!=="horizontal"?s:null),e("activation",a&&a!=="auto"?a:null),e("variant",b&&b!=="default"?b:null),e("size",T&&T!=="md"?T:null),e("density",m&&m!=="default"?m:null),e("tone",E&&E!=="brand"?E:null),e("shape",y&&y!=="rounded"?y:null),e("elevation",R&&R!=="low"?R:null),e("loop",v===!1?"false":v===!0?"":null),c("stretched",P),c("bare",A),c("headless",L)},[r,i,s,a,b,T,m,E,P,y,R,v,A,L]),n.default.createElement("ui-tabs",{ref:w,...O},d)});N.displayName="Tabs";const S=n.default.forwardRef(function({value:d,icon:r,disabled:i,...s},a){return n.default.createElement("div",{ref:a,slot:"tab","data-value":d,"data-icon":r,"data-disabled":i?"true":void 0,...s})});S.displayName="Tabs.Tab";const j=n.default.forwardRef(function({...d},r){return n.default.createElement("div",{ref:r,slot:"panel",...d})});j.displayName="Tabs.Panel";const I=Object.assign(N,{Tab:S,Panel:j});exports.Tabs=I;exports.default=I;

package/dist/Tabs.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import n, { useRef as S, useImperativeHandle as k, useEffect as I, useLayoutEffect as q } from "react";
 const x = typeof window < "u" ? q : I, _ = n.forwardRef(function({
   children: f,

package/dist/TagsInput.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),e=require("./_internals-5a21394b.js"),v=r=>r&&r.__esModule?r:{default:r},n=v(q);function w(r){return r==null?null:Array.isArray(r)?JSON.stringify(r):r}const c=n.default.forwardRef(function({value:o,name:f,label:y,description:b,placeholder:d,required:A,disabled:p,readOnly:S,counter:_,maxTags:E,allowDuplicates:m,addOnBlur:g,onChange:s,onTagAdd:i,onTagRemove:l,children:D,...M},N){const a=e.useForwardedHostRef(N),B=n.default.useCallback(t=>{const u=e.getCustomEventDetail(t);Array.isArray(u==null?void 0:u.value)&&(s==null||s(u.value))},[s]),I=n.default.useCallback(t=>{const u=e.getCustomEventDetail(t);u&&(i==null||i(u))},[i]),k=n.default.useCallback(t=>{const u=e.getCustomEventDetail(t);u&&(l==null||l(u))},[l]);return e.useElementEventListeners(a,[{type:"change",listener:B},{type:"tag-add",listener:I},{type:"tag-remove",listener:k}],[B,I,k]),e.useElementAttributes(a,t=>{e.syncStringAttribute(t,"value",w(o)),e.syncStringAttribute(t,"name",f??null),e.syncStringAttribute(t,"label",y??null),e.syncStringAttribute(t,"description",b??null),e.syncStringAttribute(t,"placeholder",d??null),e.syncBooleanAttribute(t,"required",A),e.syncBooleanAttribute(t,"disabled",p),e.syncBooleanAttribute(t,"readonly",S),e.syncBooleanAttribute(t,"counter",_),e.syncBooleanAttribute(t,"allow-duplicates",m),e.syncBooleanAttribute(t,"add-on-blur",g),e.syncNumberAttribute(t,"max-tags",E)},[o,f,y,b,d,A,p,S,_,m,g,E]),n.default.createElement("ui-tags-input",{ref:a,...M},D)});c.displayName="TagsInput";exports.TagsInput=c;exports.default=c;

package/dist/TagsInput.esm.js

@@ -0,0 +1,52 @@
+'use client';
+import u from "react";
+import { c as J, g as f, u as L, a as V, s as i, b as r, d as h } from "./_internals-d86cc997.mjs";
+function j(e) {
+  return e == null ? null : Array.isArray(e) ? JSON.stringify(e) : e;
+}
+const q = u.forwardRef(function({
+  value: y,
+  name: p,
+  label: b,
+  description: m,
+  placeholder: d,
+  required: o,
+  disabled: E,
+  readOnly: A,
+  counter: k,
+  maxTags: I,
+  allowDuplicates: N,
+  addOnBlur: w,
+  onChange: a,
+  onTagAdd: n,
+  onTagRemove: l,
+  children: z,
+  ...F
+}, H) {
+  const c = J(H), S = u.useCallback((t) => {
+    const s = f(t);
+    Array.isArray(s == null ? void 0 : s.value) && (a == null || a(s.value));
+  }, [a]), _ = u.useCallback((t) => {
+    const s = f(t);
+    s && (n == null || n(s));
+  }, [n]), x = u.useCallback((t) => {
+    const s = f(t);
+    s && (l == null || l(s));
+  }, [l]);
+  return L(
+    c,
+    [
+      { type: "change", listener: S },
+      { type: "tag-add", listener: _ },
+      { type: "tag-remove", listener: x }
+    ],
+    [S, _, x]
+  ), V(c, (t) => {
+    i(t, "value", j(y)), i(t, "name", p ?? null), i(t, "label", b ?? null), i(t, "description", m ?? null), i(t, "placeholder", d ?? null), r(t, "required", o), r(t, "disabled", E), r(t, "readonly", A), r(t, "counter", k), r(t, "allow-duplicates", N), r(t, "add-on-blur", w), h(t, "max-tags", I);
+  }, [y, p, b, m, d, o, E, A, k, N, w, I]), u.createElement("ui-tags-input", { ref: c, ...F }, z);
+});
+q.displayName = "TagsInput";
+export {
+  q as TagsInput,
+  q as default
+};

package/dist/Textarea.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),$=u=>u&&u.__esModule?u:{default:u},f=$(d),h=typeof window<"u"?d.useLayoutEffect:d.useEffect,K=f.default.forwardRef(function({value:n,onChange:l,onInput:m,onDebouncedInput:E,onClear:p,clearable:N,debounce:T,validation:b,size:o,minlength:S,maxlength:g,rows:_,readOnly:w,autofocus:A,disabled:M,name:j,required:q,placeholder:B,resize:F,variant:v,color:O,radius:R,label:P,description:k,autosize:D,maxRows:H,showCount:G,density:L,tone:y,headless:J,children:X,...Y},Z){const x=d.useRef(null);return d.useImperativeHandle(Z,()=>x.current),d.useEffect(()=>{const t=x.current;if(!t)return;const e=s=>{const c=s.detail;c&&(m==null||m(c.value))},r=s=>{const c=s.detail;c&&(l==null||l(c.value))},a=s=>{const c=s.detail;c&&(E==null||E(c.value))},i=()=>p==null?void 0:p();return t.addEventListener("input",e),t.addEventListener("change",r),t.addEventListener("debounced-input",a),t.addEventListener("clear",i),()=>{t.removeEventListener("input",e),t.removeEventListener("change",r),t.removeEventListener("debounced-input",a),t.removeEventListener("clear",i)}},[l,m,E,p]),h(()=>{const t=x.current;if(!t)return;const e=(a,i)=>{const s=t.getAttribute(a);if(i==null){s!=null&&t.removeAttribute(a);return}s!==i&&t.setAttribute(a,i)},r=(a,i)=>{i?e(a,""):e(a,null)};e("value",n!=null?String(n):null),r("clearable",N),r("readonly",w),r("autofocus",A),r("disabled",M),r("required",q),r("autosize",D),r("show-count",G),r("headless",J),e("debounce",typeof T=="number"&&Number.isFinite(T)?String(T):null),e("validation",b&&b!=="none"?b:null),e("size",o&&o!=="md"&&o!=="2"?String(o):null),e("minlength",typeof S=="number"?String(S):null),e("maxlength",typeof g=="number"?String(g):null),e("rows",typeof _=="number"?String(_):null),e("name",j||null),e("placeholder",B||null),e("resize",F||null),e("variant",v&&v!=="classic"?v:null),e("color",O||null),e("radius",R?String(R):null),e("label",P||null),e("description",k||null),e("max-rows",typeof H=="number"?String(H):null),e("density",L&&L!=="default"?L:null),e("tone",y&&y!=="brand"?y:null)},[n,N,T,b,o,S,g,_,w,A,M,j,q,B,F,v,O,R,P,k,D,H,G,L,y,J]),f.default.createElement("ui-textarea",{ref:x,...Y},X)});K.displayName="Textarea";const Q=f.default.forwardRef(function({...n},l){return f.default.createElement("span",{ref:l,slot:"label",...n})});Q.displayName="Textarea.Label";const U=f.default.forwardRef(function({...n},l){return f.default.createElement("span",{ref:l,slot:"description",...n})});U.displayName="Textarea.Description";const V=f.default.forwardRef(function({...n},l){return f.default.createElement("span",{ref:l,slot:"error",...n})});V.displayName="Textarea.Error";const W=Object.assign(K,{Label:Q,Description:U,Error:V});exports.Textarea=W;exports.default=W;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Z=require("react"),e=require("./_internals-5a21394b.js"),$=u=>u&&u.__esModule?u:{default:u},r=$(Z),J=r.default.forwardRef(function({value:n,onChange:a,onInput:l,onDebouncedInput:c,onClear:o,clearable:S,debounce:b,validation:f,size:s,minlength:x,maxlength:T,rows:E,readOnly:p,autofocus:N,disabled:B,name:_,required:R,placeholder:v,resize:w,variant:y,color:H,radius:m,label:L,description:k,autosize:D,maxRows:M,showCount:j,density:d,tone:A,headless:q,children:W,...X},Y){const g=e.useForwardedHostRef(Y),F=r.default.useCallback(t=>{const i=e.getCustomEventDetail(t);i&&(l==null||l(i.value))},[l]),O=r.default.useCallback(t=>{const i=e.getCustomEventDetail(t);i&&(a==null||a(i.value))},[a]),P=r.default.useCallback(t=>{const i=e.getCustomEventDetail(t);i&&(c==null||c(i.value))},[c]),G=r.default.useCallback(()=>{o==null||o()},[o]);return e.useElementEventListeners(g,[{type:"input",listener:F},{type:"change",listener:O},{type:"debounced-input",listener:P},{type:"clear",listener:G}],[F,O,P,G]),e.useElementAttributes(g,t=>{e.syncStringAttribute(t,"value",n!=null?String(n):null),e.syncBooleanAttribute(t,"clearable",S),e.syncBooleanAttribute(t,"readonly",p),e.syncBooleanAttribute(t,"autofocus",N),e.syncBooleanAttribute(t,"disabled",B),e.syncBooleanAttribute(t,"required",R),e.syncBooleanAttribute(t,"autosize",D),e.syncBooleanAttribute(t,"show-count",j),e.syncBooleanAttribute(t,"headless",q),e.syncNumberAttribute(t,"debounce",typeof b=="number"&&Number.isFinite(b)?b:void 0),e.syncStringAttribute(t,"validation",f&&f!=="none"?f:null),e.syncStringAttribute(t,"size",s&&s!=="md"&&s!=="2"?String(s):null),e.syncNumberAttribute(t,"minlength",x),e.syncNumberAttribute(t,"maxlength",T),e.syncNumberAttribute(t,"rows",E),e.syncStringAttribute(t,"name",_||null),e.syncStringAttribute(t,"placeholder",v||null),e.syncStringAttribute(t,"resize",w||null),e.syncStringAttribute(t,"variant",y&&y!=="classic"?y:null),e.syncStringAttribute(t,"color",H||null),e.syncStringAttribute(t,"radius",m?String(m):null),e.syncStringAttribute(t,"label",L||null),e.syncStringAttribute(t,"description",k||null),e.syncNumberAttribute(t,"max-rows",M),e.syncStringAttribute(t,"density",d&&d!=="default"?d:null),e.syncStringAttribute(t,"tone",A&&A!=="brand"?A:null)},[n,S,b,f,s,x,T,E,p,N,B,_,R,v,w,y,H,m,L,k,D,M,j,d,A,q]),r.default.createElement("ui-textarea",{ref:g,...X},W)});J.displayName="Textarea";const K=r.default.forwardRef(function({...n},a){return r.default.createElement("span",{ref:a,slot:"label",...n})});K.displayName="Textarea.Label";const Q=r.default.forwardRef(function({...n},a){return r.default.createElement("span",{ref:a,slot:"description",...n})});Q.displayName="Textarea.Description";const U=r.default.forwardRef(function({...n},a){return r.default.createElement("span",{ref:a,slot:"error",...n})});U.displayName="Textarea.Error";const V=Object.assign(J,{Label:K,Description:Q,Error:U});exports.Textarea=V;exports.default=V;

package/dist/Textarea.esm.js

@@ -1,125 +1,117 @@
-import c, { useRef as $, useImperativeHandle as D, useEffect as P, useLayoutEffect as h } from "react";
-const z = typeof window < "u" ? h : P, Q = c.forwardRef(function({
-  value: n,
-  onChange: l,
-  onInput: o,
-  onDebouncedInput: d,
-  onClear: m,
+'use client';
+import e from "react";
+import { c as h, g as N, u as z, a as C, s as r, b as c, d as n } from "./_internals-d86cc997.mjs";
+const U = e.forwardRef(function({
+  value: s,
+  onChange: a,
+  onInput: u,
+  onDebouncedInput: f,
+  onClear: o,
   clearable: R,
-  debounce: E,
-  validation: p,
-  size: f,
-  minlength: x,
-  maxlength: S,
-  rows: g,
-  readOnly: w,
-  autofocus: A,
-  disabled: _,
-  name: j,
-  required: B,
-  placeholder: F,
-  resize: k,
-  variant: L,
-  color: q,
-  radius: H,
-  label: G,
-  description: J,
-  autosize: K,
-  maxRows: N,
-  showCount: M,
-  density: T,
-  tone: b,
-  headless: O,
-  children: X,
-  ...Y
-}, Z) {
-  const v = $(null);
-  return D(Z, () => v.current), P(() => {
-    const t = v.current;
-    if (!t)
-      return;
-    const e = (u) => {
-      const s = u.detail;
-      s && (o == null || o(s.value));
-    }, r = (u) => {
-      const s = u.detail;
-      s && (l == null || l(s.value));
-    }, a = (u) => {
-      const s = u.detail;
-      s && (d == null || d(s.value));
-    }, i = () => m == null ? void 0 : m();
-    return t.addEventListener("input", e), t.addEventListener("change", r), t.addEventListener("debounced-input", a), t.addEventListener("clear", i), () => {
-      t.removeEventListener("input", e), t.removeEventListener("change", r), t.removeEventListener("debounced-input", a), t.removeEventListener("clear", i);
-    };
-  }, [l, o, d, m]), z(() => {
-    const t = v.current;
-    if (!t)
-      return;
-    const e = (a, i) => {
-      const u = t.getAttribute(a);
-      if (i == null) {
-        u != null && t.removeAttribute(a);
-        return;
-      }
-      u !== i && t.setAttribute(a, i);
-    }, r = (a, i) => {
-      i ? e(a, "") : e(a, null);
-    };
-    e("value", n != null ? String(n) : null), r("clearable", R), r("readonly", w), r("autofocus", A), r("disabled", _), r("required", B), r("autosize", K), r("show-count", M), r("headless", O), e("debounce", typeof E == "number" && Number.isFinite(E) ? String(E) : null), e("validation", p && p !== "none" ? p : null), e("size", f && f !== "md" && f !== "2" ? String(f) : null), e("minlength", typeof x == "number" ? String(x) : null), e("maxlength", typeof S == "number" ? String(S) : null), e("rows", typeof g == "number" ? String(g) : null), e("name", j || null), e("placeholder", F || null), e("resize", k || null), e("variant", L && L !== "classic" ? L : null), e("color", q || null), e("radius", H ? String(H) : null), e("label", G || null), e("description", J || null), e("max-rows", typeof N == "number" ? String(N) : null), e("density", T && T !== "default" ? T : null), e("tone", b && b !== "brand" ? b : null);
+  debounce: m,
+  validation: d,
+  size: i,
+  minlength: w,
+  maxlength: H,
+  rows: L,
+  readOnly: g,
+  autofocus: k,
+  disabled: A,
+  name: S,
+  required: F,
+  placeholder: _,
+  resize: j,
+  variant: x,
+  color: v,
+  radius: E,
+  label: B,
+  description: q,
+  autosize: D,
+  maxRows: G,
+  showCount: J,
+  density: b,
+  tone: p,
+  headless: K,
+  children: Y,
+  ...Z
+}, $) {
+  const y = h($), M = e.useCallback((t) => {
+    const l = N(t);
+    l && (u == null || u(l.value));
+  }, [u]), O = e.useCallback((t) => {
+    const l = N(t);
+    l && (a == null || a(l.value));
+  }, [a]), P = e.useCallback((t) => {
+    const l = N(t);
+    l && (f == null || f(l.value));
+  }, [f]), Q = e.useCallback(() => {
+    o == null || o();
+  }, [o]);
+  return z(
+    y,
+    [
+      { type: "input", listener: M },
+      { type: "change", listener: O },
+      { type: "debounced-input", listener: P },
+      { type: "clear", listener: Q }
+    ],
+    [M, O, P, Q]
+  ), C(y, (t) => {
+    r(t, "value", s != null ? String(s) : null), c(t, "clearable", R), c(t, "readonly", g), c(t, "autofocus", k), c(t, "disabled", A), c(t, "required", F), c(t, "autosize", D), c(t, "show-count", J), c(t, "headless", K), n(t, "debounce", typeof m == "number" && Number.isFinite(m) ? m : void 0), r(t, "validation", d && d !== "none" ? d : null), r(t, "size", i && i !== "md" && i !== "2" ? String(i) : null), n(t, "minlength", w), n(t, "maxlength", H), n(t, "rows", L), r(t, "name", S || null), r(t, "placeholder", _ || null), r(t, "resize", j || null), r(t, "variant", x && x !== "classic" ? x : null), r(t, "color", v || null), r(t, "radius", E ? String(E) : null), r(t, "label", B || null), r(t, "description", q || null), n(t, "max-rows", G), r(t, "density", b && b !== "default" ? b : null), r(t, "tone", p && p !== "brand" ? p : null);
   }, [
-    n,
+    s,
     R,
-    E,
-    p,
-    f,
-    x,
-    S,
-    g,
+    m,
+    d,
+    i,
     w,
+    H,
+    L,
+    g,
+    k,
     A,
+    S,
+    F,
     _,
     j,
+    x,
+    v,
+    E,
     B,
-    F,
-    k,
-    L,
     q,
-    H,
+    D,
     G,
     J,
-    K,
-    N,
-    M,
-    T,
     b,
-    O
-  ]), c.createElement("ui-textarea", { ref: v, ...Y }, X);
+    p,
+    K
+  ]), e.createElement("ui-textarea", { ref: y, ...Z }, Y);
 });
-Q.displayName = "Textarea";
-const U = c.forwardRef(
-  function({ ...n }, l) {
-    return c.createElement("span", { ref: l, slot: "label", ...n });
+U.displayName = "Textarea";
+const V = e.forwardRef(
+  function({ ...s }, a) {
+    return e.createElement("span", { ref: a, slot: "label", ...s });
   }
 );
-U.displayName = "Textarea.Label";
-const V = c.forwardRef(
-  function({ ...n }, l) {
-    return c.createElement("span", { ref: l, slot: "description", ...n });
+V.displayName = "Textarea.Label";
+const W = e.forwardRef(
+  function({ ...s }, a) {
+    return e.createElement("span", { ref: a, slot: "description", ...s });
   }
 );
-V.displayName = "Textarea.Description";
-const W = c.forwardRef(
-  function({ ...n }, l) {
-    return c.createElement("span", { ref: l, slot: "error", ...n });
+W.displayName = "Textarea.Description";
+const X = e.forwardRef(
+  function({ ...s }, a) {
+    return e.createElement("span", { ref: a, slot: "error", ...s });
   }
 );
-W.displayName = "Textarea.Error";
-const C = Object.assign(Q, {
-  Label: U,
-  Description: V,
-  Error: W
+X.displayName = "Textarea.Error";
+const rt = Object.assign(U, {
+  Label: V,
+  Description: W,
+  Error: X
 });
 export {
-  C as Textarea,
-  C as default
+  rt as Textarea,
+  rt as default
 };

package/dist/ThemeProvider.cjs.js

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