@humain/ui 2.4.2 → 2.4.4

package/dist/wc/hf-area-chart.js

@@ -3,12 +3,12 @@ import { i as K, n as X, t as Z } from "./vendor/react.js";
 import { S as Y, b as B, m as J, w as Q, y as U } from "./vendor/recharts.js";
 import { t as tt } from "./dist.js";
 import { n as et } from "./utils.js";
-import { n as C, o as rt, s as it } from "./chart.js";
-import { t as ot } from "./use-reduced-motion.js";
-import { n as at } from "./chart-legend.js";
-import { t as st } from "./cartesian-chart-frame.js";
-import { a as nt, c as u, l as lt, n as ct, t as ht } from "./chart-data.js";
-import { c as dt, s as v } from "./_shared.js";
+import { c as rt, s as C } from "./_shared.js";
+import { n as v, o as it, s as ot } from "./chart.js";
+import { t as at } from "./use-reduced-motion.js";
+import { n as st } from "./chart-legend.js";
+import { t as nt } from "./cartesian-chart-frame.js";
+import { a as lt, c as u, l as ct, n as ht, t as dt } from "./chart-data.js";
 var s = /* @__PURE__ */ G(K(), 1), o = Z(), pt = tt("relative w-full", {
   variants: { size: {
     sm: "h-40",
@@ -23,7 +23,7 @@ var s = /* @__PURE__ */ G(K(), 1), o = Z(), pt = tt("relative w-full", {
   step: "step"
 };
 function y({ data: t, series: e, showYAxis: r = !1, showXAxis: h = !0, xAxisInterval: d = 0, showGrid: b = !0, legendPosition: k = "none", areaMode: c = "overlaid", fillStyle: p = "solid", curveType: j = "smooth", fillOpacity: A = 0.28, strokeWidth: T = 1.5, showDots: w = !1, yAxisTicks: f, yAxisFormat: m = (n) => n.toLocaleString(), showTooltip: E = !0, size: $, className: O, "aria-label": z, ...S }) {
-  const n = ot(), g = s.useId().replace(/:/g, ""), { highlightedSeries: W, setHighlightedSeries: L, getOpacity: N, dimTransition: M } = at(n), P = s.useMemo(() => lt(t, e), [t, e]), _ = s.useMemo(() => e.map((a, i) => a.color || C[i % C.length]), [e]), D = s.useMemo(() => {
+  const n = at(), g = s.useId().replace(/:/g, ""), { highlightedSeries: W, setHighlightedSeries: L, getOpacity: N, dimTransition: M } = st(n), P = s.useMemo(() => ct(t, e), [t, e]), _ = s.useMemo(() => e.map((a, i) => a.color || v[i % v.length]), [e]), D = s.useMemo(() => {
     const a = {};
     return e.forEach((i, F) => {
       a[u(i.id)] = {
@@ -31,7 +31,7 @@ function y({ data: t, series: e, showYAxis: r = !1, showXAxis: h = !0, xAxisInte
         color: _[F]
       };
     }), a;
-  }, [_, e]), V = s.useMemo(() => ct({
+  }, [_, e]), V = s.useMemo(() => ht({
     data: t,
     series: e,
     ticks: f,
@@ -45,14 +45,14 @@ function y({ data: t, series: e, showYAxis: r = !1, showXAxis: h = !0, xAxisInte
     e,
     m,
     f
-  ]), H = ht(A * 100) / 100, I = nt(T, 1.5), R = c === "overlaid" ? void 0 : "area-stack", q = c === "expanded" ? "expand" : "none";
+  ]), H = dt(A * 100) / 100, I = lt(T, 1.5), R = c === "overlaid" ? void 0 : "area-stack", q = c === "expanded" ? "expand" : "none";
   return /* @__PURE__ */ (0, o.jsx)("div", {
     "data-slot": "area-chart",
     className: et(pt({ size: $ }), O),
     role: "img",
     "aria-label": z || "Area chart",
     ...S,
-    children: /* @__PURE__ */ (0, o.jsx)(st, {
+    children: /* @__PURE__ */ (0, o.jsx)(nt, {
       config: D,
       series: e,
       legendPosition: k,
@@ -115,8 +115,8 @@ function y({ data: t, series: e, showYAxis: r = !1, showXAxis: h = !0, xAxisInte
             ticks: f,
             width: V
           }),
-          E && /* @__PURE__ */ (0, o.jsx)(rt, {
-            content: /* @__PURE__ */ (0, o.jsx)(it, {}),
+          E && /* @__PURE__ */ (0, o.jsx)(it, {
+            content: /* @__PURE__ */ (0, o.jsx)(ot, {}),
             cursor: n ? !1 : { stroke: "var(--border)" }
           }),
           e.map((a) => {
@@ -197,12 +197,12 @@ var mt = X(), l = {
   }
   _setProp(t, e) {
     const r = l[t] || "string";
-    this._props[t] = dt(e, r), this._render();
+    this._props[t] = rt(e, r), this._render();
   }
   _getProp(t) {
     if (t in this._props) return this._props[t];
     const e = t.replace(/([A-Z])/g, "-$1").toLowerCase(), r = l[t] || "string";
-    return v(this.getAttribute(e), r);
+    return C(this.getAttribute(e), r);
   }
   _render() {
     if (!this._root || !this._childrenContainer) return;
@@ -210,7 +210,7 @@ var mt = X(), l = {
     for (const [r, h] of Object.entries(l)) if (r in this._props) t[r] = this._props[r];
     else {
       const d = r.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t[r] = v(this.getAttribute(d), h);
+      t[r] = C(this.getAttribute(d), h);
     }
     const e = s.createElement(y, t, s.createElement("span", {
       ref: (r) => {

package/dist/wc/hf-autocomplete.js

@@ -29,17 +29,17 @@ import { t as Nn } from "./useLabelableId.js";
 import { t as gr } from "./FieldTooltip.js";
 import { n as hr, t as br } from "./field-props.js";
 import { a as xr, c as vr, i as Cr, l as Ir, n as yr, o as Er, r as Pr, s as Rr, t as wr } from "./form-field.js";
+import { a as Ne, c as Vr, d as Sr, f as Tr, l as Ar, m as Mr, n as Or, o as mt, p as jr, s as bt, t as Nr, u as Ut } from "./resolveValueLabel.js";
+import { n as Fn } from "./useTimeout.js";
+import { a as Ln, n as Fr, o as Lr, r as _r } from "./useScrollLock.js";
+import { a as kr, n as Dr, r as _n } from "./stateAttributesMapping.js";
+import { n as Hr, r as qr, t as Br } from "./usePositioner.js";
+import { n as zr, t as Gr } from "./useTypeahead.js";
 import { t as Xt } from "./useButton.js";
-import { a as Vr, o as Sr, t as Fn } from "./useOpenChangeComplete.js";
-import { t as Tr } from "./Badge.js";
-import { n as Ln } from "./useTimeout.js";
-import { a as Ne, c as Ar, d as Mr, f as Or, l as jr, m as Nr, n as Fr, o as mt, p as Lr, s as bt, t as _r, u as Ut } from "./resolveValueLabel.js";
-import { a as _n, n as kr, o as Dr, r as Hr } from "./useScrollLock.js";
-import { n as qr, r as Br, t as zr } from "./usePositioner.js";
-import { n as Gr, t as Kr } from "./useTypeahead.js";
-import { t as Ur } from "./getPseudoElementBounds.js";
-import { t as Wr } from "./inertValue.js";
-import { t as $r } from "./useAnchoredPopupScrollLock.js";
+import { t as Kr } from "./getPseudoElementBounds.js";
+import { t as Ur } from "./inertValue.js";
+import { t as Wr } from "./useAnchoredPopupScrollLock.js";
+import { t as $r } from "./Badge.js";
 function Qr(e, t, n, c, b, C, y, m, x, s = 2) {
   const d = Qo(n.current, {
     event: e,
@@ -90,7 +90,7 @@ var u = {
     const { selectedValue: t, selectionMode: n } = e;
     return t == null ? !1 : n === "multiple" && Array.isArray(t) ? t.length > 0 : !0;
   },
-  hasNullItemLabel: (e, t) => t ? _r(e.items) : !1,
+  hasNullItemLabel: (e, t) => t ? Nr(e.items) : !1,
   open: (e) => e.open,
   mounted: (e) => e.mounted,
   forceMounted: (e) => e.forceMounted,
@@ -176,7 +176,7 @@ var Un = /* @__PURE__ */ Symbol("none"), Wt = {
   index: -1
 }, i = Ao();
 function es(e) {
-  const { id: t, onOpenChangeComplete: n, defaultSelectedValue: c = null, selectedValue: b, onSelectedValueChange: C, defaultInputValue: y, inputValue: m, open: x, defaultOpen: s = !1, selectionMode: d, onItemHighlighted: k, name: D, form: N, disabled: W = !1, readOnly: v = !1, required: F = !1, inputRef: h, grid: M = !1, items: r, filteredItems: H, filter: $, openOnInputClick: V = !0, autoHighlight: q = !1, keepHighlight: S = !1, highlightItemOnHover: z = !0, loopFocus: P = !0, itemToStringLabel: g, itemToStringValue: R, isItemEqualToValue: O = Ar, virtualized: ne = !1, inline: Q = !1, fillInputOnItemPress: J = !0, modal: j = !1, limit: Y = -1, autoComplete: ue = "list", formAutoComplete: Ee, locale: oe, submitOnItemClick: Te = !1 } = e, { clearErrors: fe } = cr(), { setDirty: T, validityData: re, setFilled: se, name: Ae, disabled: Me, setTouched: Ze, setFocused: _e, validationMode: ke, validation: be } = Yt(), De = Vn(), ae = Nn({ id: t }), B = Kn({ locale: oe }), [ce, de] = o.useState(!1), [Pe, E] = o.useState(null), w = o.useRef([]), le = o.useRef([]), He = o.useRef(null), f = o.useRef(null), A = o.useRef(null), me = o.useRef(null), Re = o.useRef(null), $e = o.useRef(!0), Oe = o.useRef(!1), ee = o.useRef(null), xe = o.useRef(null), qe = o.useRef(null), we = o.useRef(Wt), Be = o.useRef(null), je = o.useRef([]), Jt = o.useRef(null), Ve = Me || W, Qe = Ae ?? D, ge = d === "multiple", Ye = d === "single", nt = m !== void 0 || y !== void 0, ve = r !== void 0, vt = H !== void 0;
+  const { id: t, onOpenChangeComplete: n, defaultSelectedValue: c = null, selectedValue: b, onSelectedValueChange: C, defaultInputValue: y, inputValue: m, open: x, defaultOpen: s = !1, selectionMode: d, onItemHighlighted: k, name: D, form: N, disabled: W = !1, readOnly: v = !1, required: F = !1, inputRef: h, grid: M = !1, items: r, filteredItems: H, filter: $, openOnInputClick: V = !0, autoHighlight: q = !1, keepHighlight: S = !1, highlightItemOnHover: z = !0, loopFocus: P = !0, itemToStringLabel: g, itemToStringValue: R, isItemEqualToValue: O = Vr, virtualized: ne = !1, inline: Q = !1, fillInputOnItemPress: J = !0, modal: j = !1, limit: Y = -1, autoComplete: ue = "list", formAutoComplete: Ee, locale: oe, submitOnItemClick: Te = !1 } = e, { clearErrors: fe } = cr(), { setDirty: T, validityData: re, setFilled: se, name: Ae, disabled: Me, setTouched: Ze, setFocused: _e, validationMode: ke, validation: be } = Yt(), De = Vn(), ae = Nn({ id: t }), B = Kn({ locale: oe }), [ce, de] = o.useState(!1), [Pe, E] = o.useState(null), w = o.useRef([]), le = o.useRef([]), He = o.useRef(null), f = o.useRef(null), A = o.useRef(null), me = o.useRef(null), Re = o.useRef(null), $e = o.useRef(!0), Oe = o.useRef(!1), ee = o.useRef(null), xe = o.useRef(null), qe = o.useRef(null), we = o.useRef(Wt), Be = o.useRef(null), je = o.useRef([]), Jt = o.useRef(null), Ve = Me || W, Qe = Ae ?? D, ge = d === "multiple", Ye = d === "single", nt = m !== void 0 || y !== void 0, ve = r !== void 0, vt = H !== void 0;
   let pe;
   q === "always" ? pe = "always" : pe = q ? "input-change" : !1;
   const [L, ro] = zt({
@@ -198,7 +198,7 @@ function es(e) {
     default: s,
     name: "Combobox",
     state: "open"
-  }), ot = Fr(r), Se = Pe ?? String(Ce).trim(), tn = Ye ? Ne(L, g) : "", nn = Ye && !ce && Se !== "" && tn.length === Se.length && B.contains(tn, Se), rt = nn ? "" : Se, on = ve && vt && nn, st = o.useMemo(() => r ? ot ? r.flatMap((a) => a.items) : r : Tt, [r, ot]), dt = o.useMemo(() => {
+  }), ot = Or(r), Se = Pe ?? String(Ce).trim(), tn = Ye ? Ne(L, g) : "", nn = Ye && !ce && Se !== "" && tn.length === Se.length && B.contains(tn, Se), rt = nn ? "" : Se, on = ve && vt && nn, st = o.useMemo(() => r ? ot ? r.flatMap((a) => a.items) : r : Tt, [r, ot]), dt = o.useMemo(() => {
     if (H && !on) return H;
     if (!r) return Tt;
     if (ot) {
@@ -309,7 +309,7 @@ function es(e) {
     R,
     d,
     L
-  ]), lo = ie(k), rn = ie(n), sn = l(I, u.activeIndex), uo = l(I, u.selectedIndex), Ct = l(I, u.positionerElement), an = l(I, u.listElement), pt = l(I, u.triggerElement), It = l(I, u.inputElement), co = l(I, u.inputGroupElement), he = l(I, u.inline), ze = l(I, u.inputInsidePopup), po = l(I, u.inputOwnsFormValue), fo = fr(pt), { mounted: ln, setMounted: mo, transitionStatus: Ft } = Sr(Z), { openMethod: un, triggerProps: Lt } = Hr(Z), go = ie(() => ao);
+  ]), lo = ie(k), rn = ie(n), sn = l(I, u.activeIndex), uo = l(I, u.selectedIndex), Ct = l(I, u.positionerElement), an = l(I, u.listElement), pt = l(I, u.triggerElement), It = l(I, u.inputElement), co = l(I, u.inputGroupElement), he = l(I, u.inline), ze = l(I, u.inputInsidePopup), po = l(I, u.inputOwnsFormValue), fo = fr(pt), { mounted: ln, setMounted: mo, transitionStatus: Ft } = kr(Z), { openMethod: un, triggerProps: Lt } = _r(Z), go = ie(() => ao);
   lr(ze ? fo : f, ae, it, go, !Ve, D);
   const cn = ie(() => {
     r ? le.current = Ie.map((a) => Ne(a, g)) : I.set("forceMounted", !0);
@@ -371,7 +371,7 @@ function es(e) {
       return;
     }
     if (ge) {
-      const K = Array.isArray(L) ? L : [], te = Or(K, p, O) ? Mr(K, p, O) : [...K, p];
+      const K = Array.isArray(L) ? L : [], te = Tr(K, p, O) ? Sr(K, p, O) : [...K, p];
       if (yt(te, X), X.isCanceled || !(f.current && f.current.value.trim() !== "")) return;
       I.state.inputInsidePopup ? Ke("", U(Xe, X.event)) : ft(!1, X);
     } else {
@@ -393,7 +393,7 @@ function es(e) {
         f.current && f.current.value !== a && Ke(a, U(a === "" ? Xe : Ue));
       }
   }), xo = o.useMemo(() => he && Ct ? { current: Ct.closest('[role="dialog"]') } : He, [he, Ct]);
-  Fn({
+  _n({
     enabled: !e.actionsRef,
     open: Z,
     ref: xo,
@@ -498,7 +498,7 @@ function es(e) {
   }), At(r, () => {
     !Ye || nt || ze || ce || dn();
   });
-  const Et = Lr({
+  const Et = jr({
     open: he ? !0 : Z,
     onOpenChange: ft,
     elements: {
@@ -523,7 +523,7 @@ function es(e) {
     pn,
     an?.id,
     ue
-  ]), mn = _n(Et, {
+  ]), mn = Ln(Et, {
     enabled: !v && !Ve && V,
     event: "mousedown-only",
     toggle: !1,
@@ -540,7 +540,7 @@ function es(e) {
       const p = Mt(a);
       return !We(pt, p) && !We(xe.current, p) && !We(ee.current, p) && !We(co, p);
     }
-  }), lt = Gr(Et, {
+  }), lt = zr(Et, {
     enabled: !v && !Ve,
     id: ae,
     listRef: w,
@@ -578,7 +578,7 @@ function es(e) {
       onFocus: void 0
     } : vn;
   }, [lt.item]);
-  Nr(() => {
+  Mr(() => {
     I.update({
       inline: Q,
       popupProps: Dt,
@@ -806,7 +806,7 @@ function Qn(e, t, n) {
   c && (e.state.selectionEventRef.current = n, c.click(), e.state.selectionEventRef.current = null);
 }
 var rs = /* @__PURE__ */ o.forwardRef(function(t, n) {
-  const { render: c, className: b, nativeButton: C = !0, disabled: y = !1, id: m, style: x, ...s } = t, { state: d, disabled: k, setTouched: D, setFocused: N, validationMode: W, validation: v } = Yt(), { labelId: F } = On(), h = Le(), M = l(h, u.selectionMode), r = l(h, u.disabled), H = l(h, u.readOnly), $ = l(h, u.required), V = l(h, u.positionerElement), q = l(h, u.listElement), S = l(h, u.popupId), z = l(h, u.triggerProps), P = l(h, u.inputInsidePopup), g = l(h, u.id), R = l(h, u.labelId), O = l(h, u.open), ne = l(h, u.selectedValue), Q = l(h, u.activeIndex), J = l(h, u.selectedIndex), j = l(h, u.hasSelectedValue), Y = Ot(), ue = zn(), Ee = Ln(), oe = k || r || y, Te = jt(), fe = $n(h);
+  const { render: c, className: b, nativeButton: C = !0, disabled: y = !1, id: m, style: x, ...s } = t, { state: d, disabled: k, setTouched: D, setFocused: N, validationMode: W, validation: v } = Yt(), { labelId: F } = On(), h = Le(), M = l(h, u.selectionMode), r = l(h, u.disabled), H = l(h, u.readOnly), $ = l(h, u.required), V = l(h, u.positionerElement), q = l(h, u.listElement), S = l(h, u.popupId), z = l(h, u.triggerProps), P = l(h, u.inputInsidePopup), g = l(h, u.id), R = l(h, u.labelId), O = l(h, u.open), ne = l(h, u.selectedValue), Q = l(h, u.activeIndex), J = l(h, u.selectedIndex), j = l(h, u.hasSelectedValue), Y = Ot(), ue = zn(), Ee = Fn(), oe = k || r || y, Te = jt(), fe = $n(h);
   Nn({ id: P ? m : void 0 });
   const T = P ? m ?? g : m, re = Ko(F, R);
   let se;
@@ -815,7 +815,7 @@ var rs = /* @__PURE__ */ o.forwardRef(function(t, n) {
   function Me(B) {
     Ae.current = B.pointerType;
   }
-  const { reference: Ze } = Kr(Y, {
+  const { reference: Ze } = Gr(Y, {
     enabled: !O && !H && !r && M === "single",
     listRef: h.state.labelsRef,
     activeIndex: Q,
@@ -824,7 +824,7 @@ var rs = /* @__PURE__ */ o.forwardRef(function(t, n) {
       const ce = h.state.valuesRef.current[B];
       ce !== void 0 && h.state.setSelectedValue(ce, U(Ue));
     }
-  }), { reference: _e } = _n(Y, {
+  }), { reference: _e } = Ln(Y, {
     enabled: !H && !r,
     event: "mousedown"
   }), { buttonRef: ke, getButtonProps: be } = Xt({
@@ -878,7 +878,7 @@ var rs = /* @__PURE__ */ o.forwardRef(function(t, n) {
             const E = h.state.triggerElement;
             if (!E) return;
             const w = Mt(Pe), le = h.state.positionerElement, He = h.state.listElement;
-            We(E, w) || We(le, w) || We(He, w) || Ur(Pe, E) || h.state.setOpen(!1, U(zo, Pe));
+            We(E, w) || We(le, w) || We(He, w) || Kr(Pe, E) || h.state.setOpen(!1, U(zo, Pe));
           }
           P && ce.addEventListener("mouseup", de, { once: !0 });
         },
@@ -1126,7 +1126,7 @@ function ds(e) {
   return n;
 }
 function ps() {
-  const e = Ln(), t = o.useRef(null);
+  const e = Fn(), t = o.useRef(null);
   return o.useEffect(() => {
     if (Wo) return;
     const n = t.current;
@@ -1157,7 +1157,7 @@ var ms = /* @__PURE__ */ o.forwardRef(function(t, n) {
     })
   }) : null;
 }), gs = /* @__PURE__ */ o.forwardRef(function(t, n) {
-  const { render: c, className: b, anchor: C, positionMethod: y, side: m, align: x, sideOffset: s, alignOffset: d, collisionBoundary: k = "clipping-ancestors", collisionPadding: D, arrowPadding: N, sticky: W, disableAnchorTracking: v = !1, collisionAvoidance: F = Xo, style: h, ...M } = t, r = Le(), H = Ot(), $ = fs(), V = l(r, u.modal), q = l(r, u.open), S = l(r, u.mounted), z = l(r, u.openMethod), P = l(r, u.positionerElement), g = l(r, u.triggerElement), R = l(r, u.inputElement), O = l(r, u.inputGroupElement), ne = l(r, u.inputInsidePopup), Q = l(r, u.transitionStatus), J = jt(), j = Br({
+  const { render: c, className: b, anchor: C, positionMethod: y, side: m, align: x, sideOffset: s, alignOffset: d, collisionBoundary: k = "clipping-ancestors", collisionPadding: D, arrowPadding: N, sticky: W, disableAnchorTracking: v = !1, collisionAvoidance: F = Xo, style: h, ...M } = t, r = Le(), H = Ot(), $ = fs(), V = l(r, u.modal), q = l(r, u.open), S = l(r, u.mounted), z = l(r, u.openMethod), P = l(r, u.positionerElement), g = l(r, u.triggerElement), R = l(r, u.inputElement), O = l(r, u.inputGroupElement), ne = l(r, u.inputInsidePopup), Q = l(r, u.transitionStatus), J = jt(), j = qr({
     anchor: C ?? (ne ? g : O ?? R),
     floatingRootContext: H,
     positionMethod: y,
@@ -1175,7 +1175,7 @@ var ms = /* @__PURE__ */ o.forwardRef(function(t, n) {
     collisionAvoidance: F,
     lazyFlip: !0
   });
-  $r(q && V, z === "touch", P, g);
+  Wr(q && V, z === "touch", P, g);
   const Y = {
     open: q,
     side: j.side,
@@ -1188,7 +1188,7 @@ var ms = /* @__PURE__ */ o.forwardRef(function(t, n) {
   }, [r, j.side]);
   const ue = ie((oe) => {
     r.set("positionerElement", oe);
-  }), Ee = zr(t, Y, {
+  }), Ee = Br(t, Y, {
     styles: j.positionerStyles,
     transitionStatus: Q,
     props: M,
@@ -1198,19 +1198,19 @@ var ms = /* @__PURE__ */ o.forwardRef(function(t, n) {
   });
   return /* @__PURE__ */ (0, i.jsxs)(Yn.Provider, {
     value: j,
-    children: [S && V && /* @__PURE__ */ (0, i.jsx)(kr, {
-      inert: Wr(!q),
+    children: [S && V && /* @__PURE__ */ (0, i.jsx)(Fr, {
+      inert: Ur(!q),
       cutout: O ?? R ?? g
     }), Ee]
   });
 }), hs = {
   ...tr,
-  ...Vr
+  ...Dr
 }, bs = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const { render: c, className: b, style: C, initialFocus: y, finalFocus: m, ...x } = t, s = Le(), d = Zt(), k = Ot(), D = l(s, u.mounted), N = l(s, u.open), W = l(s, u.openMethod), v = l(s, u.popupProps), F = l(s, u.transitionStatus), h = l(s, u.inputInsidePopup), M = l(s, u.inputElement), r = l(s, u.modal), H = l(s, u.id), $ = jt(), V = x.id ?? (h ? Gn(H) : void 0);
   Fe(() => (s.set("popupId", s.state.popupRef.current?.id || V), () => {
     s.set("popupId", void 0);
-  }), [s, V]), Fn({
+  }), [s, V]), _n({
     open: N,
     ref: s.state.popupRef,
     onComplete() {
@@ -1237,7 +1237,7 @@ var ms = /* @__PURE__ */ o.forwardRef(function(t, n) {
           W !== "touch" && (We(s.state.listElement, O) || O === R.currentTarget) && s.state.inputRef.current?.focus();
         }
       },
-      qr(F),
+      Hr(F),
       x
     ],
     stateAttributesMapping: hs
@@ -1245,7 +1245,7 @@ var ms = /* @__PURE__ */ o.forwardRef(function(t, n) {
   let P;
   m != null ? P = m : P = h ? void 0 : !1;
   const g = !h || r;
-  return /* @__PURE__ */ (0, i.jsx)(Dr, {
+  return /* @__PURE__ */ (0, i.jsx)(Lr, {
     context: k,
     disabled: !D,
     modal: g,
@@ -1397,7 +1397,7 @@ function to(e) {
   });
 }
 function Rs(e) {
-  const { componentProps: t, forwardedRef: n } = e, c = Le(), b = l(c, u.isItemEqualToValue), { flatFilteredItems: C } = xt(), y = jr(C, t.value ?? null, b);
+  const { componentProps: t, forwardedRef: n } = e, c = Le(), b = l(c, u.isItemEqualToValue), { flatFilteredItems: C } = xt(), y = Ar(C, t.value ?? null, b);
   return /* @__PURE__ */ (0, i.jsx)(to, {
     componentProps: t,
     forwardedRef: n,
@@ -1433,7 +1433,7 @@ var ws = /* @__PURE__ */ o.memo(/* @__PURE__ */ o.forwardRef(function(t, n) {
   });
 });
 function Ts({ item: e, size: t, disabled: n, customRender: c, onRemove: b }) {
-  return c ? /* @__PURE__ */ (0, i.jsx)(i.Fragment, { children: c(e, b) }) : /* @__PURE__ */ (0, i.jsx)(Tr, {
+  return c ? /* @__PURE__ */ (0, i.jsx)(i.Fragment, { children: c(e, b) }) : /* @__PURE__ */ (0, i.jsx)($r, {
     size: As[t],
     variant: "outline",
     shape: "rounded",

package/dist/wc/hf-bar-chart.js

@@ -1,7 +1,7 @@
 import { a as p } from "./rolldown-runtime.js";
 import { i as h, n as c } from "./vendor/react.js";
-import { t as d } from "./BarChart.js";
-import { c as u, s as o } from "./_shared.js";
+import { c as d, s as o } from "./_shared.js";
+import { t as u } from "./BarChart.js";
 var s = /* @__PURE__ */ p(h(), 1), _ = c(), i = {
   size: "string",
   data: "json",
@@ -53,7 +53,7 @@ var s = /* @__PURE__ */ p(h(), 1), _ = c(), i = {
   }
   _setProp(e, r) {
     const t = i[e] || "string";
-    this._props[e] = u(r, t), this._render();
+    this._props[e] = d(r, t), this._render();
   }
   _getProp(e) {
     if (e in this._props) return this._props[e];
@@ -68,7 +68,7 @@ var s = /* @__PURE__ */ p(h(), 1), _ = c(), i = {
       const l = t.replace(/([A-Z])/g, "-$1").toLowerCase();
       e[t] = o(this.getAttribute(l), a);
     }
-    const r = s.createElement(d, e, s.createElement("span", {
+    const r = s.createElement(u, e, s.createElement("span", {
       ref: (t) => {
         t && this._childrenContainer && t.replaceWith(this._childrenContainer);
       },

package/dist/wc/hf-calendar.js

@@ -15,9 +15,9 @@ import { t as kt } from "./search.js";
 import { t as Dt } from "./trash-2.js";
 import { n as Tt, t as _t } from "./Avatar.js";
 import { t as St } from "./x.js";
-import { t as zt } from "./create-safe-context.js";
 import { n as M } from "./utils.js";
-import { c as Et, s as we } from "./_shared.js";
+import { c as zt, s as we } from "./_shared.js";
+import { t as Et } from "./create-safe-context.js";
 import { t as O } from "./button.js";
 import { t as Ot } from "./Input2.js";
 import { a as $t, i as Pt, n as It, o as At, r as Yt } from "./Select.js";
@@ -302,7 +302,7 @@ function ae({ onAddEvent: e, onExpand: t, onClose: n, className: s }) {
   });
 }
 ae.displayName = "CalendarActions";
-var [mn, V] = zt("Calendar"), pn = [];
+var [mn, V] = Et("Calendar"), pn = [];
 function Ve(e) {
   return `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`;
 }
@@ -1660,7 +1660,7 @@ var zn = bt(), H = {}, mt = class extends HTMLElement {
   }
   _setProp(e, t) {
     const n = H[e] || "string";
-    this._props[e] = Et(t, n), this._render();
+    this._props[e] = zt(t, n), this._render();
   }
   _getProp(e) {
     if (e in this._props) return this._props[e];

package/dist/wc/hf-carousel.js

@@ -6,8 +6,8 @@ import { t as Ce } from "./chevron-right.js";
 import { t as ye } from "./chevron-up.js";
 import { n as m } from "./utils.js";
 import { c as _e, s as F } from "./_shared.js";
-import { t as Ne } from "./use-controllable-state.js";
 import { t as Y } from "./button.js";
+import { t as Ne } from "./use-controllable-state.js";
 var l = /* @__PURE__ */ he(ge(), 1), a = be(), K = [
   {
     id: "slide-1",

package/dist/wc/hf-context-menu.js

@@ -2,13 +2,13 @@ import { a as L } from "./rolldown-runtime.js";
 import { i as W, t as q } from "./vendor/react.js";
 import { t as C } from "./check.js";
 import { t as F } from "./chevron-right.js";
-import { t as J } from "./create-safe-context.js";
 import { n as i } from "./utils.js";
-import { a as V, i as X, l as b, o as Y, t as $, u as H } from "./_shared.js";
+import { a as J, i as V, l as b, o as X, t as Y, u as $ } from "./_shared.js";
+import { t as H } from "./create-safe-context.js";
 import { t as Q } from "./use-controllable-state.js";
 import { t as U } from "./Separator.js";
 import { a as Z, c as y, d as ee, f as te, h as oe, l as g, m as ne, n as ae, o as re, p as se, r as ie, s as ue, t as de, u as M } from "./MenuSubmenuTrigger.js";
-var d = /* @__PURE__ */ L(W(), 1), o = q(), [ce, N] = J("ContextMenu");
+var d = /* @__PURE__ */ L(W(), 1), o = q(), [ce, N] = H("ContextMenu");
 function x({ children: e, anchorPoint: t, open: n, defaultOpen: r = !1, onOpenChange: p }) {
   const [a, u] = d.useState({
     x: 0,
@@ -268,24 +268,24 @@ var pe = Object.assign(x, {
 }), f = {
   open: "boolean",
   defaultOpen: "boolean"
-}, B = class extends $ {
+}, B = class extends Y {
   get propDefs() {
     return f;
   }
   static get observedAttributes() {
-    return Object.keys(f).map(X);
+    return Object.keys(f).map(V);
   }
   _renderReact() {
     const e = this._readAllProps(), t = this._getSlot("trigger"), n = this._getDefaultSlot();
     return d.createElement(pe, {
       open: e.open,
       defaultOpen: e.defaultOpen || !1,
-      onOpenChange: (r) => V(this, "open-change", r)
+      onOpenChange: (r) => J(this, "open-change", r)
     }, t ? d.createElement(v, null, b(t)) : null, n ? d.createElement(h, null, b(n)) : null);
   }
 };
-Y(B, f);
-H("hf-context-menu", B);
+X(B, f);
+$("hf-context-menu", B);
 export {
   B as ContextMenuWC,
   B as default

package/dist/wc/hf-donut-chart.js

@@ -1,11 +1,11 @@
 import { a as k } from "./rolldown-runtime.js";
 import { i as R, n as L, t as M } from "./vendor/react.js";
 import { t as S } from "./dist.js";
-import { n as G } from "./chart.js";
-import { a as d, i as $, o as _, t as F } from "./chart-data.js";
-import { c as Z, s as f } from "./_shared.js";
+import { c as G, s as d } from "./_shared.js";
+import { n as $ } from "./chart.js";
+import { a as _, i as F, o as f, t as Z } from "./chart-data.js";
 import { t as q } from "./RadialChart.js";
-var c = /* @__PURE__ */ k(R(), 1), H = M(), g = G.slice(0, 3), Y = S("relative flex max-w-full items-center justify-center", {
+var c = /* @__PURE__ */ k(R(), 1), H = M(), g = $.slice(0, 3), Y = S("relative flex max-w-full items-center justify-center", {
   variants: { size: {
     xs: "size-40",
     sm: "size-[200px]",
@@ -20,15 +20,15 @@ var c = /* @__PURE__ */ k(R(), 1), H = M(), g = G.slice(0, 3), Y = S("relative f
   lg: { dimension: 280 }
 };
 function b({ data: t, series: r, centerValue: e, centerLabel: a, legendPosition: o = "none", ringGap: y = 4, ringThickness: T, startAngle: E = 90, showTooltip: x = !0, size: h, className: A, "aria-label": z, ...N }) {
-  const p = _(y, 4), m = $(E, 90), s = c.useMemo(() => t.map((l, i) => {
-    const w = d(l.maxValue, 100), O = F(_(l.value) / w * 100);
+  const p = f(y, 4), m = F(E, 90), s = c.useMemo(() => t.map((l, i) => {
+    const w = _(l.maxValue, 100), O = Z(f(l.value) / w * 100);
     return {
       id: r?.[i]?.id || `ring_${i + 1}`,
       label: r?.[i]?.label || `Ring ${i + 1}`,
       value: O,
       color: l.color || g[i % g.length]
     };
-  }), [t, r]), j = (C[h || "md"] ?? C.md).dimension / 2 - 4, D = e !== void 0 || a ? 30 : 10, P = Math.max(0, s.length - 1) * p, V = s.length > 0 ? Math.max(4, Math.floor((j - D - P) / s.length)) : 12, u = d(T, V);
+  }), [t, r]), j = (C[h || "md"] ?? C.md).dimension / 2 - 4, D = e !== void 0 || a ? 30 : 10, P = Math.max(0, s.length - 1) * p, V = s.length > 0 ? Math.max(4, Math.floor((j - D - P) / s.length)) : 12, u = _(T, V);
   return /* @__PURE__ */ (0, H.jsx)(q, {
     "data-slot": "donut-chart",
     data: s,
@@ -93,12 +93,12 @@ var I = L(), n = {
   }
   _setProp(t, r) {
     const e = n[t] || "string";
-    this._props[t] = Z(r, e), this._render();
+    this._props[t] = G(r, e), this._render();
   }
   _getProp(t) {
     if (t in this._props) return this._props[t];
     const r = t.replace(/([A-Z])/g, "-$1").toLowerCase(), e = n[t] || "string";
-    return f(this.getAttribute(r), e);
+    return d(this.getAttribute(r), e);
   }
   _render() {
     if (!this._root || !this._childrenContainer) return;
@@ -106,7 +106,7 @@ var I = L(), n = {
     for (const [e, a] of Object.entries(n)) if (e in this._props) t[e] = this._props[e];
     else {
       const o = e.replace(/([A-Z])/g, "-$1").toLowerCase();
-      t[e] = f(this.getAttribute(o), a);
+      t[e] = d(this.getAttribute(o), a);
     }
     const r = c.createElement(b, t, c.createElement("span", {
       ref: (e) => {