@editora/ui-react 0.1.10 → 0.1.11

package/dist/Skeleton.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),g=t=>t&&t.__esModule?t:{default:t},p=g(s),y=typeof window<"u"?s.useLayoutEffect:s.useEffect;function v(t){const{count:r,width:o,height:a,radius:l,gap:f,duration:d,variant:b,animation:i,density:u,tone:n,animated:A,headless:m,...h}=t,c=s.useRef(null);return y(()=>{const e=c.current;e&&(typeof r=="number"&&Number.isFinite(r)?e.setAttribute("count",String(r)):e.removeAttribute("count"),o?e.setAttribute("width",o):e.removeAttribute("width"),a?e.setAttribute("height",a):e.removeAttribute("height"),l?e.setAttribute("radius",l):e.removeAttribute("radius"),f?e.setAttribute("gap",f):e.removeAttribute("gap"),d?e.setAttribute("duration",d):e.removeAttribute("duration"),b?e.setAttribute("variant",b):e.removeAttribute("variant"),i&&i!=="none"?e.setAttribute("animation",i):i==="none"?e.setAttribute("animation","none"):e.removeAttribute("animation"),u&&u!=="default"?e.setAttribute("density",u):e.removeAttribute("density"),n&&n!=="default"?e.setAttribute("tone",n):e.removeAttribute("tone"),A?e.setAttribute("animated",""):e.removeAttribute("animated"),m?e.setAttribute("headless",""):e.removeAttribute("headless"))},[r,o,a,l,f,d,b,i,u,n,A,m]),p.default.createElement("ui-skeleton",{ref:c,...h})}exports.Skeleton=v;exports.default=v;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),t=require("./_internals-5a21394b.js"),_=e=>e&&e.__esModule?e:{default:e},A=_(h);function S(e){const{count:i,width:a,height:l,radius:o,gap:c,duration:d,variant:b,animation:s,density:u,tone:r,animated:y,headless:g,...m}=e,f=A.default.useRef(null);return t.useElementAttributes(f,n=>{t.syncNumberAttribute(n,"count",typeof i=="number"&&Number.isFinite(i)?i:void 0),t.syncStringAttribute(n,"width",a??null),t.syncStringAttribute(n,"height",l??null),t.syncStringAttribute(n,"radius",o??null),t.syncStringAttribute(n,"gap",c??null),t.syncStringAttribute(n,"duration",d??null),t.syncStringAttribute(n,"variant",b??null),t.syncStringAttribute(n,"animation",s||null),t.syncStringAttribute(n,"density",u&&u!=="default"?u:null),t.syncStringAttribute(n,"tone",r&&r!=="default"?r:null),t.syncBooleanAttribute(n,"animated",y),t.syncBooleanAttribute(n,"headless",g)},[i,a,l,o,c,d,b,s,u,r,y,g]),A.default.createElement("ui-skeleton",{ref:f,...m})}exports.Skeleton=S;exports.default=S;

package/dist/Skeleton.esm.js

@@ -1,25 +1,25 @@
-import v, { useRef as h, useLayoutEffect as p, useEffect as g } from "react";
-const y = typeof window < "u" ? p : g;
-function E(A) {
+'use client';
+import h from "react";
+import { a as A, d as v, s as n, b as p } from "./_internals-d86cc997.mjs";
+function E(y) {
   const {
-    count: i,
-    width: n,
-    height: s,
+    count: a,
+    width: s,
+    height: r,
     radius: o,
-    gap: a,
-    duration: f,
-    variant: b,
-    animation: e,
-    density: r,
+    gap: l,
+    duration: d,
+    variant: m,
+    animation: i,
+    density: e,
     tone: u,
-    animated: l,
-    headless: d,
-    ...c
-  } = A, m = h(null);
-  return y(() => {
-    const t = m.current;
-    t && (typeof i == "number" && Number.isFinite(i) ? t.setAttribute("count", String(i)) : t.removeAttribute("count"), n ? t.setAttribute("width", n) : t.removeAttribute("width"), s ? t.setAttribute("height", s) : t.removeAttribute("height"), o ? t.setAttribute("radius", o) : t.removeAttribute("radius"), a ? t.setAttribute("gap", a) : t.removeAttribute("gap"), f ? t.setAttribute("duration", f) : t.removeAttribute("duration"), b ? t.setAttribute("variant", b) : t.removeAttribute("variant"), e && e !== "none" ? t.setAttribute("animation", e) : e === "none" ? t.setAttribute("animation", "none") : t.removeAttribute("animation"), r && r !== "default" ? t.setAttribute("density", r) : t.removeAttribute("density"), u && u !== "default" ? t.setAttribute("tone", u) : t.removeAttribute("tone"), l ? t.setAttribute("animated", "") : t.removeAttribute("animated"), d ? t.setAttribute("headless", "") : t.removeAttribute("headless"));
-  }, [i, n, s, o, a, f, b, e, r, u, l, d]), v.createElement("ui-skeleton", { ref: m, ...c });
+    animated: c,
+    headless: f,
+    ...g
+  } = y, b = h.useRef(null);
+  return A(b, (t) => {
+    v(t, "count", typeof a == "number" && Number.isFinite(a) ? a : void 0), n(t, "width", s ?? null), n(t, "height", r ?? null), n(t, "radius", o ?? null), n(t, "gap", l ?? null), n(t, "duration", d ?? null), n(t, "variant", m ?? null), n(t, "animation", i || null), n(t, "density", e && e !== "default" ? e : null), n(t, "tone", u && u !== "default" ? u : null), p(t, "animated", c), p(t, "headless", f);
+  }, [a, s, r, o, l, d, m, i, e, u, c, f]), h.createElement("ui-skeleton", { ref: b, ...g });
 }
 export {
   E as Skeleton,

package/dist/Slider.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),K=f=>f&&f.__esModule?f:{default:f},P=K(s),Q=typeof window<"u"?s.useLayoutEffect:s.useEffect,B=P.default.forwardRef(function({children:T,value:c,valueStart:d,valueEnd:b,min:o,max:y,step:m,range:D,disabled:H,headless:J,orientation:N,size:p,variant:S,tone:v,showValue:E,format:R,label:w,description:M,marks:_,name:O,nameStart:j,nameEnd:q,onInput:F,onChange:L,onValueChange:u,...k},G){const A=s.useRef(null);return s.useImperativeHandle(G,()=>A.current),s.useEffect(()=>{const l=A.current;if(!l)return;const e=r=>{const t=r.detail;t&&(F==null||F(Number(t.value)),u==null||u(t))},i=r=>{const t=r.detail;t&&(L==null||L(Number(t.value)),u==null||u(t))};return l.addEventListener("input",e),l.addEventListener("change",i),()=>{l.removeEventListener("input",e),l.removeEventListener("change",i)}},[F,L,u]),Q(()=>{const l=A.current;if(!l)return;const e=(r,t)=>{const n=l.getAttribute(r);if(t==null){n!=null&&l.removeAttribute(r);return}n!==t&&l.setAttribute(r,t)},i=(r,t,n)=>{if(t==null){n!==void 0&&n===!1&&e(r,null);return}t?e(r,""):e(r,null)};if(e("value",typeof c=="number"&&Number.isFinite(c)?String(c):null),e("value-start",typeof d=="number"&&Number.isFinite(d)?String(d):null),e("value-end",typeof b=="number"&&Number.isFinite(b)?String(b):null),e("min",typeof o=="number"&&Number.isFinite(o)?String(o):null),e("max",typeof y=="number"&&Number.isFinite(y)?String(y):null),e("step",typeof m=="number"&&Number.isFinite(m)?String(m):null),i("range",D),i("disabled",H),i("headless",J),e("orientation",N&&N!=="horizontal"?N:null),e("size",p&&p!=="md"?p:null),e("variant",S&&S!=="default"?S:null),e("tone",v&&v!=="brand"?v:null),typeof E=="boolean"?e("show-value",E?"true":"false"):e("show-value",null),e("format",R||null),e("label",w||null),e("description",M||null),e("name",O||null),e("name-start",j||null),e("name-end",q||null),_&&_.length)try{e("marks",JSON.stringify(_))}catch{e("marks",null)}else e("marks",null)},[c,d,b,o,y,m,D,H,J,N,p,S,v,E,R,w,M,_,O,j,q]),P.default.createElement("ui-slider",{ref:A,...k},T)});B.displayName="Slider";exports.Slider=B;exports.default=B;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),t=require("./_internals-5a21394b.js"),G=u=>u&&u.__esModule?u:{default:u},_=G(T),q=_.default.forwardRef(function({children:L,value:b,valueStart:n,valueEnd:c,min:y,max:l,step:d,range:j,disabled:w,headless:E,orientation:f,size:A,variant:o,tone:m,showValue:F,format:p,label:v,description:R,marks:s,name:B,nameStart:D,nameEnd:M,onInput:N,onChange:S,onValueChange:r,...O},P){const g=t.useForwardedHostRef(P),H=_.default.useCallback(e=>{const i=t.getCustomEventDetail(e);i&&(N==null||N(Number(i.value)),r==null||r(i))},[N,r]),J=_.default.useCallback(e=>{const i=t.getCustomEventDetail(e);i&&(S==null||S(Number(i.value)),r==null||r(i))},[S,r]);return t.useElementEventListeners(g,[{type:"input",listener:H},{type:"change",listener:J}],[H,J]),t.useElementAttributes(g,e=>{t.syncNumberAttribute(e,"value",typeof b=="number"&&Number.isFinite(b)?b:void 0),t.syncNumberAttribute(e,"value-start",typeof n=="number"&&Number.isFinite(n)?n:void 0),t.syncNumberAttribute(e,"value-end",typeof c=="number"&&Number.isFinite(c)?c:void 0),t.syncNumberAttribute(e,"min",typeof y=="number"&&Number.isFinite(y)?y:void 0),t.syncNumberAttribute(e,"max",typeof l=="number"&&Number.isFinite(l)?l:void 0),t.syncNumberAttribute(e,"step",typeof d=="number"&&Number.isFinite(d)?d:void 0),t.syncBooleanAttribute(e,"range",j),t.syncBooleanAttribute(e,"disabled",w),t.syncBooleanAttribute(e,"headless",E),t.syncStringAttribute(e,"orientation",f&&f!=="horizontal"?f:null),t.syncStringAttribute(e,"size",A&&A!=="md"?A:null),t.syncStringAttribute(e,"variant",o&&o!=="default"?o:null),t.syncStringAttribute(e,"tone",m&&m!=="brand"?m:null),t.syncStringAttribute(e,"show-value",typeof F=="boolean"?F?"true":"false":null),t.syncStringAttribute(e,"format",p||null),t.syncStringAttribute(e,"label",v||null),t.syncStringAttribute(e,"description",R||null),t.syncStringAttribute(e,"name",B||null),t.syncStringAttribute(e,"name-start",D||null),t.syncStringAttribute(e,"name-end",M||null),t.syncJsonAttribute(e,"marks",s!=null&&s.length?s:null)},[b,n,c,y,l,d,j,w,E,f,A,o,m,F,p,v,R,s,B,D,M]),_.default.createElement("ui-slider",{ref:g,...O},L)});q.displayName="Slider";exports.Slider=q;exports.default=q;

package/dist/Slider.esm.js

@@ -1,99 +1,76 @@
-import k, { useRef as M, useImperativeHandle as P, useEffect as q, useLayoutEffect as Q } from "react";
-const T = typeof window < "u" ? Q : q, U = k.forwardRef(function({
-  children: D,
-  value: s,
-  valueStart: n,
-  valueEnd: c,
-  min: d,
-  max: b,
-  step: y,
-  range: J,
-  disabled: O,
-  headless: j,
+'use client';
+import v from "react";
+import { c as T, g as M, u as U, a as W, d as u, b as L, s as i, f as X } from "./_internals-d86cc997.mjs";
+const Y = v.forwardRef(function({
+  children: O,
+  value: e,
+  valueStart: d,
+  valueEnd: f,
+  min: c,
+  max: y,
+  step: l,
+  range: j,
+  disabled: q,
+  headless: E,
   orientation: m,
-  size: o,
-  variant: N,
-  tone: p,
-  showValue: A,
-  format: w,
-  label: E,
-  description: R,
-  marks: F,
-  name: _,
-  nameStart: B,
+  size: N,
+  variant: p,
+  tone: F,
+  showValue: R,
+  format: _,
+  label: n,
+  description: w,
+  marks: b,
+  name: B,
+  nameStart: D,
   nameEnd: H,
-  onInput: L,
-  onChange: v,
-  onValueChange: i,
-  ...G
-}, K) {
-  const S = M(null);
-  return P(K, () => S.current), q(() => {
-    const l = S.current;
-    if (!l)
-      return;
-    const t = (r) => {
-      const e = r.detail;
-      e && (L == null || L(Number(e.value)), i == null || i(e));
-    }, u = (r) => {
-      const e = r.detail;
-      e && (v == null || v(Number(e.value)), i == null || i(e));
-    };
-    return l.addEventListener("input", t), l.addEventListener("change", u), () => {
-      l.removeEventListener("input", t), l.removeEventListener("change", u);
-    };
-  }, [L, v, i]), T(() => {
-    const l = S.current;
-    if (!l)
-      return;
-    const t = (r, e) => {
-      const f = l.getAttribute(r);
-      if (e == null) {
-        f != null && l.removeAttribute(r);
-        return;
-      }
-      f !== e && l.setAttribute(r, e);
-    }, u = (r, e, f) => {
-      if (e == null) {
-        f !== void 0 && f === !1 && t(r, null);
-        return;
-      }
-      e ? t(r, "") : t(r, null);
-    };
-    if (t("value", typeof s == "number" && Number.isFinite(s) ? String(s) : null), t("value-start", typeof n == "number" && Number.isFinite(n) ? String(n) : null), t("value-end", typeof c == "number" && Number.isFinite(c) ? String(c) : null), t("min", typeof d == "number" && Number.isFinite(d) ? String(d) : null), t("max", typeof b == "number" && Number.isFinite(b) ? String(b) : null), t("step", typeof y == "number" && Number.isFinite(y) ? String(y) : null), u("range", J), u("disabled", O), u("headless", j), t("orientation", m && m !== "horizontal" ? m : null), t("size", o && o !== "md" ? o : null), t("variant", N && N !== "default" ? N : null), t("tone", p && p !== "brand" ? p : null), typeof A == "boolean" ? t("show-value", A ? "true" : "false") : t("show-value", null), t("format", w || null), t("label", E || null), t("description", R || null), t("name", _ || null), t("name-start", B || null), t("name-end", H || null), F && F.length)
-      try {
-        t("marks", JSON.stringify(F));
-      } catch {
-        t("marks", null);
-      }
-    else
-      t("marks", null);
+  onInput: o,
+  onChange: A,
+  onValueChange: r,
+  ...P
+}, Q) {
+  const J = T(Q), G = v.useCallback((t) => {
+    const s = M(t);
+    s && (o == null || o(Number(s.value)), r == null || r(s));
+  }, [o, r]), K = v.useCallback((t) => {
+    const s = M(t);
+    s && (A == null || A(Number(s.value)), r == null || r(s));
+  }, [A, r]);
+  return U(
+    J,
+    [
+      { type: "input", listener: G },
+      { type: "change", listener: K }
+    ],
+    [G, K]
+  ), W(J, (t) => {
+    u(t, "value", typeof e == "number" && Number.isFinite(e) ? e : void 0), u(t, "value-start", typeof d == "number" && Number.isFinite(d) ? d : void 0), u(t, "value-end", typeof f == "number" && Number.isFinite(f) ? f : void 0), u(t, "min", typeof c == "number" && Number.isFinite(c) ? c : void 0), u(t, "max", typeof y == "number" && Number.isFinite(y) ? y : void 0), u(t, "step", typeof l == "number" && Number.isFinite(l) ? l : void 0), L(t, "range", j), L(t, "disabled", q), L(t, "headless", E), i(t, "orientation", m && m !== "horizontal" ? m : null), i(t, "size", N && N !== "md" ? N : null), i(t, "variant", p && p !== "default" ? p : null), i(t, "tone", F && F !== "brand" ? F : null), i(t, "show-value", typeof R == "boolean" ? R ? "true" : "false" : null), i(t, "format", _ || null), i(t, "label", n || null), i(t, "description", w || null), i(t, "name", B || null), i(t, "name-start", D || null), i(t, "name-end", H || null), X(t, "marks", b != null && b.length ? b : null);
   }, [
-    s,
-    n,
-    c,
+    e,
     d,
-    b,
+    f,
+    c,
     y,
-    J,
-    O,
+    l,
     j,
+    q,
+    E,
     m,
-    o,
     N,
     p,
-    A,
-    w,
-    E,
-    R,
     F,
+    R,
     _,
+    n,
+    w,
+    b,
     B,
+    D,
     H
-  ]), k.createElement("ui-slider", { ref: S, ...G }, D);
+  ]), v.createElement("ui-slider", { ref: J, ...P }, O);
 });
-U.displayName = "Slider";
+Y.displayName = "Slider";
 export {
-  U as Slider,
-  U as default
+  Y as Slider,
+  Y as default
 };

package/dist/Slot.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),q=n=>n&&n.__esModule?n:{default:n},H=q(l),B=typeof window<"u"?l.useLayoutEffect:l.useEffect,_=H.default.forwardRef(function({children:w,name:p,fallback:y,required:b,inline:L,align:f,size:d,variant:i,tone:o,headless:A,onSlotChange:a,onMissing:m,onResolved:E,...I},j){const v=l.useRef(null);return l.useImperativeHandle(j,()=>v.current),l.useEffect(()=>{const t=v.current;if(!t)return;const e=u=>{const c=u.detail;c&&(a==null||a(c))},s=()=>m==null?void 0:m(),r=()=>E==null?void 0:E();return t.addEventListener("slotchange",e),t.addEventListener("missing",s),t.addEventListener("resolved",r),()=>{t.removeEventListener("slotchange",e),t.removeEventListener("missing",s),t.removeEventListener("resolved",r)}},[a,m,E]),B(()=>{const t=v.current;if(!t)return;const e=(r,u)=>{const c=t.getAttribute(r);if(u==null){c!=null&&t.removeAttribute(r);return}c!==u&&t.setAttribute(r,u)},s=(r,u)=>{u?e(r,""):e(r,null)};e("name",p||null),e("fallback",y||null),s("required",b),typeof L=="boolean"?e("inline",L?"true":"false"):e("inline",null),e("align",f&&f!=="start"?f:null),e("size",d&&d!=="md"?d:null),e("variant",i&&i!=="plain"?i:null),e("tone",o&&o!=="brand"?o:null),s("headless",A)},[p,y,b,L,f,d,i,o,A]),H.default.createElement("ui-slot",{ref:v,...I},w)});_.displayName="Slot";exports.Slot=_;exports.default=_;

package/dist/Slot.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import b, { useRef as _, useImperativeHandle as B, useEffect as A, useLayoutEffect as N } from "react";
 const j = typeof window < "u" ? N : A, q = b.forwardRef(function({
   children: H,

package/dist/Sortable.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const H=require("react"),V=require("react-dom"),a=require("./_internals-5a21394b.js"),nt=u=>u&&u.__esModule?u:{default:u},p=nt(H);function k(u){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(u):u.replace(/"/g,'\\"')}function I(u){if(u==null||u==="")return null;if(typeof u=="number")return`${u}px`;switch(u){case"none":return"0px";case"sm":return"10px";case"md":return"16px";case"lg":return"20px";case"xl":return"28px";case"full":return"999px";default:return u}}function ct(u){if(u==null||u==="")return null;if(typeof u=="number")return`${u}px`;switch(u){case"xs":return"6px";case"sm":return"8px";case"md":return"10px";case"lg":return"14px";case"xl":return"18px";default:return u}}const B=p.default.forwardRef(function({lists:l,items:d,selection:c,filterQuery:m,sort:f,persistKey:P,allowFilteredDrag:q,allowNesting:D,dropIndicatorVisibility:_,dropzoneStyle:J,dragPreviewSize:$,dragHandleMode:v,dragHandleSelector:g,itemRadius:M,handleRadius:j,listGap:z,itemSpacing:F,showSelectionBadge:O,disabled:y,renderItem:i,renderListHeader:h,renderEmptyState:w,onChange:x,onItemsChange:R,onSelectionChange:L,onPersistRequest:T,children:tt,...et},rt){const o=a.useForwardedHostRef(rt),[E,ut]=p.default.useState(0),G=!!(i||h||w);H.useEffect(()=>{a.warnIfElementNotRegistered("ui-sortable","Sortable")},[]),a.useElementEventListeners(o,[{type:"change",listener:x||R?t=>{const e=a.getCustomEventDetail(t);e&&(x==null||x(e),R==null||R(e.items))}:void 0},{type:"selection-change",listener:L?t=>{const e=a.getCustomEventDetail(t);e&&L(e)}:void 0},{type:"persist-request",listener:T?t=>{const e=a.getCustomEventDetail(t);e&&T(e)}:void 0}],[x,R,L,T]),a.useElementAttributes(o,t=>{a.syncJsonAttribute(t,"lists",l),a.syncJsonAttribute(t,"items",d),a.syncJsonAttribute(t,"selection",c??null),a.syncStringAttribute(t,"filter-query",m??null),a.syncStringAttribute(t,"sort",f&&f!=="manual"?f:null),a.syncStringAttribute(t,"persist-key",P??null),a.syncBooleanAttribute(t,"allow-filtered-drag",q),D===!1?t.setAttribute("allow-nesting","false"):t.removeAttribute("allow-nesting"),_==="always"?t.setAttribute("drop-indicator-visibility","always"):t.removeAttribute("drop-indicator-visibility"),J==="container"?t.setAttribute("dropzone-style","container"):t.removeAttribute("dropzone-style"),$==="compact"?t.setAttribute("drag-preview-size","compact"):t.removeAttribute("drag-preview-size"),v==="item"?t.setAttribute("drag-handle-mode","item"):t.removeAttribute("drag-handle-mode"),a.syncStringAttribute(t,"drag-handle-selector",g??null);const e=I(M);e?t.style.setProperty("--ui-sortable-item-radius",e):t.style.removeProperty("--ui-sortable-item-radius");const r=I(j);r?t.style.setProperty("--ui-sortable-handle-radius",r):t.style.removeProperty("--ui-sortable-handle-radius");const s=ct(z??F);s?t.style.setProperty("--ui-sortable-list-gap",s):t.style.removeProperty("--ui-sortable-list-gap"),i?t.setAttribute("custom-item-rendering","true"):t.removeAttribute("custom-item-rendering"),O===!1?t.setAttribute("show-selection-badge","false"):t.removeAttribute("show-selection-badge"),a.syncBooleanAttribute(t,"disabled",y)},[l,d,c,m,f,P,q,D,_,J,$,v,g,M,j,z,F,i,O,y]),a.useIsomorphicLayoutEffect(()=>{var C;if(!G)return;const t=o.current,e=(C=t==null?void 0:t.ownerDocument)==null?void 0:C.defaultView;if(!t||!e)return;let r=!1,s=!1,n=null,A=null;const Y=[i&&d.length>0?".item-custom-content[data-item-content-target]":null,h&&l.length>0?".list-custom-header[data-list-header-target]":null,w&&l.length>0?".list-custom-empty[data-list-empty-target]":null].filter(Boolean).join(", "),Z=()=>{r||s||(s=!0,queueMicrotask(()=>{s=!1,!r&&ut(b=>b+1)}))},it=()=>{var S;const b=(S=o.current)==null?void 0:S.shadowRoot;return b?(A||(A=new MutationObserver(()=>Z()),A.observe(b,{childList:!0,subtree:!0})),!0):!1},K=()=>{var Q;if(r)return;const b=(Q=o.current)==null?void 0:Q.shadowRoot,S=!Y||!!(b!=null&&b.querySelector(Y));if(it()&&S){Z();return}n=e.requestAnimationFrame(K)};return K(),()=>{r=!0,n!==null&&e.cancelAnimationFrame(n),A==null||A.disconnect()}},[o,G,d,l,c,m,f,P,q,D,_,$,v,g,O,y,i,h,w]),a.useIsomorphicLayoutEffect(()=>{const t=o.current,e=t==null?void 0:t.shadowRoot;if(!t)return;if(!i||!e){t.removeAttribute("custom-item-rendering-ready"),t.removeAttribute("custom-item-rendering-pending");return}const r=e.querySelectorAll(".item-custom-content[data-item-content-target]"),s=e.querySelectorAll("[data-sortable-custom-item]");r.length>0&&s.length>=r.length?(t.setAttribute("custom-item-rendering-ready","true"),t.removeAttribute("custom-item-rendering-pending")):(t.removeAttribute("custom-item-rendering-ready"),t.setAttribute("custom-item-rendering-pending","true"))},[o,i,E,d,c,m,f,y]),a.useIsomorphicLayoutEffect(()=>{var e;const t=(e=o.current)==null?void 0:e.shadowRoot;t&&(t.querySelectorAll("[data-sortable-custom-handle]").forEach(r=>{r.removeAttribute("data-sortable-custom-handle"),r.removeAttribute("data-drag-trigger"),r.removeAttribute("data-id"),r.removeAttribute("draggable")}),!(!i||!g||v==="item")&&t.querySelectorAll("[data-sortable-custom-item][data-sortable-item-id]").forEach(r=>{const s=r.getAttribute("data-sortable-item-id");s&&r.querySelectorAll(g).forEach(n=>{n.setAttribute("data-sortable-custom-handle",""),n.setAttribute("data-drag-trigger","custom"),n.setAttribute("data-id",s),n.setAttribute("draggable","true")})}))},[o,i,g,v,E,d,c,m,f,y]);const N=new Map(l.map(t=>[t.id,t])),U=new Map(l.map(t=>[t.id,d.filter(e=>e.listId===t.id).length])),W=!!y||f==="label"||!!m&&!q,st=i?d.map(t=>{var r,s,n;const e=(s=(r=o.current)==null?void 0:r.shadowRoot)==null?void 0:s.querySelector(`.item-custom-content[data-item-content-target="${k(t.id)}"]`);return e?V.createPortal(p.default.createElement("div",{"data-sortable-custom-item":"","data-sortable-item-id":t.id,"data-selected":c!=null&&c.includes(t.id)?"true":"false","data-disabled":t.disabled?"true":"false","data-drag-disabled":t.dragDisabled?"true":"false"},i(t,{selected:(c==null?void 0:c.includes(t.id))??!1,disabled:!!t.disabled,dragDisabled:!!t.dragDisabled,cloneOnDrag:!!t.cloneOnDrag||!!((n=N.get(t.listId))!=null&&n.cloneOnDrag),list:N.get(t.listId)})),e,t.id):null}):null,at=h?l.map(t=>{var r,s;const e=(s=(r=o.current)==null?void 0:r.shadowRoot)==null?void 0:s.querySelector(`.list-custom-header[data-list-header-target="${k(t.id)}"]`);return e?V.createPortal(p.default.createElement("div",{"data-sortable-custom-list-header":"","data-sortable-list-id":t.id},h(t,{itemCount:U.get(t.id)??0,dragLocked:W})),e,`header-${t.id}`):null}):null,ot=w?l.map(t=>{var r,s;const e=(s=(r=o.current)==null?void 0:r.shadowRoot)==null?void 0:s.querySelector(`.list-custom-empty[data-list-empty-target="${k(t.id)}"]`);return e?V.createPortal(p.default.createElement("div",{"data-sortable-custom-empty":"","data-sortable-list-id":t.id},w(t,{itemCount:U.get(t.id)??0,dragLocked:W,filterQuery:m??""})),e,`empty-${t.id}`):null}):null,X={ref:o,...et};return i&&(X["custom-item-rendering"]=""),p.default.createElement(p.default.Fragment,null,p.default.createElement("ui-sortable",X,tt),E>=0?st:null,E>=0?at:null,E>=0?ot:null)});B.displayName="Sortable";exports.Sortable=B;exports.default=B;

package/dist/Sortable.esm.js

@@ -0,0 +1,257 @@
+'use client';
+import b, { useEffect as lt } from "react";
+import { createPortal as B } from "react-dom";
+import { c as dt, w as ft, u as bt, a as pt, h as L, g as _, f as j, s as P, b as tt } from "./_internals-d86cc997.mjs";
+function z(a) {
+  return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(a) : a.replace(/"/g, '\\"');
+}
+function et(a) {
+  if (a == null || a === "")
+    return null;
+  if (typeof a == "number")
+    return `${a}px`;
+  switch (a) {
+    case "none":
+      return "0px";
+    case "sm":
+      return "10px";
+    case "md":
+      return "16px";
+    case "lg":
+      return "20px";
+    case "xl":
+      return "28px";
+    case "full":
+      return "999px";
+    default:
+      return a;
+  }
+}
+function mt(a) {
+  if (a == null || a === "")
+    return null;
+  if (typeof a == "number")
+    return `${a}px`;
+  switch (a) {
+    case "xs":
+      return "6px";
+    case "sm":
+      return "8px";
+    case "md":
+      return "10px";
+    case "lg":
+      return "14px";
+    case "xl":
+      return "18px";
+    default:
+      return a;
+  }
+}
+const gt = b.forwardRef(function({
+  lists: c,
+  items: l,
+  selection: n,
+  filterQuery: p,
+  sort: d,
+  persistKey: S,
+  allowFilteredDrag: q,
+  allowNesting: $,
+  dropIndicatorVisibility: D,
+  dropzoneStyle: F,
+  dragPreviewSize: O,
+  dragHandleMode: A,
+  dragHandleSelector: m,
+  itemRadius: J,
+  handleRadius: G,
+  listGap: M,
+  itemSpacing: N,
+  showSelectionBadge: V,
+  disabled: g,
+  renderItem: o,
+  renderListHeader: h,
+  renderEmptyState: v,
+  onChange: w,
+  onItemsChange: x,
+  onSelectionChange: k,
+  onPersistRequest: T,
+  children: rt,
+  ...st
+}, at) {
+  const u = dt(at), [R, ut] = b.useState(0), U = !!(o || h || v);
+  lt(() => {
+    ft("ui-sortable", "Sortable");
+  }, []), bt(
+    u,
+    [
+      {
+        type: "change",
+        listener: w || x ? (t) => {
+          const e = _(t);
+          e && (w == null || w(e), x == null || x(e.items));
+        } : void 0
+      },
+      {
+        type: "selection-change",
+        listener: k ? (t) => {
+          const e = _(t);
+          e && k(e);
+        } : void 0
+      },
+      {
+        type: "persist-request",
+        listener: T ? (t) => {
+          const e = _(t);
+          e && T(e);
+        } : void 0
+      }
+    ],
+    [w, x, k, T]
+  ), pt(
+    u,
+    (t) => {
+      j(t, "lists", c), j(t, "items", l), j(t, "selection", n ?? null), P(t, "filter-query", p ?? null), P(t, "sort", d && d !== "manual" ? d : null), P(t, "persist-key", S ?? null), tt(t, "allow-filtered-drag", q), $ === !1 ? t.setAttribute("allow-nesting", "false") : t.removeAttribute("allow-nesting"), D === "always" ? t.setAttribute("drop-indicator-visibility", "always") : t.removeAttribute("drop-indicator-visibility"), F === "container" ? t.setAttribute("dropzone-style", "container") : t.removeAttribute("dropzone-style"), O === "compact" ? t.setAttribute("drag-preview-size", "compact") : t.removeAttribute("drag-preview-size"), A === "item" ? t.setAttribute("drag-handle-mode", "item") : t.removeAttribute("drag-handle-mode"), P(t, "drag-handle-selector", m ?? null);
+      const e = et(J);
+      e ? t.style.setProperty("--ui-sortable-item-radius", e) : t.style.removeProperty("--ui-sortable-item-radius");
+      const r = et(G);
+      r ? t.style.setProperty("--ui-sortable-handle-radius", r) : t.style.removeProperty("--ui-sortable-handle-radius");
+      const s = mt(M ?? N);
+      s ? t.style.setProperty("--ui-sortable-list-gap", s) : t.style.removeProperty("--ui-sortable-list-gap"), o ? t.setAttribute("custom-item-rendering", "true") : t.removeAttribute("custom-item-rendering"), V === !1 ? t.setAttribute("show-selection-badge", "false") : t.removeAttribute("show-selection-badge"), tt(t, "disabled", g);
+    },
+    [c, l, n, p, d, S, q, $, D, F, O, A, m, J, G, M, N, o, V, g]
+  ), L(() => {
+    var I;
+    if (!U)
+      return;
+    const t = u.current, e = (I = t == null ? void 0 : t.ownerDocument) == null ? void 0 : I.defaultView;
+    if (!t || !e)
+      return;
+    let r = !1, s = !1, i = null, y = null;
+    const K = [
+      o && l.length > 0 ? ".item-custom-content[data-item-content-target]" : null,
+      h && c.length > 0 ? ".list-custom-header[data-list-header-target]" : null,
+      v && c.length > 0 ? ".list-custom-empty[data-list-empty-target]" : null
+    ].filter(Boolean).join(", "), Q = () => {
+      r || s || (s = !0, queueMicrotask(() => {
+        s = !1, !r && ut((f) => f + 1);
+      }));
+    }, ct = () => {
+      var E;
+      const f = (E = u.current) == null ? void 0 : E.shadowRoot;
+      return f ? (y || (y = new MutationObserver(() => Q()), y.observe(f, { childList: !0, subtree: !0 })), !0) : !1;
+    }, C = () => {
+      var H;
+      if (r)
+        return;
+      const f = (H = u.current) == null ? void 0 : H.shadowRoot, E = !K || !!(f != null && f.querySelector(K));
+      if (ct() && E) {
+        Q();
+        return;
+      }
+      i = e.requestAnimationFrame(C);
+    };
+    return C(), () => {
+      r = !0, i !== null && e.cancelAnimationFrame(i), y == null || y.disconnect();
+    };
+  }, [
+    u,
+    U,
+    l,
+    c,
+    n,
+    p,
+    d,
+    S,
+    q,
+    $,
+    D,
+    O,
+    A,
+    m,
+    V,
+    g,
+    o,
+    h,
+    v
+  ]), L(() => {
+    const t = u.current, e = t == null ? void 0 : t.shadowRoot;
+    if (!t)
+      return;
+    if (!o || !e) {
+      t.removeAttribute("custom-item-rendering-ready"), t.removeAttribute("custom-item-rendering-pending");
+      return;
+    }
+    const r = e.querySelectorAll(".item-custom-content[data-item-content-target]"), s = e.querySelectorAll("[data-sortable-custom-item]");
+    r.length > 0 && s.length >= r.length ? (t.setAttribute("custom-item-rendering-ready", "true"), t.removeAttribute("custom-item-rendering-pending")) : (t.removeAttribute("custom-item-rendering-ready"), t.setAttribute("custom-item-rendering-pending", "true"));
+  }, [u, o, R, l, n, p, d, g]), L(() => {
+    var e;
+    const t = (e = u.current) == null ? void 0 : e.shadowRoot;
+    t && (t.querySelectorAll("[data-sortable-custom-handle]").forEach((r) => {
+      r.removeAttribute("data-sortable-custom-handle"), r.removeAttribute("data-drag-trigger"), r.removeAttribute("data-id"), r.removeAttribute("draggable");
+    }), !(!o || !m || A === "item") && t.querySelectorAll("[data-sortable-custom-item][data-sortable-item-id]").forEach((r) => {
+      const s = r.getAttribute("data-sortable-item-id");
+      s && r.querySelectorAll(m).forEach((i) => {
+        i.setAttribute("data-sortable-custom-handle", ""), i.setAttribute("data-drag-trigger", "custom"), i.setAttribute("data-id", s), i.setAttribute("draggable", "true");
+      });
+    }));
+  }, [u, o, m, A, R, l, n, p, d, g]);
+  const W = new Map(c.map((t) => [t.id, t])), X = new Map(c.map((t) => [t.id, l.filter((e) => e.listId === t.id).length])), Y = !!g || d === "label" || !!p && !q, ot = o ? l.map((t) => {
+    var r, s, i;
+    const e = (s = (r = u.current) == null ? void 0 : r.shadowRoot) == null ? void 0 : s.querySelector(
+      `.item-custom-content[data-item-content-target="${z(t.id)}"]`
+    );
+    return e ? B(
+      /* @__PURE__ */ b.createElement(
+        "div",
+        {
+          "data-sortable-custom-item": "",
+          "data-sortable-item-id": t.id,
+          "data-selected": n != null && n.includes(t.id) ? "true" : "false",
+          "data-disabled": t.disabled ? "true" : "false",
+          "data-drag-disabled": t.dragDisabled ? "true" : "false"
+        },
+        o(t, {
+          selected: (n == null ? void 0 : n.includes(t.id)) ?? !1,
+          disabled: !!t.disabled,
+          dragDisabled: !!t.dragDisabled,
+          cloneOnDrag: !!t.cloneOnDrag || !!((i = W.get(t.listId)) != null && i.cloneOnDrag),
+          list: W.get(t.listId)
+        })
+      ),
+      e,
+      t.id
+    ) : null;
+  }) : null, it = h ? c.map((t) => {
+    var r, s;
+    const e = (s = (r = u.current) == null ? void 0 : r.shadowRoot) == null ? void 0 : s.querySelector(
+      `.list-custom-header[data-list-header-target="${z(t.id)}"]`
+    );
+    return e ? B(
+      /* @__PURE__ */ b.createElement("div", { "data-sortable-custom-list-header": "", "data-sortable-list-id": t.id }, h(t, {
+        itemCount: X.get(t.id) ?? 0,
+        dragLocked: Y
+      })),
+      e,
+      `header-${t.id}`
+    ) : null;
+  }) : null, nt = v ? c.map((t) => {
+    var r, s;
+    const e = (s = (r = u.current) == null ? void 0 : r.shadowRoot) == null ? void 0 : s.querySelector(
+      `.list-custom-empty[data-list-empty-target="${z(t.id)}"]`
+    );
+    return e ? B(
+      /* @__PURE__ */ b.createElement("div", { "data-sortable-custom-empty": "", "data-sortable-list-id": t.id }, v(t, {
+        itemCount: X.get(t.id) ?? 0,
+        dragLocked: Y,
+        filterQuery: p ?? ""
+      })),
+      e,
+      `empty-${t.id}`
+    ) : null;
+  }) : null, Z = { ref: u, ...st };
+  return o && (Z["custom-item-rendering"] = ""), /* @__PURE__ */ b.createElement(b.Fragment, null, b.createElement("ui-sortable", Z, rt), R >= 0 ? ot : null, R >= 0 ? it : null, R >= 0 ? nt : null);
+});
+gt.displayName = "Sortable";
+export {
+  gt as Sortable,
+  gt as default
+};

package/dist/SpinningText.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react"),G=require("./_internals-b9f3e909.js"),H=t=>t&&t.__esModule?t:{default:t},u=H(P),J=typeof window<"u"?u.default.useLayoutEffect:u.default.useEffect;function T(t){if(t==null||t==="")return null;if(typeof t=="number")return`${t}px`;const l=t.split(/\s+/).filter(Boolean);return l.length?l.map(e=>/^-?\d+(\.\d+)?$/.test(e)?`${e}px`:e).join(" "):null}function K(t){return t==null||t===""?null:typeof t=="number"?`${t}s`:/^-?\d+(\.\d+)?$/.test(t)?`${t}s`:t}const M=u.default.forwardRef(function({text:l,repeat:e,separator:d,speed:f,duration:g,direction:a,variant:s,tone:p,size:o,radius:y,padding:A,fontSize:w,fontWeight:b,letterSpacing:_,color:E,accent:R,orbitColor:$,easing:h,elevation:S,paused:j,pauseOnHover:C,pauseOnFocus:I,children:B,...k},D){const m=u.default.useRef(null);return u.default.useImperativeHandle(D,()=>m.current),u.default.useEffect(()=>{G.warnIfElementNotRegistered("ui-spinning-text","SpinningText")},[]),J(()=>{const r=m.current;if(!r)return;const n=(i,c)=>{const L=r.getAttribute(i);if(c==null){L!=null&&r.removeAttribute(i);return}L!==c&&r.setAttribute(i,c)},x=(i,c)=>{c?r.hasAttribute(i)||r.setAttribute(i,""):r.hasAttribute(i)&&r.removeAttribute(i)};n("text",l!=null&&l!==""?l:null),n("repeat",e==null||e===""?null:String(e)),n("separator",d||null),n("speed",f==null||f===""?null:String(f)),n("duration",K(g)),n("direction",a&&a!=="clockwise"?a:null),n("variant",s&&s!=="default"&&s!=="surface"?s:null),n("tone",p&&p!=="brand"?p:null),n("size",o&&o!=="lg"&&o!=="3"?o:null),n("radius",T(y)),n("padding",T(A)),n("font-size",T(w)),n("font-weight",b==null||b===""?null:String(b)),n("letter-spacing",T(_)),n("color",E||null),n("accent",R||null),n("orbit-color",$||null),n("easing",h||null),n("elevation",S&&S!=="low"?S:null),x("paused",j),x("pause-on-hover",C),x("pause-on-focus",I)},[l,e,d,f,g,a,s,p,o,y,A,w,b,_,E,R,$,h,S,j,C,I]),u.default.createElement("ui-spinning-text",{ref:m,...k},B)});M.displayName="SpinningText";const N=u.default.forwardRef(function({as:l,children:e,...d},f){const g=l||"div";return u.default.createElement(g,{ref:f,slot:"center","data-ui-spinning-text-center":"",...d},e)});N.displayName="SpinningText.Center";const q=Object.assign(M,{Center:N});exports.SpinningText=q;exports.default=q;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react"),G=require("./_internals-5a21394b.js"),H=t=>t&&t.__esModule?t:{default:t},u=H(P),J=typeof window<"u"?u.default.useLayoutEffect:u.default.useEffect;function T(t){if(t==null||t==="")return null;if(typeof t=="number")return`${t}px`;const l=t.split(/\s+/).filter(Boolean);return l.length?l.map(e=>/^-?\d+(\.\d+)?$/.test(e)?`${e}px`:e).join(" "):null}function K(t){return t==null||t===""?null:typeof t=="number"?`${t}s`:/^-?\d+(\.\d+)?$/.test(t)?`${t}s`:t}const M=u.default.forwardRef(function({text:l,repeat:e,separator:d,speed:f,duration:g,direction:a,variant:s,tone:p,size:o,radius:y,padding:A,fontSize:w,fontWeight:b,letterSpacing:_,color:E,accent:R,orbitColor:$,easing:h,elevation:S,paused:j,pauseOnHover:C,pauseOnFocus:I,children:B,...k},D){const m=u.default.useRef(null);return u.default.useImperativeHandle(D,()=>m.current),u.default.useEffect(()=>{G.warnIfElementNotRegistered("ui-spinning-text","SpinningText")},[]),J(()=>{const r=m.current;if(!r)return;const n=(i,c)=>{const L=r.getAttribute(i);if(c==null){L!=null&&r.removeAttribute(i);return}L!==c&&r.setAttribute(i,c)},x=(i,c)=>{c?r.hasAttribute(i)||r.setAttribute(i,""):r.hasAttribute(i)&&r.removeAttribute(i)};n("text",l!=null&&l!==""?l:null),n("repeat",e==null||e===""?null:String(e)),n("separator",d||null),n("speed",f==null||f===""?null:String(f)),n("duration",K(g)),n("direction",a&&a!=="clockwise"?a:null),n("variant",s&&s!=="default"&&s!=="surface"?s:null),n("tone",p&&p!=="brand"?p:null),n("size",o&&o!=="lg"&&o!=="3"?o:null),n("radius",T(y)),n("padding",T(A)),n("font-size",T(w)),n("font-weight",b==null||b===""?null:String(b)),n("letter-spacing",T(_)),n("color",E||null),n("accent",R||null),n("orbit-color",$||null),n("easing",h||null),n("elevation",S&&S!=="low"?S:null),x("paused",j),x("pause-on-hover",C),x("pause-on-focus",I)},[l,e,d,f,g,a,s,p,o,y,A,w,b,_,E,R,$,h,S,j,C,I]),u.default.createElement("ui-spinning-text",{ref:m,...k},B)});M.displayName="SpinningText";const N=u.default.forwardRef(function({as:l,children:e,...d},f){const g=l||"div";return u.default.createElement(g,{ref:f,slot:"center","data-ui-spinning-text-center":"",...d},e)});N.displayName="SpinningText.Center";const q=Object.assign(M,{Center:N});exports.SpinningText=q;exports.default=q;

package/dist/SpinningText.esm.js

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

package/dist/SplitButton.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),w=r=>r&&r.__esModule?r:{default:r},t=w(u),M=typeof window<"u"?u.useLayoutEffect:u.useEffect,E=t.default.forwardRef(function({children:h,label:f,menuLabel:c,menuHeading:b,menuDescription:p,variant:l,density:a,menuDensity:s,menuShape:n,disabled:m,items:v,onPrimaryAction:d,onSelect:i,...y},B){const o=u.useRef(null);u.useImperativeHandle(B,()=>o.current),u.useEffect(()=>{const e=o.current;if(!e)return;const A=()=>d==null?void 0:d(),_=R=>i==null?void 0:i(R.detail);return e.addEventListener("primary-action",A),e.addEventListener("select",_),()=>{e.removeEventListener("primary-action",A),e.removeEventListener("select",_)}},[d,i]),M(()=>{const e=o.current;e&&(f?e.setAttribute("label",f):e.removeAttribute("label"),c?e.setAttribute("menu-label",c):e.removeAttribute("menu-label"),b?e.setAttribute("menu-heading",b):e.removeAttribute("menu-heading"),p?e.setAttribute("menu-description",p):e.removeAttribute("menu-description"),l&&l!=="primary"?e.setAttribute("variant",l):e.removeAttribute("variant"),a&&a!=="default"?e.setAttribute("density",a):e.removeAttribute("density"),s&&s!=="default"?e.setAttribute("menu-density",s):e.removeAttribute("menu-density"),n&&n!=="default"?e.setAttribute("menu-shape",n):e.removeAttribute("menu-shape"),m?e.setAttribute("disabled",""):e.removeAttribute("disabled"))},[f,c,b,p,l,a,s,n,m]);const L=(v==null?void 0:v.map(e=>t.default.createElement("button",{key:e.value,slot:"menuitem",type:"button","data-value":e.value,"data-label":e.label,"data-tone":e.tone||"default",disabled:e.disabled},t.default.createElement("span",{"data-menu-text":"true"},t.default.createElement("span",{"data-menu-label":"true"},e.label),e.description?t.default.createElement("span",{"data-menu-description":"true"},e.description):null),e.shortcut?t.default.createElement("span",{"data-menu-shortcut":"true"},e.shortcut):null)))||null;return t.default.createElement("ui-split-button",{ref:o,...y},L,h)});E.displayName="SplitButton";exports.SplitButton=E;exports.default=E;

package/dist/SplitButton.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import t, { useRef as B, useImperativeHandle as R, useEffect as A, useLayoutEffect as x } from "react";
 const I = typeof window < "u" ? x : A, N = t.forwardRef(function({
   children: E,

package/dist/Stepper.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),g=n=>n&&n.__esModule?n:{default:n},b=g(s),w=typeof window<"u"?s.useLayoutEffect:s.useEffect,y=b.default.forwardRef(function({steps:c,value:E,orientation:f,variant:i,size:d,clickable:v,linear:_,headless:m,onChange:o,onSelect:a,children:h,...A},R){const p=s.useRef(null);return s.useImperativeHandle(R,()=>p.current),s.useEffect(()=>{const u=p.current;if(!u)return;const e=l=>{const t=l.detail;t&&(o==null||o(t))},r=l=>{const t=l.detail;t&&(a==null||a(t))};return u.addEventListener("change",e),u.addEventListener("select",r),()=>{u.removeEventListener("change",e),u.removeEventListener("select",r)}},[o,a]),w(()=>{const u=p.current;if(!u)return;const e=(l,t)=>{const L=u.getAttribute(l);if(t==null){L!=null&&u.removeAttribute(l);return}L!==t&&u.setAttribute(l,t)},r=(l,t)=>{t?e(l,""):e(l,null)};if(c&&c.length)try{e("steps",JSON.stringify(c))}catch{e("steps",null)}else e("steps",null);e("value",E||null),e("orientation",f&&f!=="horizontal"?f:null),e("variant",i&&i!=="default"?i:null),e("size",d&&d!=="md"?d:null),r("clickable",v),r("linear",_),r("headless",m)},[c,E,f,i,d,v,_,m]),b.default.createElement("ui-stepper",{ref:p,...A},h)});y.displayName="Stepper";exports.Stepper=y;exports.default=y;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),t=require("./_internals-5a21394b.js"),v=u=>u&&u.__esModule?u:{default:u},d=v(R),f=d.default.forwardRef(function({steps:l,value:b,orientation:n,variant:s,size:i,clickable:y,linear:p,headless:A,onChange:a,onSelect:c,children:g,...E},S){const o=t.useForwardedHostRef(S),m=d.default.useCallback(e=>{const r=t.getCustomEventDetail(e);r&&(a==null||a(r))},[a]),_=d.default.useCallback(e=>{const r=t.getCustomEventDetail(e);r&&(c==null||c(r))},[c]);return t.useElementEventListeners(o,[{type:"change",listener:m},{type:"select",listener:_}],[m,_]),t.useElementAttributes(o,e=>{t.syncJsonAttribute(e,"steps",l!=null&&l.length?l:null),t.syncStringAttribute(e,"value",b||null),t.syncStringAttribute(e,"orientation",n&&n!=="horizontal"?n:null),t.syncStringAttribute(e,"variant",s&&s!=="default"?s:null),t.syncStringAttribute(e,"size",i&&i!=="md"?i:null),t.syncBooleanAttribute(e,"clickable",y),t.syncBooleanAttribute(e,"linear",p),t.syncBooleanAttribute(e,"headless",A)},[l,b,n,s,i,y,p,A]),d.default.createElement("ui-stepper",{ref:o,...E},g)});f.displayName="Stepper";exports.Stepper=f;exports.default=f;