@humain/ui 2.4.1 → 2.4.3

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),