@editora/ui-react 0.1.8 → 0.1.11

package/dist/Accordion.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("react"),O=require("./_internals-b9f3e909.js");function q(r){if(r&&r.__esModule)return r;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const i=q(M),x=typeof window<"u"?i.useLayoutEffect:i.useEffect;function B(r,t,e){if(e==null){r.removeAttribute(t);return}e?r.setAttribute(t,""):r.removeAttribute(t)}function l(r,t,e){const c=r.getAttribute(t);if(e==null||e===""){c!=null&&r.removeAttribute(t);return}c!==e&&r.setAttribute(t,e)}function v(r){var t;return(t=r.detail)==null?void 0:t.open}const w=i.forwardRef(function({multiple:t,collapsible:e,open:c,variant:u,size:d,radius:f,tone:o,indicator:m,shape:b,elevation:g,onToggle:s,onChangeOpen:a,children:P,...j},L){const y=i.useRef(null);return i.useImperativeHandle(L,()=>y.current),i.useEffect(()=>{O.warnIfElementNotRegistered("ui-accordion","Accordion")},[]),x(()=>{const n=y.current;n&&(B(n,"multiple",t),e==null?n.removeAttribute("collapsible"):n.setAttribute("collapsible",String(!!e)),c==null?n.removeAttribute("open"):n.setAttribute("open",Array.isArray(c)?JSON.stringify(c):String(c)),l(n,"variant",u&&u!=="surface"?u:null),l(n,"size",d&&d!=="md"?d:null),l(n,"radius",f!=null?String(f):null),l(n,"tone",o&&o!=="neutral"?o:null),l(n,"indicator",m&&m!=="line"?m:null),l(n,"shape",b&&b!=="default"?b:null),l(n,"elevation",g&&g!=="default"?g:null))},[t,e,c,u,d,f,o,m,b,g]),i.useEffect(()=>{const n=y.current;if(!n||!s&&!a)return;const p=E=>{const A=v(E);A!=null&&(s==null||s(A))},S=E=>{const A=v(E);A!=null&&(a==null||a(A))};return n.addEventListener("toggle",p),n.addEventListener("change",S),()=>{n.removeEventListener("toggle",p),n.removeEventListener("change",S)}},[s,a]),i.createElement("ui-accordion",{ref:y,...j},P)});w.displayName="Accordion";const N=i.forwardRef(function({disabled:t,description:e,badge:c,children:u,...d},f){const o={ref:f,"data-ui-accordion-item":"",...d};return t&&(o.disabled=!0),e!=null&&(o["data-description"]=String(e)),c!=null&&(o["data-badge"]=String(c)),i.createElement("div",o,u)});N.displayName="AccordionItem";const R=i.forwardRef(function({type:t,children:e,...c},u){return i.createElement("button",{ref:u,type:t||"button","data-ui-accordion-trigger":"",...c},e)});R.displayName="AccordionTrigger";const _=i.forwardRef(function({children:t,...e},c){return i.createElement("div",{ref:c,"data-ui-accordion-panel":"",...e},t)});_.displayName="AccordionPanel";const I=Object.assign(w,{Item:N,Trigger:R,Panel:_});I.displayName="Accordion";exports.Accordion=I;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("react"),O=require("./_internals-5a21394b.js");function q(r){if(r&&r.__esModule)return r;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,c.get?c:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const i=q(M),x=typeof window<"u"?i.useLayoutEffect:i.useEffect;function B(r,t,e){if(e==null){r.removeAttribute(t);return}e?r.setAttribute(t,""):r.removeAttribute(t)}function l(r,t,e){const c=r.getAttribute(t);if(e==null||e===""){c!=null&&r.removeAttribute(t);return}c!==e&&r.setAttribute(t,e)}function P(r){var t;return(t=r.detail)==null?void 0:t.open}const R=i.forwardRef(function({multiple:t,collapsible:e,open:c,variant:u,size:d,radius:f,tone:o,indicator:m,shape:b,elevation:g,onToggle:s,onChangeOpen:a,children:_,...j},L){const y=i.useRef(null);return i.useImperativeHandle(L,()=>y.current),i.useEffect(()=>{O.warnIfElementNotRegistered("ui-accordion","Accordion")},[]),x(()=>{const n=y.current;n&&(B(n,"multiple",t),e==null?n.removeAttribute("collapsible"):n.setAttribute("collapsible",String(!!e)),c==null?n.removeAttribute("open"):n.setAttribute("open",Array.isArray(c)?JSON.stringify(c):String(c)),l(n,"variant",u&&u!=="surface"?u:null),l(n,"size",d&&d!=="md"?d:null),l(n,"radius",f!=null?String(f):null),l(n,"tone",o&&o!=="neutral"?o:null),l(n,"indicator",m&&m!=="line"?m:null),l(n,"shape",b&&b!=="default"?b:null),l(n,"elevation",g&&g!=="default"?g:null))},[t,e,c,u,d,f,o,m,b,g]),i.useEffect(()=>{const n=y.current;if(!n||!s&&!a)return;const I=E=>{const A=P(E);A!=null&&(s==null||s(A))},N=E=>{const A=P(E);A!=null&&(a==null||a(A))};return n.addEventListener("toggle",I),n.addEventListener("change",N),()=>{n.removeEventListener("toggle",I),n.removeEventListener("change",N)}},[s,a]),i.createElement("ui-accordion",{ref:y,...j},_)});R.displayName="Accordion";const p=i.forwardRef(function({disabled:t,description:e,badge:c,children:u,...d},f){const o={ref:f,"data-ui-accordion-item":"",...d};return t&&(o.disabled=!0),e!=null&&(o["data-description"]=String(e)),c!=null&&(o["data-badge"]=String(c)),i.createElement("div",o,u)});p.displayName="AccordionItem";const S=i.forwardRef(function({type:t,children:e,...c},u){return i.createElement("button",{ref:u,type:t||"button","data-ui-accordion-trigger":"",...c},e)});S.displayName="AccordionTrigger";const v=i.forwardRef(function({children:t,...e},c){return i.createElement("div",{ref:c,"data-ui-accordion-panel":"",...e},t)});v.displayName="AccordionPanel";const w=Object.assign(R,{Item:p,Trigger:S,Panel:v});w.displayName="Accordion";exports.Accordion=w;exports.AccordionItem=p;exports.AccordionPanel=v;exports.AccordionTrigger=S;exports.default=w;

package/dist/Accordion.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import * as i from "react";
-import { w as B } from "./_internals-f8fb69a8.mjs";
+import { w as B } from "./_internals-d86cc997.mjs";
 const j = typeof window < "u" ? i.useLayoutEffect : i.useEffect;
 function H(c, t, r) {
   if (r == null) {
@@ -85,5 +86,9 @@ const J = Object.assign(N, {
 });
 J.displayName = "Accordion";
 export {
-  J as Accordion
+  J as Accordion,
+  R as AccordionItem,
+  L as AccordionPanel,
+  v as AccordionTrigger,
+  J as default
 };

package/dist/Alert.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("react"),w=t=>t&&t.__esModule?t:{default:t},y=w(A),L=typeof window<"u"?A.useLayoutEffect:A.useEffect;function R(t){const{title:c,description:s,tone:o,variant:n,layout:f,size:l,radius:a,elevation:i,indicator:u,dismissible:b,open:d,headless:r,onClose:v,children:I,...S}=t,p=A.useRef(null);return A.useEffect(()=>{const e=p.current;if(!e)return;const h=()=>v==null?void 0:v();return e.addEventListener("close",h),()=>e.removeEventListener("close",h)},[v]),L(()=>{const e=p.current;e&&(c?e.setAttribute("title",c):e.removeAttribute("title"),s?e.setAttribute("description",s):e.removeAttribute("description"),o?e.setAttribute("tone",o):e.removeAttribute("tone"),n?e.setAttribute("variant",n):e.removeAttribute("variant"),f?e.setAttribute("layout",f):e.removeAttribute("layout"),l&&l!=="md"?e.setAttribute("size",l):e.removeAttribute("size"),a!=null?e.setAttribute("radius",String(a)):e.removeAttribute("radius"),i&&i!=="low"?e.setAttribute("elevation",i):e.removeAttribute("elevation"),u&&u!=="line"?e.setAttribute("indicator",u):e.removeAttribute("indicator"),b?e.setAttribute("dismissible",""):e.removeAttribute("dismissible"),r?e.setAttribute("headless",""):e.removeAttribute("headless"),typeof d=="boolean"?d?e.removeAttribute("hidden"):e.setAttribute("hidden",""):e.removeAttribute("hidden"))},[c,s,o,n,f,l,a,i,u,b,d,r]),y.default.createElement("ui-alert",{ref:p,...S},I)}function m(t,c,s,o){const n=y.default.forwardRef(function({as:l,children:a,style:i,...u},b){const d=l||t,r={ref:b,...u};return s&&(r.slot=s),o&&(r[o]=""),i&&(r.style=i),y.default.createElement(d,r,a)});return n.displayName=c,n}const E=m("span","AlertIcon","icon","data-ui-alert-icon"),_=m("div","AlertTitle","title","data-ui-alert-title"),T=m("div","AlertDescription",void 0,"data-ui-alert-description"),g=m("div","AlertActions","actions","data-ui-alert-actions"),D=Object.assign(R,{Icon:E,Title:_,Description:T,Actions:g,displayName:"Alert"});exports.Alert=D;exports.AlertActions=g;exports.AlertDescription=T;exports.AlertIcon=E;exports.AlertTitle=_;exports.default=D;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),t=require("./_internals-5a21394b.js"),B=n=>n&&n.__esModule?n:{default:n},A=B(R);function C(n){const{title:f,description:o,tone:c,variant:u,layout:g,size:l,radius:a,elevation:i,indicator:s,dismissible:b,open:d,headless:r,onClose:p,children:h,...I}=n,S=A.default.useRef(null),m=A.default.useCallback(()=>{p==null||p()},[p]);return t.useElementEventListeners(S,[{type:"close",listener:m}],[m]),t.useElementAttributes(S,e=>{t.syncStringAttribute(e,"title",f??null),t.syncStringAttribute(e,"description",o??null),t.syncStringAttribute(e,"tone",c??null),t.syncStringAttribute(e,"variant",u??null),t.syncStringAttribute(e,"layout",g??null),t.syncStringAttribute(e,"size",l&&l!=="md"?l:null),t.syncStringAttribute(e,"radius",a!=null?String(a):null),t.syncStringAttribute(e,"elevation",i&&i!=="low"?i:null),t.syncStringAttribute(e,"indicator",s&&s!=="line"?s:null),t.syncBooleanAttribute(e,"dismissible",b),t.syncBooleanAttribute(e,"headless",r),t.syncBooleanAttribute(e,"hidden",typeof d=="boolean"?!d:void 0)},[f,o,c,u,g,l,a,i,s,b,d,r]),A.default.createElement("ui-alert",{ref:S,...I},h)}function y(n,f,o,c){const u=A.default.forwardRef(function({as:l,children:a,style:i,...s},b){const d=l||n,r={ref:b,...s};return o&&(r.slot=o),c&&(r[c]=""),i&&(r.style=i),A.default.createElement(d,r,a)});return u.displayName=f,u}const v=y("span","AlertIcon","icon","data-ui-alert-icon"),_=y("div","AlertTitle","title","data-ui-alert-title"),T=y("div","AlertDescription",void 0,"data-ui-alert-description"),D=y("div","AlertActions","actions","data-ui-alert-actions"),E=Object.assign(C,{Icon:v,Title:_,Description:T,Actions:D,displayName:"Alert"});exports.Alert=E;exports.AlertActions=D;exports.AlertDescription=T;exports.AlertIcon=v;exports.AlertTitle=_;exports.default=E;

package/dist/Alert.esm.js

@@ -1,53 +1,49 @@
-import p, { useRef as I, useEffect as h, useLayoutEffect as L } from "react";
-const T = typeof window < "u" ? L : h;
-function g(m) {
+'use client';
+import d from "react";
+import { u as T, a as C, s as e, b as E } from "./_internals-d86cc997.mjs";
+function D(v) {
   const {
-    title: u,
-    description: r,
-    tone: s,
-    variant: o,
-    layout: d,
-    size: n,
-    radius: a,
-    elevation: t,
-    indicator: l,
+    title: p,
+    description: o,
+    tone: r,
+    variant: a,
+    layout: b,
+    size: l,
+    radius: c,
+    elevation: n,
+    indicator: s,
     dismissible: A,
-    open: c,
+    open: u,
     headless: i,
     onClose: f,
-    children: E,
-    ...w
-  } = m, v = I(null);
-  return h(() => {
-    const e = v.current;
-    if (!e)
-      return;
-    const y = () => f == null ? void 0 : f();
-    return e.addEventListener("close", y), () => e.removeEventListener("close", y);
-  }, [f]), T(() => {
-    const e = v.current;
-    e && (u ? e.setAttribute("title", u) : e.removeAttribute("title"), r ? e.setAttribute("description", r) : e.removeAttribute("description"), s ? e.setAttribute("tone", s) : e.removeAttribute("tone"), o ? e.setAttribute("variant", o) : e.removeAttribute("variant"), d ? e.setAttribute("layout", d) : e.removeAttribute("layout"), n && n !== "md" ? e.setAttribute("size", n) : e.removeAttribute("size"), a != null ? e.setAttribute("radius", String(a)) : e.removeAttribute("radius"), t && t !== "low" ? e.setAttribute("elevation", t) : e.removeAttribute("elevation"), l && l !== "line" ? e.setAttribute("indicator", l) : e.removeAttribute("indicator"), A ? e.setAttribute("dismissible", "") : e.removeAttribute("dismissible"), i ? e.setAttribute("headless", "") : e.removeAttribute("headless"), typeof c == "boolean" ? c ? e.removeAttribute("hidden") : e.setAttribute("hidden", "") : e.removeAttribute("hidden"));
-  }, [u, r, s, o, d, n, a, t, l, A, c, i]), p.createElement("ui-alert", { ref: v, ...w }, E);
+    children: h,
+    ...S
+  } = v, y = d.useRef(null), g = d.useCallback(() => {
+    f == null || f();
+  }, [f]);
+  return T(y, [{ type: "close", listener: g }], [g]), C(y, (t) => {
+    e(t, "title", p ?? null), e(t, "description", o ?? null), e(t, "tone", r ?? null), e(t, "variant", a ?? null), e(t, "layout", b ?? null), e(t, "size", l && l !== "md" ? l : null), e(t, "radius", c != null ? String(c) : null), e(t, "elevation", n && n !== "low" ? n : null), e(t, "indicator", s && s !== "line" ? s : null), E(t, "dismissible", A), E(t, "headless", i), E(t, "hidden", typeof u == "boolean" ? !u : void 0);
+  }, [p, o, r, a, b, l, c, n, s, A, u, i]), d.createElement("ui-alert", { ref: y, ...S }, h);
 }
-function b(m, u, r, s) {
-  const o = p.forwardRef(function({ as: n, children: a, style: t, ...l }, A) {
-    const c = n || m, i = { ref: A, ...l };
-    return r && (i.slot = r), s && (i[s] = ""), t && (i.style = t), p.createElement(c, i, a);
+function m(v, p, o, r) {
+  const a = d.forwardRef(function({ as: l, children: c, style: n, ...s }, A) {
+    const u = l || v, i = { ref: A, ...s };
+    return o && (i.slot = o), r && (i[r] = ""), n && (i.style = n), d.createElement(u, i, c);
   });
-  return o.displayName = u, o;
+  return a.displayName = p, a;
 }
-const z = b("span", "AlertIcon", "icon", "data-ui-alert-icon"), D = b("div", "AlertTitle", "title", "data-ui-alert-title"), R = b("div", "AlertDescription", void 0, "data-ui-alert-description"), S = b("div", "AlertActions", "actions", "data-ui-alert-actions"), N = Object.assign(g, {
-  Icon: z,
-  Title: D,
-  Description: R,
-  Actions: S,
+const I = m("span", "AlertIcon", "icon", "data-ui-alert-icon"), R = m("div", "AlertTitle", "title", "data-ui-alert-title"), w = m("div", "AlertDescription", void 0, "data-ui-alert-description"), z = m("div", "AlertActions", "actions", "data-ui-alert-actions"), j = Object.assign(D, {
+  Icon: I,
+  Title: R,
+  Description: w,
+  Actions: z,
   displayName: "Alert"
 });
 export {
-  N as Alert,
-  S as AlertActions,
-  R as AlertDescription,
-  z as AlertIcon,
-  D as AlertTitle,
-  N as default
+  j as Alert,
+  z as AlertActions,
+  w as AlertDescription,
+  I as AlertIcon,
+  R as AlertTitle,
+  j as default
 };

package/dist/AlertDialog.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),K=r=>r&&r.__esModule?r:{default:r},o=K(T),Q=typeof window<"u"?o.default.useLayoutEffect:o.default.useEffect,N=o.default.forwardRef(function({children:h,open:u,headless:d,dismissible:a,closeOnEsc:v,closeOnBackdrop:f,lockWhileLoading:A,roleType:s,tone:n,variant:c,size:l,radius:i,elevation:g,indicator:m,state:D,initialFocus:R,dialogId:I,config:M,onOpen:p,onConfirm:E,onCancel:L,onDismiss:y,onClose:S,onChange:w,...G},J){const _=T.useRef(null);return o.default.useImperativeHandle(J,()=>_.current),T.useEffect(()=>{const e=_.current;if(!e)return;const j=t=>p==null?void 0:p(t.detail),q=t=>E==null?void 0:E(t.detail),H=t=>L==null?void 0:L(t.detail),P=t=>y==null?void 0:y(t.detail),k=t=>S==null?void 0:S(t.detail),x=t=>w==null?void 0:w(t.detail);return e.addEventListener("ui-open",j),e.addEventListener("ui-confirm",q),e.addEventListener("ui-cancel",H),e.addEventListener("ui-dismiss",P),e.addEventListener("ui-close",k),e.addEventListener("ui-change",x),()=>{e.removeEventListener("ui-open",j),e.removeEventListener("ui-confirm",q),e.removeEventListener("ui-cancel",H),e.removeEventListener("ui-dismiss",P),e.removeEventListener("ui-close",k),e.removeEventListener("ui-change",x)}},[p,E,L,y,S,w]),Q(()=>{const e=_.current;e&&(d?e.setAttribute("headless",""):e.removeAttribute("headless"),typeof u=="boolean"&&u?e.setAttribute("open",""):e.removeAttribute("open"),typeof a=="boolean"?e.setAttribute("dismissible",String(a)):e.removeAttribute("dismissible"),typeof v=="boolean"?e.setAttribute("close-on-esc",String(v)):e.removeAttribute("close-on-esc"),typeof f=="boolean"?e.setAttribute("close-on-backdrop",String(f)):e.removeAttribute("close-on-backdrop"),typeof A=="boolean"?e.setAttribute("lock-while-loading",String(A)):e.removeAttribute("lock-while-loading"),s?e.setAttribute("role",s):e.removeAttribute("role"),n&&n!=="neutral"?e.setAttribute("tone",n):e.removeAttribute("tone"),c&&c!=="surface"?e.setAttribute("variant",c):e.removeAttribute("variant"),l&&l!=="md"&&l!=="2"?e.setAttribute("size",l):e.removeAttribute("size"),i!=null?e.setAttribute("radius",String(i)):e.removeAttribute("radius"),g&&g!=="low"?e.setAttribute("elevation",g):e.removeAttribute("elevation"),m&&m!=="line"?e.setAttribute("indicator",m):e.removeAttribute("indicator"),D&&D!=="idle"?e.setAttribute("state",D):e.removeAttribute("state"),R?e.setAttribute("initial-focus",R):e.removeAttribute("initial-focus"),I&&(e.dialogId=I),M?e.config=M:e.config={})},[u,d,a,v,f,A,s,n,c,l,i,g,m,D,R,I,M]),o.default.createElement("ui-alert-dialog",{ref:_,...G},h)});N.displayName="AlertDialog";function b(r,h,u,d){const a=o.default.forwardRef(function({as:f,children:A,style:s,...n},c){const l=f||r,i={ref:c,...n};return u&&(i.slot=u),d&&(i[d]=""),s&&(i.style=s),o.default.createElement(l,i,A)});return a.displayName=h,a}const U=b("span","AlertDialogIcon","icon","data-ui-alert-dialog-icon"),V=b("div","AlertDialogTitle","title","data-ui-alert-dialog-title"),X=b("div","AlertDialogDescription","description","data-ui-alert-dialog-description"),Y=b("div","AlertDialogContent","content","data-ui-alert-dialog-content"),Z=b("div","AlertDialogActions","footer","data-ui-alert-dialog-actions");exports.AlertDialog=N;exports.AlertDialogActions=Z;exports.AlertDialogContent=Y;exports.AlertDialogDescription=X;exports.AlertDialogIcon=U;exports.AlertDialogTitle=V;exports.default=N;

package/dist/AlertDialog.esm.js

@@ -0,0 +1,94 @@
+'use client';
+import l, { useRef as K, useEffect as M } from "react";
+const P = typeof window < "u" ? l.useLayoutEffect : l.useEffect, Q = l.forwardRef(function({
+  children: h,
+  open: o,
+  headless: c,
+  dismissible: u,
+  closeOnEsc: b,
+  closeOnBackdrop: f,
+  lockWhileLoading: d,
+  roleType: s,
+  tone: a,
+  variant: n,
+  size: r,
+  radius: i,
+  elevation: v,
+  indicator: m,
+  state: g,
+  initialFocus: R,
+  dialogId: I,
+  config: N,
+  onOpen: p,
+  onConfirm: E,
+  onCancel: D,
+  onDismiss: L,
+  onClose: y,
+  onChange: w,
+  ...G
+}, J) {
+  const S = K(null);
+  return l.useImperativeHandle(J, () => S.current), M(() => {
+    const e = S.current;
+    if (!e)
+      return;
+    const x = (t) => p == null ? void 0 : p(t.detail), H = (t) => E == null ? void 0 : E(t.detail), T = (t) => D == null ? void 0 : D(t.detail), j = (t) => L == null ? void 0 : L(t.detail), k = (t) => y == null ? void 0 : y(t.detail), q = (t) => w == null ? void 0 : w(t.detail);
+    return e.addEventListener("ui-open", x), e.addEventListener("ui-confirm", H), e.addEventListener("ui-cancel", T), e.addEventListener("ui-dismiss", j), e.addEventListener("ui-close", k), e.addEventListener("ui-change", q), () => {
+      e.removeEventListener("ui-open", x), e.removeEventListener("ui-confirm", H), e.removeEventListener("ui-cancel", T), e.removeEventListener("ui-dismiss", j), e.removeEventListener("ui-close", k), e.removeEventListener("ui-change", q);
+    };
+  }, [p, E, D, L, y, w]), P(() => {
+    const e = S.current;
+    e && (c ? e.setAttribute("headless", "") : e.removeAttribute("headless"), typeof o == "boolean" && o ? e.setAttribute("open", "") : e.removeAttribute("open"), typeof u == "boolean" ? e.setAttribute("dismissible", String(u)) : e.removeAttribute("dismissible"), typeof b == "boolean" ? e.setAttribute("close-on-esc", String(b)) : e.removeAttribute("close-on-esc"), typeof f == "boolean" ? e.setAttribute("close-on-backdrop", String(f)) : e.removeAttribute("close-on-backdrop"), typeof d == "boolean" ? e.setAttribute("lock-while-loading", String(d)) : e.removeAttribute("lock-while-loading"), s ? e.setAttribute("role", s) : e.removeAttribute("role"), a && a !== "neutral" ? e.setAttribute("tone", a) : e.removeAttribute("tone"), n && n !== "surface" ? e.setAttribute("variant", n) : e.removeAttribute("variant"), r && r !== "md" && r !== "2" ? e.setAttribute("size", r) : e.removeAttribute("size"), i != null ? e.setAttribute("radius", String(i)) : e.removeAttribute("radius"), v && v !== "low" ? e.setAttribute("elevation", v) : e.removeAttribute("elevation"), m && m !== "line" ? e.setAttribute("indicator", m) : e.removeAttribute("indicator"), g && g !== "idle" ? e.setAttribute("state", g) : e.removeAttribute("state"), R ? e.setAttribute("initial-focus", R) : e.removeAttribute("initial-focus"), I && (e.dialogId = I), N ? e.config = N : e.config = {});
+  }, [
+    o,
+    c,
+    u,
+    b,
+    f,
+    d,
+    s,
+    a,
+    n,
+    r,
+    i,
+    v,
+    m,
+    g,
+    R,
+    I,
+    N
+  ]), l.createElement("ui-alert-dialog", { ref: S, ...G }, h);
+});
+Q.displayName = "AlertDialog";
+function A(_, h, o, c) {
+  const u = l.forwardRef(function({ as: f, children: d, style: s, ...a }, n) {
+    const r = f || _, i = { ref: n, ...a };
+    return o && (i.slot = o), c && (i[c] = ""), s && (i.style = s), l.createElement(r, i, d);
+  });
+  return u.displayName = h, u;
+}
+const V = A("span", "AlertDialogIcon", "icon", "data-ui-alert-dialog-icon"), X = A("div", "AlertDialogTitle", "title", "data-ui-alert-dialog-title"), Y = A(
+  "div",
+  "AlertDialogDescription",
+  "description",
+  "data-ui-alert-dialog-description"
+), Z = A(
+  "div",
+  "AlertDialogContent",
+  "content",
+  "data-ui-alert-dialog-content"
+), $ = A(
+  "div",
+  "AlertDialogActions",
+  "footer",
+  "data-ui-alert-dialog-actions"
+);
+export {
+  Q as AlertDialog,
+  $ as AlertDialogActions,
+  Z as AlertDialogContent,
+  Y as AlertDialogDescription,
+  V as AlertDialogIcon,
+  X as AlertDialogTitle,
+  Q as default
+};

package/dist/AlertDialogProvider.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),b=require("./runtime-3cc1c386-9d1b191c.js"),p=r=>r&&r.__esModule?r:{default:r},C=p(o),m=o.createContext(null),i="data-ui-alert-dialog-react-host-refcount";function f({children:r,hostId:u="ui-alert-dialog-react-host",defaults:s}){const n=o.useRef(null);n.current||(n.current=b.se()),o.useEffect(()=>{var e;(e=n.current)==null||e.setDefaults(s||null)},[s]),o.useEffect(()=>{var l;if(typeof document>"u")return;let e=document.getElementById(u);const t=!e;e||(e=document.createElement("div"),e.id=u,e.setAttribute("data-ui-alert-dialog-react-host","true"),document.body.appendChild(e));const v=Number(e.getAttribute(i)||"0");return e.setAttribute(i,String(Math.max(0,v)+1)),(l=n.current)==null||l.setContainer(e),()=>{var a,d;if((a=n.current)==null||a.destroy("unmount"),n.current=null,!e||!e.isConnected)return;const A=Number(e.getAttribute(i)||"1"),c=Math.max(0,A-1);c===0?(e.removeAttribute(i),t&&((d=e.parentElement)==null||d.removeChild(e))):e.setAttribute(i,String(c))}},[u]);const g=o.useMemo(()=>({alert:(e={})=>{var t;return((t=n.current)==null?void 0:t.alert(e))??Promise.resolve({id:"",action:"dismiss"})},confirm:(e={})=>{var t;return((t=n.current)==null?void 0:t.confirm(e))??Promise.resolve({id:"",action:"dismiss"})},prompt:(e={})=>{var t;return((t=n.current)==null?void 0:t.prompt(e))??Promise.resolve({id:"",action:"dismiss",value:""})}}),[]);return C.default.createElement(m.Provider,{value:g},r)}function D(){const r=o.useContext(m);if(!r)throw new Error("useAlertDialog must be used within <AlertDialogProvider>.");return r}exports.AlertDialogProvider=f;exports.default=f;exports.useAlertDialog=D;

package/dist/AlertDialogProvider.esm.js

@@ -0,0 +1,59 @@
+'use client';
+import v, { createContext as A, useRef as b, useEffect as m, useMemo as C, useContext as h } from "react";
+import { s as x } from "./runtime-3cc1c386-b4118dbe.mjs";
+const d = A(null), n = "data-ui-alert-dialog-react-host-refcount";
+function P({
+  children: o,
+  hostId: i = "ui-alert-dialog-react-host",
+  defaults: u
+}) {
+  const r = b(null);
+  r.current || (r.current = x()), m(() => {
+    var e;
+    (e = r.current) == null || e.setDefaults(u || null);
+  }, [u]), m(() => {
+    var s;
+    if (typeof document > "u")
+      return;
+    let e = document.getElementById(i);
+    const t = !e;
+    e || (e = document.createElement("div"), e.id = i, e.setAttribute("data-ui-alert-dialog-react-host", "true"), document.body.appendChild(e));
+    const g = Number(e.getAttribute(n) || "0");
+    return e.setAttribute(n, String(Math.max(0, g) + 1)), (s = r.current) == null || s.setContainer(e), () => {
+      var c, l;
+      if ((c = r.current) == null || c.destroy("unmount"), r.current = null, !e || !e.isConnected)
+        return;
+      const p = Number(e.getAttribute(n) || "1"), a = Math.max(0, p - 1);
+      a === 0 ? (e.removeAttribute(n), t && ((l = e.parentElement) == null || l.removeChild(e))) : e.setAttribute(n, String(a));
+    };
+  }, [i]);
+  const f = C(
+    () => ({
+      alert: (e = {}) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.alert(e)) ?? Promise.resolve({ id: "", action: "dismiss" });
+      },
+      confirm: (e = {}) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.confirm(e)) ?? Promise.resolve({ id: "", action: "dismiss" });
+      },
+      prompt: (e = {}) => {
+        var t;
+        return ((t = r.current) == null ? void 0 : t.prompt(e)) ?? Promise.resolve({ id: "", action: "dismiss", value: "" });
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ v.createElement(d.Provider, { value: f }, o);
+}
+function R() {
+  const o = h(d);
+  if (!o)
+    throw new Error("useAlertDialog must be used within <AlertDialogProvider>.");
+  return o;
+}
+export {
+  P as AlertDialogProvider,
+  P as default,
+  R as useAlertDialog
+};

package/dist/Anchor.cjs.js

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

package/dist/Anchor.esm.js

@@ -0,0 +1,9 @@
+import r from "react";
+const a = r.forwardRef(function({ children: e, ...o }, t) {
+  return r.createElement("ui-anchor", { ref: t, ...o }, e);
+});
+a.displayName = "Anchor";
+export {
+  a as Anchor,
+  a as default
+};

package/dist/AnimatedBeam.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const G=require("react"),W=require("./_internals-5a21394b.js"),F=e=>e&&e.__esModule?e:{default:e},u=F(G),tt=typeof window<"u"?u.default.useLayoutEffect:u.default.useEffect;function m(e){if(e==null||e==="")return null;if(typeof e=="number")return`${e}px`;const l=e.split(/\s+/).filter(Boolean);return l.length?l.map(i=>/^-?\d+(\.\d+)?$/.test(i)?`${i}px`:i).join(" "):null}function p(e){return e==null||e===""?null:typeof e=="number"?`${e}ms`:/^-?\d+(\.\d+)?$/.test(e)?`${e}ms`:e}const K=u.default.forwardRef(function({animation:l,variant:i,tone:r,size:n,radius:d,elevation:o,columns:f,rows:s,padding:c,columnGap:y,rowGap:h,minHeight:b,nodeSize:v,hubSize:w,duration:S,delay:N,stagger:R,trailWidth:C,beamWidth:I,beamFactor:_,path:L,glow:M,nodeEffect:$,autoFit:q,paused:O,repeat:x,reverse:D,direction:E,colorStart:P,colorEnd:k,trailColor:J,curve:T,children:Y,...Z},z){const j=u.default.useRef(null);return u.default.useImperativeHandle(z,()=>j.current),u.default.useEffect(()=>{W.warnIfElementNotRegistered("ui-animated-beam","AnimatedBeam")},[]),tt(()=>{const a=j.current;if(!a)return;const t=(A,g)=>{const B=a.getAttribute(A);if(g==null){B!=null&&a.removeAttribute(A);return}B!==g&&a.setAttribute(A,g)},H=(A,g)=>{if(g==null){a.hasAttribute(A)&&a.removeAttribute(A);return}const B=String(g);a.getAttribute(A)!==B&&a.setAttribute(A,B)};t("animation",l&&l!=="smooth"?l:null),t("variant",i&&i!=="minimal"?i:null),t("tone",r&&r!=="brand"?r:null),t("size",n&&n!=="md"&&n!=="2"?n:null),t("radius",d==null||d===""?null:String(d)),t("elevation",o&&o!=="low"?o:null),t("columns",f==null||f===""?null:String(f)),t("rows",s==null||s===""?null:String(s)),t("padding",m(c)),t("column-gap",m(y)),t("row-gap",m(h)),t("min-height",m(b)),t("node-size",m(v)),t("hub-size",m(w)),t("duration",p(S)),t("delay",p(N)),t("stagger",p(R)),t("trail-width",m(C)),t("beam-width",m(I)),t("beam-factor",_==null||_===""?null:String(_)),H("path",L),H("glow",M),t("node-effect",$&&$!=="none"?$:null),H("auto-fit",q),H("repeat",x),O?a.setAttribute("paused",""):a.removeAttribute("paused"),D?a.setAttribute("reverse",""):a.removeAttribute("reverse"),t("direction",E&&E!=="forward"?E:null),t("color-start",P||null),t("color-end",k||null),t("trail-color",J||null),t("curve",T&&T!=="auto"?T:null)},[l,i,r,n,d,o,f,s,c,y,h,b,v,w,S,N,R,C,I,_,L,M,$,q,O,x,D,E,P,k,J,T]),u.default.createElement("ui-animated-beam",{ref:j,...Z},Y)});K.displayName="AnimatedBeam";const Q=u.default.forwardRef(function({as:l,nodeId:i,column:r,row:n,size:d,children:o,...f},s){const c=l||"div";return u.default.createElement(c,{ref:s,"data-ui-animated-beam-node":"","node-id":i,column:r==null?void 0:String(r),row:n==null?void 0:String(n),size:d==null?void 0:String(d),...f},o)});Q.displayName="AnimatedBeam.Node";const U=u.default.forwardRef(function({as:l,nodeId:i,column:r,row:n,size:d,children:o,...f},s){const c=l||"div";return u.default.createElement(c,{ref:s,slot:"hub","data-ui-animated-beam-hub":"","node-id":i,column:r==null?void 0:String(r),row:n==null?void 0:String(n),size:d==null?void 0:String(d),...f},o)});U.displayName="AnimatedBeam.Hub";const V=u.default.forwardRef(function({as:l,from:i,to:r,curve:n,reverse:d,direction:o,duration:f,delay:s,tone:c,colorStart:y,colorEnd:h,beamFactor:b,trailWidth:v,beamWidth:w,...S},N){const R=l||"div";return u.default.createElement(R,{ref:N,slot:"connections","data-ui-animated-beam-connection":"",from:i,to:r,curve:n&&n!=="auto"?n:void 0,reverse:d?"":void 0,direction:o&&o!=="forward"?o:void 0,duration:p(f)||void 0,delay:p(s)||void 0,tone:c||void 0,"color-start":y||void 0,"color-end":h||void 0,"beam-factor":b==null||b===""?void 0:String(b),"trail-width":m(v)||void 0,"beam-width":m(w)||void 0,"aria-hidden":"true",hidden:!0,...S})});V.displayName="AnimatedBeam.Connection";const X=Object.assign(K,{Node:Q,Hub:U,Connection:V});exports.AnimatedBeam=X;exports.default=X;

package/dist/AnimatedBeam.esm.js

@@ -0,0 +1,179 @@
+'use client';
+import o from "react";
+import { w as z } from "./_internals-d86cc997.mjs";
+const G = typeof window < "u" ? o.useLayoutEffect : o.useEffect;
+function s(e) {
+  if (e == null || e === "")
+    return null;
+  if (typeof e == "number")
+    return `${e}px`;
+  const r = e.split(/\s+/).filter(Boolean);
+  return r.length ? r.map((i) => /^-?\d+(\.\d+)?$/.test(i) ? `${i}px` : i).join(" ") : null;
+}
+function B(e) {
+  return e == null || e === "" ? null : typeof e == "number" ? `${e}ms` : /^-?\d+(\.\d+)?$/.test(e) ? `${e}ms` : e;
+}
+const P = o.forwardRef(function({
+  animation: r,
+  variant: i,
+  tone: l,
+  size: n,
+  radius: u,
+  elevation: d,
+  columns: m,
+  rows: f,
+  padding: c,
+  columnGap: w,
+  rowGap: h,
+  minHeight: b,
+  nodeSize: y,
+  hubSize: v,
+  duration: N,
+  delay: S,
+  stagger: R,
+  trailWidth: L,
+  beamWidth: j,
+  beamFactor: $,
+  path: x,
+  glow: _,
+  nodeEffect: E,
+  autoFit: O,
+  paused: k,
+  repeat: q,
+  reverse: D,
+  direction: H,
+  colorStart: J,
+  colorEnd: K,
+  trailColor: M,
+  curve: T,
+  children: X,
+  ...Y
+}, Z) {
+  const I = o.useRef(null);
+  return o.useImperativeHandle(Z, () => I.current), o.useEffect(() => {
+    z("ui-animated-beam", "AnimatedBeam");
+  }, []), G(() => {
+    const a = I.current;
+    if (!a)
+      return;
+    const t = (A, g) => {
+      const p = a.getAttribute(A);
+      if (g == null) {
+        p != null && a.removeAttribute(A);
+        return;
+      }
+      p !== g && a.setAttribute(A, g);
+    }, C = (A, g) => {
+      if (g == null) {
+        a.hasAttribute(A) && a.removeAttribute(A);
+        return;
+      }
+      const p = String(g);
+      a.getAttribute(A) !== p && a.setAttribute(A, p);
+    };
+    t("animation", r && r !== "smooth" ? r : null), t("variant", i && i !== "minimal" ? i : null), t("tone", l && l !== "brand" ? l : null), t("size", n && n !== "md" && n !== "2" ? n : null), t("radius", u == null || u === "" ? null : String(u)), t("elevation", d && d !== "low" ? d : null), t("columns", m == null || m === "" ? null : String(m)), t("rows", f == null || f === "" ? null : String(f)), t("padding", s(c)), t("column-gap", s(w)), t("row-gap", s(h)), t("min-height", s(b)), t("node-size", s(y)), t("hub-size", s(v)), t("duration", B(N)), t("delay", B(S)), t("stagger", B(R)), t("trail-width", s(L)), t("beam-width", s(j)), t("beam-factor", $ == null || $ === "" ? null : String($)), C("path", x), C("glow", _), t("node-effect", E && E !== "none" ? E : null), C("auto-fit", O), C("repeat", q), k ? a.setAttribute("paused", "") : a.removeAttribute("paused"), D ? a.setAttribute("reverse", "") : a.removeAttribute("reverse"), t("direction", H && H !== "forward" ? H : null), t("color-start", J || null), t("color-end", K || null), t("trail-color", M || null), t("curve", T && T !== "auto" ? T : null);
+  }, [
+    r,
+    i,
+    l,
+    n,
+    u,
+    d,
+    m,
+    f,
+    c,
+    w,
+    h,
+    b,
+    y,
+    v,
+    N,
+    S,
+    R,
+    L,
+    j,
+    $,
+    x,
+    _,
+    E,
+    O,
+    k,
+    q,
+    D,
+    H,
+    J,
+    K,
+    M,
+    T
+  ]), o.createElement("ui-animated-beam", { ref: I, ...Y }, X);
+});
+P.displayName = "AnimatedBeam";
+const Q = o.forwardRef(function({ as: r, nodeId: i, column: l, row: n, size: u, children: d, ...m }, f) {
+  const c = r || "div";
+  return o.createElement(
+    c,
+    {
+      ref: f,
+      "data-ui-animated-beam-node": "",
+      "node-id": i,
+      column: l == null ? void 0 : String(l),
+      row: n == null ? void 0 : String(n),
+      size: u == null ? void 0 : String(u),
+      ...m
+    },
+    d
+  );
+});
+Q.displayName = "AnimatedBeam.Node";
+const U = o.forwardRef(function({ as: r, nodeId: i, column: l, row: n, size: u, children: d, ...m }, f) {
+  const c = r || "div";
+  return o.createElement(
+    c,
+    {
+      ref: f,
+      slot: "hub",
+      "data-ui-animated-beam-hub": "",
+      "node-id": i,
+      column: l == null ? void 0 : String(l),
+      row: n == null ? void 0 : String(n),
+      size: u == null ? void 0 : String(u),
+      ...m
+    },
+    d
+  );
+});
+U.displayName = "AnimatedBeam.Hub";
+const V = o.forwardRef(function({ as: r, from: i, to: l, curve: n, reverse: u, direction: d, duration: m, delay: f, tone: c, colorStart: w, colorEnd: h, beamFactor: b, trailWidth: y, beamWidth: v, ...N }, S) {
+  const R = r || "div";
+  return o.createElement(R, {
+    ref: S,
+    slot: "connections",
+    "data-ui-animated-beam-connection": "",
+    from: i,
+    to: l,
+    curve: n && n !== "auto" ? n : void 0,
+    reverse: u ? "" : void 0,
+    direction: d && d !== "forward" ? d : void 0,
+    duration: B(m) || void 0,
+    delay: B(f) || void 0,
+    tone: c || void 0,
+    "color-start": w || void 0,
+    "color-end": h || void 0,
+    "beam-factor": b == null || b === "" ? void 0 : String(b),
+    "trail-width": s(y) || void 0,
+    "beam-width": s(v) || void 0,
+    "aria-hidden": "true",
+    hidden: !0,
+    ...N
+  });
+});
+V.displayName = "AnimatedBeam.Connection";
+const tt = Object.assign(P, {
+  Node: Q,
+  Hub: U,
+  Connection: V
+});
+export {
+  tt as AnimatedBeam,
+  tt as default
+};

package/dist/AnimatedList.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("react"),H=require("./_internals-5a21394b.js"),P=t=>t&&t.__esModule?t:{default:t},l=P(O),k=typeof window<"u"?l.default.useLayoutEffect:l.default.useEffect;function j(t){if(t==null||t==="")return null;if(typeof t=="number")return`${t}px`;const u=t.split(/\s+/).filter(Boolean);return u.length?u.map(n=>/^-?\d+(\.\d+)?$/.test(n)?`${n}px`:n).join(" "):null}function L(t){return t==null||t===""?null:typeof t=="number"?`${t}ms`:/^-?\d+(\.\d+)?$/.test(t)?`${t}ms`:t}const M=l.default.forwardRef(function({effect:u,animation:n,trigger:s,duration:c,stagger:a,delay:_,loop:E,loopDelay:I,paused:R,threshold:m,variant:f,tone:A,size:d,radius:b,elevation:p,padding:g,gap:w,children:h,...q},B){const y=l.default.useRef(null);return l.default.useImperativeHandle(B,()=>y.current),l.default.useEffect(()=>{H.warnIfElementNotRegistered("ui-animated-list","AnimatedList")},[]),k(()=>{const i=y.current;if(!i)return;const e=(r,o)=>{const S=i.getAttribute(r);if(o==null){S!=null&&i.removeAttribute(r);return}S!==o&&i.setAttribute(r,o)},$=(r,o)=>{o?i.hasAttribute(r)||i.setAttribute(r,""):i.hasAttribute(r)&&i.removeAttribute(r)};e("effect",u&&u!=="fade-up"?u:null),e("animation",n&&n!=="smooth"?n:null),e("trigger",s&&s!=="load"?s:null),e("duration",L(c)),e("stagger",L(a)),e("delay",L(_)),$("loop",E),e("loop-delay",L(I)),$("paused",R),e("threshold",m==null||m===""?null:String(m)),e("variant",f&&f!=="default"&&f!=="surface"?f:null),e("tone",A&&A!=="brand"?A:null),e("size",d&&d!=="md"&&d!=="2"?d:null),e("radius",b==null||b===""?null:String(b)),e("elevation",p&&p!=="low"?p:null),e("padding",j(g)),e("gap",j(w))},[u,n,s,c,a,_,E,I,R,m,f,A,d,b,p,g,w]),l.default.createElement("ui-animated-list",{ref:y,...q},h)});M.displayName="AnimatedList";const N=l.default.forwardRef(function({as:u,children:n,...s},c){const a=u||"div";return l.default.createElement(a,{ref:c,"data-ui-animated-list-item":"",...s},n)});N.displayName="AnimatedList.Item";const T=Object.assign(M,{Item:N});exports.AnimatedList=T;exports.default=T;

package/dist/AnimatedList.esm.js

@@ -0,0 +1,87 @@
+'use client';
+import i from "react";
+import { w as H } from "./_internals-d86cc997.mjs";
+const O = typeof window < "u" ? i.useLayoutEffect : i.useEffect;
+function j(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((n) => /^-?\d+(\.\d+)?$/.test(n) ? `${n}px` : n).join(" ") : null;
+}
+function L(t) {
+  return t == null || t === "" ? null : typeof t == "number" ? `${t}ms` : /^-?\d+(\.\d+)?$/.test(t) ? `${t}ms` : t;
+}
+const B = i.forwardRef(function({
+  effect: r,
+  animation: n,
+  trigger: s,
+  duration: d,
+  stagger: c,
+  delay: w,
+  loop: E,
+  loopDelay: I,
+  paused: R,
+  threshold: a,
+  variant: f,
+  tone: A,
+  size: o,
+  radius: p,
+  elevation: b,
+  padding: $,
+  gap: g,
+  children: T,
+  ..._
+}, x) {
+  const y = i.useRef(null);
+  return i.useImperativeHandle(x, () => y.current), i.useEffect(() => {
+    H("ui-animated-list", "AnimatedList");
+  }, []), O(() => {
+    const u = y.current;
+    if (!u)
+      return;
+    const e = (l, m) => {
+      const h = u.getAttribute(l);
+      if (m == null) {
+        h != null && u.removeAttribute(l);
+        return;
+      }
+      h !== m && u.setAttribute(l, m);
+    }, N = (l, m) => {
+      m ? u.hasAttribute(l) || u.setAttribute(l, "") : u.hasAttribute(l) && u.removeAttribute(l);
+    };
+    e("effect", r && r !== "fade-up" ? r : null), e("animation", n && n !== "smooth" ? n : null), e("trigger", s && s !== "load" ? s : null), e("duration", L(d)), e("stagger", L(c)), e("delay", L(w)), N("loop", E), e("loop-delay", L(I)), N("paused", R), e("threshold", a == null || a === "" ? null : String(a)), e("variant", f && f !== "default" && f !== "surface" ? f : null), e("tone", A && A !== "brand" ? A : null), e("size", o && o !== "md" && o !== "2" ? o : null), e("radius", p == null || p === "" ? null : String(p)), e("elevation", b && b !== "low" ? b : null), e("padding", j($)), e("gap", j(g));
+  }, [
+    r,
+    n,
+    s,
+    d,
+    c,
+    w,
+    E,
+    I,
+    R,
+    a,
+    f,
+    A,
+    o,
+    p,
+    b,
+    $,
+    g
+  ]), i.createElement("ui-animated-list", { ref: y, ..._ }, T);
+});
+B.displayName = "AnimatedList";
+const S = i.forwardRef(function({ as: r, children: n, ...s }, d) {
+  const c = r || "div";
+  return i.createElement(c, { ref: d, "data-ui-animated-list-item": "", ...s }, n);
+});
+S.displayName = "AnimatedList.Item";
+const C = Object.assign(B, {
+  Item: S
+});
+export {
+  C as AnimatedList,
+  C as default
+};

package/dist/AnimatedNumber.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),t=require("./_internals-5a21394b.js"),H=d=>d&&d.__esModule?d:{default:d},B=H(n),w=B.default.forwardRef(function({value:l=0,onComplete:a,variant:g="inline",size:S,tone:m,theme:o,format:s="decimal",locale:v,currency:i,notation:u="standard",fractionDigits:b,minimumFractionDigits:N,maximumFractionDigits:r,decimals:f,duration:F,animation:k="spring",direction:A="auto",prefix:V,suffix:R,decimalSeparator:M,groupSeparator:c,animate:y,animateOnMount:C,countUp:E,min:_,max:p,label:x,className:T,...h},j){const q=t.useForwardedHostRef(j),D=C??E,I=N??b??f,O=r??b??f;n.useEffect(()=>{t.warnIfElementNotRegistered("ui-odometer","AnimatedNumber")},[]);const P=B.default.useCallback(e=>{a==null||a(e)},[a]);return t.useElementEventListeners(q,[{type:"complete",listener:P}],[P]),t.useElementAttributes(q,e=>{t.syncNumberAttribute(e,"value",l),t.syncNumberAttribute(e,"duration",F),t.syncNumberAttribute(e,"min",_),t.syncNumberAttribute(e,"max",p),t.syncNumberAttribute(e,"minimum-fraction-digits",I),t.syncNumberAttribute(e,"maximum-fraction-digits",O),t.syncStringAttribute(e,"variant",g),t.syncStringAttribute(e,"size",S??null),t.syncStringAttribute(e,"tone",m&&m!=="default"?m:null),t.syncStringAttribute(e,"theme",o&&o!=="default"?o:null),t.syncStringAttribute(e,"format",s&&s!=="decimal"?s:null),t.syncStringAttribute(e,"locale",v??null),t.syncStringAttribute(e,"currency",i??null),t.syncStringAttribute(e,"notation",u&&u!=="standard"?u:null),t.syncStringAttribute(e,"animation",k??null),t.syncStringAttribute(e,"direction",A&&A!=="auto"?A:null),t.syncStringAttribute(e,"prefix",V??null),t.syncStringAttribute(e,"suffix",R??null),t.syncStringAttribute(e,"decimal-separator",M??null),t.syncStringAttribute(e,"group-separator",c??null),t.syncStringAttribute(e,"label",x??null),t.syncNumberAttribute(e,"decimals",f),t.syncBooleanAttribute(e,"animate",y),t.syncBooleanAttribute(e,"animate-on-mount",D),t.syncBooleanAttribute(e,"count-up",E)},[l,g,S,m,o,s,v,i,u,F,k,A,V,R,M,c,y,D,E,_,p,x,f,I,O]),B.default.createElement("ui-odometer",{ref:q,class:T,...h})});w.displayName="AnimatedNumber";function L(d){const{start:l=0,end:a,duration:g=800,easing:S,autoStart:m=!1}=d,[o,s]=n.useState(l),[v,i]=n.useState(!1),u=n.useRef(null),b=n.useRef(null),N=n.useRef(l),r=n.useRef(a),f=n.useRef(l),F=n.useCallback(c=>1-Math.pow(1-c,3),[]),k=S||F,A=n.useCallback(()=>{u.current!==null&&(cancelAnimationFrame(u.current),u.current=null),b.current=null,i(!1)},[]);n.useEffect(()=>{f.current=o},[o]);const V=n.useCallback(()=>{const c=y=>{b.current===null&&(b.current=y);const C=y-b.current,E=Math.min(C/g,1),_=k(E),p=N.current+(r.current-N.current)*_;if(s(p),E<1){u.current=requestAnimationFrame(c);return}s(r.current),u.current=null,b.current=null,i(!1)};u.current=requestAnimationFrame(c),i(!0)},[k,g]),R=n.useCallback(c=>{A(),c!==void 0&&(r.current=c),N.current=f.current,V()},[V,A]),M=n.useCallback(c=>{A();const y=c!==void 0?c:l;N.current=y,r.current=y,s(y)},[l,A]);return n.useEffect(()=>{r.current=a},[a]),n.useEffect(()=>(m&&R(a),()=>{u.current!==null&&cancelAnimationFrame(u.current)}),[m,a,R]),{value:o,isAnimating:v,start:R,reset:M,stop:A}}function z(d={}){const{initialValue:l=0,duration:a=800,animation:g="spring",format:S="decimal",variant:m="inline"}=d,o=n.useRef(null),[s,v]=n.useState(l);n.useEffect(()=>{const r=o.current;r&&(r.setAttribute("duration",String(a)),r.setAttribute("variant",m),g!=="spring"?r.setAttribute("animation",g):r.removeAttribute("animation"),S!=="decimal"?r.setAttribute("format",S):r.removeAttribute("format"))},[g,a,S,m]);const i=n.useCallback(r=>{const f=o.current;v(r),f&&f.setAttribute("value",String(r))},[]),u=n.useCallback((r=1)=>{i(s+r)},[i,s]),b=n.useCallback((r=1)=>{i(s-r)},[i,s]),N=n.useCallback(()=>{i(l)},[l,i]);return{ref:o,value:s,setValue:i,increment:u,decrement:b,reset:N}}exports.AnimatedNumber=w;exports.default=w;exports.useAnimatedNumber=z;exports.useAnimatedNumberValue=L;