@editora/ui-react 0.1.8 → 0.1.11

package/dist/Skeleton.cjs.js

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

@@ -0,0 +1,27 @@
+'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: a,
+    width: s,
+    height: r,
+    radius: o,
+    gap: l,
+    duration: d,
+    variant: m,
+    animation: i,
+    density: e,
+    tone: u,
+    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,
+  E as default
+};

package/dist/Slider.cjs.js

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

@@ -0,0 +1,76 @@
+'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: N,
+  variant: p,
+  tone: F,
+  showValue: R,
+  format: _,
+  label: n,
+  description: w,
+  marks: b,
+  name: B,
+  nameStart: D,
+  nameEnd: H,
+  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);
+  }, [
+    e,
+    d,
+    f,
+    c,
+    y,
+    l,
+    j,
+    q,
+    E,
+    m,
+    N,
+    p,
+    F,
+    R,
+    _,
+    n,
+    w,
+    b,
+    B,
+    D,
+    H
+  ]), v.createElement("ui-slider", { ref: J, ...P }, O);
+});
+Y.displayName = "Slider";
+export {
+  Y as Slider,
+  Y as default
+};

package/dist/Slot.cjs.js

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

@@ -0,0 +1,52 @@
+'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,
+  name: E,
+  fallback: p,
+  required: v,
+  inline: L,
+  align: s,
+  size: c,
+  variant: f,
+  tone: d,
+  headless: y,
+  onSlotChange: i,
+  onMissing: o,
+  onResolved: m,
+  ...w
+}, I) {
+  const a = _(null);
+  return B(I, () => a.current), A(() => {
+    const t = a.current;
+    if (!t)
+      return;
+    const e = (u) => {
+      const n = u.detail;
+      n && (i == null || i(n));
+    }, l = () => o == null ? void 0 : o(), r = () => m == null ? void 0 : m();
+    return t.addEventListener("slotchange", e), t.addEventListener("missing", l), t.addEventListener("resolved", r), () => {
+      t.removeEventListener("slotchange", e), t.removeEventListener("missing", l), t.removeEventListener("resolved", r);
+    };
+  }, [i, o, m]), j(() => {
+    const t = a.current;
+    if (!t)
+      return;
+    const e = (r, u) => {
+      const n = t.getAttribute(r);
+      if (u == null) {
+        n != null && t.removeAttribute(r);
+        return;
+      }
+      n !== u && t.setAttribute(r, u);
+    }, l = (r, u) => {
+      u ? e(r, "") : e(r, null);
+    };
+    e("name", E || null), e("fallback", p || null), l("required", v), typeof L == "boolean" ? e("inline", L ? "true" : "false") : e("inline", null), e("align", s && s !== "start" ? s : null), e("size", c && c !== "md" ? c : null), e("variant", f && f !== "plain" ? f : null), e("tone", d && d !== "brand" ? d : null), l("headless", y);
+  }, [E, p, v, L, s, c, f, d, y]), b.createElement("ui-slot", { ref: a, ...w }, H);
+});
+q.displayName = "Slot";
+export {
+  q as Slot,
+  q as default
+};

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

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

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

package/dist/SplitButton.cjs.js

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

@@ -0,0 +1,59 @@
+'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,
+  label: i,
+  menuLabel: o,
+  menuHeading: f,
+  menuDescription: b,
+  variant: r,
+  density: u,
+  menuDensity: l,
+  menuShape: a,
+  disabled: p,
+  items: c,
+  onPrimaryAction: s,
+  onSelect: n,
+  ...h
+}, L) {
+  const d = B(null);
+  R(L, () => d.current), A(() => {
+    const e = d.current;
+    if (!e)
+      return;
+    const v = () => s == null ? void 0 : s(), m = (y) => n == null ? void 0 : n(y.detail);
+    return e.addEventListener("primary-action", v), e.addEventListener("select", m), () => {
+      e.removeEventListener("primary-action", v), e.removeEventListener("select", m);
+    };
+  }, [s, n]), I(() => {
+    const e = d.current;
+    e && (i ? e.setAttribute("label", i) : e.removeAttribute("label"), o ? e.setAttribute("menu-label", o) : e.removeAttribute("menu-label"), f ? e.setAttribute("menu-heading", f) : e.removeAttribute("menu-heading"), b ? e.setAttribute("menu-description", b) : e.removeAttribute("menu-description"), r && r !== "primary" ? e.setAttribute("variant", r) : e.removeAttribute("variant"), u && u !== "default" ? e.setAttribute("density", u) : e.removeAttribute("density"), l && l !== "default" ? e.setAttribute("menu-density", l) : e.removeAttribute("menu-density"), a && a !== "default" ? e.setAttribute("menu-shape", a) : e.removeAttribute("menu-shape"), p ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"));
+  }, [i, o, f, b, r, u, l, a, p]);
+  const w = (c == null ? void 0 : c.map(
+    (e) => t.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.createElement(
+        "span",
+        { "data-menu-text": "true" },
+        t.createElement("span", { "data-menu-label": "true" }, e.label),
+        e.description ? t.createElement("span", { "data-menu-description": "true" }, e.description) : null
+      ),
+      e.shortcut ? t.createElement("span", { "data-menu-shortcut": "true" }, e.shortcut) : null
+    )
+  )) || null;
+  return t.createElement("ui-split-button", { ref: d, ...h }, w, E);
+});
+N.displayName = "SplitButton";
+export {
+  N as SplitButton,
+  N as default
+};

package/dist/Stepper.cjs.js

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