@editora/ui-react 0.1.8 → 0.1.10

package/dist/Accordion.cjs.js

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

@@ -85,5 +85,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/AlertDialog.cjs.js

@@ -0,0 +1 @@
+"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,93 @@
+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 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),b=require("@editora/ui-core"),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:l}){const n=o.useRef(null);n.current||(n.current=b.createAlertDialogManager()),o.useEffect(()=>{var e;(e=n.current)==null||e.setDefaults(l||null)},[l]),o.useEffect(()=>{var a;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)),(a=n.current)==null||a.setContainer(e),()=>{var c,d;if((c=n.current)==null||c.destroy("unmount"),n.current=null,!e||!e.isConnected)return;const A=Number(e.getAttribute(i)||"1"),s=Math.max(0,A-1);s===0?(e.removeAttribute(i),t&&((d=e.parentElement)==null||d.removeChild(e))):e.setAttribute(i,String(s))}},[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,58 @@
+import A, { createContext as v, useRef as b, useEffect as m, useMemo as C, useContext as h } from "react";
+import { createAlertDialogManager as x } from "@editora/ui-core";
+const d = v(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 a;
+    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)), (a = r.current) == null || a.setContainer(e), () => {
+      var l, c;
+      if ((l = r.current) == null || l.destroy("unmount"), r.current = null, !e || !e.isConnected)
+        return;
+      const p = Number(e.getAttribute(n) || "1"), s = Math.max(0, p - 1);
+      s === 0 ? (e.removeAttribute(n), t && ((c = e.parentElement) == null || c.removeChild(e))) : e.setAttribute(n, String(s));
+    };
+  }, [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__ */ A.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 t=require("react"),l=e=>e&&e.__esModule?e:{default:e},n=l(t),r=n.default.forwardRef(function({children:o,...a},c){const u=t.useRef(null);return t.useImperativeHandle(c,()=>u.current),n.default.createElement("ui-anchor",{ref:u,...a},o)});r.displayName="Anchor";exports.Anchor=r;exports.default=r;

package/dist/Anchor.esm.js

@@ -0,0 +1,10 @@
+import r, { useRef as o, useImperativeHandle as c } from "react";
+const u = r.forwardRef(function({ children: n, ...t }, a) {
+  const e = o(null);
+  return c(a, () => e.current), r.createElement("ui-anchor", { ref: e, ...t }, n);
+});
+u.displayName = "Anchor";
+export {
+  u as Anchor,
+  u as default
+};

package/dist/AnimatedBeam.cjs.js

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