@humain/ui 2.4.2 → 2.4.3

package/dist/wc/xychartDiagram-S5SC5T6Z.js

@@ -1,4 +1,4 @@
-import { Et as Pt, Q as vt, Y as Et } from "./vendor/recharts.js";
+import { Q as Pt, Y as vt, wt as Et } from "./vendor/recharts.js";
 import { n as a } from "./chunk-Y2CYZVJY.js";
 import { t as zt } from "./chunk-X3CZISLH.js";
 import { D as oi, H as hi, K as ri, U as li, a as ci, b as pt, c as gi, f as ui, v as xi, w as Bt, y as di, z as fi } from "./chunk-DU6HZSFF.js";
@@ -1542,13 +1542,13 @@ var mt = class {
     a(this, "BandAxis");
   }
   constructor(t, i, e, s, n) {
-    super(t, s, n, i), this.categories = e, this.scale = vt().domain(this.categories).range(this.getRange());
+    super(t, s, n, i), this.categories = e, this.scale = Pt().domain(this.categories).range(this.getRange());
   }
   setRange(t) {
     super.setRange(t);
   }
   recalculateScale() {
-    this.scale = vt().domain(this.categories).range(this.getRange()).paddingInner(1).paddingOuter(0).align(0.5), zt.trace("BandAxis axis final categories, range: ", this.categories, this.getRange());
+    this.scale = Pt().domain(this.categories).range(this.getRange()).paddingInner(1).paddingOuter(0).align(0.5), zt.trace("BandAxis axis final categories, range: ", this.categories, this.getRange());
   }
   getTickValues() {
     return this.categories;
@@ -1561,14 +1561,14 @@ var mt = class {
     a(this, "LinearAxis");
   }
   constructor(t, i, e, s, n) {
-    super(t, s, n, i), this.domain = e, this.scale = Et().domain(this.domain).range(this.getRange());
+    super(t, s, n, i), this.domain = e, this.scale = vt().domain(this.domain).range(this.getRange());
   }
   getTickValues() {
     return this.scale.ticks();
   }
   recalculateScale() {
     const t = [...this.domain];
-    this.axisPosition === "left" && t.reverse(), this.scale = Et().domain(t).range(this.getRange());
+    this.axisPosition === "left" && t.reverse(), this.scale = vt().domain(t).range(this.getRange());
   }
   getScaleValue(t) {
     return this.scale(t);
@@ -1722,7 +1722,7 @@ var ki = class {
   getDrawableElement() {
     const t = this.plotData.data.map((s) => [this.xAxis.getScaleValue(s[0]), this.yAxis.getScaleValue(s[1])]);
     let i;
-    if (this.orientation === "horizontal" ? i = Pt().y((s) => s[0]).x((s) => s[1])(t) : i = Pt().x((s) => s[0]).y((s) => s[1])(t), !i) return [];
+    if (this.orientation === "horizontal" ? i = Et().y((s) => s[0]).x((s) => s[1])(t) : i = Et().x((s) => s[0]).y((s) => s[1])(t), !i) return [];
     const e = [{
       groupTexts: ["plot", `line-plot-${this.plotIndex}`],
       type: "path",

package/dist/wc-react/AIClarificationCard.js

@@ -13,8 +13,8 @@ import { t as G } from "./loader-circle.js";
 import { t as ze } from "./plus.js";
 import { t as Ae } from "./x.js";
 import { f as b } from "./_shared.js";
-import { t as Le } from "./use-controllable-state.js";
 import { t as w } from "./button.js";
+import { t as Le } from "./use-controllable-state.js";
 import { t as Ie } from "./Progress.js";
 import { t as $e } from "./Input2.js";
 import { t as Fe } from "./Textarea2.js";

package/dist/wc-react/AIContainer.js

@@ -1,6 +1,6 @@
 import { t as P } from "./minimize-2.js";
-import { t as ee } from "./create-safe-context.js";
 import { f as p } from "./_shared.js";
+import { t as ee } from "./create-safe-context.js";
 import { t as j } from "./AIInput.js";
 import { t as L } from "./AIMessage.js";
 import { n as O, r as te, t as U } from "./AIScrollButton.js";

package/dist/wc-react/AIForm.js

@@ -3,8 +3,8 @@ import { t as y } from "./chevron-down.js";
 import { t as $ } from "./chevron-up.js";
 import { d as V, f as u, m as g } from "./_shared.js";
 import { t as x } from "./label.js";
-import { t as j } from "./button.js";
-import { a as B, c as L, d as G, f as T, g as A, h as O, i as P, l as U, m as _, n as K, o as J, p as M, r as E, s as H, t as Q, u as W } from "./SelectSeparator.js";
+import { a as j, c as B, d as L, f as G, g as T, h as A, i as O, l as P, m as U, n as _, o as K, p as J, r as M, s as E, t as H, u as Q } from "./SelectSeparator.js";
+import { t as W } from "./button.js";
 import { t as v } from "./input3.js";
 import { t as X } from "./textarea.js";
 import { r as Y } from "./interaction-context.js";
@@ -12,21 +12,21 @@ import { n as Z } from "./schema-validation.js";
 import { t as ee } from "./checkbox2.js";
 import * as s from "react";
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
-var ae = A, re = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(E, {
+var ae = T, re = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(M, {
   ref: o,
   "data-slot": "select-group",
   className: u("scroll-my-1 p-1", e),
   ...r
 }));
 re.displayName = "Select.Group";
-var N = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(_, {
+var N = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(U, {
   ref: o,
   "data-slot": "select-value",
   className: u("flex flex-1 text-left", e),
   ...r
 }));
 N.displayName = "Select.Value";
-var w = s.forwardRef(({ className: e, size: r = "md", shape: o = "rounded", state: t = "default", children: l, ...c }, n) => /* @__PURE__ */ i(O, {
+var w = s.forwardRef(({ className: e, size: r = "md", shape: o = "rounded", state: t = "default", children: l, ...c }, n) => /* @__PURE__ */ i(A, {
   ref: n,
   "data-slot": "select-trigger",
   "data-size": r,
@@ -35,58 +35,58 @@ var w = s.forwardRef(({ className: e, size: r = "md", shape: o = "rounded", stat
   "aria-invalid": t === "error" || void 0,
   className: u("flex w-full items-center justify-between gap-1.5 outline-none", "bg-background border shadow-xs transition-[color,border-color,box-shadow] duration-200 ease-out motion-reduce:transition-none", "not-disabled:hover:border-ring/50", "disabled:cursor-not-allowed disabled:opacity-50", "*:data-[slot=select-value]:flex *:data-[slot=select-value]:flex-1 *:data-[slot=select-value]:items-center", "data-[placeholder]:text-muted-foreground", r === "xs" && "h-7 px-3 py-1 text-xs", r === "sm" && "h-8 px-3 py-1.5 text-xs", r === "md" && "h-9 px-3 py-2 text-xs", r === "lg" && "h-10 px-3 py-2.5 text-sm", o === "rounded" && "rounded-xl", o === "round" && "rounded-full", t === "default" && "border-input", t === "success" && "border-success", t === "error" && "border-destructive", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", t === "error" && "focus-visible:ring-destructive/20", e),
   ...c,
-  children: [l, /* @__PURE__ */ a(M, { render: /* @__PURE__ */ a(y, { className: "size-4 shrink-0 text-muted-foreground" }) })]
+  children: [l, /* @__PURE__ */ a(J, { render: /* @__PURE__ */ a(y, { className: "size-4 shrink-0 text-muted-foreground" }) })]
 }));
 w.displayName = "Select.Trigger";
-var q = s.forwardRef(({ className: e, children: r, side: o = "bottom", sideOffset: t = 4, align: l = "center", alignOffset: c = 0, alignItemWithTrigger: n = !0, ...d }, m) => /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(G, {
+var q = s.forwardRef(({ className: e, children: r, side: o = "bottom", sideOffset: t = 4, align: l = "center", alignOffset: c = 0, alignItemWithTrigger: n = !0, ...d }, m) => /* @__PURE__ */ a(G, { children: /* @__PURE__ */ a(L, {
   side: o,
   sideOffset: t,
   align: l,
   alignOffset: c,
   alignItemWithTrigger: n,
   className: "isolate z-50",
-  children: /* @__PURE__ */ i(W, {
+  children: /* @__PURE__ */ i(Q, {
     ref: m,
     "data-slot": "select-popup",
     className: u("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", e),
     ...d,
     children: [
       /* @__PURE__ */ a(F, {}),
-      /* @__PURE__ */ a(U, { children: r }),
+      /* @__PURE__ */ a(P, { children: r }),
       /* @__PURE__ */ a(z, {})
     ]
   })
 }) }));
 q.displayName = "Select.Popup";
-var te = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(K, {
+var te = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(_, {
   ref: o,
   "data-slot": "select-group-label",
   className: u("text-muted-foreground px-2 py-1.5 text-xs", e),
   ...r
 }));
 te.displayName = "Select.GroupLabel";
-var I = s.forwardRef(({ className: e, children: r, ...o }, t) => /* @__PURE__ */ i(L, {
+var I = s.forwardRef(({ className: e, children: r, ...o }, t) => /* @__PURE__ */ i(B, {
   ref: t,
   "data-slot": "select-item",
   className: u("focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground transition-colors duration-75 ease-out motion-reduce:transition-none 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", e),
   ...o,
-  children: [/* @__PURE__ */ a(J, {
+  children: [/* @__PURE__ */ a(K, {
     className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap",
     children: r
-  }), /* @__PURE__ */ a(H, {
+  }), /* @__PURE__ */ a(E, {
     render: /* @__PURE__ */ a("span", { className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center" }),
     children: /* @__PURE__ */ a(D, { className: "pointer-events-none animate-in zoom-in-75 fade-in duration-150 motion-reduce:animate-none" })
   })]
 }));
 I.displayName = "Select.Item";
-var oe = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(Q, {
+var oe = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(H, {
   ref: o,
   "data-slot": "select-separator",
   className: u("bg-border -mx-1 my-1 h-px pointer-events-none", e),
   ...r
 }));
 oe.displayName = "Select.Separator";
-var F = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(P, {
+var F = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(O, {
   ref: o,
   "data-slot": "select-scroll-up-button",
   className: u("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 top-0 w-full", e),
@@ -94,7 +94,7 @@ var F = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(P, {
   children: /* @__PURE__ */ a($, {})
 }));
 F.displayName = "Select.ScrollUpButton";
-var z = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(B, {
+var z = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(j, {
   ref: o,
   "data-slot": "select-scroll-down-button",
   className: u("bg-popover z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4 bottom-0 w-full", e),
@@ -355,7 +355,7 @@ function de({ schema: e, className: r }) {
       }),
       /* @__PURE__ */ a("div", {
         className: "flex justify-end",
-        children: /* @__PURE__ */ a(j, {
+        children: /* @__PURE__ */ a(W, {
           type: "submit",
           appearance: "gradient",
           variant: "primary",

package/dist/wc-react/AIInput.js

@@ -3,8 +3,8 @@ import { t as Te } from "./arrow-down.js";
 import { t as se } from "./arrow-up.js";
 import { a as de, i as ke, n as ee, r as De } from "./FileUpload.js";
 import { t as oe } from "./x.js";
-import { t as Ee } from "./create-safe-context.js";
 import { f as c } from "./_shared.js";
+import { t as Ee } from "./create-safe-context.js";
 import { t as ie } from "./button.js";
 import * as u from "react";
 import { jsx as n, jsxs as l } from "react/jsx-runtime";

package/dist/wc-react/AIMermaidDiagram.js

@@ -1,7 +1,7 @@
 import { r as X } from "./rolldown-runtime.js";
 import { f as M } from "./_shared.js";
-import { t as y } from "./Skeleton2.js";
 import { n as _ } from "./AICodeBlock.js";
+import { t as y } from "./Skeleton2.js";
 import * as l from "react";
 import { jsx as t, jsxs as u } from "react/jsx-runtime";
 function Z(a) {

package/dist/wc-react/AIMessage.js

@@ -5,8 +5,8 @@ import { t as Q } from "./copy.js";
 import { t as X } from "./list.js";
 import { n as Z, t as _ } from "./thumbs-up.js";
 import { t as ee } from "./Avatar.js";
-import { t as se } from "./create-safe-context.js";
 import { f as o } from "./_shared.js";
+import { t as se } from "./create-safe-context.js";
 import { n as te } from "./interaction-context.js";
 import { t as ae } from "./markdown-renderer.js";
 import { t as ne } from "./AITypingIndicator.js";

package/dist/wc-react/AIScrollButton.js

@@ -1,9 +1,9 @@
 import { t as k } from "./dist.js";
 import { t as I } from "./arrow-down.js";
 import { f as w } from "./_shared.js";
+import { t as V } from "./button.js";
 import { t as y } from "./react.js";
-import { t as V } from "./AnimatePresence.js";
-import { t as N } from "./button.js";
+import { t as N } from "./AnimatePresence.js";
 import * as e from "react";
 import { jsx as p, jsxs as H } from "react/jsx-runtime";
 var T = k("fixed flex items-center justify-center shadow-lg transition-all", {
@@ -107,7 +107,7 @@ function D({ scrollRef: l, containerRef: n, threshold: m = 50, onClick: o, visib
   const c = a ?? t, s = () => {
     o ? o() : l?.current ? l.current.scrollIntoView({ behavior: "smooth" }) : n?.current && (n.current.scrollTop = n.current.scrollHeight);
   }, g = j(d);
-  return /* @__PURE__ */ p(V, { children: c && /* @__PURE__ */ H(y.div, {
+  return /* @__PURE__ */ p(N, { children: c && /* @__PURE__ */ H(y.div, {
     "data-slot": "ai-scroll-button",
     initial: {
       opacity: 0,
@@ -138,7 +138,7 @@ function D({ scrollRef: l, containerRef: n, threshold: m = 50, onClick: o, visib
       size: d,
       position: f
     }), "motion-reduce:transition-none", u),
-    children: [/* @__PURE__ */ p(N, {
+    children: [/* @__PURE__ */ p(V, {
       appearance: "ghost",
       variant: "secondary",
       size: "icon",

package/dist/wc-react/AIToolCall.js

@@ -6,10 +6,10 @@ import { t as H } from "./chevron-right.js";
 import { t as T } from "./circle-alert.js";
 import { t as L } from "./clock.js";
 import { f as i } from "./_shared.js";
-import { t as _ } from "./react.js";
-import { t as B } from "./AnimatePresence.js";
-import { t as R } from "./use-controllable-state.js";
 import { n as N } from "./AICodeBlock.js";
+import { t as _ } from "./use-controllable-state.js";
+import { t as B } from "./react.js";
+import { t as R } from "./AnimatePresence.js";
 import * as y from "react";
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
 var q = [["path", {
@@ -102,7 +102,7 @@ function b(e) {
   return typeof e == "string" ? e : JSON.stringify(e, null, 2);
 }
 function S({ toolPart: e, defaultOpen: s = !1, open: n, onOpenChange: a, className: d }) {
-  const [u, l] = R({
+  const [u, l] = _({
     value: n,
     defaultValue: s,
     onChange: a
@@ -117,7 +117,7 @@ function S({ toolPart: e, defaultOpen: s = !1, open: n, onOpenChange: a, classNa
       status: m,
       isOpen: u,
       onToggle: p
-    }), /* @__PURE__ */ t(B, { children: u && /* @__PURE__ */ t(_.div, {
+    }), /* @__PURE__ */ t(R, { children: u && /* @__PURE__ */ t(B.div, {
       initial: {
         height: 0,
         opacity: 0

package/dist/wc-react/AppSidebar.constants.js

@@ -1,8 +1,8 @@
 import { t as xe } from "./dist.js";
 import { t as Se } from "./createLucideIcon.js";
-import { t as ye } from "./create-safe-context.js";
 import { f as r } from "./_shared.js";
 import { r as M } from "./useRenderElement.js";
+import { t as ye } from "./create-safe-context.js";
 import { t as we } from "./button.js";
 import { t as y } from "./skeleton.js";
 import { t as Ne } from "./input3.js";

package/dist/wc-react/AvatarFallback.js

@@ -1,7 +1,7 @@
 import { n as h, t as g } from "./useIsoLayoutEffect.js";
 import { s as w, t as c, u as x } from "./useRenderElement.js";
-import { a as I, o as y, t as E } from "./useOpenChangeComplete.js";
-import { n as N } from "./useTimeout.js";
+import { n as I } from "./useTimeout.js";
+import { a as y, n as E, r as N } from "./stateAttributesMapping.js";
 import * as s from "react";
 import { jsx as P } from "react/jsx-runtime";
 var L = /* @__PURE__ */ s.createContext(void 0);
@@ -47,14 +47,14 @@ function k(o, { referrerPolicy: e, crossOrigin: u, sizes: m, srcSet: f }) {
 }
 var O = {
   ...p,
-  ...I
+  ...E
 }, $ = /* @__PURE__ */ s.forwardRef(function(e, u) {
   const { className: m, render: f, onLoadingStatusChange: r, style: l, ...a } = e, { setImageLoadingStatus: t } = b(), n = k(a.src, a), i = n === "loaded", { mounted: d, transitionStatus: C, setMounted: R } = y(i), v = s.useRef(null), S = h((A) => {
     r?.(A), t(A);
   });
   g(() => {
     n !== "idle" && S(n);
-  }, [n, S]), g(() => () => t("idle"), [t]), E({
+  }, [n, S]), g(() => () => t("idle"), [t]), N({
     open: i,
     ref: v,
     onComplete() {
@@ -73,7 +73,7 @@ var O = {
   });
   return d ? M : null;
 }), q = /* @__PURE__ */ s.forwardRef(function(e, u) {
-  const { className: m, render: f, delay: r = 0, style: l, ...a } = e, { imageLoadingStatus: t } = b(), [n, i] = s.useState(r === 0), d = N();
+  const { className: m, render: f, delay: r = 0, style: l, ...a } = e, { imageLoadingStatus: t } = b(), [n, i] = s.useState(r === 0), d = I();
   return s.useEffect(() => (r > 0 ? d.start(r, () => i(!0)) : i(!0), d.clear), [d, r]), c("span", e, {
     state: { imageLoadingStatus: t },
     ref: u,

package/dist/wc-react/CheckboxIndicator.js

@@ -7,8 +7,8 @@ import { t as qe } from "./useValueChanged.js";
 import { t as oe } from "./useBaseUiId.js";
 import { i as $e, n as je, r as Ke, s as _e, u as Je } from "./LabelableContext.js";
 import { n as Xe, t as Ye } from "./visuallyHidden.js";
-import { n as ze, t as Qe } from "./useButton.js";
-import { a as Ze, o as et, t as tt } from "./useOpenChangeComplete.js";
+import { a as ze, n as Qe, r as Ze } from "./stateAttributesMapping.js";
+import { n as et, t as tt } from "./useButton.js";
 import { t as rt } from "./FieldItemContext.js";
 import { t as nt } from "./useAriaLabelledBy.js";
 import * as n from "react";
@@ -48,7 +48,7 @@ var lt = "data-parent", yt = /* @__PURE__ */ n.forwardRef(function(i, h) {
   I && (s ? d = Q : r !== void 0 ? d = `${p.id}-${r}` : d ||= Q);
   let G = {};
   I && (s ? G = p.getParentProps() : r !== void 0 && (G = p.getChildProps(r)));
-  const { checked: Z = x, indeterminate: Pe = R, onCheckedChange: Re, ...Ie } = G, H = t?.value, T = n.useRef(null), V = we(() => /* @__PURE__ */ Symbol()), L = n.useRef(!1), { getButtonProps: ye, buttonRef: De } = Qe({
+  const { checked: Z = x, indeterminate: Pe = R, onCheckedChange: Re, ...Ie } = G, H = t?.value, T = n.useRef(null), V = we(() => /* @__PURE__ */ Symbol()), L = n.useRef(!1), { getButtonProps: ye, buttonRef: De } = tt({
     disabled: o,
     native: S
   }), y = t?.validation ?? ge, [a, Ee] = Oe({
@@ -177,7 +177,7 @@ var lt = "data-parent", yt = /* @__PURE__ */ n.forwardRef(function(i, h) {
           if (f || o) return;
           e.preventDefault();
           const l = m.current;
-          l && ze(l, e);
+          l && et(l, e);
         }
       },
       de,
@@ -206,11 +206,11 @@ var lt = "data-parent", yt = /* @__PURE__ */ n.forwardRef(function(i, h) {
     ]
   });
 }), Dt = /* @__PURE__ */ n.forwardRef(function(i, h) {
-  const { render: x, className: le, style: j, keepMounted: N = !1, ...O } = i, c = ut(), P = c.checked || c.indeterminate, { mounted: R, transitionStatus: w, setMounted: E } = et(P), B = n.useRef(null), s = {
+  const { render: x, className: le, style: j, keepMounted: N = !1, ...O } = i, c = ut(), P = c.checked || c.indeterminate, { mounted: R, transitionStatus: w, setMounted: E } = ze(P), B = n.useRef(null), s = {
     ...c,
     transitionStatus: w
   };
-  tt({
+  Ze({
     open: P,
     ref: B,
     onComplete() {
@@ -219,7 +219,7 @@ var lt = "data-parent", yt = /* @__PURE__ */ n.forwardRef(function(i, h) {
   });
   const f = {
     ...se(c),
-    ...Ze
+    ...Qe
   }, K = N || R, g = ie("span", i, {
     ref: [h, B],
     state: s,

package/dist/wc-react/CollapsiblePanel.js

@@ -1,7 +1,7 @@
 import { n as H, t as j } from "./useIsoLayoutEffect.js";
 import { i as L, t as C } from "./useRenderElement.js";
+import { n as y } from "./stateAttributesMapping.js";
 import { t as q } from "./useButton.js";
-import { a as y } from "./useOpenChangeComplete.js";
 import { a as O, i as z, n as G, o as J, r as K, t as Q } from "./useCollapsiblePanel.js";
 import * as c from "react";
 import { jsx as V } from "react/jsx-runtime";

package/dist/wc-react/DialogTrigger.js

@@ -5,11 +5,11 @@ import { t as B } from "./useBaseUiId.js";
 import { O as H, R as W, _ as G, a as Y, d as $, f as q, g as z, h as J, i as Q, j as X, m as Z, n as ee, o as te, p as oe, s as ne, t as se, u as ae, x as re } from "./popupStateMapping.js";
 import { n as ie, r as le } from "./shadowDom.js";
 import { a as pe } from "./composite2.js";
-import { t as A } from "./useButton.js";
-import { a as ue, t as ce } from "./useOpenChangeComplete.js";
-import { a as de, i as ge, n as fe, o as me, t as Se } from "./useScrollLock.js";
+import { a as ue, i as ce, n as de, o as ge, t as fe } from "./useScrollLock.js";
+import { n as me, r as Se } from "./stateAttributesMapping.js";
 import { n as Pe, r as Ce, t as he } from "./store.js";
 import { t as De } from "./usePopupHandleStore.js";
+import { t as A } from "./useButton.js";
 import { t as Re } from "./inertValue.js";
 import * as c from "react";
 import { jsx as k, jsxs as U } from "react/jsx-runtime";
@@ -69,13 +69,13 @@ function Oe() {
 }
 var Ie = {
   ...se,
-  ...ue,
+  ...me,
   nestedDialogOpen(e) {
     return e ? { "data-nested-dialog-open": "" } : null;
   }
 }, Ye = /* @__PURE__ */ c.forwardRef(function(t, n) {
   const { render: r, className: d, style: g, finalFocus: i, initialFocus: p, ...s } = t, o = R(), m = o.useState("descriptionElementId"), P = o.useState("disablePointerDismissal"), S = o.useState("floatingRootContext"), u = o.useState("popupProps"), a = o.useState("modal"), f = o.useState("mounted"), C = o.useState("nested"), h = o.useState("nestedOpenDialogCount"), D = o.useState("open"), I = o.useState("openMethod"), l = o.useState("titleElementId"), O = o.useState("transitionStatus"), v = o.useState("role"), x = S.useState("floatingId");
-  Oe(), ce({
+  Oe(), Se({
     open: D,
     ref: o.context.popupRef,
     onComplete() {
@@ -112,7 +112,7 @@ var Ie = {
     ],
     stateAttributesMapping: Ie
   });
-  return /* @__PURE__ */ k(me, {
+  return /* @__PURE__ */ k(ge, {
     context: S,
     openInteractionType: I,
     disabled: !f,
@@ -130,7 +130,7 @@ var Ie = {
     children: /* @__PURE__ */ U(H, {
       ref: n,
       ...d,
-      children: [i && p === !0 && /* @__PURE__ */ k(fe, {
+      children: [i && p === !0 && /* @__PURE__ */ k(de, {
         ref: g.context.internalBackdropRef,
         inert: Re(!s)
       }), t.children]
@@ -164,7 +164,7 @@ function be({ store: e, parentContext: t, isDrawer: n }) {
     },
     escapeKey: S
   });
-  return Se(r && g === !0, i), e.useContextCallback("onNestedDialogOpen", (a, f) => {
+  return fe(r && g === !0, i), e.useContextCallback("onNestedDialogOpen", (a, f) => {
     o(a), P(f);
   }), L(() => (t?.onNestedDialogOpen && (r ? t.onNestedDialogOpen(s + 1, m + (n ? 1 : 0)) : t.onNestedDialogOpen(0, 0)), () => {
     t?.onNestedDialogOpen && r && t.onNestedDialogOpen(0, 0);
@@ -286,7 +286,7 @@ var ze = /* @__PURE__ */ c.forwardRef(function(t, n) {
   const a = B(s), f = u.useState("floatingRootContext"), C = u.useState("isOpenedByTrigger", a), h = u.useState("triggerPopupId", a), D = c.useRef(null), { registerTrigger: I, isMountedByThisTrigger: l } = G(a, D, u, { payload: o }), { getButtonProps: O, buttonRef: v } = A({
     disabled: i,
     native: p
-  }), x = de(f), b = ge(() => u.select("open"), (y) => {
+  }), x = ue(f), b = ce(() => u.select("open"), (y) => {
     u.set("openMethod", y);
   }), T = {
     disabled: i,

package/dist/wc-react/DropdownMenu.js

@@ -9,14 +9,14 @@ import { r as je } from "./createBaseUIEventDetails.js";
 import { t as $e } from "./useBaseUiId.js";
 import { D as Ke, E as We, H as Je, I as j, T as Ye, _ as qe, r as $, w as Qe } from "./popupStateMapping.js";
 import { n as K } from "./shadowDom.js";
-import { i as Ve, t as Xe } from "./useButton.js";
-import { t as Ze } from "./CompositeItem.js";
 import { n as Y } from "./useTimeout.js";
-import { n as et, t as tt } from "./safePolygon.js";
-import { a as ot } from "./useScrollLock.js";
-import { t as nt } from "./usePopupHandleStore.js";
-import { t as rt } from "./useFocus.js";
-import { t as at } from "./getPseudoElementBounds.js";
+import { n as Ve, t as Xe } from "./safePolygon.js";
+import { a as Ze } from "./useScrollLock.js";
+import { t as et } from "./usePopupHandleStore.js";
+import { t as tt } from "./useFocus.js";
+import { i as ot, t as nt } from "./useButton.js";
+import { t as rt } from "./getPseudoElementBounds.js";
+import { t as at } from "./CompositeItem.js";
 import { t as st } from "./Separator.js";
 import { t as it } from "./useTriggerFocusGuards.js";
 import { t as ut } from "./Kbd.js";
@@ -46,9 +46,9 @@ function Nt(e) {
   ]);
 }
 var Tt = Je(function(t, n) {
-  const { render: r, className: s, style: i, disabled: g = !1, nativeButton: N = !0, id: T, openOnHover: w, delay: le = 100, closeDelay: O = 0, handle: me, payload: fe, ...ge } = t, be = mt(!0), a = nt(me) ?? be?.store;
+  const { render: r, className: s, style: i, disabled: g = !1, nativeButton: N = !0, id: T, openOnHover: w, delay: le = 100, closeDelay: O = 0, handle: me, payload: fe, ...ge } = t, be = mt(!0), a = et(me) ?? be?.store;
   if (!a) throw new Error(Ae(85));
-  const c = $e(T), we = a.useState("isTriggerActive", c), I = a.useState("floatingRootContext"), p = a.useState("isOpenedByTrigger", c), Me = a.useState("triggerPopupId", c), v = u.useRef(null), m = Rt(), xe = Ve(!0), E = We(), y = u.useMemo(() => E ?? new Ke(), [E]), he = Qe(y), ve = Ye(), { registerTrigger: ye, isMountedByThisTrigger: z } = qe(c, v, a, {
+  const c = $e(T), we = a.useState("isTriggerActive", c), I = a.useState("floatingRootContext"), p = a.useState("isOpenedByTrigger", c), Me = a.useState("triggerPopupId", c), v = u.useRef(null), m = Rt(), xe = ot(!0), E = We(), y = u.useMemo(() => E ?? new Ke(), [E]), he = Qe(y), ve = Ye(), { registerTrigger: ye, isMountedByThisTrigger: z } = qe(c, v, a, {
     payload: fe,
     closeDelay: O,
     parent: m,
@@ -56,7 +56,7 @@ var Tt = Je(function(t, n) {
     floatingNodeId: he,
     floatingParentNodeId: ve,
     keyboardEventRelay: xe?.relayKeyboardEvent
-  }), l = m.type === "menubar", De = a.useState("disabled"), M = g || De || l && m.context.disabled, { getButtonProps: Ne, buttonRef: Te } = Xe({
+  }), l = m.type === "menubar", De = a.useState("disabled"), M = g || De || l && m.context.disabled, { getButtonProps: Ne, buttonRef: Te } = nt({
     disabled: M,
     native: N
   });
@@ -71,7 +71,7 @@ var Tt = Je(function(t, n) {
     if (!b.current) return;
     H.clear(), a.context.allowMouseUpTriggerRef.current = !1;
     const h = x.target;
-    K(b.current, h) || K(a.select("positionerElement"), h) || h === b.current || h != null && Q(h) === a.select("rootId") || at(x, b.current) || y.events.emit("close", {
+    K(b.current, h) || K(a.select("positionerElement"), h) || h === b.current || h != null && Q(h) === a.select("rootId") || rt(x, b.current) || y.events.emit("close", {
       domEvent: x,
       reason: je
     });
@@ -83,9 +83,9 @@ var Tt = Je(function(t, n) {
     R,
     a
   ]);
-  const S = l && m.context.hasSubmenuOpen, Ie = et(I, {
+  const S = l && m.context.hasSubmenuOpen, Ie = Ve(I, {
     enabled: (w ?? S) && !M && (!l || S && !z),
-    handleClose: tt({ blockPointerEvents: !l }),
+    handleClose: Xe({ blockPointerEvents: !l }),
     mouseOnly: !0,
     move: !1,
     restMs: m.type === void 0 ? le : void 0,
@@ -94,13 +94,13 @@ var Tt = Je(function(t, n) {
     externalTree: y,
     isActiveTrigger: we,
     isClosing: () => a.select("transitionStatus") === "ending"
-  }), Re = It(p, a.select("lastOpenChangeReason")), _ = ot(I, {
+  }), Re = It(p, a.select("lastOpenChangeReason")), _ = Ze(I, {
     enabled: !M,
     event: p && l ? "click" : "mousedown",
     toggle: !0,
     ignoreMouse: !1,
     stickIfOpen: m.type === void 0 ? Re : !1
-  }), B = rt(I, { enabled: !M && S }), Se = Nt({
+  }), B = tt(I, { enabled: !M && S }), Se = Nt({
     open: p,
     enabled: l,
     mouseDownAction: "open"
@@ -138,7 +138,7 @@ var Tt = Je(function(t, n) {
     ref: L,
     props: A
   });
-  return l ? /* @__PURE__ */ o(Ze, {
+  return l ? /* @__PURE__ */ o(at, {
     tag: "button",
     render: r,
     className: s,

package/dist/wc-react/FloatingPortalLite.js

@@ -1,7 +1,7 @@
 import { k as s } from "./popupStateMapping.js";
 import * as o from "react";
-import * as m from "react-dom";
-import { jsxs as c } from "react/jsx-runtime";
+import { jsxs as m } from "react/jsx-runtime";
+import * as c from "react-dom";
 var P = /* @__PURE__ */ o.forwardRef(function(t, a) {
   const { children: l, container: n, className: d, render: u, style: p, ...i } = t, { node: r, subtree: e } = s({
     container: n,
@@ -9,7 +9,7 @@ var P = /* @__PURE__ */ o.forwardRef(function(t, a) {
     componentProps: t,
     elementProps: i
   });
-  return !e && !r ? null : /* @__PURE__ */ c(o.Fragment, { children: [e, r && /* @__PURE__ */ m.createPortal(l, r)] });
+  return !e && !r ? null : /* @__PURE__ */ m(o.Fragment, { children: [e, r && /* @__PURE__ */ c.createPortal(l, r)] });
 });
 export {
   P as t