@editora/ui-react 0.1.7 → 0.1.10

package/dist/Progress.esm.js

@@ -0,0 +1,59 @@
+import p, { useRef as k, useEffect as _, useLayoutEffect as q } from "react";
+const D = typeof window < "u" ? q : _, F = p.forwardRef(function({
+  value: v,
+  buffer: y,
+  max: b,
+  min: L,
+  indeterminate: w,
+  striped: H,
+  animated: P,
+  showLabel: R,
+  label: u,
+  format: i,
+  precision: S,
+  size: s,
+  variant: c,
+  tone: f,
+  shape: d,
+  mode: o,
+  onValueChange: A,
+  onComplete: g,
+  children: B,
+  ...N
+}, j) {
+  const E = k(null);
+  return p.useImperativeHandle(j, () => E.current), _(() => {
+    const r = E.current;
+    if (!r)
+      return;
+    const t = (e) => {
+      const l = e.detail;
+      l && (A == null || A(l));
+    }, n = (e) => {
+      const l = e.detail;
+      l && (g == null || g(l));
+    };
+    return r.addEventListener("change", t), r.addEventListener("complete", n), () => {
+      r.removeEventListener("change", t), r.removeEventListener("complete", n);
+    };
+  }, [A, g]), D(() => {
+    const r = E.current;
+    if (!r)
+      return;
+    const t = (e, l) => {
+      const I = r.getAttribute(e);
+      if (l == null) {
+        I != null && r.removeAttribute(e);
+        return;
+      }
+      I !== l && r.setAttribute(e, l);
+    }, n = (e, l) => {
+      l ? r.hasAttribute(e) || r.setAttribute(e, "") : r.hasAttribute(e) && r.removeAttribute(e);
+    };
+    t("value", v != null ? String(v) : null), t("buffer", y != null ? String(y) : null), t("max", b != null ? String(b) : null), t("min", L != null ? String(L) : null), n("indeterminate", w), n("striped", H), n("animated", P), n("show-label", R), t("label", u != null && u !== "" ? u : null), t("format", i != null && i !== "percent" ? i : null), t("precision", S != null ? String(S) : null), t("size", s && s !== "md" ? s : null), t("variant", c && c !== "default" ? c : null), t("tone", f && f !== "brand" ? f : null), t("shape", d && d !== "pill" ? d : null), t("mode", o && o !== "line" ? o : null);
+  }, [v, y, b, L, w, H, P, R, u, i, S, s, c, f, d, o]), p.createElement("ui-progress", { ref: E, ...N }, B);
+});
+F.displayName = "Progress";
+export {
+  F as Progress
+};

package/dist/RadioGroup.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),w=r=>r&&r.__esModule?r:{default:r},m=w(f),y=typeof window<"u"?f.useLayoutEffect:f.useEffect,v=m.default.forwardRef(function({value:p,disabled:A,required:R,name:E,orientation:n,variant:s,size:c,tone:i,options:o,onValueChange:d,children:G,...L},g){const a=f.useRef(null);return m.default.useImperativeHandle(g,()=>a.current),f.useEffect(()=>{const t=a.current;if(!t)return;const e=b=>{const u=b.detail;u&&(d==null||d(u))};return t.addEventListener("change",e),()=>t.removeEventListener("change",e)},[d]),y(()=>{const t=a.current;if(!t)return;const e=(u,l)=>{const _=t.getAttribute(u);if(l==null){_!=null&&t.removeAttribute(u);return}_!==l&&t.setAttribute(u,l)},b=(u,l)=>{l?t.hasAttribute(u)||t.setAttribute(u,""):t.hasAttribute(u)&&t.removeAttribute(u)};e("value",p??null),b("disabled",A),b("required",R),e("name",E||null),e("orientation",n&&n!=="vertical"?n:null),e("variant",s&&s!=="default"?s:null),e("size",c&&c!=="md"?c:null),e("tone",i&&i!=="brand"?i:null),o&&o.length?e("options",JSON.stringify(o)):e("options",null)},[p,A,R,E,n,s,c,i,o]),m.default.createElement("ui-radio-group",{ref:a,...L},G)});v.displayName="RadioGroup";exports.RadioGroup=v;

package/dist/RadioGroup.esm.js

@@ -0,0 +1,46 @@
+import p, { useRef as G, useEffect as R, useLayoutEffect as h } from "react";
+const y = typeof window < "u" ? h : R, I = p.forwardRef(function({
+  value: m,
+  disabled: a,
+  required: b,
+  name: A,
+  orientation: l,
+  variant: n,
+  size: f,
+  tone: i,
+  options: c,
+  onValueChange: s,
+  children: v,
+  ...L
+}, w) {
+  const o = G(null);
+  return p.useImperativeHandle(w, () => o.current), R(() => {
+    const t = o.current;
+    if (!t)
+      return;
+    const e = (d) => {
+      const r = d.detail;
+      r && (s == null || s(r));
+    };
+    return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+  }, [s]), y(() => {
+    const t = o.current;
+    if (!t)
+      return;
+    const e = (r, u) => {
+      const E = t.getAttribute(r);
+      if (u == null) {
+        E != null && t.removeAttribute(r);
+        return;
+      }
+      E !== u && t.setAttribute(r, u);
+    }, d = (r, u) => {
+      u ? t.hasAttribute(r) || t.setAttribute(r, "") : t.hasAttribute(r) && t.removeAttribute(r);
+    };
+    e("value", m ?? null), d("disabled", a), d("required", b), e("name", A || null), e("orientation", l && l !== "vertical" ? l : null), e("variant", n && n !== "default" ? n : null), e("size", f && f !== "md" ? f : null), e("tone", i && i !== "brand" ? i : null), c && c.length ? e("options", JSON.stringify(c)) : e("options", null);
+  }, [m, a, b, A, l, n, f, i, c]), p.createElement("ui-radio-group", { ref: o, ...L }, v);
+});
+I.displayName = "RadioGroup";
+export {
+  I as RadioGroup
+};

package/dist/Rating.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),D=i=>i&&i.__esModule?i:{default:i},N=D(r),F=typeof window<"u"?r.useLayoutEffect:r.useEffect,O=N.default.forwardRef(function({value:b,max:E,precision:_,disabled:p,readonly:v,variant:c,size:s,theme:f,tone:m,state:a,animation:P,shape:d,radius:g,ariaLabel:S,ariaLabelledBy:A,ariaDescribedBy:M,label:w,showValue:I,onChange:y,children:T,...k},x){const R=r.useRef(null);return r.useImperativeHandle(x,()=>R.current),r.useEffect(()=>{const e=R.current;if(!e)return;const t=o=>{const l=o.detail;l&&(y==null||y(l))};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[y]),F(()=>{const e=R.current;if(!e)return;const t=(n,u)=>{const H=e.getAttribute(n);if(u==null){H!=null&&e.removeAttribute(n);return}H!==u&&e.setAttribute(n,u)},o=(n,u)=>{u===!0?t(n,""):t(n,null)},l=(n,u)=>{e[n]=u},L=b??0,j=E??5,q=_??1;l("value",L),l("max",j),l("precision",q),l("disabled",!!p),l("readonly",!!v),t("value",String(L)),t("max",String(j)),t("precision",String(q)),o("disabled",p),o("readonly",v),t("variant",c&&c!=="default"?c:null),t("size",s&&s!=="md"?s:null),t("theme",f&&f!=="light"?f:null),t("tone",m||null),t("state",a&&a!=="idle"?a:null),t("animation",P||null),t("shape",d&&d!=="rounded"?d:null),t("aria-label",S||null),t("aria-labelledby",A||null),t("aria-describedby",M||null),t("label",w||null),o("show-value",I),g?(e.style.setProperty("--ui-rating-radius",g),t("radius",g)):(e.style.removeProperty("--ui-rating-radius"),t("radius",null))},[b,E,_,p,v,c,s,f,m,a,P,d,g,S,A,M,w,I]),N.default.createElement("ui-rating",{ref:R,...k},T)});O.displayName="Rating";const G=O;exports.Rating=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),F=i=>i&&i.__esModule?i:{default:i},N=F(r),G=typeof window<"u"?r.useLayoutEffect:r.useEffect,O=N.default.forwardRef(function({value:b,max:E,precision:_,disabled:p,readonly:v,variant:c,size:s,theme:f,tone:m,state:a,animation:P,shape:d,radius:g,ariaLabel:S,ariaLabelledBy:A,ariaDescribedBy:M,label:w,showValue:I,onChange:y,children:k,...x},D){const R=r.useRef(null);return r.useImperativeHandle(D,()=>R.current),r.useEffect(()=>{const e=R.current;if(!e)return;const t=o=>{const l=o.detail;l&&(y==null||y(l))};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[y]),G(()=>{const e=R.current;if(!e)return;const t=(n,u)=>{const H=e.getAttribute(n);if(u==null){H!=null&&e.removeAttribute(n);return}H!==u&&e.setAttribute(n,u)},o=(n,u)=>{u===!0?t(n,""):t(n,null)},l=(n,u)=>{e[n]=u},L=b??0,j=E??5,q=_??1;l("value",L),l("max",j),l("precision",q),l("disabled",!!p),l("readonly",!!v),t("value",String(L)),t("max",String(j)),t("precision",String(q)),o("disabled",p),o("readonly",v),t("variant",c&&c!=="default"?c:null),t("size",s&&s!=="md"?s:null),t("theme",f&&f!=="light"?f:null),t("tone",m||null),t("state",a&&a!=="idle"?a:null),t("animation",P||null),t("shape",d&&d!=="rounded"?d:null),t("aria-label",S||null),t("aria-labelledby",A||null),t("aria-describedby",M||null),t("label",w||null),o("show-value",I),g?(e.style.setProperty("--ui-rating-radius",g),t("radius",g)):(e.style.removeProperty("--ui-rating-radius"),t("radius",null))},[b,E,_,p,v,c,s,f,m,a,P,d,g,S,A,M,w,I]),N.default.createElement("ui-rating",{ref:R,...x},k)});O.displayName="Rating";const T=O;exports.Rating=T;exports.default=T;

package/dist/Rating.esm.js

@@ -25,33 +25,33 @@ const O = typeof window < "u" ? K : N, j = M.forwardRef(
   }, F) {
     const y = G(null);
     return J(F, () => y.current), N(() => {
-      const n = y.current;
-      if (!n)
+      const e = y.current;
+      if (!e)
         return;
       const t = (u) => {
-        const e = u.detail;
-        e && (a == null || a(e));
+        const l = u.detail;
+        l && (a == null || a(l));
       };
-      return n.addEventListener("change", t), () => {
-        n.removeEventListener("change", t);
+      return e.addEventListener("change", t), () => {
+        e.removeEventListener("change", t);
       };
     }, [a]), O(() => {
-      const n = y.current;
-      if (!n)
+      const e = y.current;
+      if (!e)
         return;
-      const t = (l, r) => {
-        const H = n.getAttribute(l);
+      const t = (n, r) => {
+        const H = e.getAttribute(n);
         if (r == null) {
-          H != null && n.removeAttribute(l);
+          H != null && e.removeAttribute(n);
           return;
         }
-        H !== r && n.setAttribute(l, r);
-      }, u = (l, r) => {
-        r === !0 ? t(l, "") : t(l, null);
-      }, e = (l, r) => {
-        n[l] = r;
+        H !== r && e.setAttribute(n, r);
+      }, u = (n, r) => {
+        r === !0 ? t(n, "") : t(n, null);
+      }, l = (n, r) => {
+        e[n] = r;
       }, L = p ?? 0, _ = m ?? 5, x = v ?? 1;
-      e("value", L), e("max", _), e("precision", x), e("disabled", !!g), e("readonly", !!R), t("value", String(L)), t("max", String(_)), t("precision", String(x)), u("disabled", g), u("readonly", R), t("variant", i && i !== "default" ? i : null), t("size", o && o !== "md" ? o : null), t("theme", c && c !== "light" ? c : null), t("tone", E || null), t("state", s && s !== "idle" ? s : null), t("animation", b || null), t("shape", f && f !== "rounded" ? f : null), t("aria-label", A || null), t("aria-labelledby", P || null), t("aria-describedby", w || null), t("label", S || null), u("show-value", I), d ? (n.style.setProperty("--ui-rating-radius", d), t("radius", d)) : (n.style.removeProperty("--ui-rating-radius"), t("radius", null));
+      l("value", L), l("max", _), l("precision", x), l("disabled", !!g), l("readonly", !!R), t("value", String(L)), t("max", String(_)), t("precision", String(x)), u("disabled", g), u("readonly", R), t("variant", i && i !== "default" ? i : null), t("size", o && o !== "md" ? o : null), t("theme", c && c !== "light" ? c : null), t("tone", E || null), t("state", s && s !== "idle" ? s : null), t("animation", b || null), t("shape", f && f !== "rounded" ? f : null), t("aria-label", A || null), t("aria-labelledby", P || null), t("aria-describedby", w || null), t("label", S || null), u("show-value", I), d ? (e.style.setProperty("--ui-rating-radius", d), t("radius", d)) : (e.style.removeProperty("--ui-rating-radius"), t("radius", null));
     }, [
       p,
       m,
@@ -77,5 +77,6 @@ const O = typeof window < "u" ? K : N, j = M.forwardRef(
 j.displayName = "Rating";
 const U = j;
 export {
-  U as Rating
+  U as Rating,
+  U as default
 };

package/dist/RovingFocusGroup.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),E=u=>u&&u.__esModule?u:{default:u},v=E(t),_=typeof window<"u"?t.useLayoutEffect:t.useEffect,f=v.default.forwardRef(function({children:p,itemSelector:i,directItemSelector:l,activeAttribute:r,loop:n,container:c,onActiveItemChange:s,...b},m){const o=t.useRef(null);return t.useImperativeHandle(m,()=>o.current),t.useEffect(()=>{const e=o.current;if(!e)return;const a=R=>{const d=R.detail;d&&(s==null||s(d))};return e.addEventListener("active-item-change",a),()=>{e.removeEventListener("active-item-change",a)}},[s]),_(()=>{const e=o.current;e&&(i?e.setAttribute("item-selector",i):e.removeAttribute("item-selector"),l?e.setAttribute("direct-item-selector",l):e.removeAttribute("direct-item-selector"),r===null?e.setAttribute("active-attribute",""):r?e.setAttribute("active-attribute",r):e.removeAttribute("active-attribute"),n===!1?e.setAttribute("loop","false"):e.removeAttribute("loop"),e.container=c??null)},[r,c,l,i,n]),v.default.createElement("ui-roving-focus-group",{ref:o,...b},p)});f.displayName="RovingFocusGroup";exports.RovingFocusGroup=f;exports.default=f;

package/dist/RovingFocusGroup.esm.js

@@ -0,0 +1,24 @@
+import a, { useRef as m, useImperativeHandle as E, useEffect as c, useLayoutEffect as R } from "react";
+const y = typeof window < "u" ? R : c, L = a.forwardRef(function({ children: d, itemSelector: s, directItemSelector: i, activeAttribute: t, loop: o, container: f, onActiveItemChange: r, ...p }, v) {
+  const u = m(null);
+  return E(v, () => u.current), c(() => {
+    const e = u.current;
+    if (!e)
+      return;
+    const n = (b) => {
+      const l = b.detail;
+      l && (r == null || r(l));
+    };
+    return e.addEventListener("active-item-change", n), () => {
+      e.removeEventListener("active-item-change", n);
+    };
+  }, [r]), y(() => {
+    const e = u.current;
+    e && (s ? e.setAttribute("item-selector", s) : e.removeAttribute("item-selector"), i ? e.setAttribute("direct-item-selector", i) : e.removeAttribute("direct-item-selector"), t === null ? e.setAttribute("active-attribute", "") : t ? e.setAttribute("active-attribute", t) : e.removeAttribute("active-attribute"), o === !1 ? e.setAttribute("loop", "false") : e.removeAttribute("loop"), e.container = f ?? null);
+  }, [t, f, i, s, o]), a.createElement("ui-roving-focus-group", { ref: u, ...p }, d);
+});
+L.displayName = "RovingFocusGroup";
+export {
+  L as RovingFocusGroup,
+  L as default
+};

package/dist/ScrollArea.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),I=s=>s&&s.__esModule?s:{default:s},b=I(f),j=typeof window<"u"?f.useLayoutEffect:f.useEffect,p=b.default.forwardRef(function({orientation:i,size:n,variant:d,tone:o,autoHide:m,shadows:y,onScrollChange:v,onReachStart:a,onReachEnd:A,children:E,...w},M){const L=f.useRef(null);return b.default.useImperativeHandle(M,()=>L.current),f.useEffect(()=>{const e=L.current;if(!e)return;const l=r=>{const u=r.detail;u&&(v==null||v(u))},c=()=>a==null?void 0:a(),t=()=>A==null?void 0:A();return e.addEventListener("scroll",l),e.addEventListener("reach-start",c),e.addEventListener("reach-end",t),()=>{e.removeEventListener("scroll",l),e.removeEventListener("reach-start",c),e.removeEventListener("reach-end",t)}},[v,a,A]),j(()=>{const e=L.current;if(!e)return;const l=(t,r)=>{const u=e.getAttribute(t);if(r==null){u!=null&&e.removeAttribute(t);return}u!==r&&e.setAttribute(t,r)},c=(t,r)=>{const u=e.getAttribute(t);if(r==null){u!=null&&e.removeAttribute(t);return}const _=r?"true":"false";u!==_&&e.setAttribute(t,_)};l("orientation",i&&i!=="vertical"?i:null),l("size",n&&n!=="md"?n:null),l("variant",d&&d!=="default"?d:null),l("tone",o&&o!=="neutral"?o:null),c("auto-hide",m),c("shadows",y)},[i,n,d,o,m,y]),b.default.createElement("ui-scroll-area",{ref:L,...w},E)});p.displayName="ScrollArea";exports.ScrollArea=p;

package/dist/ScrollArea.esm.js

@@ -0,0 +1,53 @@
+import m, { useRef as I, useEffect as b, useLayoutEffect as _ } from "react";
+const B = typeof window < "u" ? _ : b, N = m.forwardRef(function({
+  orientation: f,
+  size: c,
+  variant: i,
+  tone: n,
+  autoHide: L,
+  shadows: p,
+  onScrollChange: d,
+  onReachStart: o,
+  onReachEnd: v,
+  children: E,
+  ...w
+}, a) {
+  const A = I(null);
+  return m.useImperativeHandle(a, () => A.current), b(() => {
+    const t = A.current;
+    if (!t)
+      return;
+    const s = (r) => {
+      const u = r.detail;
+      u && (d == null || d(u));
+    }, l = () => o == null ? void 0 : o(), e = () => v == null ? void 0 : v();
+    return t.addEventListener("scroll", s), t.addEventListener("reach-start", l), t.addEventListener("reach-end", e), () => {
+      t.removeEventListener("scroll", s), t.removeEventListener("reach-start", l), t.removeEventListener("reach-end", e);
+    };
+  }, [d, o, v]), B(() => {
+    const t = A.current;
+    if (!t)
+      return;
+    const s = (e, r) => {
+      const u = t.getAttribute(e);
+      if (r == null) {
+        u != null && t.removeAttribute(e);
+        return;
+      }
+      u !== r && t.setAttribute(e, r);
+    }, l = (e, r) => {
+      const u = t.getAttribute(e);
+      if (r == null) {
+        u != null && t.removeAttribute(e);
+        return;
+      }
+      const y = r ? "true" : "false";
+      u !== y && t.setAttribute(e, y);
+    };
+    s("orientation", f && f !== "vertical" ? f : null), s("size", c && c !== "md" ? c : null), s("variant", i && i !== "default" ? i : null), s("tone", n && n !== "neutral" ? n : null), l("auto-hide", L), l("shadows", p);
+  }, [f, c, i, n, L, p]), m.createElement("ui-scroll-area", { ref: A, ...w }, E);
+});
+N.displayName = "ScrollArea";
+export {
+  N as ScrollArea
+};

package/dist/Section.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),E=u=>u&&u.__esModule?u:{default:u},a=E(o),R=typeof window<"u"?o.useLayoutEffect:o.useEffect,b=a.default.forwardRef(function({size:n="medium",variant:c="default",tone:f="neutral",radius:i="md",density:s="comfortable",inset:m,children:_,...p},y){const d=o.useRef(null);return a.default.useImperativeHandle(y,()=>d.current),R(()=>{const t=d.current;if(!t)return;const l=(e,r)=>{const A=t.getAttribute(e);if(r==null){A!=null&&t.removeAttribute(e);return}A!==r&&t.setAttribute(e,r)},S=(e,r)=>{r?t.hasAttribute(e)||t.setAttribute(e,""):t.hasAttribute(e)&&t.removeAttribute(e)};l("size",n!=="medium"?n:null),l("variant",c!=="default"?c:null),l("tone",f!=="neutral"?f:null),l("radius",i!=="md"?i:null),l("density",s!=="comfortable"?s:null),S("inset",m)},[n,c,f,i,s,m]),a.default.createElement("ui-section",{ref:d,...p},_)});b.displayName="Section";exports.Section=b;exports.default=b;

package/dist/Section.esm.js

@@ -0,0 +1,34 @@
+import s, { useRef as y, useLayoutEffect as E, useEffect as h } from "react";
+const w = typeof window < "u" ? E : h, R = s.forwardRef(function({
+  size: o = "medium",
+  variant: l = "default",
+  tone: n = "neutral",
+  radius: f = "md",
+  density: c = "comfortable",
+  inset: d,
+  children: a,
+  ...b
+}, A) {
+  const i = y(null);
+  return s.useImperativeHandle(A, () => i.current), w(() => {
+    const t = i.current;
+    if (!t)
+      return;
+    const u = (e, r) => {
+      const m = t.getAttribute(e);
+      if (r == null) {
+        m != null && t.removeAttribute(e);
+        return;
+      }
+      m !== r && t.setAttribute(e, r);
+    }, p = (e, r) => {
+      r ? t.hasAttribute(e) || t.setAttribute(e, "") : t.hasAttribute(e) && t.removeAttribute(e);
+    };
+    u("size", o !== "medium" ? o : null), u("variant", l !== "default" ? l : null), u("tone", n !== "neutral" ? n : null), u("radius", f !== "md" ? f : null), u("density", c !== "comfortable" ? c : null), p("inset", d);
+  }, [o, l, n, f, c, d]), s.createElement("ui-section", { ref: i, ...b }, a);
+});
+R.displayName = "Section";
+export {
+  R as Section,
+  R as default
+};

package/dist/Separator.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react");function u(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=u(c),n=o.forwardRef((e,t)=>o.createElement("ui-separator",{ref:t,...e}));n.displayName="Separator";exports.Separator=n;

package/dist/Separator.esm.js

@@ -0,0 +1,6 @@
+import * as a from "react";
+const t = a.forwardRef((r, e) => /* @__PURE__ */ a.createElement("ui-separator", { ref: e, ...r }));
+t.displayName = "Separator";
+export {
+  t as Separator
+};

package/dist/Skeleton.cjs.js

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

package/dist/Skeleton.esm.js

@@ -0,0 +1,27 @@
+import v, { useRef as h, useLayoutEffect as p, useEffect as g } from "react";
+const y = typeof window < "u" ? p : g;
+function E(A) {
+  const {
+    count: i,
+    width: n,
+    height: s,
+    radius: o,
+    gap: a,
+    duration: f,
+    variant: b,
+    animation: e,
+    density: r,
+    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 });
+}
+export {
+  E as Skeleton,
+  E as default
+};

package/dist/Slider.cjs.js

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

package/dist/Slider.esm.js

@@ -0,0 +1,99 @@
+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,
+  orientation: m,
+  size: o,
+  variant: N,
+  tone: p,
+  showValue: A,
+  format: w,
+  label: E,
+  description: R,
+  marks: F,
+  name: _,
+  nameStart: B,
+  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);
+  }, [
+    s,
+    n,
+    c,
+    d,
+    b,
+    y,
+    J,
+    O,
+    j,
+    m,
+    o,
+    N,
+    p,
+    A,
+    w,
+    E,
+    R,
+    F,
+    _,
+    B,
+    H
+  ]), k.createElement("ui-slider", { ref: S, ...G }, D);
+});
+U.displayName = "Slider";
+export {
+  U as Slider,
+  U as default
+};

package/dist/Slot.cjs.js

@@ -0,0 +1 @@
+"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,51 @@
+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/SpinningText.cjs.js

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

package/dist/SpinningText.esm.js

@@ -0,0 +1,96 @@
+import l from "react";
+import { w as G } from "./_internals-f8fb69a8.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 @@
+"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;