@humain/ui 2.4.2 → 2.4.4

package/dist/wc/AIClarificationCard.js

@@ -15,8 +15,8 @@ import { t as Y } from "./loader-circle.js";
 import { t as ze } from "./plus.js";
 import { t as Ae } from "./x.js";
 import { n as y } from "./utils.js";
-import { t as Le } from "./use-controllable-state.js";
 import { t as N } 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/AIContainer.js

@@ -1,8 +1,8 @@
 import { a as $ } from "./rolldown-runtime.js";
 import { i as K, t as P } from "./vendor/react.js";
 import { t as ee } from "./minimize-2.js";
-import { t as te } from "./create-safe-context.js";
 import { n as m } from "./utils.js";
+import { t as te } from "./create-safe-context.js";
 import { t as z } from "./AIInput.js";
 import { t as E } from "./AIMessage.js";
 import { n as H, r as se, t as T } from "./AIScrollButton.js";

package/dist/wc/AIForm.js

@@ -5,28 +5,28 @@ import { t as j } from "./chevron-down.js";
 import { t as V } from "./chevron-up.js";
 import { i as v, n as d, t as $ } from "./utils.js";
 import { t as f } from "./label.js";
-import { t as B } from "./button.js";
-import { a as L, c as G, d as T, f as A, g as O, h as P, i as U, l as K, m as M, n as E, o as J, p as H, r as Q, s as W, t as X, u as Y } from "./SelectSeparator.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 K, n as M, o as E, p as J, r as H, s as Q, t as W, u as X } from "./SelectSeparator.js";
+import { t as Y } from "./button.js";
 import { t as b } from "./input3.js";
 import { t as Z } from "./textarea.js";
 import { r as ee } from "./interaction-context.js";
 import { n as ae } from "./schema-validation.js";
 import { t as re } from "./checkbox2.js";
-var n = /* @__PURE__ */ R(k(), 1), a = D(), te = O, se = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(Q, {
+var n = /* @__PURE__ */ R(k(), 1), a = D(), te = A, se = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(H, {
   ref: s,
   "data-slot": "select-group",
   className: d("scroll-my-1 p-1", e),
   ...r
 }));
 se.displayName = "Select.Group";
-var S = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(M, {
+var S = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(K, {
   ref: s,
   "data-slot": "select-value",
   className: d("flex flex-1 text-left", e),
   ...r
 }));
 S.displayName = "Select.Value";
-var y = n.forwardRef(({ className: e, size: r = "md", shape: s = "rounded", state: t = "default", children: o, ...i }, l) => /* @__PURE__ */ (0, a.jsxs)(P, {
+var y = n.forwardRef(({ className: e, size: r = "md", shape: s = "rounded", state: t = "default", children: o, ...i }, l) => /* @__PURE__ */ (0, a.jsxs)(O, {
   ref: l,
   "data-slot": "select-trigger",
   "data-size": r,
@@ -35,58 +35,58 @@ var y = n.forwardRef(({ className: e, size: r = "md", shape: s = "rounded", stat
   "aria-invalid": t === "error" || void 0,
   className: d("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", s === "rounded" && "rounded-xl", s === "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),
   ...i,
-  children: [o, /* @__PURE__ */ (0, a.jsx)(H, { render: /* @__PURE__ */ (0, a.jsx)(j, { className: "size-4 shrink-0 text-muted-foreground" }) })]
+  children: [o, /* @__PURE__ */ (0, a.jsx)(J, { render: /* @__PURE__ */ (0, a.jsx)(j, { className: "size-4 shrink-0 text-muted-foreground" }) })]
 }));
 y.displayName = "Select.Trigger";
-var N = n.forwardRef(({ className: e, children: r, side: s = "bottom", sideOffset: t = 4, align: o = "center", alignOffset: i = 0, alignItemWithTrigger: l = !0, ...c }, u) => /* @__PURE__ */ (0, a.jsx)(A, { children: /* @__PURE__ */ (0, a.jsx)(T, {
+var N = n.forwardRef(({ className: e, children: r, side: s = "bottom", sideOffset: t = 4, align: o = "center", alignOffset: i = 0, alignItemWithTrigger: l = !0, ...c }, u) => /* @__PURE__ */ (0, a.jsx)(T, { children: /* @__PURE__ */ (0, a.jsx)(G, {
   side: s,
   sideOffset: t,
   align: o,
   alignOffset: i,
   alignItemWithTrigger: l,
   className: "isolate z-50",
-  children: /* @__PURE__ */ (0, a.jsxs)(Y, {
+  children: /* @__PURE__ */ (0, a.jsxs)(X, {
     ref: u,
     "data-slot": "select-popup",
     className: d("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),
     ...c,
     children: [
       /* @__PURE__ */ (0, a.jsx)(q, {}),
-      /* @__PURE__ */ (0, a.jsx)(K, { children: r }),
+      /* @__PURE__ */ (0, a.jsx)(U, { children: r }),
       /* @__PURE__ */ (0, a.jsx)(I, {})
     ]
   })
 }) }));
 N.displayName = "Select.Popup";
-var oe = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(E, {
+var oe = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(M, {
   ref: s,
   "data-slot": "select-group-label",
   className: d("text-muted-foreground px-2 py-1.5 text-xs", e),
   ...r
 }));
 oe.displayName = "Select.GroupLabel";
-var w = n.forwardRef(({ className: e, children: r, ...s }, t) => /* @__PURE__ */ (0, a.jsxs)(G, {
+var w = n.forwardRef(({ className: e, children: r, ...s }, t) => /* @__PURE__ */ (0, a.jsxs)(L, {
   ref: t,
   "data-slot": "select-item",
   className: d("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),
   ...s,
-  children: [/* @__PURE__ */ (0, a.jsx)(J, {
+  children: [/* @__PURE__ */ (0, a.jsx)(E, {
     className: "flex flex-1 gap-2 shrink-0 whitespace-nowrap",
     children: r
-  }), /* @__PURE__ */ (0, a.jsx)(W, {
+  }), /* @__PURE__ */ (0, a.jsx)(Q, {
     render: /* @__PURE__ */ (0, a.jsx)("span", { className: "pointer-events-none absolute end-2 flex size-4 items-center justify-center" }),
     children: /* @__PURE__ */ (0, a.jsx)(_, { className: "pointer-events-none animate-in zoom-in-75 fade-in duration-150 motion-reduce:animate-none" })
   })]
 }));
 w.displayName = "Select.Item";
-var le = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(X, {
+var le = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(W, {
   ref: s,
   "data-slot": "select-separator",
   className: d("bg-border -mx-1 my-1 h-px pointer-events-none", e),
   ...r
 }));
 le.displayName = "Select.Separator";
-var q = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(U, {
+var q = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(P, {
   ref: s,
   "data-slot": "select-scroll-up-button",
   className: d("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 q = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(U
   children: /* @__PURE__ */ (0, a.jsx)(V, {})
 }));
 q.displayName = "Select.ScrollUpButton";
-var I = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(L, {
+var I = n.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ (0, a.jsx)(B, {
   ref: s,
   "data-slot": "select-scroll-down-button",
   className: d("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 me({ schema: e, className: r }) {
       }),
       /* @__PURE__ */ (0, a.jsx)("div", {
         className: "flex justify-end",
-        children: /* @__PURE__ */ (0, a.jsx)(B, {
+        children: /* @__PURE__ */ (0, a.jsx)(Y, {
           type: "submit",
           appearance: "gradient",
           variant: "primary",

package/dist/wc/AIInput.js

@@ -5,8 +5,8 @@ import { t as ke } from "./arrow-down.js";
 import { t as ne } from "./arrow-up.js";
 import { a as ce, i as De, n as Y, r as Ee } from "./FileUpload.js";
 import { t as re } from "./x.js";
-import { t as ze } from "./create-safe-context.js";
 import { n as u } from "./utils.js";
+import { t as ze } from "./create-safe-context.js";
 import { t as oe } from "./button.js";
 var l = /* @__PURE__ */ Ae(Ce(), 1), Pe = 500, Se = 10, Be = 1e6, Fe = /^(import |from |export |function |class |const |let |var |def |package )/m, _e = /^\d{4}-\d{2}-\d{2}[\sT]\d{2}:\d{2}:\d{2}/m, Oe = /^\s+at\s+/m, Ke = Object.freeze({
   json: {

package/dist/wc/AIMermaidDiagram.js

@@ -1,8 +1,8 @@
 import { a as V, r as Y } from "./rolldown-runtime.js";
 import { i as X, t as Z } from "./vendor/react.js";
 import { n as j } from "./utils.js";
-import { t as y } from "./Skeleton2.js";
 import { n as G } from "./AICodeBlock.js";
+import { t as y } from "./Skeleton2.js";
 var l = /* @__PURE__ */ V(X(), 1);
 function J(t) {
   if (typeof window > "u") return {

package/dist/wc/AIMessage.js

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

package/dist/wc/AIScrollButton.js

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

package/dist/wc/AIToolCall.js

@@ -8,10 +8,10 @@ import { t as H } from "./chevron-right.js";
 import { t as I } from "./circle-alert.js";
 import { t as L } from "./clock.js";
 import { n as o } from "./utils.js";
-import { t as B } from "./react.js";
-import { t as E } from "./AnimatePresence.js";
-import { t as M } from "./use-controllable-state.js";
 import { n as v } from "./AICodeBlock.js";
+import { t as B } from "./use-controllable-state.js";
+import { t as E } from "./react.js";
+import { t as M } from "./AnimatePresence.js";
 var D = [["path", {
   d: "m16 18 6-6-6-6",
   key: "eg8j8"
@@ -102,7 +102,7 @@ function y(e) {
   return typeof e == "string" ? e : JSON.stringify(e, null, 2);
 }
 function k({ toolPart: e, defaultOpen: a = !1, open: t, onOpenChange: n, className: c }) {
-  const [d, i] = M({
+  const [d, i] = B({
     value: t,
     defaultValue: a,
     onChange: n
@@ -117,7 +117,7 @@ function k({ toolPart: e, defaultOpen: a = !1, open: t, onOpenChange: n, classNa
       status: u,
       isOpen: d,
       onToggle: m
-    }), /* @__PURE__ */ (0, s.jsx)(E, { children: d && /* @__PURE__ */ (0, s.jsx)(B.div, {
+    }), /* @__PURE__ */ (0, s.jsx)(M, { children: d && /* @__PURE__ */ (0, s.jsx)(E.div, {
       initial: {
         height: 0,
         opacity: 0

package/dist/wc/AppSidebar.constants.js

@@ -2,9 +2,9 @@ import { a as xe } from "./rolldown-runtime.js";
 import { i as ve, t as Se } from "./vendor/react.js";
 import { t as ye } from "./dist.js";
 import { t as we } from "./createLucideIcon.js";
-import { t as Ne } from "./create-safe-context.js";
 import { n as r } from "./utils.js";
 import { r as N } from "./useRenderElement.js";
+import { t as Ne } from "./create-safe-context.js";
 import { t as je } from "./button.js";
 import { t as S } from "./skeleton.js";
 import { t as Me } from "./input3.js";

package/dist/wc/AvatarFallback.js

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

package/dist/wc/CheckboxIndicator.js

@@ -9,8 +9,8 @@ import { t as Ke } from "./useValueChanged.js";
 import { t as ae } from "./useBaseUiId.js";
 import { i as $e, n as Je, r as Xe, s as Ye, u as ze } from "./LabelableContext.js";
 import { n as Qe, t as Ze } from "./visuallyHidden.js";
-import { n as et, t as tt } from "./useButton.js";
-import { a as rt, o as nt, t as ot } from "./useOpenChangeComplete.js";
+import { a as et, n as tt, r as rt } from "./stateAttributesMapping.js";
+import { n as nt, t as ot } from "./useButton.js";
 import { t as at } from "./FieldItemContext.js";
 import { t as it } from "./useAriaLabelledBy.js";
 var n = /* @__PURE__ */ Ne(_e(), 1);
@@ -49,7 +49,7 @@ var U = Oe(), ct = "data-parent", Mt = /* @__PURE__ */ n.forwardRef(function(i,
   I && (s ? d = Z : r !== void 0 ? d = `${p.id}-${r}` : d ||= Z);
   let A = {};
   I && (s ? A = p.getParentProps() : r !== void 0 && (A = p.getChildProps(r)));
-  const { checked: ee = x, indeterminate: Pe = R, onCheckedChange: Re, ...Ie } = A, j = t?.value, T = n.useRef(null), V = je(() => /* @__PURE__ */ Symbol()), q = n.useRef(!1), { getButtonProps: ye, buttonRef: Ee } = tt({
+  const { checked: ee = x, indeterminate: Pe = R, onCheckedChange: Re, ...Ie } = A, j = t?.value, T = n.useRef(null), V = je(() => /* @__PURE__ */ Symbol()), q = n.useRef(!1), { getButtonProps: ye, buttonRef: Ee } = ot({
     disabled: o,
     native: B
   }), y = t?.validation ?? ge, [a, De] = Ae({
@@ -178,7 +178,7 @@ var U = Oe(), ct = "data-parent", Mt = /* @__PURE__ */ n.forwardRef(function(i,
           if (f || o) return;
           e.preventDefault();
           const l = m.current;
-          l && et(l, e);
+          l && nt(l, e);
         }
       },
       de,
@@ -207,11 +207,11 @@ var U = Oe(), ct = "data-parent", Mt = /* @__PURE__ */ n.forwardRef(function(i,
     ]
   });
 }), St = /* @__PURE__ */ n.forwardRef(function(i, h) {
-  const { render: x, className: le, style: K, keepMounted: N = !1, ..._ } = i, c = dt(), P = c.checked || c.indeterminate, { mounted: R, transitionStatus: O, setMounted: D } = nt(P), M = n.useRef(null), s = {
+  const { render: x, className: le, style: K, keepMounted: N = !1, ..._ } = i, c = dt(), P = c.checked || c.indeterminate, { mounted: R, transitionStatus: O, setMounted: D } = et(P), M = n.useRef(null), s = {
     ...c,
     transitionStatus: O
   };
-  ot({
+  rt({
     open: P,
     ref: M,
     onComplete() {
@@ -220,7 +220,7 @@ var U = Oe(), ct = "data-parent", Mt = /* @__PURE__ */ n.forwardRef(function(i,
   });
   const f = {
     ...se(c),
-    ...rt
+    ...tt
   }, $ = N || R, g = ie("span", i, {
     ref: [h, M],
     state: s,

package/dist/wc/CollapsiblePanel.js

@@ -2,8 +2,8 @@ import { a as q } from "./rolldown-runtime.js";
 import { i as D, t as H } from "./vendor/react.js";
 import { n as $, t as L } from "./useIsoLayoutEffect.js";
 import { i as z, t as S } from "./useRenderElement.js";
+import { n as y } from "./stateAttributesMapping.js";
 import { t as G } from "./useButton.js";
-import { a as y } from "./useOpenChangeComplete.js";
 import { a as O, i as J, n as K, o as Q, r as V, t as X } from "./useCollapsiblePanel.js";
 var c = /* @__PURE__ */ q(D(), 1), _ = {
   ...K,

package/dist/wc/DialogTrigger.js

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

package/dist/wc/DropdownMenu.js

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