@humain/ui 2.4.1 → 2.4.3

package/dist/wc-react/form-fieldset.js

@@ -6,22 +6,22 @@ import { d as me, l as Ve, r as Me, s as xe, t as W } from "./useRenderElement.j
 import { t as Z } from "./useBaseUiId.js";
 import { r as De } from "./shadowDom.js";
 import { l as X, n as _, o as Se, r as ee, s as ae, t as Ne, u as te } from "./LabelableContext.js";
-import { a as Ee, o as Le, t as Pe } from "./useOpenChangeComplete.js";
-import { n as Ae } from "./useTimeout.js";
+import { n as Ee } from "./useTimeout.js";
+import { a as Le, n as Pe, r as Ae } from "./stateAttributesMapping.js";
 import { t as ve } from "./FieldItemContext.js";
 import { t as we } from "./FieldControl.js";
 import * as i from "react";
 import { jsx as E, jsxs as ke } from "react/jsx-runtime";
 function ge(t, e) {
-  const s = Z(t);
-  return U(() => (e(s), () => {
-    e((u) => u === s ? void 0 : u);
-  }), [s, e]), s;
+  const n = Z(t);
+  return U(() => (e(n), () => {
+    e((u) => u === n ? void 0 : u);
+  }), [n, e]), n;
 }
 function Te(t = {}) {
-  const { id: e, fallbackControlId: s, native: u = !1, setLabelId: b, focusControl: p } = t, { controlId: f, setLabelId: I } = _(), l = w((a) => {
+  const { id: e, fallbackControlId: n, native: u = !1, setLabelId: b, focusControl: p } = t, { controlId: f, setLabelId: I } = _(), l = w((a) => {
     I(a), b?.(a);
-  }), n = ge(e, l), o = f ?? s;
+  }), s = ge(e, l), o = f ?? n;
   function d(a) {
     if (p) {
       p(a, o);
@@ -35,11 +35,11 @@ function Te(t = {}) {
     De(a.nativeEvent)?.closest("button,input,select,textarea") || (!a.defaultPrevented && a.detail > 1 && a.preventDefault(), !u && d(a));
   }
   return u ? {
-    id: n,
+    id: s,
     htmlFor: o ?? void 0,
     onMouseDown: R
   } : {
-    id: n,
+    id: s,
     onClick: R,
     onPointerDown(a) {
       a.preventDefault();
@@ -56,7 +56,7 @@ function oe(t = !1) {
   return e;
 }
 var je = function(e) {
-  const s = Z(), u = e.controlId === void 0 ? s : e.controlId, [b, p] = i.useState(u), [f, I] = i.useState(e.labelId), [l, n] = i.useState([]), o = me(() => /* @__PURE__ */ new Map()), { messageIds: d } = _(), R = w((F, v) => {
+  const n = Z(), u = e.controlId === void 0 ? n : e.controlId, [b, p] = i.useState(u), [f, I] = i.useState(e.labelId), [l, s] = i.useState([]), o = me(() => /* @__PURE__ */ new Map()), { messageIds: d } = _(), R = w((F, v) => {
     const S = o.current;
     if (v === void 0) {
       S.delete(F);
@@ -83,7 +83,7 @@ var je = function(e) {
     labelId: f,
     setLabelId: I,
     messageIds: l,
-    setMessageIds: n,
+    setMessageIds: s,
     getDescriptionProps: a
   }), [
     b,
@@ -91,7 +91,7 @@ var je = function(e) {
     f,
     I,
     l,
-    n,
+    s,
     a
   ]);
   return /* @__PURE__ */ E(Ne.Provider, {
@@ -99,7 +99,7 @@ var je = function(e) {
     children: e.children
   });
 };
-function ne(t, e) {
+function se(t, e) {
   return {
     ...t,
     state: {
@@ -108,25 +108,25 @@ function ne(t, e) {
     }
   };
 }
-var se = Object.keys(X);
+var ne = Object.keys(X);
 function $e(t, e) {
   return t.matches(":disabled") ? !1 : !e || t.form === e ? !0 : t.form === null && !t.hasAttribute("form");
 }
 function ce(t, e) {
-  let s = null;
+  let n = null;
   for (const u of t.keys())
     if ($e(u, e)) {
       if (!u.validity.valid) return u;
-      s ??= u;
+      n ??= u;
     }
-  return s;
+  return n;
 }
 function fe(t, e) {
-  for (const s of e.keys()) s.setCustomValidity("");
+  for (const n of e.keys()) n.setCustomValidity("");
   t?.setCustomValidity("");
 }
 function Be(t) {
-  const { elementRef: e, formRef: s } = ee(), { setValidityData: u, validate: b, validityData: p, validationDebounceTime: f, invalid: I, markedDirtyRef: l, state: n, shouldValidateOnChange: o, registeredFieldIdRef: d } = t, { controlId: R, getDescriptionProps: a } = _(), m = Ae(), F = i.useRef(null), v = me(() => /* @__PURE__ */ new Map()).current, S = i.useRef(0), C = i.useCallback((h, A) => (v.set(h, A), () => {
+  const { elementRef: e, formRef: n } = ee(), { setValidityData: u, validate: b, validityData: p, validationDebounceTime: f, invalid: I, markedDirtyRef: l, state: s, shouldValidateOnChange: o, registeredFieldIdRef: d } = t, { controlId: R, getDescriptionProps: a } = _(), m = Ee(), F = i.useRef(null), v = me(() => /* @__PURE__ */ new Map()).current, S = i.useRef(0), C = i.useCallback((h, A) => (v.set(h, A), () => {
     v.delete(h);
   }), [v]), r = w(() => {
     const h = ce(v, e.current);
@@ -137,10 +137,10 @@ function Be(t) {
     function $(N, y = I) {
       const P = d.current ?? R;
       if (P == null) return;
-      const D = s.current.fields.get(P);
+      const D = n.current.fields.get(P);
       if (!D) return;
-      const O = ne(N, y);
-      s.current.fields.set(P, {
+      const O = se(N, y);
+      n.current.fields.set(P, {
         ...D,
         validityData: O
       });
@@ -160,18 +160,18 @@ function Be(t) {
     }
     const c = v.size > 0 ? ce(v, e.current) : F.current;
     if (A) {
-      if (n.valid !== !1 || !c) return;
+      if (s.valid !== !1 || !c) return;
       const N = c.validity;
       if (!N.valueMissing) {
         L(c, !1);
         return;
       }
-      for (const y of se) if (y !== "valid" && y !== "valueMissing" && y !== "customError" && N[y]) return;
+      for (const y of ne) if (y !== "valid" && y !== "valueMissing" && y !== "customError" && N[y]) return;
     }
     function B(N) {
-      const y = se.reduce((D, O) => (D[O] = N.validity[O], D), {});
+      const y = ne.reduce((D, O) => (D[O] = N.validity[O], D), {});
       let P = !1;
-      for (const D of se)
+      for (const D of ne)
         if (D !== "valid") {
           if (D === "valueMissing" && y[D]) P = !0;
           else if (y[D]) return y;
@@ -189,7 +189,7 @@ function Be(t) {
     if (c && c.validationMessage && !Y)
       T = c.validationMessage, k = [c.validationMessage];
     else {
-      const N = Array.from(s.current.fields.values()).reduce((P, D) => (D.name && (P[D.name] = D.getValue()), P), {}), y = b(h, N);
+      const N = Array.from(n.current.fields.values()).reduce((P, D) => (D.name && (P[D.name] = D.getValue()), P), {}), y = b(h, N);
       if (typeof y == "object" && y !== null && "then" in y) {
         if (M = await y, z !== S.current) return;
       } else M = y;
@@ -210,10 +210,10 @@ function Be(t) {
     A && h !== "" && f ? (S.current += 1, m.start(f, () => {
       g(h);
     })) : g(h, !A);
-  }), j = i.useCallback((h, A = {}) => Me(a(A), n.valid === !1 && !n.disabled && !h ? { "aria-invalid": !0 } : Ve), [
+  }), j = i.useCallback((h, A = {}) => Me(a(A), s.valid === !1 && !s.disabled && !h ? { "aria-invalid": !0 } : Ve), [
     a,
-    n.disabled,
-    n.valid
+    s.disabled,
+    s.valid
   ]);
   return i.useMemo(() => ({
     getValidationProps: j,
@@ -233,7 +233,7 @@ function Be(t) {
   ]);
 }
 function Ke(t) {
-  const { commit: e, invalid: s, markedDirtyRef: u, name: b, setRegisteredFieldName: p, registeredFieldIdRef: f, setValidityData: I, validityData: l } = t, { formRef: n } = ee(), o = i.useRef(null), d = i.useRef(null), R = i.useRef(!1), a = w(() => {
+  const { commit: e, invalid: n, markedDirtyRef: u, name: b, setRegisteredFieldName: p, registeredFieldIdRef: f, setValidityData: I, validityData: l } = t, { formRef: s } = ee(), o = i.useRef(null), d = i.useRef(null), R = i.useRef(!1), a = w(() => {
     const r = d.current;
     if (r)
       return r.getValue ? r.getValue() : r.value;
@@ -251,16 +251,16 @@ function Ke(t) {
   });
   function v() {
     const r = d.current;
-    !r || !r.id || n.current.fields.set(r.id, {
+    !r || !r.id || s.current.fields.set(r.id, {
       getValue: a,
       name: b ?? r.name,
       controlRef: r.controlRef,
-      validityData: ne(l, s),
+      validityData: se(l, n),
       validate: F
     });
   }
   function S(r = d.current?.id) {
-    r && n.current.fields.delete(r);
+    r && s.current.fields.delete(r);
   }
   function C(r) {
     if (R.current) return;
@@ -273,28 +273,28 @@ function Ke(t) {
   }
   return U(() => {
     const r = d.current;
-    !r || !r.id || (p(b ? void 0 : r.name), n.current.fields.set(r.id, {
+    !r || !r.id || (p(b ? void 0 : r.name), s.current.fields.set(r.id, {
       getValue: a,
       name: b ?? r.name,
       controlRef: r.controlRef,
-      validityData: ne(l, s),
+      validityData: se(l, n),
       validate: F
     }));
   }, [
-    n,
-    a,
     s,
+    a,
+    n,
     b,
     p,
     F,
     l
   ]), U(() => {
-    const r = n.current.fields;
+    const r = s.current.fields;
     return () => {
       const g = d.current?.id;
       g && r.delete(g);
     };
-  }, [n]), [F, w((r, g) => {
+  }, [s]), [F, w((r, g) => {
     if (!g) {
       o.current === r && (o.current = null, S(), d.current = null, p(void 0), f.current = void 0);
       return;
@@ -303,8 +303,8 @@ function Ke(t) {
     o.current = r, d.current = g, b || p(g.name), f.current = g.id, V && V !== g.id && S(V), C(g), v();
   })];
 }
-var Ue = /* @__PURE__ */ i.forwardRef(function(e, s) {
-  const { errors: u, validationMode: b, submitAttemptedRef: p } = ee(), { render: f, className: I, validate: l, validationDebounceTime: n = 0, validationMode: o = b, name: d, disabled: R = !1, invalid: a, dirty: m, touched: F, actionsRef: v, style: S, ...C } = e, r = oe(!0)?.disabled, g = w(l || (() => null)), V = r || R, [j, h] = i.useState(!1), [A, z] = i.useState(!1), [$, L] = i.useState(!1), [c, B] = i.useState(!1), M = m ?? A, k = F ?? j, x = i.useRef(M), T = i.useRef(void 0), [Y, q] = i.useState(), N = d ?? Y;
+var Ue = /* @__PURE__ */ i.forwardRef(function(e, n) {
+  const { errors: u, validationMode: b, submitAttemptedRef: p } = ee(), { render: f, className: I, validate: l, validationDebounceTime: s = 0, validationMode: o = b, name: d, disabled: R = !1, invalid: a, dirty: m, touched: F, actionsRef: v, style: S, ...C } = e, r = oe(!0)?.disabled, g = w(l || (() => null)), V = r || R, [j, h] = i.useState(!1), [A, z] = i.useState(!1), [$, L] = i.useState(!1), [c, B] = i.useState(!1), M = m ?? A, k = F ?? j, x = i.useRef(M), T = i.useRef(void 0), [Y, q] = i.useState(), N = d ?? Y;
   U(() => {
     m !== void 0 && (x.current = m);
   }, [m]);
@@ -336,7 +336,7 @@ var Ue = /* @__PURE__ */ i.forwardRef(function(e, s) {
     setValidityData: re,
     validate: g,
     validityData: J,
-    validationDebounceTime: n,
+    validationDebounceTime: s,
     invalid: H,
     markedDirtyRef: x,
     state: G,
@@ -383,7 +383,7 @@ var Ue = /* @__PURE__ */ i.forwardRef(function(e, s) {
     ue,
     ie
   ]), Ce = W("div", e, {
-    ref: s,
+    ref: n,
     state: G,
     props: C,
     stateAttributesMapping: te
@@ -392,41 +392,41 @@ var Ue = /* @__PURE__ */ i.forwardRef(function(e, s) {
     value: Fe,
     children: Ce
   });
-}), We = /* @__PURE__ */ i.forwardRef(function(e, s) {
+}), We = /* @__PURE__ */ i.forwardRef(function(e, n) {
   return /* @__PURE__ */ E(je, { children: /* @__PURE__ */ E(Ue, {
     ...e,
-    ref: s
+    ref: n
   }) });
-}), _e = /* @__PURE__ */ i.forwardRef(function(e, s) {
-  const { render: u, className: b, style: p, id: f, nativeLabel: I = !0, ...l } = e, n = ae(!1), o = ve(), { labelId: d } = _(), R = {
-    ...n.state,
-    disabled: n.disabled || o.disabled
+}), _e = /* @__PURE__ */ i.forwardRef(function(e, n) {
+  const { render: u, className: b, style: p, id: f, nativeLabel: I = !0, ...l } = e, s = ae(!1), o = ve(), { labelId: d } = _(), R = {
+    ...s.state,
+    disabled: s.disabled || o.disabled
   }, a = i.useRef(null), m = Te({
     id: d ?? f,
     native: I
   });
   return W("label", e, {
-    ref: [s, a],
+    ref: [n, a],
     state: R,
     props: [m, l],
     stateAttributesMapping: te
   });
 }), ze = {
   ...te,
-  ...Ee
-}, He = /* @__PURE__ */ i.forwardRef(function(e, s) {
-  const { render: u, id: b, className: p, match: f, style: I, ...l } = e, n = Z(b), { validityData: o, state: d, name: R } = ae(!1), { setMessageIds: a } = _(), { errors: m } = ee(), F = R && Object.hasOwn(m, R) ? m[R] : null, v = !!(Array.isArray(F) ? F.length : F), S = typeof f == "string";
+  ...Pe
+}, He = /* @__PURE__ */ i.forwardRef(function(e, n) {
+  const { render: u, id: b, className: p, match: f, style: I, ...l } = e, s = Z(b), { validityData: o, state: d, name: R } = ae(!1), { setMessageIds: a } = _(), { errors: m } = ee(), F = R && Object.hasOwn(m, R) ? m[R] : null, v = !!(Array.isArray(F) ? F.length : F), S = typeof f == "string";
   let C = !1;
   f === !0 ? C = !0 : d.disabled ? C = !1 : S ? C = !!o.state[f] : C = v || o.state.valid === !1;
   const { mounted: r, transitionStatus: g, setMounted: V } = Le(C);
   U(() => {
-    if (!(!C || !n))
-      return a((x) => x.concat(n)), () => {
-        a((x) => x.filter((T) => T !== n));
+    if (!(!C || !s))
+      return a((x) => x.concat(s)), () => {
+        a((x) => x.filter((T) => T !== s));
       };
   }, [
     C,
-    n,
+    s,
     a
   ]);
   const j = i.useRef(null), [h, A] = i.useState(null), [z, $] = i.useState(null);
@@ -435,7 +435,7 @@ var Ue = /* @__PURE__ */ i.forwardRef(function(e, s) {
   let c = L;
   Array.isArray(L) && (c = L.length > 1 ? /* @__PURE__ */ E("ul", { children: L.map((x) => /* @__PURE__ */ E("li", { children: x }, x)) }) : L[0]);
   const B = Array.isArray(L) ? JSON.stringify(L) : L;
-  C && B !== z && ($(B), A(c)), Pe({
+  C && B !== z && ($(B), A(c)), Ae({
     open: C,
     ref: j,
     onComplete() {
@@ -446,20 +446,20 @@ var Ue = /* @__PURE__ */ i.forwardRef(function(e, s) {
     ...d,
     transitionStatus: g
   }, k = W("div", e, {
-    ref: [s, j],
+    ref: [n, j],
     state: M,
     props: [{
-      id: n,
+      id: s,
       children: C ? c : h
     }, l],
     stateAttributesMapping: ze,
     enabled: r
   });
   return r ? k : null;
-}), Je = /* @__PURE__ */ i.forwardRef(function(e, s) {
-  const { render: u, id: b, className: p, style: f, ...I } = e, l = Z(b), n = ae(!1), o = ve(), { setMessageIds: d } = _(), R = {
-    ...n.state,
-    disabled: n.disabled || o.disabled
+}), Je = /* @__PURE__ */ i.forwardRef(function(e, n) {
+  const { render: u, id: b, className: p, style: f, ...I } = e, l = Z(b), s = ae(!1), o = ve(), { setMessageIds: d } = _(), R = {
+    ...s.state,
+    disabled: s.disabled || o.disabled
   };
   return U(() => {
     if (l)
@@ -467,15 +467,15 @@ var Ue = /* @__PURE__ */ i.forwardRef(function(e, s) {
         d((a) => a.filter((m) => m !== l));
       };
   }, [l, d]), W("p", e, {
-    ref: s,
+    ref: n,
     state: R,
     props: [{ id: l }, I],
     stateAttributesMapping: te
   });
 });
-var Ye = /* @__PURE__ */ i.forwardRef(function(e, s) {
-  const { render: u, className: b, style: p, disabled: f = !1, ...I } = e, [l, n] = i.useState(void 0), o = oe(!0)?.disabled || f, d = W("fieldset", e, {
-    ref: s,
+var Ye = /* @__PURE__ */ i.forwardRef(function(e, n) {
+  const { render: u, className: b, style: p, disabled: f = !1, ...I } = e, [l, s] = i.useState(void 0), o = oe(!0)?.disabled || f, d = W("fieldset", e, {
+    ref: n,
     state: { disabled: o },
     props: [{
       "aria-labelledby": l,
@@ -483,22 +483,22 @@ var Ye = /* @__PURE__ */ i.forwardRef(function(e, s) {
     }, I]
   }), R = i.useMemo(() => ({
     legendId: l,
-    setLegendId: n,
+    setLegendId: s,
     disabled: o
   }), [
     l,
-    n,
+    s,
     o
   ]);
   return /* @__PURE__ */ E(ye.Provider, {
     value: R,
     children: d
   });
-}), qe = /* @__PURE__ */ i.forwardRef(function(e, s) {
-  const { render: u, className: b, style: p, id: f, ...I } = e, { disabled: l, setLegendId: n } = oe(), o = ge(f, n);
+}), qe = /* @__PURE__ */ i.forwardRef(function(e, n) {
+  const { render: u, className: b, style: p, id: f, ...I } = e, { disabled: l, setLegendId: s } = oe(), o = ge(f, s);
   return W("div", e, {
     state: { disabled: l },
-    ref: s,
+    ref: n,
     props: [{ id: o }, I]
   });
 });
@@ -558,7 +558,7 @@ Ze.displayName = "FieldDescription";
 et.displayName = "FieldError";
 be.displayName = "FieldsetRoot";
 pe.displayName = "FieldsetLegend";
-var tt = i.forwardRef(({ legend: t, description: e, children: s, className: u, disabled: b, ...p }, f) => {
+var tt = i.forwardRef(({ legend: t, description: e, children: n, className: u, disabled: b, ...p }, f) => {
   const I = i.useId(), l = e ? [p["aria-describedby"], I].filter(Boolean).join(" ") : p["aria-describedby"];
   return /* @__PURE__ */ ke(be, {
     ref: f,
@@ -574,7 +574,7 @@ var tt = i.forwardRef(({ legend: t, description: e, children: s, className: u, d
         className: "text-muted-foreground -mt-2 mb-4 text-sm",
         children: e
       }),
-      s
+      n
     ]
   });
 });

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

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

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

@@ -8,9 +8,9 @@ import { i as Ie, o as Ne, s as ae, t as V } from "./useRenderElement.js";
 import { t as ee } from "./useBaseUiId.js";
 import { t as Me } from "./useCompositeListItem.js";
 import { t as Pe } from "./CompositeList.js";
-import { t as Re } from "./useButton.js";
-import { t as Se } from "./use-controllable-state.js";
-import { a as we } from "./useOpenChangeComplete.js";
+import { n as Re } from "./stateAttributesMapping.js";
+import { t as Se } from "./useButton.js";
+import { t as we } from "./use-controllable-state.js";
 import { a as ie, i as Oe, n as Te, o as ke, r as Ve, t as Ee } from "./useCollapsiblePanel.js";
 import * as r from "react";
 import U from "react";
@@ -91,7 +91,7 @@ var je = /* @__PURE__ */ (function(e) {
 })({}), D = {
   ...Te,
   index: (e) => ({ [je.index]: String(e) }),
-  ...we,
+  ...Re,
   value: () => null
 }, Ue = /* @__PURE__ */ r.forwardRef(function(t, o) {
   const { className: a, disabled: i = !1, onOpenChange: n, render: l, value: v, style: E, ...b } = t, { ref: I, index: h } = Me(), x = Ne(o, I), { disabled: A, handleValueChange: S, state: y, value: N } = de(), M = ee(), s = v ?? M, p = i || A, g = N.indexOf(s) !== -1, u = ne((j, T) => {
@@ -162,7 +162,7 @@ var je = /* @__PURE__ */ (function(e) {
     stateAttributesMapping: D
   });
 }), We = /* @__PURE__ */ r.forwardRef(function(t, o) {
-  const { disabled: a, className: i, id: n, render: l, nativeButton: v = !0, style: E, ...b } = t, { panelId: I, open: h, handleTrigger: x, disabled: A } = ie(), { getButtonProps: S, buttonRef: y } = Re({
+  const { disabled: a, className: i, id: n, render: l, nativeButton: v = !0, style: E, ...b } = t, { panelId: I, open: h, handleTrigger: x, disabled: A } = ie(), { getButtonProps: S, buttonRef: y } = Se({
     disabled: a || A,
     focusableWhenDisabled: !0,
     native: v
@@ -295,7 +295,7 @@ var Be = Object.assign(ce, {
   Content: G
 });
 function z({ value: e, defaultValue: t = [], onValueChange: o, multiple: a = !1, children: i, ...n }) {
-  const [l, v] = Se({
+  const [l, v] = we({
     value: e,
     defaultValue: t,
     onChange: o

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

@@ -2,10 +2,10 @@ import { t as j } from "./dist.js";
 import { t as O } from "./check.js";
 import { n as W, t as L } from "./thumbs-up.js";
 import { c as $, f as h, s as A } from "./_shared.js";
-import { t as P } from "./react.js";
-import { t as H } from "./AnimatePresence.js";
 import { t as T } from "./button.js";
-import { t as M } from "./Textarea2.js";
+import { t as H } from "./Textarea2.js";
+import { t as P } from "./react.js";
+import { t as M } from "./AnimatePresence.js";
 import * as d from "react";
 import F from "react";
 import { createRoot as Z } from "react-dom/client";
@@ -103,7 +103,7 @@ function X({ feedbackType: e, reasons: t, onSubmit: i, onCancel: s, placeholder:
           selected: a,
           onSelect: p
         }),
-        /* @__PURE__ */ n(M, {
+        /* @__PURE__ */ n(H, {
           value: l,
           onChange: (v) => u(v.target.value),
           placeholder: r || o,
@@ -192,7 +192,7 @@ function B({ value: e, onChange: t, showForm: i = !1, reasons: s, prompt: r = "W
           disabled: C && !a
         })]
       })]
-    }), /* @__PURE__ */ n(H, { children: S && /* @__PURE__ */ n(X, {
+    }), /* @__PURE__ */ n(M, { children: S && /* @__PURE__ */ n(X, {
       feedbackType: b,
       reasons: s,
       onSubmit: V,

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

@@ -3,10 +3,10 @@ import { t as A } from "./createLucideIcon.js";
 import { t as w } from "./chevron-down.js";
 import { t as R } from "./chevron-right.js";
 import { c as z, f as o, s as f } from "./_shared.js";
+import { t as O } from "./use-controllable-state.js";
+import { t as P } from "./markdown-renderer.js";
 import { t as d } from "./react.js";
-import { t as O } from "./AnimatePresence.js";
-import { t as P } from "./use-controllable-state.js";
-import { t as V } from "./markdown-renderer.js";
+import { t as V } from "./AnimatePresence.js";
 import * as j from "react";
 import p from "react";
 import { createRoot as B } from "react-dom/client";
@@ -126,7 +126,7 @@ y.displayName = "AIReasoningTrigger";
 function _({ children: e, markdown: r = !0, className: t }) {
   return /* @__PURE__ */ n("div", {
     className: o("px-4 pb-4", t),
-    children: r && typeof e == "string" ? /* @__PURE__ */ n(V, {
+    children: r && typeof e == "string" ? /* @__PURE__ */ n(P, {
       className: "text-sm text-secondary-foreground",
       children: e
     }) : /* @__PURE__ */ n("div", {
@@ -137,7 +137,7 @@ function _({ children: e, markdown: r = !0, className: t }) {
 }
 _.displayName = "AIReasoningContent";
 function N({ children: e, title: r = "Reasoning", open: t, defaultOpen: i = !1, onOpenChange: a, isStreaming: l = !1, markdown: u = !0, duration: x, variant: C, className: I }) {
-  const h = j.useId(), [m, k] = P({
+  const h = j.useId(), [m, k] = O({
     value: t,
     defaultValue: i,
     onChange: a
@@ -157,7 +157,7 @@ function N({ children: e, title: r = "Reasoning", open: t, defaultOpen: i = !1,
       isStreaming: l,
       duration: x,
       contentId: h
-    }), /* @__PURE__ */ n(O, { children: m && /* @__PURE__ */ n(d.section, {
+    }), /* @__PURE__ */ n(V, { children: m && /* @__PURE__ */ n(d.section, {
       id: h,
       "aria-label": r,
       initial: {

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

@@ -5,9 +5,9 @@ import { t as g } from "./info.js";
 import { t as M } from "./triangle-alert.js";
 import { t as x } from "./x.js";
 import { c as j, f as c, s as y } from "./_shared.js";
+import { t as D } from "./button.js";
 import { t as _ } from "./react.js";
 import { t as C } from "./AnimatePresence.js";
-import { t as D } from "./button.js";
 import * as v from "react";
 import l from "react";
 import { createRoot as T } from "react-dom/client";

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

@@ -8,9 +8,9 @@ import { n as Pe, r as Ke } from "./AIToolCall.js";
 import { t as je } from "./AISource.js";
 import { i as Je, n as Ue } from "./workflow-step-renderer.js";
 import { a as H, d as U, f as me, i as oe, o as Ye, t as Fe, u as qe } from "./_shared.js";
-import { t as L } from "./Card.js";
 import { t as ie } from "./button.js";
 import { t as W } from "./Progress.js";
+import { t as L } from "./Card.js";
 import * as N from "react";
 import Be from "react";
 import { jsx as m, jsxs as O } from "react/jsx-runtime";