@als-tp/als-react-ts-ui 0.5.0 → 0.5.1

package/dist/als-react-ts-ui149.js

@@ -1,24 +1,187 @@
-import * as u from "react";
-import { useComboboxRootContext as a } from "./als-react-ts-ui454.js";
-import { ComboboxPortalContext as c } from "./als-react-ts-ui458.js";
-import { selectors as t } from "./als-react-ts-ui455.js";
-import { jsx as e } from "react/jsx-runtime";
-import { FloatingPortal as d } from "./als-react-ts-ui258.js";
-import { useStore as n } from "./als-react-ts-ui408.js";
-const p = /* @__PURE__ */ u.forwardRef(function(m, s) {
+import * as f from "react";
+import { NOOP as Pe, EMPTY_OBJECT as xe } from "./als-react-ts-ui304.js";
+import { useControlled as ve } from "./als-react-ts-ui265.js";
+import { useStableCallback as Re } from "./als-react-ts-ui266.js";
+import { useIsoLayoutEffect as A } from "./als-react-ts-ui267.js";
+import { useMergedRefs as Ve } from "./als-react-ts-ui272.js";
+import { visuallyHidden as Ee } from "./als-react-ts-ui359.js";
+import { useStateAttributesMapping as Ie } from "./als-react-ts-ui463.js";
+import { useRenderElement as ye } from "./als-react-ts-ui226.js";
+import { useBaseUiId as _ } from "./als-react-ts-ui232.js";
+import { useButton as Be } from "./als-react-ts-ui230.js";
+import { useFieldRootContext as Fe } from "./als-react-ts-ui398.js";
+import { useFieldItemContext as Oe } from "./als-react-ts-ui464.js";
+import { useField as De } from "./als-react-ts-ui403.js";
+import { useFormContext as Ne } from "./als-react-ts-ui402.js";
+import { useLabelableContext as Ge } from "./als-react-ts-ui399.js";
+import { useCheckboxGroupContext as Me } from "./als-react-ts-ui441.js";
+import { CheckboxRootContext as Se } from "./als-react-ts-ui465.js";
+import { createChangeEventDetails as Te } from "./als-react-ts-ui229.js";
+import { useValueChanged as Ae } from "./als-react-ts-ui406.js";
+import { jsxs as _e, jsx as j } from "react/jsx-runtime";
+import { mergeProps as je } from "./als-react-ts-ui305.js";
+import { none as qe } from "./als-react-ts-ui231.js";
+const He = "data-parent", Le = /* @__PURE__ */ f.forwardRef(function(I, q) {
   const {
-    keepMounted: o = !1,
-    ...f
-  } = m, r = a(), l = n(r, t.mounted), i = n(r, t.forceMounted);
-  return l || o || i ? /* @__PURE__ */ e(c.Provider, {
-    value: o,
-    children: /* @__PURE__ */ e(d, {
-      ref: s,
-      ...f
-    })
-  }) : null;
+    checked: H,
+    className: we,
+    defaultChecked: L = !1,
+    disabled: $ = !1,
+    id: y,
+    indeterminate: x = !1,
+    inputRef: w,
+    name: J,
+    onCheckedChange: K,
+    parent: n = !1,
+    readOnly: p = !1,
+    render: Je,
+    required: m = !1,
+    value: h,
+    nativeButton: U = !1,
+    ...W
+  } = I, {
+    clearErrors: X
+  } = Ne(), {
+    disabled: Y,
+    name: z,
+    setDirty: Q,
+    setFilled: v,
+    setFocused: B,
+    setTouched: Z,
+    state: F,
+    validationMode: ee,
+    validityData: te,
+    shouldValidateOnChange: oe,
+    validation: ne
+  } = Fe(), re = Oe(), {
+    labelId: ie,
+    controlId: ae,
+    setControlId: C,
+    getDescriptionProps: O
+  } = Ge(), e = Me(), u = e?.parent, g = u && e.allValues, a = Y || re.disabled || e?.disabled || $, s = z ?? J, o = h ?? s, D = _(), se = _();
+  let l = ae;
+  g ? l = n ? se : `${u.id}-${o}` : y && (l = y);
+  let R = {};
+  g && (n ? R = e.parent.getParentProps() : o && (R = e.parent.getChildProps(o)));
+  const de = Re(K), {
+    checked: N = H,
+    indeterminate: k = x,
+    onCheckedChange: ue,
+    ...le
+  } = R, d = e?.value, G = e?.setValue, M = e?.defaultValue, V = f.useRef(null), {
+    getButtonProps: ce,
+    buttonRef: fe
+  } = Be({
+    disabled: a,
+    native: U
+  }), r = e?.validation ?? ne, [t, pe] = ve({
+    controlled: o && d && !n ? d.includes(o) : N,
+    default: o && M && !n ? M.includes(o) : L,
+    name: "Checkbox",
+    state: "checked"
+  });
+  A(() => {
+    if (C !== Pe)
+      return C(l), () => {
+        C(void 0);
+      };
+  }, [l, e, C, n]), De({
+    enabled: !e,
+    id: D,
+    commit: r.commit,
+    value: t,
+    controlRef: V,
+    name: s,
+    getValue: () => t
+  });
+  const c = f.useRef(null), me = Ve(w, c, r.inputRef);
+  A(() => {
+    c.current && (c.current.indeterminate = k, t && v(!0));
+  }, [t, k, v]), Ae(t, () => {
+    e && !n || (X(s), v(t), Q(t !== te.initialValue), oe() ? r.commit(t) : r.commit(t, !0));
+  });
+  const he = je(
+    {
+      checked: t,
+      disabled: a,
+      // parent checkboxes unset `name` to be excluded from form submission
+      name: n ? void 0 : s,
+      // Set `id` to stop Chrome warning about an unassociated input
+      id: l ?? void 0,
+      required: m,
+      ref: me,
+      style: Ee,
+      tabIndex: -1,
+      type: "checkbox",
+      "aria-hidden": !0,
+      onChange(i) {
+        if (i.nativeEvent.defaultPrevented)
+          return;
+        const b = i.target.checked, P = Te(qe, i.nativeEvent);
+        if (ue?.(b, P), de(b, P), !P.isCanceled && (pe(b), o && d && G && !n)) {
+          const ke = b ? [...d, o] : d.filter((be) => be !== o);
+          G(ke, P);
+        }
+      },
+      onFocus() {
+        V.current?.focus();
+      }
+    },
+    // React <19 sets an empty value if `undefined` is passed explicitly
+    // To avoid this, we only set the value if it's defined
+    h !== void 0 ? {
+      value: (e ? t && h : h) || ""
+    } : xe,
+    O,
+    e ? r.getValidationProps : r.getInputValidationProps
+  ), S = g ? !!N : t, T = g && k || x;
+  f.useEffect(() => {
+    u && o && u.disabledStatesRef.current.set(o, a);
+  }, [u, a, o]);
+  const E = f.useMemo(() => ({
+    ...F,
+    checked: S,
+    disabled: a,
+    readOnly: p,
+    required: m,
+    indeterminate: T
+  }), [F, S, a, p, m, T]), Ce = Ie(E), ge = ye("span", I, {
+    state: E,
+    ref: [fe, V, q, e?.registerControlRef],
+    props: [{
+      id: D,
+      role: "checkbox",
+      "aria-checked": k ? "mixed" : t,
+      "aria-readonly": p || void 0,
+      "aria-required": m || void 0,
+      "aria-labelledby": ie,
+      [He]: n ? "" : void 0,
+      onFocus() {
+        B(!0);
+      },
+      onBlur() {
+        const i = c.current;
+        i && (Z(!0), B(!1), ee === "onBlur" && r.commit(e ? d : i.checked));
+      },
+      onClick(i) {
+        p || a || (i.preventDefault(), c.current?.click());
+      }
+    }, O, r.getValidationProps, W, le, ce],
+    stateAttributesMapping: Ce
+  });
+  return /* @__PURE__ */ _e(Se.Provider, {
+    value: E,
+    children: [ge, !t && !e && s && !n && /* @__PURE__ */ j("input", {
+      type: "hidden",
+      name: s,
+      value: "off"
+    }), /* @__PURE__ */ j("input", {
+      ...he
+    })]
+  });
 });
-process.env.NODE_ENV !== "production" && (p.displayName = "ComboboxPortal");
+process.env.NODE_ENV !== "production" && (Le.displayName = "CheckboxRoot");
 export {
-  p as ComboboxPortal
+  Le as CheckboxRoot,
+  He as PARENT_CHECKBOX
 };

package/dist/als-react-ts-ui150.js

@@ -1,15 +1,45 @@
-import * as r from "react";
-import { useComboboxInputValueContext as l } from "./als-react-ts-ui454.js";
-import { jsx as u } from "react/jsx-runtime";
-function c(n) {
+import * as o from "react";
+import { useCheckboxRootContext as b } from "./als-react-ts-ui465.js";
+import { useRenderElement as M } from "./als-react-ts-ui226.js";
+import { useStateAttributesMapping as C } from "./als-react-ts-ui463.js";
+import { useOpenChangeComplete as h } from "./als-react-ts-ui236.js";
+import { useTransitionStatus as R } from "./als-react-ts-ui342.js";
+import { transitionStatusMapping as g } from "./als-react-ts-ui228.js";
+import { fieldValidityMapping as k } from "./als-react-ts-ui409.js";
+const x = /* @__PURE__ */ o.forwardRef(function(n, p) {
   const {
-    children: e
-  } = n, o = l();
-  let t = null;
-  return typeof e == "function" ? t = e(String(o)) : e != null ? t = e : t = o, /* @__PURE__ */ u(r.Fragment, {
-    children: t
+    render: N,
+    className: A,
+    keepMounted: c = !1,
+    ...m
+  } = n, e = b(), t = e.checked || e.indeterminate, {
+    transitionStatus: r,
+    setMounted: u
+  } = R(t), s = o.useRef(null), f = o.useMemo(() => ({
+    ...e,
+    transitionStatus: r
+  }), [e, r]);
+  h({
+    open: t,
+    ref: s,
+    onComplete() {
+      t || u(!1);
+    }
   });
-}
+  const i = C(e), d = o.useMemo(() => ({
+    ...i,
+    ...g,
+    ...k
+  }), [i]), a = c || t, l = M("span", n, {
+    enabled: a,
+    ref: [p, s],
+    state: f,
+    stateAttributesMapping: d,
+    props: m
+  });
+  return a ? l : null;
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "CheckboxIndicator");
 export {
-  c as AutocompleteValue
+  x as CheckboxIndicator
 };

package/dist/als-react-ts-ui152.js

@@ -1,9 +1,9 @@
 import * as n from "react";
-import { useStableCallback as b } from "./als-react-ts-ui192.js";
-import { useRenderElement as C } from "./als-react-ts-ui189.js";
-import { useCollapsibleRoot as R } from "./als-react-ts-ui288.js";
-import { CollapsibleRootContext as a } from "./als-react-ts-ui289.js";
-import { collapsibleStateAttributesMapping as h } from "./als-react-ts-ui450.js";
+import { useStableCallback as b } from "./als-react-ts-ui266.js";
+import { useRenderElement as C } from "./als-react-ts-ui226.js";
+import { useCollapsibleRoot as R } from "./als-react-ts-ui273.js";
+import { CollapsibleRootContext as a } from "./als-react-ts-ui274.js";
+import { collapsibleStateAttributesMapping as h } from "./als-react-ts-ui466.js";
 import { jsx as i } from "react/jsx-runtime";
 const v = /* @__PURE__ */ n.forwardRef(function(o, p) {
   const {

package/dist/als-react-ts-ui153.js

@@ -1,9 +1,9 @@
 import * as i from "react";
-import { triggerOpenStateMapping as f } from "./als-react-ts-ui294.js";
-import { transitionStatusMapping as g } from "./als-react-ts-ui245.js";
-import { useRenderElement as b } from "./als-react-ts-ui189.js";
-import { useCollapsibleRootContext as C } from "./als-react-ts-ui289.js";
-import { useButton as R } from "./als-react-ts-ui247.js";
+import { triggerOpenStateMapping as f } from "./als-react-ts-ui279.js";
+import { transitionStatusMapping as g } from "./als-react-ts-ui228.js";
+import { useRenderElement as b } from "./als-react-ts-ui226.js";
+import { useCollapsibleRootContext as C } from "./als-react-ts-ui274.js";
+import { useButton as R } from "./als-react-ts-ui230.js";
 const x = {
   ...f,
   ...g

package/dist/als-react-ts-ui154.js

@@ -1,12 +1,12 @@
 import * as R from "react";
-import { useIsoLayoutEffect as t } from "./als-react-ts-ui193.js";
-import { warn as A } from "./als-react-ts-ui283.js";
-import { useRenderElement as I } from "./als-react-ts-ui189.js";
-import { useCollapsibleRootContext as H } from "./als-react-ts-ui289.js";
-import { collapsibleStateAttributesMapping as T } from "./als-react-ts-ui450.js";
-import { useCollapsiblePanel as _ } from "./als-react-ts-ui296.js";
-import { CollapsiblePanelCssVars as g } from "./als-react-ts-ui451.js";
-import { useOpenChangeComplete as $ } from "./als-react-ts-ui253.js";
+import { useIsoLayoutEffect as t } from "./als-react-ts-ui267.js";
+import { warn as A } from "./als-react-ts-ui268.js";
+import { useRenderElement as I } from "./als-react-ts-ui226.js";
+import { useCollapsibleRootContext as H } from "./als-react-ts-ui274.js";
+import { collapsibleStateAttributesMapping as T } from "./als-react-ts-ui466.js";
+import { useCollapsiblePanel as _ } from "./als-react-ts-ui281.js";
+import { CollapsiblePanelCssVars as g } from "./als-react-ts-ui467.js";
+import { useOpenChangeComplete as $ } from "./als-react-ts-ui236.js";
 const q = /* @__PURE__ */ R.forwardRef(function(f, m) {
   const {
     className: L,

package/dist/als-react-ts-ui156.js

@@ -1,20 +1,20 @@
 import * as a from "react";
-import { useControlled as B } from "./als-react-ts-ui282.js";
-import { useStableCallback as I } from "./als-react-ts-ui192.js";
-import { useBaseUiId as S } from "./als-react-ts-ui249.js";
-import { useRenderElement as T } from "./als-react-ts-ui189.js";
-import { CheckboxGroupContext as U } from "./als-react-ts-ui436.js";
+import { useControlled as B } from "./als-react-ts-ui265.js";
+import { useStableCallback as I } from "./als-react-ts-ui266.js";
+import { useBaseUiId as S } from "./als-react-ts-ui232.js";
+import { useRenderElement as T } from "./als-react-ts-ui226.js";
+import { CheckboxGroupContext as U } from "./als-react-ts-ui441.js";
 import { useFieldRootContext as Y } from "./als-react-ts-ui398.js";
 import { useLabelableContext as j } from "./als-react-ts-ui399.js";
 import { fieldValidityMapping as q } from "./als-react-ts-ui409.js";
 import { useField as H } from "./als-react-ts-ui403.js";
-import { PARENT_CHECKBOX as K } from "./als-react-ts-ui127.js";
-import { useCheckboxGroupParent as L } from "./als-react-ts-ui437.js";
+import { PARENT_CHECKBOX as K } from "./als-react-ts-ui149.js";
+import { useCheckboxGroupParent as L } from "./als-react-ts-ui442.js";
 import { useFormContext as X } from "./als-react-ts-ui402.js";
 import { useValueChanged as z } from "./als-react-ts-ui406.js";
-import { areArraysEqual as J } from "./als-react-ts-ui438.js";
+import { areArraysEqual as J } from "./als-react-ts-ui443.js";
 import { jsx as Q } from "react/jsx-runtime";
-import { EMPTY_ARRAY as h } from "./als-react-ts-ui303.js";
+import { EMPTY_ARRAY as h } from "./als-react-ts-ui304.js";
 const W = /* @__PURE__ */ a.forwardRef(function(m, g) {
   const {
     allValues: s,

package/dist/als-react-ts-ui158.js

@@ -1,9 +1,9 @@
 import * as e from "react";
-import { useId as a } from "./als-react-ts-ui325.js";
-import { ContextMenuRootContext as d } from "./als-react-ts-ui464.js";
-import { MenuRootContext as p } from "./als-react-ts-ui465.js";
+import { useId as a } from "./als-react-ts-ui306.js";
+import { ContextMenuRootContext as d } from "./als-react-ts-ui471.js";
+import { MenuRootContext as p } from "./als-react-ts-ui472.js";
 import { jsx as o } from "react/jsx-runtime";
-import { MenuRoot as x } from "./als-react-ts-ui198.js";
+import { MenuRoot as x } from "./als-react-ts-ui197.js";
 function P(r) {
   const [t, u] = e.useState({
     getBoundingClientRect() {

package/dist/als-react-ts-ui159.js

@@ -1,15 +1,15 @@
 import * as c from "react";
-import { ownerDocument as x } from "./als-react-ts-ui372.js";
-import { useTimeout as C } from "./als-react-ts-ui195.js";
-import { useContextMenuRootContext as k } from "./als-react-ts-ui464.js";
-import { useMenuRootContext as A } from "./als-react-ts-ui465.js";
-import { useRenderElement as _ } from "./als-react-ts-ui189.js";
-import { createChangeEventDetails as O } from "./als-react-ts-ui246.js";
-import { pressableTriggerOpenStateMapping as B } from "./als-react-ts-ui244.js";
-import { findRootOwnerId as I } from "./als-react-ts-ui466.js";
-import { getTarget as v, contains as l } from "./als-react-ts-ui331.js";
-import { stopEvent as W } from "./als-react-ts-ui295.js";
-import { cancelOpen as G, triggerPress as V } from "./als-react-ts-ui248.js";
+import { ownerDocument as x } from "./als-react-ts-ui352.js";
+import { useTimeout as C } from "./als-react-ts-ui297.js";
+import { useContextMenuRootContext as k } from "./als-react-ts-ui471.js";
+import { useMenuRootContext as A } from "./als-react-ts-ui472.js";
+import { useRenderElement as _ } from "./als-react-ts-ui226.js";
+import { createChangeEventDetails as O } from "./als-react-ts-ui229.js";
+import { pressableTriggerOpenStateMapping as B } from "./als-react-ts-ui227.js";
+import { findRootOwnerId as I } from "./als-react-ts-ui473.js";
+import { getTarget as v, contains as l } from "./als-react-ts-ui312.js";
+import { stopEvent as W } from "./als-react-ts-ui280.js";
+import { cancelOpen as G, triggerPress as V } from "./als-react-ts-ui231.js";
 const w = 500, j = /* @__PURE__ */ c.forwardRef(function(m, D) {
   const {
     render: z,

package/dist/als-react-ts-ui160.js

@@ -1,10 +1,10 @@
 import * as a from "react";
-import { useMenuRootContext as m } from "./als-react-ts-ui465.js";
-import { useRenderElement as d } from "./als-react-ts-ui189.js";
-import { popupStateMapping as f } from "./als-react-ts-ui244.js";
-import { transitionStatusMapping as l } from "./als-react-ts-ui245.js";
-import { useContextMenuRootContext as M } from "./als-react-ts-ui464.js";
-import { triggerHover as S } from "./als-react-ts-ui248.js";
+import { useMenuRootContext as m } from "./als-react-ts-ui472.js";
+import { useRenderElement as d } from "./als-react-ts-ui226.js";
+import { popupStateMapping as f } from "./als-react-ts-ui227.js";
+import { transitionStatusMapping as l } from "./als-react-ts-ui228.js";
+import { useContextMenuRootContext as M } from "./als-react-ts-ui471.js";
+import { triggerHover as S } from "./als-react-ts-ui231.js";
 const R = {
   ...f,
   ...l

package/dist/als-react-ts-ui161.js

@@ -1,19 +1,19 @@
 import * as d from "react";
-import { inertValue as Q } from "./als-react-ts-ui256.js";
-import { MenuPositionerContext as X } from "./als-react-ts-ui468.js";
-import { useMenuRootContext as Y } from "./als-react-ts-ui465.js";
-import { useAnchorPositioning as Z } from "./als-react-ts-ui364.js";
-import { useRenderElement as $ } from "./als-react-ts-ui189.js";
-import { popupStateMapping as ee } from "./als-react-ts-ui244.js";
-import { CompositeList as te } from "./als-react-ts-ui284.js";
-import { InternalBackdrop as ne } from "./als-react-ts-ui257.js";
-import { useMenuPortalContext as oe } from "./als-react-ts-ui467.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as re } from "./als-react-ts-ui260.js";
-import { useContextMenuRootContext as se } from "./als-react-ts-ui464.js";
-import { createChangeEventDetails as x } from "./als-react-ts-ui246.js";
+import { inertValue as Q } from "./als-react-ts-ui239.js";
+import { MenuPositionerContext as X } from "./als-react-ts-ui475.js";
+import { useMenuRootContext as Y } from "./als-react-ts-ui472.js";
+import { useAnchorPositioning as Z } from "./als-react-ts-ui391.js";
+import { useRenderElement as $ } from "./als-react-ts-ui226.js";
+import { popupStateMapping as ee } from "./als-react-ts-ui227.js";
+import { CompositeList as te } from "./als-react-ts-ui269.js";
+import { InternalBackdrop as ne } from "./als-react-ts-ui240.js";
+import { useMenuPortalContext as oe } from "./als-react-ts-ui474.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as re } from "./als-react-ts-ui243.js";
+import { useContextMenuRootContext as se } from "./als-react-ts-ui471.js";
+import { createChangeEventDetails as x } from "./als-react-ts-ui229.js";
 import { jsxs as ie, jsx as I } from "react/jsx-runtime";
-import { FloatingNode as ae } from "./als-react-ts-ui356.js";
-import { triggerHover as de, siblingOpen as g } from "./als-react-ts-ui248.js";
+import { FloatingNode as ae } from "./als-react-ts-ui364.js";
+import { triggerHover as de, siblingOpen as g } from "./als-react-ts-ui231.js";
 const le = /* @__PURE__ */ d.forwardRef(function(c, C) {
   const {
     anchor: v,

package/dist/als-react-ts-ui162.js

@@ -1,18 +1,18 @@
 import * as a from "react";
-import { useMenuRootContext as O } from "./als-react-ts-ui465.js";
-import { useMenuPositionerContext as D } from "./als-react-ts-ui468.js";
-import { useRenderElement as I } from "./als-react-ts-ui189.js";
-import { popupStateMapping as N } from "./als-react-ts-ui244.js";
-import { transitionStatusMapping as w } from "./als-react-ts-ui245.js";
-import { useOpenChangeComplete as G } from "./als-react-ts-ui253.js";
-import { createChangeEventDetails as K } from "./als-react-ts-ui246.js";
-import { useToolbarRootContext as _ } from "./als-react-ts-ui368.js";
-import { COMPOSITE_KEYS as j } from "./als-react-ts-ui254.js";
-import { getDisabledMountTransitionStyles as k } from "./als-react-ts-ui366.js";
+import { useMenuRootContext as O } from "./als-react-ts-ui472.js";
+import { useMenuPositionerContext as D } from "./als-react-ts-ui475.js";
+import { useRenderElement as I } from "./als-react-ts-ui226.js";
+import { popupStateMapping as N } from "./als-react-ts-ui227.js";
+import { transitionStatusMapping as w } from "./als-react-ts-ui228.js";
+import { useOpenChangeComplete as G } from "./als-react-ts-ui236.js";
+import { createChangeEventDetails as K } from "./als-react-ts-ui229.js";
+import { useToolbarRootContext as _ } from "./als-react-ts-ui395.js";
+import { COMPOSITE_KEYS as j } from "./als-react-ts-ui237.js";
+import { getDisabledMountTransitionStyles as k } from "./als-react-ts-ui393.js";
 import { jsx as A } from "react/jsx-runtime";
-import { useHoverFloatingInteraction as H } from "./als-react-ts-ui369.js";
-import { FloatingFocusManager as V } from "./als-react-ts-ui255.js";
-import { outsidePress as Y } from "./als-react-ts-ui248.js";
+import { useHoverFloatingInteraction as H } from "./als-react-ts-ui375.js";
+import { FloatingFocusManager as V } from "./als-react-ts-ui238.js";
+import { outsidePress as Y } from "./als-react-ts-ui231.js";
 const q = {
   ...N,
   ...w

package/dist/als-react-ts-ui163.js

@@ -1,8 +1,8 @@
 import * as s from "react";
-import { useMenuPositionerContext as d } from "./als-react-ts-ui468.js";
-import { useMenuRootContext as f } from "./als-react-ts-ui465.js";
-import { useRenderElement as M } from "./als-react-ts-ui189.js";
-import { popupStateMapping as l } from "./als-react-ts-ui244.js";
+import { useMenuPositionerContext as d } from "./als-react-ts-ui475.js";
+import { useMenuRootContext as f } from "./als-react-ts-ui472.js";
+import { useRenderElement as M } from "./als-react-ts-ui226.js";
+import { popupStateMapping as l } from "./als-react-ts-ui227.js";
 const w = /* @__PURE__ */ s.forwardRef(function(e, a) {
   const {
     className: A,

package/dist/als-react-ts-ui164.js

@@ -1,10 +1,10 @@
 import * as i from "react";
-import { useMenuItem as P, REGULAR_ITEM as x } from "./als-react-ts-ui470.js";
-import { useMenuRootContext as C } from "./als-react-ts-ui465.js";
-import { useRenderElement as E } from "./als-react-ts-ui189.js";
-import { useBaseUiId as v } from "./als-react-ts-ui249.js";
-import { useCompositeListItem as N } from "./als-react-ts-ui290.js";
-import { useMenuPositionerContext as g } from "./als-react-ts-ui468.js";
+import { useMenuItem as P, REGULAR_ITEM as x } from "./als-react-ts-ui477.js";
+import { useMenuRootContext as C } from "./als-react-ts-ui472.js";
+import { useRenderElement as E } from "./als-react-ts-ui226.js";
+import { useBaseUiId as v } from "./als-react-ts-ui232.js";
+import { useCompositeListItem as N } from "./als-react-ts-ui275.js";
+import { useMenuPositionerContext as g } from "./als-react-ts-ui475.js";
 const h = /* @__PURE__ */ i.forwardRef(function(s, n) {
   const {
     render: A,

package/dist/als-react-ts-ui165.js

@@ -1,6 +1,6 @@
 import * as e from "react";
-import { useRenderElement as l } from "./als-react-ts-ui189.js";
-import { MenuGroupContext as p } from "./als-react-ts-ui469.js";
+import { useRenderElement as l } from "./als-react-ts-ui226.js";
+import { MenuGroupContext as p } from "./als-react-ts-ui476.js";
 import { jsx as d } from "react/jsx-runtime";
 const i = /* @__PURE__ */ e.forwardRef(function(r, t) {
   const {

package/dist/als-react-ts-ui166.js

@@ -1,8 +1,8 @@
 import * as u from "react";
-import { useIsoLayoutEffect as p } from "./als-react-ts-ui193.js";
-import { useRenderElement as i } from "./als-react-ts-ui189.js";
-import { useBaseUiId as a } from "./als-react-ts-ui249.js";
-import { useMenuGroupRootContext as m } from "./als-react-ts-ui469.js";
+import { useIsoLayoutEffect as p } from "./als-react-ts-ui267.js";
+import { useRenderElement as i } from "./als-react-ts-ui226.js";
+import { useBaseUiId as a } from "./als-react-ts-ui232.js";
+import { useMenuGroupRootContext as m } from "./als-react-ts-ui476.js";
 const d = /* @__PURE__ */ u.forwardRef(function(r, t) {
   const {
     className: c,

package/dist/als-react-ts-ui167.js

@@ -1,8 +1,8 @@
 import * as o from "react";
-import { useControlled as v } from "./als-react-ts-ui282.js";
-import { useStableCallback as l } from "./als-react-ts-ui192.js";
-import { MenuRadioGroupContext as V } from "./als-react-ts-ui473.js";
-import { useRenderElement as G } from "./als-react-ts-ui189.js";
+import { useControlled as v } from "./als-react-ts-ui265.js";
+import { useStableCallback as l } from "./als-react-ts-ui266.js";
+import { MenuRadioGroupContext as V } from "./als-react-ts-ui480.js";
+import { useRenderElement as G } from "./als-react-ts-ui226.js";
 import { jsx as b } from "react/jsx-runtime";
 const g = /* @__PURE__ */ o.memo(/* @__PURE__ */ o.forwardRef(function(r, s) {
   const {

package/dist/als-react-ts-ui168.js

@@ -1,17 +1,17 @@
 import * as a from "react";
-import { useStableCallback as S } from "./als-react-ts-ui192.js";
-import { useMenuRootContext as V } from "./als-react-ts-ui465.js";
-import { useRenderElement as A } from "./als-react-ts-ui189.js";
-import { useBaseUiId as D } from "./als-react-ts-ui249.js";
-import { useMenuRadioGroupContext as O } from "./als-react-ts-ui473.js";
-import { MenuRadioItemContext as U } from "./als-react-ts-ui474.js";
-import { itemMapping as B } from "./als-react-ts-ui472.js";
-import { useCompositeListItem as G } from "./als-react-ts-ui290.js";
-import { useMenuItem as L, REGULAR_ITEM as _ } from "./als-react-ts-ui470.js";
-import { useMenuPositionerContext as j } from "./als-react-ts-ui468.js";
-import { createChangeEventDetails as w } from "./als-react-ts-ui246.js";
+import { useStableCallback as S } from "./als-react-ts-ui266.js";
+import { useMenuRootContext as V } from "./als-react-ts-ui472.js";
+import { useRenderElement as A } from "./als-react-ts-ui226.js";
+import { useBaseUiId as D } from "./als-react-ts-ui232.js";
+import { useMenuRadioGroupContext as O } from "./als-react-ts-ui480.js";
+import { MenuRadioItemContext as U } from "./als-react-ts-ui481.js";
+import { itemMapping as B } from "./als-react-ts-ui479.js";
+import { useCompositeListItem as G } from "./als-react-ts-ui275.js";
+import { useMenuItem as L, REGULAR_ITEM as _ } from "./als-react-ts-ui477.js";
+import { useMenuPositionerContext as j } from "./als-react-ts-ui475.js";
+import { createChangeEventDetails as w } from "./als-react-ts-ui229.js";
 import { jsx as y } from "react/jsx-runtime";
-import { itemPress as T } from "./als-react-ts-ui248.js";
+import { itemPress as T } from "./als-react-ts-ui231.js";
 const q = /* @__PURE__ */ a.forwardRef(function(s, d) {
   const {
     render: F,

package/dist/als-react-ts-ui169.js

@@ -1,9 +1,9 @@
 import * as t from "react";
-import { useMenuRadioItemContext as m } from "./als-react-ts-ui474.js";
-import { useRenderElement as p } from "./als-react-ts-ui189.js";
-import { itemMapping as u } from "./als-react-ts-ui472.js";
-import { useTransitionStatus as l } from "./als-react-ts-ui344.js";
-import { useOpenChangeComplete as h } from "./als-react-ts-ui253.js";
+import { useMenuRadioItemContext as m } from "./als-react-ts-ui481.js";
+import { useRenderElement as p } from "./als-react-ts-ui226.js";
+import { itemMapping as u } from "./als-react-ts-ui479.js";
+import { useTransitionStatus as l } from "./als-react-ts-ui342.js";
+import { useOpenChangeComplete as h } from "./als-react-ts-ui236.js";
 const f = /* @__PURE__ */ t.forwardRef(function(o, d) {
   const {
     render: M,

package/dist/als-react-ts-ui170.js

@@ -1,17 +1,17 @@
 import * as c from "react";
-import { useStableCallback as A } from "./als-react-ts-ui192.js";
-import { useControlled as O } from "./als-react-ts-ui282.js";
-import { MenuCheckboxItemContext as S } from "./als-react-ts-ui471.js";
-import { useMenuItem as U, REGULAR_ITEM as B } from "./als-react-ts-ui470.js";
-import { useCompositeListItem as D } from "./als-react-ts-ui290.js";
-import { useMenuRootContext as L } from "./als-react-ts-ui465.js";
-import { useRenderElement as _ } from "./als-react-ts-ui189.js";
-import { useBaseUiId as j } from "./als-react-ts-ui249.js";
-import { itemMapping as w } from "./als-react-ts-ui472.js";
-import { useMenuPositionerContext as y } from "./als-react-ts-ui468.js";
-import { createChangeEventDetails as G } from "./als-react-ts-ui246.js";
+import { useStableCallback as A } from "./als-react-ts-ui266.js";
+import { useControlled as O } from "./als-react-ts-ui265.js";
+import { MenuCheckboxItemContext as S } from "./als-react-ts-ui478.js";
+import { useMenuItem as U, REGULAR_ITEM as B } from "./als-react-ts-ui477.js";
+import { useCompositeListItem as D } from "./als-react-ts-ui275.js";
+import { useMenuRootContext as L } from "./als-react-ts-ui472.js";
+import { useRenderElement as _ } from "./als-react-ts-ui226.js";
+import { useBaseUiId as j } from "./als-react-ts-ui232.js";
+import { itemMapping as w } from "./als-react-ts-ui479.js";
+import { useMenuPositionerContext as y } from "./als-react-ts-ui475.js";
+import { createChangeEventDetails as G } from "./als-react-ts-ui229.js";
 import { jsx as T } from "react/jsx-runtime";
-import { itemPress as V } from "./als-react-ts-ui248.js";
+import { itemPress as V } from "./als-react-ts-ui231.js";
 const q = /* @__PURE__ */ c.forwardRef(function(r, a) {
   const {
     render: F,