@humain/ui 2.4.1 → 2.4.3

package/dist/wc/hf-accordion-card.js

@@ -2,11 +2,11 @@ import { a as k } from "./rolldown-runtime.js";
 import { i as O, n as P, t as R } from "./vendor/react.js";
 import { t as D } from "./chevron-down.js";
 import { t as H } from "./pencil.js";
-import { t as I } from "./create-safe-context.js";
 import { n as c } from "./utils.js";
-import { c as V, s as _ } from "./_shared.js";
+import { c as I, s as _ } from "./_shared.js";
+import { t as V } from "./create-safe-context.js";
 import { n as L, r as M, t as $ } from "./CollapsiblePanel.js";
-var n = /* @__PURE__ */ k(O(), 1), i = R(), [q, p] = I("AccordionCard"), S = n.forwardRef(({ open: e, defaultOpen: t = !1, onOpenChange: r, disabled: o = !1, size: a = "default", className: s, children: d, ...m }, f) => {
+var n = /* @__PURE__ */ k(O(), 1), i = R(), [q, p] = V("AccordionCard"), S = n.forwardRef(({ open: e, defaultOpen: t = !1, onOpenChange: r, disabled: o = !1, size: a = "default", className: s, children: d, ...m }, f) => {
   const [j, T] = n.useState(t), h = e !== void 0, u = h ? e : j, C = `${n.useId()}-accordion-card-content`, g = n.useCallback((b) => {
     o || (h || T(b), r?.(b));
   }, [
@@ -165,7 +165,7 @@ var l = {
   }
   _setProp(e, t) {
     const r = l[e] || "string";
-    this._props[e] = V(t, r), this._render();
+    this._props[e] = I(t, r), this._render();
   }
   _getProp(e) {
     if (e in this._props) return this._props[e];

package/dist/wc/hf-accordion.js

@@ -11,9 +11,9 @@ import { i as Ne, o as Me, s as ne, t as _ } from "./useRenderElement.js";
 import { t as Y } from "./useBaseUiId.js";
 import { t as je } from "./useCompositeListItem.js";
 import { t as Pe } from "./CompositeList.js";
-import { t as Se } from "./useButton.js";
-import { t as Re } from "./use-controllable-state.js";
-import { a as we } from "./useOpenChangeComplete.js";
+import { n as Se } from "./stateAttributesMapping.js";
+import { t as Re } from "./useButton.js";
+import { t as we } from "./use-controllable-state.js";
 import { a as re, i as Oe, n as Te, o as _e, r as ke, t as Ve } from "./useCollapsiblePanel.js";
 var n = /* @__PURE__ */ ue(pe(), 1), ae = /* @__PURE__ */ n.createContext(void 0);
 function se() {
@@ -91,7 +91,7 @@ var $e = /* @__PURE__ */ (function(e) {
 })({}), B = {
   ...Te,
   index: (e) => ({ [$e.index]: String(e) }),
-  ...we,
+  ...Se,
   value: () => null
 }, Ue = /* @__PURE__ */ n.forwardRef(function(t, o) {
   const { className: a, disabled: s = !1, onOpenChange: r, render: l, value: v, style: k, ...h } = t, { ref: I, index: x } = je(), b = Me(o, I), { disabled: A, handleValueChange: S, state: y, value: N } = se(), M = Y(), d = v ?? M, p = s || A, g = N.indexOf(d) !== -1, u = te((F, O) => {
@@ -162,7 +162,7 @@ var $e = /* @__PURE__ */ (function(e) {
     stateAttributesMapping: B
   });
 }), ze = /* @__PURE__ */ n.forwardRef(function(t, o) {
-  const { disabled: a, className: s, id: r, render: l, nativeButton: v = !0, style: k, ...h } = t, { panelId: I, open: x, handleTrigger: b, disabled: A } = re(), { getButtonProps: S, buttonRef: y } = Se({
+  const { disabled: a, className: s, id: r, render: l, nativeButton: v = !0, style: k, ...h } = t, { panelId: I, open: x, handleTrigger: b, disabled: A } = re(), { getButtonProps: S, buttonRef: y } = Re({
     disabled: a || A,
     focusableWhenDisabled: !0,
     native: v
@@ -295,7 +295,7 @@ var He = Object.assign(de, {
   Content: q
 });
 function U({ value: e, defaultValue: t = [], onValueChange: o, multiple: a = !1, children: s, ...r }) {
-  const [l, v] = Re({
+  const [l, v] = we({
     value: e,
     defaultValue: t,
     onChange: o

package/dist/wc/hf-ai-feedback-bar.js

@@ -5,10 +5,10 @@ import { t as q } from "./check.js";
 import { n as L, t as M } from "./thumbs-up.js";
 import { n as f } from "./utils.js";
 import { c as H, s as S } from "./_shared.js";
-import { t as T } from "./react.js";
-import { t as Z } from "./AnimatePresence.js";
 import { t as w } from "./button.js";
-import { t as $ } from "./Textarea2.js";
+import { t as Z } from "./Textarea2.js";
+import { t as T } from "./react.js";
+import { t as $ } from "./AnimatePresence.js";
 var a = /* @__PURE__ */ D(R(), 1), i = W(), z = A("flex items-center gap-2 rounded-xl border transition-colors", {
   variants: {
     variant: {
@@ -102,7 +102,7 @@ function Y({ feedbackType: e, reasons: t, onSubmit: s, onCancel: r, placeholder:
           selected: o,
           onSelect: p
         }),
-        /* @__PURE__ */ (0, i.jsx)($, {
+        /* @__PURE__ */ (0, i.jsx)(Z, {
           value: d,
           onChange: (g) => u(g.target.value),
           placeholder: n || c,
@@ -191,7 +191,7 @@ function I({ value: e, onChange: t, showForm: s = !1, reasons: r, prompt: n = "W
           disabled: k && !o
         })]
       })]
-    }), /* @__PURE__ */ (0, i.jsx)(Z, { children: N && /* @__PURE__ */ (0, i.jsx)(Y, {
+    }), /* @__PURE__ */ (0, i.jsx)($, { children: N && /* @__PURE__ */ (0, i.jsx)(Y, {
       feedbackType: h,
       reasons: r,
       onSubmit: B,

package/dist/wc/hf-ai-reasoning-block.js

@@ -6,10 +6,10 @@ import { t as R } from "./chevron-down.js";
 import { t as O } from "./chevron-right.js";
 import { n as o } from "./utils.js";
 import { c as P, s as h } from "./_shared.js";
+import { t as V } from "./use-controllable-state.js";
+import { t as B } from "./markdown-renderer.js";
 import { t as c } from "./react.js";
-import { t as V } from "./AnimatePresence.js";
-import { t as B } from "./use-controllable-state.js";
-import { t as M } from "./markdown-renderer.js";
+import { t as M } from "./AnimatePresence.js";
 var D = [
   ["path", {
     d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",
@@ -125,7 +125,7 @@ b.displayName = "AIReasoningTrigger";
 function x({ children: e, markdown: r = !0, className: t }) {
   return /* @__PURE__ */ (0, n.jsx)("div", {
     className: o("px-4 pb-4", t),
-    children: r && typeof e == "string" ? /* @__PURE__ */ (0, n.jsx)(M, {
+    children: r && typeof e == "string" ? /* @__PURE__ */ (0, n.jsx)(B, {
       className: "text-sm text-secondary-foreground",
       children: e
     }) : /* @__PURE__ */ (0, n.jsx)("div", {
@@ -136,7 +136,7 @@ function x({ children: e, markdown: r = !0, className: t }) {
 }
 x.displayName = "AIReasoningContent";
 function y({ children: e, title: r = "Reasoning", open: t, defaultOpen: i = !1, onOpenChange: a, isStreaming: s = !1, markdown: u = !0, duration: v, variant: N, className: C }) {
-  const m = d.useId(), [p, j] = B({
+  const m = d.useId(), [p, j] = V({
     value: t,
     defaultValue: i,
     onChange: a
@@ -156,7 +156,7 @@ function y({ children: e, title: r = "Reasoning", open: t, defaultOpen: i = !1,
       isStreaming: s,
       duration: v,
       contentId: m
-    }), /* @__PURE__ */ (0, n.jsx)(V, { children: p && /* @__PURE__ */ (0, n.jsx)(c.section, {
+    }), /* @__PURE__ */ (0, n.jsx)(M, { children: p && /* @__PURE__ */ (0, n.jsx)(c.section, {
       id: m,
       "aria-label": r,
       initial: {

package/dist/wc/hf-ai-system-message.js

@@ -8,9 +8,9 @@ import { t as D } from "./triangle-alert.js";
 import { t as y } from "./x.js";
 import { n as l } from "./utils.js";
 import { c as T, s as g } from "./_shared.js";
+import { t as S } from "./button.js";
 import { t as b } from "./react.js";
 import { t as _ } from "./AnimatePresence.js";
-import { t as S } from "./button.js";
 var n = /* @__PURE__ */ z(A(), 1), i = M(), P = x("flex items-start gap-3 px-4 py-3 rounded-xl border", {
   variants: {
     variant: {

package/dist/wc/hf-ai-tool-run.js

@@ -11,9 +11,9 @@ import { t as Ue } from "./AISource.js";
 import { i as Ye, n as Fe } from "./workflow-step-renderer.js";
 import { n as fe, t as J } from "./utils.js";
 import { a as B, i as re, o as qe, t as Be, u as He } from "./_shared.js";
-import { t as V } from "./Card.js";
 import { t as oe } from "./button.js";
 import { t as z } from "./Progress.js";
+import { t as V } from "./Card.js";
 var ze = [
   ["circle", {
     cx: "12",

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