@editora/ui-react 0.1.8 → 0.1.11

package/dist/AnimatedNumber.esm.js

@@ -0,0 +1,158 @@
+'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: n,
+  decimals: d,
+  duration: k,
+  animation: y = "spring",
+  direction: f = "auto",
+  prefix: M,
+  suffix: F,
+  decimalSeparator: q,
+  groupSeparator: i,
+  animate: b,
+  animateOnMount: _,
+  countUp: V,
+  min: I,
+  max: S,
+  label: L,
+  className: z,
+  ...G
+}, J) {
+  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);
+  }, [
+    c,
+    A,
+    v,
+    o,
+    l,
+    u,
+    E,
+    s,
+    e,
+    k,
+    y,
+    f,
+    M,
+    F,
+    q,
+    i,
+    b,
+    O,
+    V,
+    I,
+    S,
+    L,
+    d,
+    P,
+    T
+  ]), B.createElement("ui-odometer", { ref: h, class: z, ...G });
+});
+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);
+  }, []);
+  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;
+      }
+      u(n.current), e.current = null, m.current = null, s(!1);
+    };
+    e.current = requestAnimationFrame(i), s(!0);
+  }, [y, A]), F = g(
+    (i) => {
+      f(), i !== void 0 && (n.current = i), N.current = d.current, M();
+    },
+    [M, f]
+  ), q = g(
+    (i) => {
+      f();
+      const b = i !== void 0 ? i : c;
+      N.current = b, n.current = b, u(b);
+    },
+    [c, f]
+  );
+  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: q,
+    stop: f
+  };
+}
+function U(x = {}) {
+  const {
+    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);
+    },
+    [s, u]
+  ), m = g(
+    (n = 1) => {
+      s(u - n);
+    },
+    [s, u]
+  ), N = g(() => {
+    s(c);
+  }, [c, s]);
+  return {
+    ref: l,
+    value: u,
+    setValue: s,
+    increment: e,
+    decrement: m,
+    reset: N
+  };
+}
+export {
+  Y as AnimatedNumber,
+  Y as default,
+  U as useAnimatedNumber,
+  C as useAnimatedNumberValue
+};

package/dist/AnimatedText.cjs.js

@@ -0,0 +1,2 @@
+'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

@@ -0,0 +1,93 @@
+'use client';
+import f from "react";
+import { w as I } from "./_internals-d86cc997.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,34 @@
-"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 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],
+    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,100 @@
-import { C as o } from "./AppHeader-49a8d3e0.mjs";
-import "react";
+'use client';
+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 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

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

package/dist/Avatar.cjs.js

@@ -0,0 +1,2 @@
+'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

@@ -0,0 +1,65 @@
+'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 O(l) {
+  if (l != null)
+    return l === "lazy" || l === "eager" ? l : l ? "eager" : "lazy";
+}
+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 Q = n.forwardRef(function({
+  src: t,
+  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);
+});
+Q.displayName = "Avatar";
+export {
+  Q as Avatar
+};

package/dist/Badge.cjs.js

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

package/dist/Badge.esm.js

@@ -0,0 +1,36 @@
+'use client';
+import d from "react";
+import { g as S, u as _, a as k, s as e, b as n } from "./_internals-d86cc997.mjs";
+function H(z) {
+  const {
+    text: c,
+    tone: m,
+    variant: i,
+    size: a,
+    radius: u,
+    elevation: r,
+    state: s,
+    pill: v,
+    dot: b,
+    interactive: f,
+    truncate: g,
+    maxWidth: p,
+    removable: x,
+    autoRemove: y,
+    iconOnly: E,
+    disabled: h,
+    onRemove: l,
+    children: B,
+    ...C
+  } = z, o = d.useRef(null), A = d.useCallback((t) => {
+    const R = S(t);
+    R && (l == null || l(R));
+  }, [l]);
+  return _(o, [{ type: "remove", listener: A }], [A]), k(o, (t) => {
+    e(t, "text", c ?? null), e(t, "tone", m ?? null), e(t, "variant", i && i !== "surface" ? i : null), e(t, "size", a && a !== "md" && a !== "2" ? a : null), e(t, "radius", u != null ? String(u) : null), e(t, "elevation", r && r !== "none" ? r : null), e(t, "state", s && s !== "idle" ? s : null), n(t, "pill", v), n(t, "dot", b), n(t, "interactive", f), n(t, "truncate", g), e(t, "max-width", p ?? null), n(t, "removable", x), n(t, "auto-remove", y), n(t, "icon-only", E), n(t, "disabled", h);
+  }, [c, m, i, a, u, r, s, v, b, f, g, p, x, y, E, h]), d.createElement("ui-badge", { ref: o, ...C }, B);
+}
+export {
+  H as Badge,
+  H as default
+};

package/dist/BlockControls.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("react"),S=require("./_internals-5a21394b.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,40 @@
+'use client';
+import * as t from "react";
+import { w as y } from "./_internals-d86cc997.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;