@editora/ui-react 0.1.10 → 0.1.11

package/dist/AnimatedNumber.esm.js

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

package/dist/AnimatedText.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),G=require("./_internals-b9f3e909.js"),I=e=>e&&e.__esModule?e:{default:e},f=I(k),J=typeof window<"u"?f.default.useLayoutEffect:f.default.useEffect;function K(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(n=>/^-?\d+(\.\d+)?$/.test(n)?`${n}px`:n).join(" "):null}function y(e){return e==null||e===""?null:typeof e=="number"?`${e}ms`:/^-?\d+(\.\d+)?$/.test(e)?`${e}ms`:e}const M=f.default.forwardRef(function({text:l,effect:n,split:o,trigger:s,duration:T,stagger:w,delay:R,loop:$,loopDelay:h,paused:x,customEffect:E,effectTimingFunction:S,effectDirection:L,effectIterationCount:c,effectFillMode:g,variant:m,tone:a,size:d,radius:A,elevation:b,padding:j,align:p,children:H,...O},P){const _=f.default.useRef(null);return f.default.useImperativeHandle(P,()=>_.current),f.default.useEffect(()=>{G.warnIfElementNotRegistered("ui-animated-text","AnimatedText")},[]),J(()=>{const u=_.current;if(!u)return;const t=(r,i)=>{const B=u.getAttribute(r);if(i==null){B!=null&&u.removeAttribute(r);return}B!==i&&u.setAttribute(r,i)},q=(r,i)=>{i?u.hasAttribute(r)||u.setAttribute(r,""):u.hasAttribute(r)&&u.removeAttribute(r)};t("text",l!=null&&l!==""?l:null),t("effect",n&&n!=="fade-up"?n:null),t("split",o&&o!=="words"?o:null),t("trigger",s&&s!=="load"?s:null),t("duration",y(T)),t("stagger",y(w)),t("delay",y(R)),q("loop",$),t("loop-delay",y(h)),q("paused",x),t("custom-effect",E||null),t("effect-timing",S||null),t("effect-direction",L||null),t("effect-iteration-count",c==null||c===""?null:String(c)),t("effect-fill-mode",g||null),t("variant",m&&m!=="default"?m:null),t("tone",a&&a!=="brand"?a:null),t("size",d&&d!=="md"&&d!=="2"?d:null),t("radius",A==null||A===""?null:String(A)),t("elevation",b&&b!=="low"?b:null),t("padding",K(j)),t("align",p&&p!=="start"?p:null)},[l,n,o,s,T,w,R,$,h,x,E,S,L,c,g,m,a,d,A,b,j,p]),f.default.createElement("ui-animated-text",{ref:_,...O},l==null?H:null)});M.displayName="AnimatedText";const N=M;exports.AnimatedText=N;exports.default=N;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),G=require("./_internals-5a21394b.js"),I=e=>e&&e.__esModule?e:{default:e},f=I(k),J=typeof window<"u"?f.default.useLayoutEffect:f.default.useEffect;function K(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(n=>/^-?\d+(\.\d+)?$/.test(n)?`${n}px`:n).join(" "):null}function y(e){return e==null||e===""?null:typeof e=="number"?`${e}ms`:/^-?\d+(\.\d+)?$/.test(e)?`${e}ms`:e}const M=f.default.forwardRef(function({text:l,effect:n,split:o,trigger:s,duration:T,stagger:w,delay:R,loop:$,loopDelay:h,paused:x,customEffect:E,effectTimingFunction:S,effectDirection:L,effectIterationCount:c,effectFillMode:g,variant:m,tone:a,size:d,radius:A,elevation:b,padding:j,align:p,children:H,...O},P){const _=f.default.useRef(null);return f.default.useImperativeHandle(P,()=>_.current),f.default.useEffect(()=>{G.warnIfElementNotRegistered("ui-animated-text","AnimatedText")},[]),J(()=>{const u=_.current;if(!u)return;const t=(r,i)=>{const B=u.getAttribute(r);if(i==null){B!=null&&u.removeAttribute(r);return}B!==i&&u.setAttribute(r,i)},q=(r,i)=>{i?u.hasAttribute(r)||u.setAttribute(r,""):u.hasAttribute(r)&&u.removeAttribute(r)};t("text",l!=null&&l!==""?l:null),t("effect",n&&n!=="fade-up"?n:null),t("split",o&&o!=="words"?o:null),t("trigger",s&&s!=="load"?s:null),t("duration",y(T)),t("stagger",y(w)),t("delay",y(R)),q("loop",$),t("loop-delay",y(h)),q("paused",x),t("custom-effect",E||null),t("effect-timing",S||null),t("effect-direction",L||null),t("effect-iteration-count",c==null||c===""?null:String(c)),t("effect-fill-mode",g||null),t("variant",m&&m!=="default"?m:null),t("tone",a&&a!=="brand"?a:null),t("size",d&&d!=="md"&&d!=="2"?d:null),t("radius",A==null||A===""?null:String(A)),t("elevation",b&&b!=="low"?b:null),t("padding",K(j)),t("align",p&&p!=="start"?p:null)},[l,n,o,s,T,w,R,$,h,x,E,S,L,c,g,m,a,d,A,b,j,p]),f.default.createElement("ui-animated-text",{ref:_,...O},l==null?H:null)});M.displayName="AnimatedText";const N=M;exports.AnimatedText=N;exports.default=N;

package/dist/AnimatedText.esm.js

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

package/dist/AppHeader.cjs.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),I=e=>e&&e.__esModule?e:{default:e},d=I(T),y="editora-ui-react-app-header-runtime-styles";function L(){if(typeof document>"u"||document.getElementById(y))return;const e=document.createElement("style");e.id=y,e.textContent=`
     ui-app-header [data-ui-app-header-start],
     ui-app-header [data-ui-app-header-center],

package/dist/AppHeader.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import p from "react";
 const y = "editora-ui-react-app-header-runtime-styles";
 function w() {

package/dist/AspectRatio.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),_=require("./_internals-b9f3e909.js");function v(t){if(t&&t.__esModule)return t;const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(u,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return u.default=t,Object.freeze(u)}const s=v(y),M=typeof window<"u"?s.useLayoutEffect:s.useEffect;function h(t){if(t!=null){if(typeof t=="string")return t;if(!(!Number.isFinite(t)||t<=0))return Math.abs(t-16/9)<.01?"16/9":Math.abs(t-4/3)<.01?"4/3":Math.abs(t-1)<.01?"1/1":`${t}/1`}}const b=s.forwardRef(function({ratio:u,fit:r,tone:i,variant:o,size:n,radius:c,elevation:f,interactive:l,showRatioBadge:A,headless:m,children:p,...g},R){const a=s.useRef(null);return s.useImperativeHandle(R,()=>a.current),s.useEffect(()=>{_.warnIfElementNotRegistered("ui-aspect-ratio","AspectRatio")},[]),M(()=>{const e=a.current;if(!e)return;const d=h(u);d?e.setAttribute("ratio",d):e.removeAttribute("ratio"),r?e.setAttribute("fit",r):e.removeAttribute("fit"),i&&i!=="neutral"?e.setAttribute("tone",i):e.removeAttribute("tone"),o&&o!=="surface"?e.setAttribute("variant",o):e.removeAttribute("variant"),n&&n!=="md"?e.setAttribute("size",n):e.removeAttribute("size"),c!=null?e.setAttribute("radius",String(c)):e.removeAttribute("radius"),f&&f!=="none"?e.setAttribute("elevation",f):e.removeAttribute("elevation"),l?e.setAttribute("interactive",""):e.removeAttribute("interactive"),A?e.setAttribute("show-ratio-badge",""):e.removeAttribute("show-ratio-badge"),m?e.setAttribute("headless",""):e.removeAttribute("headless")},[u,r,i,o,n,c,f,l,A,m]),s.createElement("ui-aspect-ratio",{ref:a,...g},p)});b.displayName="AspectRatio";exports.AspectRatio=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react");function M(t){if(t&&t.__esModule)return t;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(i,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return i.default=t,Object.freeze(i)}const u=M(R);function _(t){if(t!=null){if(typeof t=="string")return t;if(!(!Number.isFinite(t)||t<=0))return Math.abs(t-16/9)<.01?"16/9":Math.abs(t-4/3)<.01?"4/3":Math.abs(t-1)<.01?"1/1":`${t}/1`}}const a=u.forwardRef(function({ratio:i,fit:e,tone:r,variant:o,size:n,radius:c,elevation:s,interactive:d,showRatioBadge:f,headless:l,children:p,...b},g){const m={ref:g,...b,ratio:_(i),fit:e||void 0,tone:r&&r!=="neutral"?r:void 0,variant:o&&o!=="surface"?o:void 0,size:n&&n!=="md"?n:void 0,radius:c!=null?String(c):void 0,elevation:s&&s!=="none"?s:void 0,interactive:d?"":void 0,"show-ratio-badge":f?"":void 0,headless:l?"":void 0};return u.createElement("ui-aspect-ratio",m,p)});a.displayName="AspectRatio";exports.AspectRatio=a;exports.default=a;

package/dist/AspectRatio.esm.js

@@ -1,28 +1,31 @@
-import * as r from "react";
-import { w as h } from "./_internals-f8fb69a8.mjs";
-const w = typeof window < "u" ? r.useLayoutEffect : r.useEffect;
-function E(e) {
-  if (e != null) {
-    if (typeof e == "string")
-      return e;
-    if (!(!Number.isFinite(e) || e <= 0))
-      return Math.abs(e - 16 / 9) < 0.01 ? "16/9" : Math.abs(e - 4 / 3) < 0.01 ? "4/3" : Math.abs(e - 1) < 0.01 ? "1/1" : `${e}/1`;
+import * as s from "react";
+function b(t) {
+  if (t != null) {
+    if (typeof t == "string")
+      return t;
+    if (!(!Number.isFinite(t) || t <= 0))
+      return Math.abs(t - 16 / 9) < 0.01 ? "16/9" : Math.abs(t - 4 / 3) < 0.01 ? "4/3" : Math.abs(t - 1) < 0.01 ? "1/1" : `${t}/1`;
   }
 }
-const y = r.forwardRef(function({ ratio: b, fit: f, tone: i, variant: s, size: o, radius: n, elevation: u, interactive: c, showRatioBadge: A, headless: m, children: p, ...d }, R) {
-  const a = r.useRef(null);
-  return r.useImperativeHandle(R, () => a.current), r.useEffect(() => {
-    h("ui-aspect-ratio", "AspectRatio");
-  }, []), w(() => {
-    const t = a.current;
-    if (!t)
-      return;
-    const l = E(b);
-    l ? t.setAttribute("ratio", l) : t.removeAttribute("ratio"), f ? t.setAttribute("fit", f) : t.removeAttribute("fit"), i && i !== "neutral" ? t.setAttribute("tone", i) : t.removeAttribute("tone"), s && s !== "surface" ? t.setAttribute("variant", s) : t.removeAttribute("variant"), o && o !== "md" ? t.setAttribute("size", o) : t.removeAttribute("size"), n != null ? t.setAttribute("radius", String(n)) : t.removeAttribute("radius"), u && u !== "none" ? t.setAttribute("elevation", u) : t.removeAttribute("elevation"), c ? t.setAttribute("interactive", "") : t.removeAttribute("interactive"), A ? t.setAttribute("show-ratio-badge", "") : t.removeAttribute("show-ratio-badge"), m ? t.setAttribute("headless", "") : t.removeAttribute("headless");
-  }, [b, f, i, s, o, n, u, c, A, m]), r.createElement("ui-aspect-ratio", { ref: a, ...d }, p);
+const g = s.forwardRef(function({ ratio: a, fit: d, tone: i, variant: r, size: o, radius: n, elevation: e, interactive: f, showRatioBadge: c, headless: p, children: u, ...m }, h) {
+  const R = {
+    ref: h,
+    ...m,
+    ratio: b(a),
+    fit: d || void 0,
+    tone: i && i !== "neutral" ? i : void 0,
+    variant: r && r !== "surface" ? r : void 0,
+    size: o && o !== "md" ? o : void 0,
+    radius: n != null ? String(n) : void 0,
+    elevation: e && e !== "none" ? e : void 0,
+    interactive: f ? "" : void 0,
+    "show-ratio-badge": c ? "" : void 0,
+    headless: p ? "" : void 0
+  };
+  return s.createElement("ui-aspect-ratio", R, u);
 });
-y.displayName = "AspectRatio";
+g.displayName = "AspectRatio";
 export {
-  y as AspectRatio,
-  y as default
+  g as AspectRatio,
+  g as default
 };

package/dist/Avatar.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const U=require("react"),h=require("./_internals-b9f3e909.js");function q(t){if(t&&t.__esModule)return t;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(r,i,s.get?s:{enumerable:!0,get:()=>t[i]})}}return r.default=t,Object.freeze(r)}const u=q(U),L=typeof window<"u"?u.useLayoutEffect:u.useEffect;function k(t){const r=t.trim().split(/\s+/).filter(Boolean);return r.length===0?"?":r.length===1?r[0].slice(0,2).toUpperCase():`${r[0][0]||""}${r[1][0]||""}`.toUpperCase()}function T(t){if(t!=null)return t==="lazy"||t==="eager"?t:t?"eager":"lazy"}function $(t,r,i){return t&&t.trim()?t.trim().slice(0,2).toUpperCase():r&&r.trim()?k(r):typeof i=="string"&&i.trim()?k(i):"?"}const z=u.forwardRef(function({src:r,alt:i,initials:s,size:A,bg:v,color:d,radius:g,fontWeight:p,shape:y,tone:o,variant:b,elevation:c,status:w,state:m,badge:_,ring:S,interactive:E,disabled:O,loading:M,onAvatarLoad:n,onAvatarError:l,children:R,...C},N){const a=u.useRef(null),P=u.useMemo(()=>$(s,i,R),[s,i,R]);return u.useImperativeHandle(N,()=>a.current),u.useEffect(()=>{h.warnIfElementNotRegistered("ui-avatar","Avatar")},[]),u.useEffect(()=>{const e=a.current;if(!e||!n&&!l)return;const f=j=>n==null?void 0:n(j.detail),I=j=>l==null?void 0:l(j.detail);return e.addEventListener("avatar-load",f),e.addEventListener("avatar-error",I),()=>{e.removeEventListener("avatar-load",f),e.removeEventListener("avatar-error",I)}},[n,l]),L(()=>{const e=a.current;if(!e)return;r?e.setAttribute("src",r):e.removeAttribute("src"),i?e.setAttribute("alt",i):e.removeAttribute("alt"),s?e.setAttribute("initials",s):e.removeAttribute("initials"),A!=null?e.setAttribute("size",String(A)):e.removeAttribute("size"),v?e.setAttribute("bg",v):e.removeAttribute("bg"),d?e.setAttribute("color",d):e.removeAttribute("color"),g!=null?e.setAttribute("radius",String(g)):e.removeAttribute("radius"),p!=null?e.setAttribute("fontweight",String(p)):e.removeAttribute("fontweight"),y?e.setAttribute("shape",y):e.removeAttribute("shape"),o&&o!=="neutral"?e.setAttribute("tone",o):e.removeAttribute("tone"),b&&b!=="surface"?e.setAttribute("variant",b):e.removeAttribute("variant"),c&&c!=="low"?e.setAttribute("elevation",c):e.removeAttribute("elevation"),w?e.setAttribute("status",w):e.removeAttribute("status"),m&&m!=="idle"?e.setAttribute("state",m):e.removeAttribute("state"),_?e.setAttribute("badge",_):e.removeAttribute("badge"),S==null?e.removeAttribute("ring"):S?e.setAttribute("ring",""):e.removeAttribute("ring"),E==null?e.removeAttribute("interactive"):E?e.setAttribute("interactive",""):e.removeAttribute("interactive"),O==null?e.removeAttribute("disabled"):O?e.setAttribute("disabled",""):e.removeAttribute("disabled");const f=T(M);f?e.setAttribute("loading",f):e.removeAttribute("loading")},[r,i,s,A,v,d,g,p,y,o,b,c,w,m,_,S,E,O,M]),u.createElement("ui-avatar",{ref:a,...C},P)});z.displayName="Avatar";exports.Avatar=z;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("react"),t=require("./_internals-5a21394b.js");function I(n){if(n&&n.__esModule)return n;const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(u,e,i.get?i:{enumerable:!0,get:()=>n[e]})}}return u.default=n,Object.freeze(u)}const s=I(F);function N(n){const u=n.trim().split(/\s+/).filter(Boolean);return u.length===0?"?":u.length===1?u[0].slice(0,2).toUpperCase():`${u[0][0]||""}${u[1][0]||""}`.toUpperCase()}function T(n){if(n!=null)return n==="lazy"||n==="eager"?n:n?"eager":"lazy"}function $(n,u,e){return n&&n.trim()?n.trim().slice(0,2).toUpperCase():u&&u.trim()?N(u):typeof e=="string"&&e.trim()?N(e):"?"}const P=s.forwardRef(function({src:u,alt:e,initials:i,size:y,bg:A,color:_,radius:S,fontWeight:p,shape:w,tone:c,variant:o,elevation:g,status:C,state:f,badge:O,ring:j,interactive:k,disabled:M,loading:R,onAvatarLoad:b,onAvatarError:a,children:B,...U},q){const d=t.useForwardedHostRef(q),z=s.useMemo(()=>$(i,e,B),[i,e,B]);s.useEffect(()=>{t.warnIfElementNotRegistered("ui-avatar","Avatar")},[]);const E=s.useCallback(r=>{const l=t.getCustomEventDetail(r);l&&(b==null||b(l))},[b]),D=s.useCallback(r=>{const l=t.getCustomEventDetail(r);l&&(a==null||a(l))},[a]);return t.useElementEventListeners(d,[{type:"avatar-load",listener:E},{type:"avatar-error",listener:D}],[E,D]),t.useElementAttributes(d,r=>{t.syncStringAttribute(r,"src",u??null),t.syncStringAttribute(r,"alt",e??null),t.syncStringAttribute(r,"initials",i??null),t.syncStringAttribute(r,"size",y!=null?String(y):null),t.syncStringAttribute(r,"bg",A??null),t.syncStringAttribute(r,"color",_??null),t.syncStringAttribute(r,"radius",S!=null?String(S):null),t.syncStringAttribute(r,"fontweight",p!=null?String(p):null),t.syncStringAttribute(r,"shape",w??null),t.syncStringAttribute(r,"tone",c&&c!=="neutral"?c:null),t.syncStringAttribute(r,"variant",o&&o!=="surface"?o:null),t.syncStringAttribute(r,"elevation",g&&g!=="low"?g:null),t.syncStringAttribute(r,"status",C??null),t.syncStringAttribute(r,"state",f&&f!=="idle"?f:null),t.syncStringAttribute(r,"badge",O??null),t.syncBooleanAttribute(r,"ring",j),t.syncBooleanAttribute(r,"interactive",k),t.syncBooleanAttribute(r,"disabled",M),t.syncStringAttribute(r,"loading",T(R)??null)},[u,e,i,y,A,_,S,p,w,c,o,g,C,f,O,j,k,M,R]),s.createElement("ui-avatar",{ref:d,...U},z)});P.displayName="Avatar";exports.Avatar=P;

package/dist/Avatar.esm.js

@@ -1,63 +1,65 @@
-import * as u from "react";
-import { w as x } from "./_internals-f8fb69a8.mjs";
-const B = typeof window < "u" ? u.useLayoutEffect : u.useEffect;
-function z(r) {
-  const t = r.trim().split(/\s+/).filter(Boolean);
+'use client';
+import * as n from "react";
+import { c as q, w as G, g as D, u as J, a as K, s as r, b as C } from "./_internals-d86cc997.mjs";
+function H(l) {
+  const t = l.trim().split(/\s+/).filter(Boolean);
   return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : `${t[0][0] || ""}${t[1][0] || ""}`.toUpperCase();
 }
-function F(r) {
-  if (r != null)
-    return r === "lazy" || r === "eager" ? r : r ? "eager" : "lazy";
+function O(l) {
+  if (l != null)
+    return l === "lazy" || l === "eager" ? l : l ? "eager" : "lazy";
 }
-function H(r, t, i) {
-  return r && r.trim() ? r.trim().slice(0, 2).toUpperCase() : t && t.trim() ? z(t) : typeof i == "string" && i.trim() ? z(i) : "?";
+function P(l, t, s) {
+  return l && l.trim() ? l.trim().slice(0, 2).toUpperCase() : t && t.trim() ? H(t) : typeof s == "string" && s.trim() ? H(s) : "?";
 }
-const M = u.forwardRef(function({
+const Q = n.forwardRef(function({
   src: t,
-  alt: i,
-  initials: s,
-  size: v,
-  bg: a,
-  color: d,
-  radius: p,
-  fontWeight: g,
-  shape: w,
-  tone: o,
-  variant: b,
-  elevation: m,
-  status: y,
-  state: A,
-  badge: E,
-  ring: I,
-  interactive: R,
-  disabled: C,
-  loading: U,
-  onAvatarLoad: f,
-  onAvatarError: l,
-  children: h,
-  ...L
-}, N) {
-  const c = u.useRef(null), $ = u.useMemo(() => H(s, i, h), [s, i, h]);
-  return u.useImperativeHandle(N, () => c.current), u.useEffect(() => {
-    x("ui-avatar", "Avatar");
-  }, []), u.useEffect(() => {
-    const e = c.current;
-    if (!e || !f && !l)
-      return;
-    const n = (S) => f == null ? void 0 : f(S.detail), k = (S) => l == null ? void 0 : l(S.detail);
-    return e.addEventListener("avatar-load", n), e.addEventListener("avatar-error", k), () => {
-      e.removeEventListener("avatar-load", n), e.removeEventListener("avatar-error", k);
-    };
-  }, [f, l]), B(() => {
-    const e = c.current;
-    if (!e)
-      return;
-    t ? e.setAttribute("src", t) : e.removeAttribute("src"), i ? e.setAttribute("alt", i) : e.removeAttribute("alt"), s ? e.setAttribute("initials", s) : e.removeAttribute("initials"), v != null ? e.setAttribute("size", String(v)) : e.removeAttribute("size"), a ? e.setAttribute("bg", a) : e.removeAttribute("bg"), d ? e.setAttribute("color", d) : e.removeAttribute("color"), p != null ? e.setAttribute("radius", String(p)) : e.removeAttribute("radius"), g != null ? e.setAttribute("fontweight", String(g)) : e.removeAttribute("fontweight"), w ? e.setAttribute("shape", w) : e.removeAttribute("shape"), o && o !== "neutral" ? e.setAttribute("tone", o) : e.removeAttribute("tone"), b && b !== "surface" ? e.setAttribute("variant", b) : e.removeAttribute("variant"), m && m !== "low" ? e.setAttribute("elevation", m) : e.removeAttribute("elevation"), y ? e.setAttribute("status", y) : e.removeAttribute("status"), A && A !== "idle" ? e.setAttribute("state", A) : e.removeAttribute("state"), E ? e.setAttribute("badge", E) : e.removeAttribute("badge"), I == null ? e.removeAttribute("ring") : I ? e.setAttribute("ring", "") : e.removeAttribute("ring"), R == null ? e.removeAttribute("interactive") : R ? e.setAttribute("interactive", "") : e.removeAttribute("interactive"), C == null ? e.removeAttribute("disabled") : C ? e.setAttribute("disabled", "") : e.removeAttribute("disabled");
-    const n = F(U);
-    n ? e.setAttribute("loading", n) : e.removeAttribute("loading");
-  }, [t, i, s, v, a, d, p, g, w, o, b, m, y, A, E, I, R, C, U]), u.createElement("ui-avatar", { ref: c, ...L }, $);
+  alt: s,
+  initials: f,
+  size: b,
+  bg: k,
+  color: R,
+  radius: y,
+  fontWeight: d,
+  shape: S,
+  tone: c,
+  variant: a,
+  elevation: o,
+  status: E,
+  state: p,
+  badge: U,
+  ring: B,
+  interactive: F,
+  disabled: I,
+  loading: N,
+  onAvatarLoad: e,
+  onAvatarError: g,
+  children: $,
+  ...M
+}, h) {
+  const w = q(h), j = n.useMemo(() => P(f, s, $), [f, s, $]);
+  n.useEffect(() => {
+    G("ui-avatar", "Avatar");
+  }, []);
+  const x = n.useCallback((u) => {
+    const i = D(u);
+    i && (e == null || e(i));
+  }, [e]), z = n.useCallback((u) => {
+    const i = D(u);
+    i && (g == null || g(i));
+  }, [g]);
+  return J(
+    w,
+    [
+      { type: "avatar-load", listener: x },
+      { type: "avatar-error", listener: z }
+    ],
+    [x, z]
+  ), K(w, (u) => {
+    r(u, "src", t ?? null), r(u, "alt", s ?? null), r(u, "initials", f ?? null), r(u, "size", b != null ? String(b) : null), r(u, "bg", k ?? null), r(u, "color", R ?? null), r(u, "radius", y != null ? String(y) : null), r(u, "fontweight", d != null ? String(d) : null), r(u, "shape", S ?? null), r(u, "tone", c && c !== "neutral" ? c : null), r(u, "variant", a && a !== "surface" ? a : null), r(u, "elevation", o && o !== "low" ? o : null), r(u, "status", E ?? null), r(u, "state", p && p !== "idle" ? p : null), r(u, "badge", U ?? null), C(u, "ring", B), C(u, "interactive", F), C(u, "disabled", I), r(u, "loading", O(N) ?? null);
+  }, [t, s, f, b, k, R, y, d, S, c, a, o, E, p, U, B, F, I, N]), n.createElement("ui-avatar", { ref: w, ...M }, j);
 });
-M.displayName = "Avatar";
+Q.displayName = "Avatar";
 export {
-  M as Avatar
+  Q as Avatar
 };

package/dist/Badge.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),R=t=>t&&t.__esModule?t:{default:t},z=R(i),M=typeof window<"u"?i.useLayoutEffect:i.useEffect;function x(t){const{text:n,tone:a,variant:u,size:r,radius:b,elevation:s,state:o,pill:d,dot:c,interactive:m,truncate:A,maxWidth:f,removable:p,autoRemove:y,iconOnly:E,disabled:_,onRemove:l,children:h,...w}=t,v=i.useRef(null);return i.useEffect(()=>{const e=v.current;if(!e)return;const g=L=>l==null?void 0:l(L.detail);return e.addEventListener("remove",g),()=>e.removeEventListener("remove",g)},[l]),M(()=>{const e=v.current;e&&(n?e.setAttribute("text",n):e.removeAttribute("text"),a?e.setAttribute("tone",a):e.removeAttribute("tone"),u&&u!=="surface"?e.setAttribute("variant",u):e.removeAttribute("variant"),r&&r!=="md"&&r!=="2"?e.setAttribute("size",r):e.removeAttribute("size"),b!=null?e.setAttribute("radius",String(b)):e.removeAttribute("radius"),s&&s!=="none"?e.setAttribute("elevation",s):e.removeAttribute("elevation"),o&&o!=="idle"?e.setAttribute("state",o):e.removeAttribute("state"),d?e.setAttribute("pill",""):e.removeAttribute("pill"),c?e.setAttribute("dot",""):e.removeAttribute("dot"),m?e.setAttribute("interactive",""):e.removeAttribute("interactive"),A?e.setAttribute("truncate",""):e.removeAttribute("truncate"),f?e.setAttribute("max-width",f):e.removeAttribute("max-width"),p?e.setAttribute("removable",""):e.removeAttribute("removable"),y?e.setAttribute("auto-remove",""):e.removeAttribute("auto-remove"),E?e.setAttribute("icon-only",""):e.removeAttribute("icon-only"),_?e.setAttribute("disabled",""):e.removeAttribute("disabled"))},[n,a,u,r,b,s,o,d,c,m,A,f,p,y,E,_]),z.default.createElement("ui-badge",{ref:v,...w},h)}exports.Badge=x;exports.default=x;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const M=require("react"),t=require("./_internals-5a21394b.js"),q=n=>n&&n.__esModule?n:{default:n},c=q(M);function x(n){const{text:d,tone:b,variant:r,size:i,radius:o,elevation:u,state:a,pill:y,dot:A,interactive:g,truncate:v,maxWidth:f,removable:m,autoRemove:S,iconOnly:B,disabled:_,onRemove:l,children:R,...h}=n,s=c.default.useRef(null),p=c.default.useCallback(e=>{const E=t.getCustomEventDetail(e);E&&(l==null||l(E))},[l]);return t.useElementEventListeners(s,[{type:"remove",listener:p}],[p]),t.useElementAttributes(s,e=>{t.syncStringAttribute(e,"text",d??null),t.syncStringAttribute(e,"tone",b??null),t.syncStringAttribute(e,"variant",r&&r!=="surface"?r:null),t.syncStringAttribute(e,"size",i&&i!=="md"&&i!=="2"?i:null),t.syncStringAttribute(e,"radius",o!=null?String(o):null),t.syncStringAttribute(e,"elevation",u&&u!=="none"?u:null),t.syncStringAttribute(e,"state",a&&a!=="idle"?a:null),t.syncBooleanAttribute(e,"pill",y),t.syncBooleanAttribute(e,"dot",A),t.syncBooleanAttribute(e,"interactive",g),t.syncBooleanAttribute(e,"truncate",v),t.syncStringAttribute(e,"max-width",f??null),t.syncBooleanAttribute(e,"removable",m),t.syncBooleanAttribute(e,"auto-remove",S),t.syncBooleanAttribute(e,"icon-only",B),t.syncBooleanAttribute(e,"disabled",_)},[d,b,r,i,o,u,a,y,A,g,v,f,m,S,B,_]),c.default.createElement("ui-badge",{ref:s,...h},R)}exports.Badge=x;exports.default=x;