@humain/ui 2.4.2 → 2.4.4

package/dist/wc-react/MenuSubmenuTrigger.js

@@ -9,17 +9,17 @@ import { $ as at, C as it, D as lt, N as ut, O as ct, P as dt, R as pt, S as ft,
 import { t as ve } from "./useCompositeListItem.js";
 import { t as kt } from "./CompositeList.js";
 import { a as wt } from "./composite2.js";
-import { n as Nt, t as At } from "./useButton.js";
-import { t as Ft } from "./ToolbarRootContext.js";
-import { a as Dt, n as Lt, o as Ue, t as Se } from "./useOpenChangeComplete.js";
 import { n as Pe } from "./useTimeout.js";
-import { n as Bt, r as Ut, t as Ht } from "./safePolygon.js";
-import { a as Vt, n as Gt, o as _t, r as Kt } from "./useScrollLock.js";
-import { n as Yt, r as Wt, t as $t } from "./usePositioner.js";
-import { r as jt, t as Xt } from "./store.js";
-import { n as Jt, t as qt } from "./useTypeahead.js";
-import { t as zt } from "./inertValue.js";
-import { t as Qt } from "./useAnchoredPopupScrollLock.js";
+import { n as Nt, r as At, t as Ft } from "./safePolygon.js";
+import { a as Dt, n as Lt, o as Bt, r as Ut } from "./useScrollLock.js";
+import { a as Ue, i as Ht, n as Vt, r as Se } from "./stateAttributesMapping.js";
+import { n as Gt, r as _t, t as Kt } from "./usePositioner.js";
+import { r as Yt, t as Wt } from "./store.js";
+import { n as $t, t as jt } from "./useTypeahead.js";
+import { n as Xt, t as Jt } from "./useButton.js";
+import { t as qt } from "./inertValue.js";
+import { t as zt } from "./useAnchoredPopupScrollLock.js";
+import { t as Qt } from "./ToolbarRootContext.js";
 import * as o from "react";
 import { jsx as H, jsxs as He } from "react/jsx-runtime";
 var Ve = /* @__PURE__ */ o.createContext(void 0);
@@ -72,7 +72,7 @@ function tn(e) {
         const R = m.initialCursorPointRef.current;
         if (m.initialCursorPointRef.current = null, h && R && Math.abs(l.clientX - R.x) <= 1 && Math.abs(l.clientY - R.y) <= 1 || h && !rt && l.button === 2) return;
       }
-      d.current && v.context.allowMouseUpTriggerRef.current && (!h || l.button === 2) && s.type === "regular-item" && Nt(d.current, l, { detail: 1 });
+      d.current && v.context.allowMouseUpTriggerRef.current && (!h || l.button === 2) && s.type === "regular-item" && Xt(d.current, l, { detail: 1 });
     }
   }), [
     n,
@@ -91,7 +91,7 @@ function tn(e) {
 }
 var Te = { type: "regular-item" };
 function he(e) {
-  const { closeOnClick: n, disabled: i, highlighted: x, id: P, store: v, typingRef: f = v.context.typingRef, nativeButton: d, itemMetadata: s, nodeId: c } = e, g = o.useRef(null), { getButtonProps: m, buttonRef: h } = At({
+  const { closeOnClick: n, disabled: i, highlighted: x, id: P, store: v, typingRef: f = v.context.typingRef, nativeButton: d, itemMetadata: s, nodeId: c } = e, g = o.useRef(null), { getButtonProps: m, buttonRef: h } = Jt({
     disabled: i,
     focusableWhenDisabled: !0,
     native: d,
@@ -123,7 +123,7 @@ var Fe = /* @__PURE__ */ (function(e) {
   checked(e) {
     return e ? { [Fe.checked]: "" } : { [Fe.unchecked]: "" };
   },
-  ...Dt
+  ...Vt
 }, $n = /* @__PURE__ */ o.forwardRef(function(n, i) {
   const { render: x, className: P, id: v, label: f, nativeButton: d = !1, disabled: s = !1, closeOnClick: c = !1, checked: g, defaultChecked: m, onCheckedChange: h, style: l, ...R } = n, y = ve({
     guess: !0,
@@ -265,7 +265,7 @@ var Xn = /* @__PURE__ */ o.forwardRef(function(n, i) {
     ]
   });
 }), zn = /* @__PURE__ */ o.forwardRef(function(n, i) {
-  const { render: x, className: P, style: v, finalFocus: f, ...d } = n, { store: s } = Q(), { side: c, align: g } = fe(), m = Ft(!0) != null, h = s.useState("open"), l = s.useState("transitionStatus"), R = s.useState("popupProps"), y = s.useState("mounted"), I = s.useState("instantType"), a = s.useState("activeTriggerElement"), u = s.useState("parent"), r = s.useState("lastOpenChangeReason"), T = s.useState("rootId"), k = s.useState("floatingRootContext"), t = s.useState("floatingTreeRoot"), w = s.useState("closeDelay"), C = s.useState("hoverEnabled"), F = s.useState("disabled"), M = s.useState("openMethod"), b = u.type === "context-menu";
+  const { render: x, className: P, style: v, finalFocus: f, ...d } = n, { store: s } = Q(), { side: c, align: g } = fe(), m = Qt(!0) != null, h = s.useState("open"), l = s.useState("transitionStatus"), R = s.useState("popupProps"), y = s.useState("mounted"), I = s.useState("instantType"), a = s.useState("activeTriggerElement"), u = s.useState("parent"), r = s.useState("lastOpenChangeReason"), T = s.useState("rootId"), k = s.useState("floatingRootContext"), t = s.useState("floatingTreeRoot"), w = s.useState("closeDelay"), C = s.useState("hoverEnabled"), F = s.useState("disabled"), M = s.useState("openMethod"), b = u.type === "context-menu";
   Se({
     open: h,
     ref: s.context.popupRef,
@@ -279,7 +279,7 @@ var Xn = /* @__PURE__ */ o.forwardRef(function(n, i) {
     return t.events.on("close", A), () => {
       t.events.off("close", A);
     };
-  }, [t.events, s]), Ut(k, {
+  }, [t.events, s]), At(k, {
     enabled: C && !F && !b && u.type !== "menubar",
     closeDelay: w
   });
@@ -303,13 +303,13 @@ var Xn = /* @__PURE__ */ o.forwardRef(function(n, i) {
       { onKeyDown(A) {
         m && wt.has(A.key) && A.stopPropagation();
       } },
-      Yt(l),
+      Gt(l),
       d,
       { "data-rootownerid": T }
     ]
   });
   let U = u.type === void 0 || b;
-  return (a || u.type === "menubar" && r !== "outside-press") && (U = !0), /* @__PURE__ */ H(_t, {
+  return (a || u.type === "menubar" && r !== "outside-press") && (U = !0), /* @__PURE__ */ H(Bt, {
     context: k,
     openInteractionType: M,
     modal: b,
@@ -339,12 +339,12 @@ var Qn = /* @__PURE__ */ o.forwardRef(function(n, i) {
     })
   }) : null;
 }), Zn = /* @__PURE__ */ o.forwardRef(function(n, i) {
-  const { anchor: x, positionMethod: P = "absolute", className: v, render: f, side: d, align: s, sideOffset: c = 0, alignOffset: g = 0, collisionBoundary: m = "clipping-ancestors", collisionPadding: h = 5, arrowPadding: l = 5, sticky: R = !1, disableAnchorTracking: y = !1, collisionAvoidance: I = ut, style: a, ...u } = n, { store: r } = Q(), T = on(), k = Ee(!0), t = r.useState("parent"), w = r.useState("floatingRootContext"), C = r.useState("floatingTreeRoot"), F = r.useState("mounted"), M = r.useState("open"), b = r.useState("modal"), E = r.useState("openMethod"), N = r.useState("activeTriggerElement"), B = r.useState("transitionStatus"), U = r.useState("positionerElement"), A = r.useState("instantType"), Z = r.useState("adaptiveOrigin"), S = r.useState("lastOpenChangeReason"), G = r.useState("floatingNodeId"), le = r.useState("floatingParentNodeId"), ue = w.useState("domReferenceElement"), ee = o.useRef(null), J = Lt(U);
+  const { anchor: x, positionMethod: P = "absolute", className: v, render: f, side: d, align: s, sideOffset: c = 0, alignOffset: g = 0, collisionBoundary: m = "clipping-ancestors", collisionPadding: h = 5, arrowPadding: l = 5, sticky: R = !1, disableAnchorTracking: y = !1, collisionAvoidance: I = ut, style: a, ...u } = n, { store: r } = Q(), T = on(), k = Ee(!0), t = r.useState("parent"), w = r.useState("floatingRootContext"), C = r.useState("floatingTreeRoot"), F = r.useState("mounted"), M = r.useState("open"), b = r.useState("modal"), E = r.useState("openMethod"), N = r.useState("activeTriggerElement"), B = r.useState("transitionStatus"), U = r.useState("positionerElement"), A = r.useState("instantType"), Z = r.useState("adaptiveOrigin"), S = r.useState("lastOpenChangeReason"), G = r.useState("floatingNodeId"), le = r.useState("floatingParentNodeId"), ue = w.useState("domReferenceElement"), ee = o.useRef(null), J = Ht(U);
   let te = x, q = c, ae = g, ne = s, _ = I;
   t.type === "context-menu" && (te = x ?? t.context?.anchor, ne = ne ?? "start", !d && ne !== "center" && (ae = n.alignOffset ?? 2, q = n.sideOffset ?? -5));
   let K = d, oe = ne;
   t.type === "menu" ? (K = K ?? "inline-end", oe = oe ?? "start", _ = n.collisionAvoidance ?? dt) : t.type === "menubar" && (K = K ?? (t.context.orientation === "vertical" ? "inline-end" : "bottom"), oe = oe ?? "start");
-  const se = t.type === "context-menu", Y = Wt({
+  const se = t.type === "context-menu", Y = _t({
     anchor: te,
     floatingRootContext: w,
     positionMethod: k ? "fixed" : P,
@@ -450,8 +450,8 @@ var Qn = /* @__PURE__ */ o.forwardRef(function(n, i) {
     nested: t.type === "menu",
     instant: A
   }, ce = t.type === "menubar" && t.context.modal;
-  Qt(M && (ce || b && S !== "trigger-hover"), E === "touch", U, N);
-  const xe = $t(n, ge, {
+  zt(M && (ce || b && S !== "trigger-hover"), E === "touch", U, N);
+  const xe = Kt(n, ge, {
     styles: Y.positionerStyles,
     transitionStatus: B,
     props: u,
@@ -462,9 +462,9 @@ var Qn = /* @__PURE__ */ o.forwardRef(function(n, i) {
   let W = null;
   return t.type === "menubar" ? W = t.context.contentElement : t.type === void 0 && (W = N), /* @__PURE__ */ He(Ve.Provider, {
     value: Y,
-    children: [Ce && /* @__PURE__ */ H(Gt, {
+    children: [Ce && /* @__PURE__ */ H(Lt, {
       ref: t.type === "context-menu" || t.type === "nested-context-menu" ? t.context.internalBackdropRef : null,
-      inert: zt(!M),
+      inert: qt(!M),
       cutout: W
     }), /* @__PURE__ */ H(ft, {
       id: G,
@@ -600,7 +600,7 @@ function ln(e) {
   return n;
 }
 var un = {
-  ...jt,
+  ...Yt,
   disabled: (e) => e.parent.type === "menubar" && e.parent.context.disabled || e.disabled,
   modal: (e) => (e.parent.type === void 0 || e.parent.type === "context-menu") && (e.modal ?? !0),
   openMethod: (e) => e.openMethod,
@@ -664,7 +664,7 @@ function dn() {
 }
 function pn() {
   return {
-    ...Xt(),
+    ...Wt(),
     disabled: !1,
     modal: !0,
     openMethod: null,
@@ -712,7 +712,7 @@ var fn = mt(function(n) {
     parent: k
   });
   t.useControlledProp("openProp", x), t.useControlledProp("triggerIdProp", R), t.useContextCallback("onOpenChangeComplete", v);
-  const w = Ae(), C = Ae(), F = t.useState("floatingTreeRoot"), M = Et(F), b = gt(), E = t.useState("open"), N = t.useState("activeTriggerElement"), B = t.useState("positionerElement"), U = t.useState("hoverEnabled"), A = t.useState("disabled"), Z = t.useState("lastOpenChangeReason"), S = t.useState("parent"), G = t.useState("activeIndex"), le = t.useState("payload"), ue = t.useState("floatingParentNodeId"), ee = o.useRef(null), J = o.useRef(S.type !== "context-menu"), te = Pe(), q = o.useRef(!0), ae = Pe(), ne = ue != null, { openMethod: _, triggerProps: K } = Kt(E);
+  const w = Ae(), C = Ae(), F = t.useState("floatingTreeRoot"), M = Et(F), b = gt(), E = t.useState("open"), N = t.useState("activeTriggerElement"), B = t.useState("positionerElement"), U = t.useState("hoverEnabled"), A = t.useState("disabled"), Z = t.useState("lastOpenChangeReason"), S = t.useState("parent"), G = t.useState("activeIndex"), le = t.useState("payload"), ue = t.useState("floatingParentNodeId"), ee = o.useRef(null), J = o.useRef(S.type !== "context-menu"), te = Pe(), q = o.useRef(!0), ae = Pe(), ne = ue != null, { openMethod: _, triggerProps: K } = Ut(E);
   t.useSyncedValues({
     disabled: d,
     highlightItemOnHover: I,
@@ -808,7 +808,7 @@ var fn = mt(function(n) {
     externalTree: ne ? F : void 0
   }), xe = et(), Ce = o.useCallback((p) => {
     t.select("activeIndex") !== p && t.set("activeIndex", p);
-  }, [t]), W = Jt(Y, {
+  }, [t]), W = $t(Y, {
     enabled: !A,
     listRef: t.context.itemDomElements,
     activeIndex: G,
@@ -824,7 +824,7 @@ var fn = mt(function(n) {
     focusItemOnHover: I
   }), D = o.useCallback((p) => {
     t.context.typingRef.current = p;
-  }, [t]), O = qt(Y, {
+  }, [t]), O = jt(Y, {
     enabled: !A,
     listRef: t.context.itemLabels,
     elementsRef: t.context.itemDomElements,
@@ -945,9 +945,9 @@ var mn = { "aria-expanded": void 0 }, so = /* @__PURE__ */ o.forwardRef(function
     nativeButton: s,
     itemMetadata: Z,
     nodeId: I?.context.nodeId
-  }), le = a.useState("hoverEnabled"), ue = Bt(T, {
+  }), le = a.useState("hoverEnabled"), ue = Nt(T, {
     enabled: le && c && !B,
-    handleClose: Ht({ blockPointerEvents: !0 }),
+    handleClose: Ft({ blockPointerEvents: !0 }),
     mouseOnly: !0,
     move: !0,
     restMs: g,
@@ -960,7 +960,7 @@ var mn = { "aria-expanded": void 0 }, so = /* @__PURE__ */ o.forwardRef(function
     externalTree: k,
     isClosing: () => a.select("transitionStatus") === "ending",
     guardStaleOpen: !0
-  }), ee = Vt(T, {
+  }), ee = Dt(T, {
     enabled: !B,
     event: "mousedown",
     toggle: !c,

package/dist/wc-react/PopoverDescription.js

@@ -5,21 +5,21 @@ import { l as re, t as ae, w as ie } from "./createBaseUIEventDetails.js";
 import { t as $ } from "./useBaseUiId.js";
 import { C as ce, I as Q, O as ue, P as pe, R as le, S as de, _ as ge, a as fe, d as me, f as Pe, g as he, h as ve, i as Ce, j as Se, l as Te, m as Re, n as Ie, o as ye, p as Oe, r as Ee, s as xe, u as Me, w as Fe, x as be } from "./popupStateMapping.js";
 import { a as ke } from "./composite2.js";
-import { t as we } from "./useButton.js";
-import { t as Ae } from "./ToolbarRootContext.js";
-import { n as He, t as Be } from "./useOpenChangeComplete.js";
-import { t as Ne } from "./useTimeout.js";
-import { n as Ge, r as _e, t as Le } from "./safePolygon.js";
-import { a as Ue, i as Ve, n as Ke, o as De } from "./useScrollLock.js";
-import { n as je, r as We, t as Ye } from "./usePositioner.js";
-import { n as $e, r as qe, t as ze } from "./store.js";
-import { t as Je } from "./usePopupHandleStore.js";
-import { t as Qe } from "./inertValue.js";
-import { t as Xe } from "./useAnchoredPopupScrollLock.js";
+import { t as we } from "./useTimeout.js";
+import { n as Ae, r as He, t as Be } from "./safePolygon.js";
+import { a as Ne, i as Ge, n as _e, o as Le } from "./useScrollLock.js";
+import { i as Ue, r as Ve } from "./stateAttributesMapping.js";
+import { n as Ke, r as De, t as je } from "./usePositioner.js";
+import { n as We, r as Ye, t as $e } from "./store.js";
+import { t as qe } from "./usePopupHandleStore.js";
+import { t as ze } from "./useButton.js";
+import { t as Je } from "./inertValue.js";
+import { t as Qe } from "./useAnchoredPopupScrollLock.js";
+import { t as Xe } from "./ToolbarRootContext.js";
 import { t as Ze } from "./useTriggerFocusGuards.js";
 import * as a from "react";
-import * as et from "react-dom";
 import { jsx as g, jsxs as q } from "react/jsx-runtime";
+import * as et from "react-dom";
 var Z = /* @__PURE__ */ a.createContext(void 0);
 function x(e) {
   const t = a.useContext(Z);
@@ -27,7 +27,7 @@ function x(e) {
   return t;
 }
 var tt = {
-  ...qe,
+  ...Ye,
   disabled: (e) => e.disabled,
   instantType: (e) => e.instantType,
   openMethod: (e) => e.openMethod,
@@ -65,7 +65,7 @@ var tt = {
 };
 function nt(e, t, n, r = !1) {
   const c = {
-    ...ze(),
+    ...$e(),
     disabled: !1,
     modal: !1,
     focusManagerModal: !1,
@@ -80,7 +80,7 @@ function nt(e, t, n, r = !1) {
     adaptiveOrigin: void 0,
     ...e
   };
-  return c.open && e?.mounted === void 0 && (c.mounted = !0), c.floatingRootContext = $e(t, n, r), c;
+  return c.open && e?.mounted === void 0 && (c.mounted = !0), c.floatingRootContext = We(t, n, r), c;
 }
 function st(e) {
   return {
@@ -89,7 +89,7 @@ function st(e) {
     onOpenChangeComplete: void 0,
     triggerFocusTargetRef: /* @__PURE__ */ a.createRef(),
     beforeContentFocusGuardRef: /* @__PURE__ */ a.createRef(),
-    stickIfOpenTimeout: new Ne(),
+    stickIfOpenTimeout: new we(),
     triggerElements: e
   };
 }
@@ -151,26 +151,26 @@ function at({ store: e, modal: t }) {
   }), null;
 }
 var Nt = /* @__PURE__ */ a.forwardRef(function(t, n) {
-  const { render: r, className: c, style: P, disabled: i = !1, nativeButton: d = !0, handle: l, payload: o, openOnHover: s = !1, delay: f = 300, closeDelay: R = 0, id: y, ...h } = t, O = x(!0), u = Je(l) ?? O;
+  const { render: r, className: c, style: P, disabled: i = !1, nativeButton: d = !0, handle: l, payload: o, openOnHover: s = !1, delay: f = 300, closeDelay: R = 0, id: y, ...h } = t, O = x(!0), u = qe(l) ?? O;
   if (!u) throw new Error(D(74));
   const m = $(y), B = u.useState("isTriggerActive", m), p = u.useState("floatingRootContext"), M = u.useState("isOpenedByTrigger", m), F = u.useState("triggerPopupId", m), T = a.useRef(null), { registerTrigger: E, isMountedByThisTrigger: v } = ge(m, T, u, {
     payload: o,
     disabled: i,
     openOnHover: s,
     closeDelay: R
-  }), I = u.useState("openChangeReason"), b = u.useState("stickIfOpen"), N = u.useState("openMethod"), G = u.useState("focusManagerModal"), k = Ge(p, {
+  }), I = u.useState("openChangeReason"), b = u.useState("stickIfOpen"), N = u.useState("openMethod"), G = u.useState("focusManagerModal"), k = Ae(p, {
     enabled: !i && s && (N !== "touch" || I !== "trigger-press"),
     mouseOnly: !0,
     move: !1,
-    handleClose: Le(),
+    handleClose: Be(),
     restMs: f,
     delay: { close: R },
     triggerElementRef: T,
     isActiveTrigger: B,
     isClosing: () => u.select("transitionStatus") === "ending"
-  }), _ = Ue(p, { stickIfOpen: b }), w = Ve(() => u.select("open"), (S) => {
+  }), _ = Ne(p, { stickIfOpen: b }), w = Ge(() => u.select("open"), (S) => {
     u.set("openMethod", S);
-  }), L = u.useState("triggerProps", v), { getButtonProps: A, buttonRef: H } = we({
+  }), L = u.useState("triggerProps", v), { getButtonProps: A, buttonRef: H } = ze({
     disabled: i,
     native: d
   }), C = { open(S) {
@@ -236,7 +236,7 @@ function ct() {
   return e;
 }
 var _t = /* @__PURE__ */ a.forwardRef(function(t, n) {
-  const { render: r, className: c, style: P, anchor: i, positionMethod: d, side: l, align: o, sideOffset: s, alignOffset: f, collisionBoundary: R = "clipping-ancestors", collisionPadding: y, arrowPadding: h, sticky: O, disableAnchorTracking: u = !1, collisionAvoidance: m = pe, ...B } = t, p = x(), M = it(), F = Fe(), T = p.useState("floatingRootContext"), E = p.useState("mounted"), v = p.useState("open"), I = p.useState("openChangeReason"), b = p.useState("activeTriggerElement"), N = p.useState("modal"), G = p.useState("openMethod"), k = p.useState("positionerElement"), _ = p.useState("instantType"), w = p.useState("transitionStatus"), L = p.useState("adaptiveOrigin"), A = a.useRef(null), H = He(k), C = We({
+  const { render: r, className: c, style: P, anchor: i, positionMethod: d, side: l, align: o, sideOffset: s, alignOffset: f, collisionBoundary: R = "clipping-ancestors", collisionPadding: y, arrowPadding: h, sticky: O, disableAnchorTracking: u = !1, collisionAvoidance: m = pe, ...B } = t, p = x(), M = it(), F = Fe(), T = p.useState("floatingRootContext"), E = p.useState("mounted"), v = p.useState("open"), I = p.useState("openChangeReason"), b = p.useState("activeTriggerElement"), N = p.useState("modal"), G = p.useState("openMethod"), k = p.useState("positionerElement"), _ = p.useState("instantType"), w = p.useState("transitionStatus"), L = p.useState("adaptiveOrigin"), A = a.useRef(null), H = Ue(k), C = De({
     anchor: i,
     floatingRootContext: T,
     positionMethod: d,
@@ -272,14 +272,14 @@ var _t = /* @__PURE__ */ a.forwardRef(function(t, n) {
     p
   ]);
   const V = N === !0 && I !== "trigger-hover";
-  Xe(v && V, G === "touch", k, b);
+  Qe(v && V, G === "touch", k, b);
   const W = p.useStateSetter("positionerElement"), Y = {
     open: v,
     side: C.side,
     align: C.align,
     anchorHidden: C.anchorHidden,
     instant: _
-  }, K = Ye(t, Y, {
+  }, K = je(t, Y, {
     styles: C.positionerStyles,
     transitionStatus: w,
     props: B,
@@ -289,8 +289,8 @@ var _t = /* @__PURE__ */ a.forwardRef(function(t, n) {
   });
   return /* @__PURE__ */ q(te.Provider, {
     value: C,
-    children: [E && V && /* @__PURE__ */ g(Ke, {
-      inert: Qe(!v),
+    children: [E && V && /* @__PURE__ */ g(_e, {
+      inert: Je(!v),
       cutout: b
     }), /* @__PURE__ */ g(de, {
       id: F,
@@ -308,14 +308,14 @@ function pt() {
   };
 }
 var Lt = /* @__PURE__ */ a.forwardRef(function(t, n) {
-  const { render: r, className: c, style: P, initialFocus: i, finalFocus: d, ...l } = t, o = x(), s = ct(), f = Ae(!0) != null, { context: R, hasClosePart: y } = pt(), h = o.useState("open"), O = o.useState("openMethod"), u = o.useState("instantType"), m = o.useState("transitionStatus"), B = o.useState("popupProps"), p = o.useState("titleElementId"), M = o.useState("descriptionElementId"), F = o.useState("modal"), T = o.useState("mounted"), E = o.useState("openChangeReason"), v = o.useState("activeTriggerElement"), I = o.useState("floatingRootContext"), b = I.useState("floatingId"), N = o.useState("disabled"), G = o.useState("openOnHover"), k = o.useState("closeDelay");
-  Be({
+  const { render: r, className: c, style: P, initialFocus: i, finalFocus: d, ...l } = t, o = x(), s = ct(), f = Xe(!0) != null, { context: R, hasClosePart: y } = pt(), h = o.useState("open"), O = o.useState("openMethod"), u = o.useState("instantType"), m = o.useState("transitionStatus"), B = o.useState("popupProps"), p = o.useState("titleElementId"), M = o.useState("descriptionElementId"), F = o.useState("modal"), T = o.useState("mounted"), E = o.useState("openChangeReason"), v = o.useState("activeTriggerElement"), I = o.useState("floatingRootContext"), b = I.useState("floatingId"), N = o.useState("disabled"), G = o.useState("openOnHover"), k = o.useState("closeDelay");
+  Ve({
     open: h,
     ref: o.context.popupRef,
     onComplete() {
       h && o.context.onOpenChangeComplete?.(!0);
     }
-  }), _e(I, {
+  }), He(I, {
     enabled: G && !N,
     closeDelay: k
   });
@@ -346,12 +346,12 @@ var Lt = /* @__PURE__ */ a.forwardRef(function(t, n) {
           f && ke.has(C.key) && C.stopPropagation();
         }
       },
-      je(m),
+      Ke(m),
       l
     ],
     stateAttributesMapping: Ie
   });
-  return /* @__PURE__ */ g(De, {
+  return /* @__PURE__ */ g(Le, {
     context: I,
     openInteractionType: O,
     modal: w,

package/dist/wc-react/PrehydrationScript.js

@@ -1,4 +1,4 @@
-import { at as e } from "./vendor/recharts.js";
+import { Ot as e } from "./vendor/recharts.js";
 import { u as o } from "./useRenderElement.js";
 import { t as s } from "./CSPContext.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/wc-react/Select.js

@@ -5,8 +5,8 @@ import { f as p } from "./_shared.js";
 import { t as H } from "./FieldTooltip.js";
 import { n as J, t as K } from "./field-props.js";
 import { a as M, c as O, i as Q, l as W, n as X, o as Y, r as Z, s as ee, t as te } from "./form-field.js";
-import { t as re } from "./use-controllable-state.js";
-import { a as oe, c as ae, d as le, f as se, g as ie, h as ne, i as de, l as ce, m as pe, n as ue, o as me, p as fe, r as ge, s as be, t as ve, u as he } from "./SelectSeparator.js";
+import { a as re, c as oe, d as ae, f as le, g as se, h as ie, i as ne, l as de, m as ce, n as pe, o as ue, p as me, r as fe, s as ge, t as be, u as ve } from "./SelectSeparator.js";
+import { t as he } from "./use-controllable-state.js";
 import * as l from "react";
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 var j = {
@@ -39,14 +39,14 @@ function Se(r) {
   return a(r), t ? o : void 0;
 }
 function b({ trigger: r, value: o, defaultValue: t, onValueChange: a, items: s, children: i, ...n }) {
-  const [m, d] = re({
+  const [m, d] = he({
     value: o,
     defaultValue: t ?? "",
     onChange: a
   }), f = l.useCallback((h) => {
     d(h);
   }, [d]), c = s ?? Se(i);
-  return /* @__PURE__ */ u(ie, {
+  return /* @__PURE__ */ u(se, {
     value: m,
     onValueChange: f,
     items: c,
@@ -54,14 +54,14 @@ function b({ trigger: r, value: o, defaultValue: t, onValueChange: a, items: s,
     children: [r && /* @__PURE__ */ e(v, { render: r }), i]
   });
 }
-var $ = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(ge, {
+var $ = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(fe, {
   ref: t,
   "data-slot": "select-group",
   className: p("scroll-my-1 p-1", r),
   ...o
 }));
 $.displayName = "Select.Group";
-var x = l.forwardRef(({ placeholder: r, children: o, className: t, ...a }, s) => /* @__PURE__ */ e(pe, {
+var x = l.forwardRef(({ placeholder: r, children: o, className: t, ...a }, s) => /* @__PURE__ */ e(ce, {
   ref: s,
   "data-slot": "select-value",
   className: p("flex min-w-0 flex-1 items-center gap-0.5 overflow-hidden text-left", t),
@@ -85,7 +85,7 @@ var v = l.forwardRef(({ className: r, size: o = "md", shape: t = "rounded", stat
     "data-shape": t,
     className: p("flex w-full items-center border border-border bg-muted", j[o], t === "rounded" && "rounded-xl", t === "round" && "rounded-full", "text-foreground", r),
     children: i
-  }) : /* @__PURE__ */ u(ne, {
+  }) : /* @__PURE__ */ u(ie, {
     ref: d,
     "data-slot": "select-trigger",
     "data-size": o,
@@ -95,59 +95,59 @@ var v = l.forwardRef(({ className: r, size: o = "md", shape: t = "rounded", stat
     "aria-invalid": a === "error" || void 0,
     className: p("group/select flex w-full items-center justify-between outline-none", "border bg-background transition-[color,background-color,box-shadow,border-color] duration-200 ease-smooth motion-reduce:transition-none", "disabled:cursor-not-allowed disabled:border-input disabled:bg-muted", "data-[placeholder]:text-muted-foreground", j[o], t === "rounded" && "rounded-xl", t === "round" && "rounded-full", a === "default" && "border-input", a === "success" && "border-success", a === "error" && "border-destructive", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", a === "error" && "focus-visible:ring-destructive/20", r),
     ...m,
-    children: [i, /* @__PURE__ */ e(fe, { render: /* @__PURE__ */ e(_, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200 ease-smooth group-data-[popup-open]/select:rotate-180 motion-reduce:transition-none" }) })]
+    children: [i, /* @__PURE__ */ e(me, { render: /* @__PURE__ */ e(_, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200 ease-smooth group-data-[popup-open]/select:rotate-180 motion-reduce:transition-none" }) })]
   });
 });
 v.displayName = "Select.Trigger";
-var w = l.forwardRef(({ className: r, children: o, side: t = "bottom", sideOffset: a = 4, align: s = "center", alignOffset: i = 0, alignItemWithTrigger: n = !1, ...m }, d) => /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(le, {
+var w = l.forwardRef(({ className: r, children: o, side: t = "bottom", sideOffset: a = 4, align: s = "center", alignOffset: i = 0, alignItemWithTrigger: n = !1, ...m }, d) => /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(ae, {
   side: t,
   sideOffset: a,
   align: s,
   alignOffset: i,
   alignItemWithTrigger: n,
   className: "isolate z-50",
-  children: /* @__PURE__ */ u(he, {
+  children: /* @__PURE__ */ u(ve, {
     ref: d,
     "data-slot": "select-popup",
     className: p("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:animate-none ring-foreground/10 min-w-36 rounded-md shadow-md ring-1 duration-100 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto", r),
     ...m,
     children: [
       /* @__PURE__ */ e(F, {}),
-      /* @__PURE__ */ e(ce, { children: o }),
+      /* @__PURE__ */ e(de, { children: o }),
       /* @__PURE__ */ e(I, {})
     ]
   })
 }) }));
 w.displayName = "Select.Popup";
-var k = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(ue, {
+var k = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(pe, {
   ref: t,
   "data-slot": "select-group-label",
   className: p("text-muted-foreground px-2 py-1.5 text-xs", r),
   ...o
 }));
 k.displayName = "Select.GroupLabel";
-var G = l.forwardRef(({ className: r, children: o, ...t }, a) => /* @__PURE__ */ u(ae, {
+var G = l.forwardRef(({ className: r, children: o, ...t }, a) => /* @__PURE__ */ u(oe, {
   ref: a,
   "data-slot": "select-item",
   className: p("focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-2 rounded-sm py-1.5 pe-8 ps-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", r),
   ...t,
-  children: [/* @__PURE__ */ e(me, {
+  children: [/* @__PURE__ */ e(ue, {
     className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap",
     children: o
-  }), /* @__PURE__ */ e(be, {
+  }), /* @__PURE__ */ e(ge, {
     render: /* @__PURE__ */ e("span", { className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center" }),
     children: /* @__PURE__ */ e(A, { className: "pointer-events-none" })
   })]
 }));
 G.displayName = "Select.Item";
-var V = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(ve, {
+var V = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(be, {
   ref: t,
   "data-slot": "select-separator",
   className: p("bg-border -mx-1 my-1 h-px pointer-events-none", r),
   ...o
 }));
 V.displayName = "Select.Separator";
-var F = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(de, {
+var F = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(ne, {
   ref: t,
   "data-slot": "select-scroll-up-button",
   className: p("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", r),
@@ -155,7 +155,7 @@ var F = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(de, {
   children: /* @__PURE__ */ e(q, {})
 }));
 F.displayName = "Select.ScrollUpButton";
-var I = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(oe, {
+var I = l.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(re, {
   ref: t,
   "data-slot": "select-scroll-down-button",
   className: p("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", r),