@editora/ui-react 0.1.8 → 0.1.10

package/dist/AnimatedNumber.esm.js

@@ -0,0 +1,181 @@
+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,
+  minimumFractionDigits: N,
+  maximumFractionDigits: r,
+  decimals: A,
+  duration: I,
+  animation: h = "spring",
+  direction: b = "auto",
+  prefix: w,
+  suffix: F,
+  decimalSeparator: L,
+  groupSeparator: l,
+  animate: g,
+  animateOnMount: _,
+  countUp: M,
+  min: x,
+  max: S,
+  label: D,
+  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));
+  }, [
+    e,
+    o,
+    p,
+    f,
+    m,
+    a,
+    y,
+    c,
+    s,
+    I,
+    h,
+    b,
+    w,
+    F,
+    L,
+    l,
+    g,
+    H,
+    M,
+    x,
+    S,
+    D,
+    A,
+    O,
+    P
+  ]), j.createElement("ui-odometer", { ref: q, 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);
+  }, []);
+  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);
+        return;
+      }
+      a(r.current), s.current = null, d.current = null, c(!1);
+    };
+    s.current = requestAnimationFrame(l), c(!0);
+  }, [h, o]), F = v(
+    (l) => {
+      b(), l !== void 0 && (r.current = l), N.current = A.current, w();
+    },
+    [w, b]
+  ), L = v(
+    (l) => {
+      b();
+      const g = l !== void 0 ? l : e;
+      N.current = g, r.current = g, a(g);
+    },
+    [e, b]
+  );
+  return V(() => {
+    r.current = n;
+  }, [n]), V(() => (f && F(n), () => {
+    s.current !== null && cancelAnimationFrame(s.current);
+  }), [f, n, F]), {
+    value: m,
+    isAnimating: y,
+    start: F,
+    reset: L,
+    stop: b
+  };
+}
+function tt(i = {}) {
+  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);
+    },
+    [c, a]
+  ), d = v(
+    (r = 1) => {
+      c(a - r);
+    },
+    [c, a]
+  ), N = v(() => {
+    c(e);
+  }, [e, c]);
+  return {
+    ref: m,
+    value: a,
+    setValue: c,
+    increment: s,
+    decrement: d,
+    reset: N
+  };
+}
+export {
+  Z as AnimatedNumber,
+  Z as default,
+  tt as useAnimatedNumber,
+  U as useAnimatedNumberValue
+};

package/dist/AnimatedText.cjs.js

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

package/dist/AnimatedText.esm.js

@@ -0,0 +1,92 @@
+import f from "react";
+import { w as I } from "./_internals-f8fb69a8.mjs";
+const J = typeof window < "u" ? f.useLayoutEffect : f.useEffect;
+function K(n) {
+  if (n == null || n === "")
+    return null;
+  if (typeof n == "number")
+    return `${n}px`;
+  const l = n.split(/\s+/).filter(Boolean);
+  return l.length ? l.map((e) => /^-?\d+(\.\d+)?$/.test(e) ? `${e}px` : e).join(" ") : null;
+}
+function a(n) {
+  return n == null || n === "" ? null : typeof n == "number" ? `${n}ms` : /^-?\d+(\.\d+)?$/.test(n) ? `${n}ms` : n;
+}
+const g = f.forwardRef(function({
+  text: l,
+  effect: e,
+  split: s,
+  trigger: d,
+  duration: $,
+  stagger: h,
+  delay: x,
+  loop: E,
+  loopDelay: R,
+  paused: T,
+  customEffect: L,
+  effectTimingFunction: B,
+  effectDirection: N,
+  effectIterationCount: m,
+  effectFillMode: S,
+  variant: c,
+  tone: A,
+  size: o,
+  radius: p,
+  elevation: b,
+  padding: _,
+  align: y,
+  children: k,
+  ...q
+}, G) {
+  const w = f.useRef(null);
+  return f.useImperativeHandle(G, () => w.current), f.useEffect(() => {
+    I("ui-animated-text", "AnimatedText");
+  }, []), J(() => {
+    const u = w.current;
+    if (!u)
+      return;
+    const t = (r, i) => {
+      const H = u.getAttribute(r);
+      if (i == null) {
+        H != null && u.removeAttribute(r);
+        return;
+      }
+      H !== i && u.setAttribute(r, i);
+    }, j = (r, i) => {
+      i ? u.hasAttribute(r) || u.setAttribute(r, "") : u.hasAttribute(r) && u.removeAttribute(r);
+    };
+    t("text", l != null && l !== "" ? l : null), t("effect", e && e !== "fade-up" ? e : null), t("split", s && s !== "words" ? s : null), t("trigger", d && d !== "load" ? d : null), t("duration", a($)), t("stagger", a(h)), t("delay", a(x)), j("loop", E), t("loop-delay", a(R)), j("paused", T), t("custom-effect", L || null), t("effect-timing", B || null), t("effect-direction", N || null), t(
+      "effect-iteration-count",
+      m == null || m === "" ? null : String(m)
+    ), t("effect-fill-mode", S || null), t("variant", c && c !== "default" ? c : null), t("tone", A && A !== "brand" ? A : null), t("size", o && o !== "md" && o !== "2" ? o : null), t("radius", p == null || p === "" ? null : String(p)), t("elevation", b && b !== "low" ? b : null), t("padding", K(_)), t("align", y && y !== "start" ? y : null);
+  }, [
+    l,
+    e,
+    s,
+    d,
+    $,
+    h,
+    x,
+    E,
+    R,
+    T,
+    L,
+    B,
+    N,
+    m,
+    S,
+    c,
+    A,
+    o,
+    p,
+    b,
+    _,
+    y
+  ]), f.createElement("ui-animated-text", { ref: w, ...q }, l == null ? k : null);
+});
+g.displayName = "AnimatedText";
+const Q = g;
+export {
+  Q as AnimatedText,
+  Q as default
+};

package/dist/AppHeader.cjs.js

@@ -1 +1,33 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./AppHeader-5c427700.js");require("react");exports.AppHeader=e.ComposedAppHeader;
+"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],
+    ui-app-header [data-ui-app-header-end] {
+      min-width: 0;
+      display: inline-flex;
+      align-items: center;
+    }
+
+    ui-app-header [data-ui-app-header-start] {
+      gap: 10px;
+    }
+
+    ui-app-header [data-ui-app-header-center] {
+      gap: 10px;
+    }
+
+    ui-app-header [data-ui-app-header-end] {
+      gap: 8px;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+    }
+
+    ui-app-header [data-ui-app-header-title] {
+      display: block;
+      min-width: 0;
+    }
+
+    ui-app-header [data-ui-app-header-subtitle] {
+      display: block;
+      min-width: 0;
+    }
+  `,document.head.appendChild(e)}function o(e,r,a){a?e.setAttribute(r,""):e.removeAttribute(r)}function f(e,r,a){a==null||a===""?e.removeAttribute(r):e.setAttribute(r,String(a))}const j=d.default.forwardRef(function({children:r,sticky:a,bordered:l,dense:s,headless:H,showMenuButton:h,variant:n,tone:u,size:i,radius:c,elevation:p,onMenuTrigger:b,...v},x){const m=d.default.useRef(null);return d.default.useImperativeHandle(x,()=>m.current),d.default.useEffect(()=>{L()},[]),d.default.useEffect(()=>{const t=m.current;if(!t||!b)return;const S=()=>b();return t.addEventListener("menu-trigger",S),()=>t.removeEventListener("menu-trigger",S)},[b]),d.default.useLayoutEffect(()=>{const t=m.current;t&&(o(t,"sticky",a),o(t,"bordered",l),o(t,"dense",s),o(t,"headless",H),o(t,"show-menu-button",h),f(t,"variant",n&&n!=="surface"?n:null),f(t,"tone",u&&u!=="neutral"?u:null),f(t,"size",i&&i!=="md"?i:null),f(t,"radius",c??null),f(t,"elevation",p&&p!=="low"?p:null))},[a,l,s,H,h,n,u,i,c,p]),d.default.createElement("ui-app-header",{ref:m,...v},r)});function A(e,r,a,l){const s=d.default.forwardRef(function({as:h,children:n,...u},i){const c=h||e,p={ref:i,slot:a,...u};return l&&(p[l]=""),d.default.createElement(c,p,n)});return s.displayName=r,s}const g=A("div","AppHeaderStart","start","data-ui-app-header-start"),_=A("div","AppHeaderCenter","center","data-ui-app-header-center"),w=A("div","AppHeaderTitle","title","data-ui-app-header-title"),C=A("div","AppHeaderSubtitle","subtitle","data-ui-app-header-subtitle"),R=A("div","AppHeaderEnd","end","data-ui-app-header-end"),E=Object.assign(j,{Start:g,Center:_,Title:w,Subtitle:C,End:R});E.displayName="AppHeader";exports.AppHeader=E;exports.AppHeaderCenter=_;exports.AppHeaderEnd=R;exports.AppHeaderStart=g;exports.AppHeaderSubtitle=C;exports.AppHeaderTitle=w;exports.default=E;

package/dist/AppHeader.esm.js

@@ -1,5 +1,99 @@
-import { C as o } from "./AppHeader-49a8d3e0.mjs";
-import "react";
+import p from "react";
+const y = "editora-ui-react-app-header-runtime-styles";
+function w() {
+  if (typeof document > "u" || document.getElementById(y))
+    return;
+  const t = document.createElement("style");
+  t.id = y, t.textContent = `
+    ui-app-header [data-ui-app-header-start],
+    ui-app-header [data-ui-app-header-center],
+    ui-app-header [data-ui-app-header-end] {
+      min-width: 0;
+      display: inline-flex;
+      align-items: center;
+    }
+
+    ui-app-header [data-ui-app-header-start] {
+      gap: 10px;
+    }
+
+    ui-app-header [data-ui-app-header-center] {
+      gap: 10px;
+    }
+
+    ui-app-header [data-ui-app-header-end] {
+      gap: 8px;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+    }
+
+    ui-app-header [data-ui-app-header-title] {
+      display: block;
+      min-width: 0;
+    }
+
+    ui-app-header [data-ui-app-header-subtitle] {
+      display: block;
+      min-width: 0;
+    }
+  `, document.head.appendChild(t);
+}
+function o(t, r, a) {
+  a ? t.setAttribute(r, "") : t.removeAttribute(r);
+}
+function f(t, r, a) {
+  a == null || a === "" ? t.removeAttribute(r) : t.setAttribute(r, String(a));
+}
+const x = p.forwardRef(function({
+  children: r,
+  sticky: a,
+  bordered: l,
+  dense: s,
+  headless: H,
+  showMenuButton: m,
+  variant: n,
+  tone: i,
+  size: u,
+  radius: c,
+  elevation: d,
+  onMenuTrigger: E,
+  ...S
+}, g) {
+  const A = p.useRef(null);
+  return p.useImperativeHandle(g, () => A.current), p.useEffect(() => {
+    w();
+  }, []), p.useEffect(() => {
+    const e = A.current;
+    if (!e || !E)
+      return;
+    const b = () => E();
+    return e.addEventListener("menu-trigger", b), () => e.removeEventListener("menu-trigger", b);
+  }, [E]), p.useLayoutEffect(() => {
+    const e = A.current;
+    e && (o(e, "sticky", a), o(e, "bordered", l), o(e, "dense", s), o(e, "headless", H), o(e, "show-menu-button", m), f(e, "variant", n && n !== "surface" ? n : null), f(e, "tone", i && i !== "neutral" ? i : null), f(e, "size", u && u !== "md" ? u : null), f(e, "radius", c ?? null), f(e, "elevation", d && d !== "low" ? d : null));
+  }, [a, l, s, H, m, n, i, u, c, d]), p.createElement("ui-app-header", { ref: A, ...S }, r);
+});
+function h(t, r, a, l) {
+  const s = p.forwardRef(function({ as: m, children: n, ...i }, u) {
+    const c = m || t, d = { ref: u, slot: a, ...i };
+    return l && (d[l] = ""), p.createElement(c, d, n);
+  });
+  return s.displayName = r, s;
+}
+const C = h("div", "AppHeaderStart", "start", "data-ui-app-header-start"), R = h("div", "AppHeaderCenter", "center", "data-ui-app-header-center"), _ = h("div", "AppHeaderTitle", "title", "data-ui-app-header-title"), v = h("div", "AppHeaderSubtitle", "subtitle", "data-ui-app-header-subtitle"), I = h("div", "AppHeaderEnd", "end", "data-ui-app-header-end"), L = Object.assign(x, {
+  Start: C,
+  Center: R,
+  Title: _,
+  Subtitle: v,
+  End: I
+});
+L.displayName = "AppHeader";
 export {
-  o as AppHeader
+  L as AppHeader,
+  R as AppHeaderCenter,
+  I as AppHeaderEnd,
+  C as AppHeaderStart,
+  v as AppHeaderSubtitle,
+  _ as AppHeaderTitle,
+  L as default
 };

package/dist/AspectRatio.cjs.js

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

package/dist/AspectRatio.esm.js

@@ -0,0 +1,28 @@
+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`;
+  }
+}
+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);
+});
+y.displayName = "AspectRatio";
+export {
+  y as AspectRatio,
+  y as default
+};

package/dist/Avatar.cjs.js

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

package/dist/Avatar.esm.js

@@ -0,0 +1,63 @@
+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);
+  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 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) : "?";
+}
+const M = u.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 }, $);
+});
+M.displayName = "Avatar";
+export {
+  M as Avatar
+};

package/dist/Badge.cjs.js

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

package/dist/Badge.esm.js

@@ -0,0 +1,39 @@
+import z, { useRef as R, useEffect as E, useLayoutEffect as _ } from "react";
+const B = typeof window < "u" ? _ : E;
+function I(h) {
+  const {
+    text: o,
+    tone: n,
+    variant: r,
+    size: t,
+    radius: l,
+    elevation: i,
+    state: u,
+    pill: v,
+    dot: f,
+    interactive: m,
+    truncate: A,
+    maxWidth: a,
+    removable: d,
+    autoRemove: c,
+    iconOnly: p,
+    disabled: x,
+    onRemove: s,
+    children: w,
+    ...L
+  } = h, b = R(null);
+  return E(() => {
+    const e = b.current;
+    if (!e)
+      return;
+    const y = (g) => s == null ? void 0 : s(g.detail);
+    return e.addEventListener("remove", y), () => e.removeEventListener("remove", y);
+  }, [s]), B(() => {
+    const e = b.current;
+    e && (o ? e.setAttribute("text", o) : e.removeAttribute("text"), n ? e.setAttribute("tone", n) : e.removeAttribute("tone"), r && r !== "surface" ? e.setAttribute("variant", r) : e.removeAttribute("variant"), t && t !== "md" && t !== "2" ? e.setAttribute("size", t) : e.removeAttribute("size"), l != null ? e.setAttribute("radius", String(l)) : e.removeAttribute("radius"), i && i !== "none" ? e.setAttribute("elevation", i) : e.removeAttribute("elevation"), u && u !== "idle" ? e.setAttribute("state", u) : e.removeAttribute("state"), v ? e.setAttribute("pill", "") : e.removeAttribute("pill"), f ? e.setAttribute("dot", "") : e.removeAttribute("dot"), m ? e.setAttribute("interactive", "") : e.removeAttribute("interactive"), A ? e.setAttribute("truncate", "") : e.removeAttribute("truncate"), a ? e.setAttribute("max-width", a) : e.removeAttribute("max-width"), d ? e.setAttribute("removable", "") : e.removeAttribute("removable"), c ? e.setAttribute("auto-remove", "") : e.removeAttribute("auto-remove"), p ? e.setAttribute("icon-only", "") : e.removeAttribute("icon-only"), x ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"));
+  }, [o, n, r, t, l, i, u, v, f, m, A, a, d, c, p, x]), z.createElement("ui-badge", { ref: b, ...L }, w);
+}
+export {
+  I as Badge,
+  I as default
+};

package/dist/BlockControls.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("react"),S=require("./_internals-b9f3e909.js");function j(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 o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(u,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return u.default=t,Object.freeze(u)}const i=j(O),B=typeof window<"u"?i.useLayoutEffect:i.useEffect,y=i.forwardRef(function({children:u,orientation:r,variant:o,tone:n,state:f,elevation:l,size:s,radius:m,density:A,wrap:a,loop:d,disabled:v,activeIndex:b,ariaLabel:p,onNavigate:g,...k},_){const c=i.useRef(null);return i.useImperativeHandle(_,()=>c.current),i.useEffect(()=>{S.warnIfElementNotRegistered("ui-block-controls","BlockControls")},[]),i.useEffect(()=>{const e=c.current;if(!e||!g)return;const E=w=>g(w.detail);return e.addEventListener("ui-navigate",E),()=>e.removeEventListener("ui-navigate",E)},[g]),B(()=>{const e=c.current;e&&(r?e.setAttribute("orientation",r):e.removeAttribute("orientation"),o&&o!=="surface"&&o!=="floating"?e.setAttribute("variant",o):e.removeAttribute("variant"),n&&n!=="neutral"?e.setAttribute("tone",n):e.removeAttribute("tone"),f&&f!=="idle"?e.setAttribute("state",f):e.removeAttribute("state"),l&&l!=="low"&&l!=="md"?e.setAttribute("elevation",l):e.removeAttribute("elevation"),s&&s!=="md"&&s!=="2"?e.setAttribute("size",s):e.removeAttribute("size"),m!=null?e.setAttribute("radius",String(m)):e.removeAttribute("radius"),A?e.setAttribute("density",A):e.removeAttribute("density"),a==null?e.removeAttribute("wrap"):a?e.setAttribute("wrap",""):e.removeAttribute("wrap"),d==null?(e.removeAttribute("loop"),e.removeAttribute("no-loop")):d?(e.setAttribute("loop",""),e.removeAttribute("no-loop")):(e.removeAttribute("loop"),e.setAttribute("no-loop","")),v==null?e.removeAttribute("disabled"):v?e.setAttribute("disabled",""):e.removeAttribute("disabled"),typeof b=="number"&&Number.isFinite(b)?e.setAttribute("active-index",String(b)):e.removeAttribute("active-index"),p?e.setAttribute("aria-label",p):e.removeAttribute("aria-label"))},[r,o,n,f,l,s,m,A,a,d,v,b,p]),i.createElement("ui-block-controls",{ref:c,...k},u)});y.displayName="BlockControls";exports.BlockControls=y;exports.default=y;

package/dist/BlockControls.esm.js

@@ -0,0 +1,39 @@
+import * as t from "react";
+import { w as y } from "./_internals-f8fb69a8.mjs";
+const B = typeof window < "u" ? t.useLayoutEffect : t.useEffect, C = t.forwardRef(function({
+  children: E,
+  orientation: f,
+  variant: r,
+  tone: u,
+  state: s,
+  elevation: i,
+  size: o,
+  radius: b,
+  density: m,
+  wrap: A,
+  loop: c,
+  disabled: v,
+  activeIndex: l,
+  ariaLabel: a,
+  onNavigate: d,
+  ...w
+}, k) {
+  const n = t.useRef(null);
+  return t.useImperativeHandle(k, () => n.current), t.useEffect(() => {
+    y("ui-block-controls", "BlockControls");
+  }, []), t.useEffect(() => {
+    const e = n.current;
+    if (!e || !d)
+      return;
+    const p = (g) => d(g.detail);
+    return e.addEventListener("ui-navigate", p), () => e.removeEventListener("ui-navigate", p);
+  }, [d]), B(() => {
+    const e = n.current;
+    e && (f ? e.setAttribute("orientation", f) : e.removeAttribute("orientation"), r && r !== "surface" && r !== "floating" ? e.setAttribute("variant", r) : e.removeAttribute("variant"), u && u !== "neutral" ? e.setAttribute("tone", u) : e.removeAttribute("tone"), s && s !== "idle" ? e.setAttribute("state", s) : e.removeAttribute("state"), i && i !== "low" && i !== "md" ? e.setAttribute("elevation", i) : e.removeAttribute("elevation"), o && o !== "md" && o !== "2" ? e.setAttribute("size", o) : e.removeAttribute("size"), b != null ? e.setAttribute("radius", String(b)) : e.removeAttribute("radius"), m ? e.setAttribute("density", m) : e.removeAttribute("density"), A == null ? e.removeAttribute("wrap") : A ? e.setAttribute("wrap", "") : e.removeAttribute("wrap"), c == null ? (e.removeAttribute("loop"), e.removeAttribute("no-loop")) : c ? (e.setAttribute("loop", ""), e.removeAttribute("no-loop")) : (e.removeAttribute("loop"), e.setAttribute("no-loop", "")), v == null ? e.removeAttribute("disabled") : v ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), typeof l == "number" && Number.isFinite(l) ? e.setAttribute("active-index", String(l)) : e.removeAttribute("active-index"), a ? e.setAttribute("aria-label", a) : e.removeAttribute("aria-label"));
+  }, [f, r, u, s, i, o, b, m, A, c, v, l, a]), t.createElement("ui-block-controls", { ref: n, ...w }, E);
+});
+C.displayName = "BlockControls";
+export {
+  C as BlockControls,
+  C as default
+};

package/dist/Box.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const bt=require("react"),St=i=>i&&i.__esModule?i:{default:i},d=St(bt);function t(i){if(i!=null){if(typeof i=="object")try{return JSON.stringify(i)}catch{return}return String(i)}}const l=d.default.forwardRef(function(s,m){const{children:g,className:f,variant:e,tone:o,state:r,elevation:n,radius:a,interactive:u,disabled:p,headless:c,p:h,px:x,py:w,pt:v,pr:y,pb:b,pl:S,m:R,mx:_,my:B,mt:j,mr:C,mb:H,ml:W,width:z,w:E,minWidth:G,minW:M,maxWidth:N,maxW:k,height:O,h:P,minHeight:q,minH:A,maxHeight:D,maxH:I,display:J,position:T,inset:X,top:Y,right:F,bottom:K,left:L,justify:Q,alignSelf:U,alignContent:V,gap:Z,rowGap:$,columnGap:tt,flexBasis:it,flexGrow:et,flexShrink:ot,gridArea:rt,gridColumn:nt,gridColumnStart:at,gridColumnEnd:lt,gridRow:dt,gridRowStart:st,gridRowEnd:mt,align:gt,bg:ft,color:ut,opacity:pt,overflow:ct,overflowX:ht,overflowY:xt,zIndex:wt,...vt}=s,yt={ref:m,className:f,...vt,p:t(h),px:t(x),py:t(w),pt:t(v),pr:t(y),pb:t(b),pl:t(S),m:t(R),mx:t(_),my:t(B),mt:t(j),mr:t(C),mb:t(H),ml:t(W),width:t(z),w:t(E),minwidth:t(G??M),maxwidth:t(N??k),height:t(O),h:t(P),minheight:t(q??A),maxheight:t(D??I),display:t(J),position:t(T),inset:t(X),top:t(Y),right:t(F),bottom:t(K),left:t(L),justify:t(Q),flexbasis:t(it),flexgrow:t(et),flexshrink:t(ot),alignself:t(U),aligncontent:t(V),gap:t(Z),rowgap:t($),columngap:t(tt),gridarea:t(rt),gridcolumn:t(nt),gridcolumnstart:t(at),gridcolumnend:t(lt),gridrow:t(dt),gridrowstart:t(st),gridrowend:t(mt),align:t(gt),bg:t(ft),color:t(ut),opacity:t(pt),overflow:t(ct),overflowx:t(ht),overflowy:t(xt),zindex:t(wt),variant:e&&e!=="default"?e:void 0,tone:o&&o!=="default"?o:void 0,state:r&&r!=="idle"?r:void 0,elevation:n&&n!=="default"?n:void 0,radius:a&&a!=="default"?a:void 0,interactive:u?"":void 0,disabled:p?"":void 0,headless:c?"":void 0};return d.default.createElement("ui-box",yt,g)});l.displayName="Box";exports.Box=l;exports.default=l;