@ledgerhq/lumen-ui-react 0.1.35 → 0.1.36

package/dist/node_modules/@base-ui/react/esm/menu/trigger/MenuTrigger.js

@@ -0,0 +1,207 @@
+import de from "../../../../utils/esm/formatErrorMessage.js";
+import * as n from "react";
+import * as D from "react-dom";
+import { useTimeout as L } from "../../../../utils/esm/useTimeout.js";
+import { ownerDocument as B } from "../../../../utils/esm/owner.js";
+import { fastComponentRef as be } from "../../../../utils/esm/fastHooks.js";
+import { useStableCallback as y } from "../../../../utils/esm/useStableCallback.js";
+import { useIsoLayoutEffect as Te } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { EMPTY_OBJECT as xe } from "../../../../utils/esm/empty.js";
+import { FloatingTreeStore as Re } from "../../floating-ui-react/components/FloatingTreeStore.js";
+import { useMenuRootContext as G } from "../root/MenuRootContext.js";
+import { pressableTriggerOpenStateMapping as H } from "../../utils/popupStateMapping.js";
+import { useRenderElement as Oe } from "../../utils/useRenderElement.js";
+import { useButton as Me } from "../../use-button/useButton.js";
+import { getPseudoElementBounds as he } from "../../utils/getPseudoElementBounds.js";
+import { CompositeItem as ye } from "../../composite/item/CompositeItem.js";
+import { useCompositeRootContext as Ce } from "../../composite/root/CompositeRootContext.js";
+import { findRootOwnerId as Ee } from "../utils/findRootOwnerId.js";
+import { useBaseUiId as ve } from "../../utils/useBaseUiId.js";
+import { useMixedToggleClickHandler as Fe } from "../../utils/useMixedToggleClickHandler.js";
+import { useContextMenuRootContext as Ie } from "../../context-menu/root/ContextMenuRootContext.js";
+import { useMenubarContext as Pe } from "../../menubar/MenubarContext.js";
+import { PATIENT_CLICK_THRESHOLD as Se } from "../../utils/constants.js";
+import { FocusGuard as A } from "../../utils/FocusGuard.js";
+import { createChangeEventDetails as U } from "../../utils/createBaseUIEventDetails.js";
+import { jsx as d, jsxs as we } from "react/jsx-runtime";
+import { useFloatingTree as ke, useFloatingNodeId as Ne, useFloatingParentNodeId as De } from "../../floating-ui-react/components/FloatingTree.js";
+import { useTriggerDataForwarding as Be } from "../../utils/popups/popupStoreUtils.js";
+import { useHoverReferenceInteraction as He } from "../../floating-ui-react/hooks/useHoverReferenceInteraction.js";
+import { safePolygon as Ae } from "../../floating-ui-react/safePolygon.js";
+import { useClick as Ue } from "../../floating-ui-react/hooks/useClick.js";
+import { useFocus as _e } from "../../floating-ui-react/hooks/useFocus.js";
+import { useInteractions as Le } from "../../floating-ui-react/hooks/useInteractions.js";
+import { getTabbableBeforeElement as Ge, isOutsideEvent as Ye, getTabbableAfterElement as je, getNextTabbable as Ke } from "../../floating-ui-react/utils/tabbable.js";
+import { contains as C } from "../../floating-ui-react/utils/element.js";
+import { cancelOpen as Ve, triggerHover as Xe, focusOut as _ } from "../../utils/reason-parts.js";
+const R = 2, $e = be(function(l, i) {
+  const {
+    render: b,
+    className: m,
+    disabled: Y = !1,
+    nativeButton: j = !0,
+    id: K,
+    openOnHover: V,
+    delay: X = 100,
+    closeDelay: E = 0,
+    handle: $,
+    payload: J,
+    ...q
+  } = l, z = G(!0), e = $?.store ?? z?.store;
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.Trigger> must be either used within a <Menu.Root> component or provided with a handle." : de(85));
+  const f = ve(K), Q = e.useState("isTriggerActive", f), O = e.useState("floatingRootContext"), u = e.useState("isOpenedByTrigger", f), T = n.useRef(null), s = qe(), W = Ce(!0), v = ke(), x = n.useMemo(() => v ?? new Re(), [v]), Z = Ne(x), ee = De(), {
+    registerTrigger: te,
+    isMountedByThisTrigger: F
+  } = Be(f, T, e, {
+    payload: J,
+    closeDelay: E,
+    parent: s,
+    floatingTreeRoot: x,
+    floatingNodeId: Z,
+    floatingParentNodeId: ee,
+    keyboardEventRelay: W?.relayKeyboardEvent
+  }), c = s.type === "menubar", oe = e.useState("disabled"), g = Y || oe || c && s.context.disabled, {
+    getButtonProps: re,
+    buttonRef: ne
+  } = Me({
+    disabled: g,
+    native: j
+  });
+  n.useEffect(() => {
+    !u && s.type === void 0 && (e.context.allowMouseUpTriggerRef.current = !1);
+  }, [e, u, s.type]);
+  const p = n.useRef(null), I = L(), M = y((t) => {
+    if (!p.current)
+      return;
+    I.clear(), e.context.allowMouseUpTriggerRef.current = !1;
+    const r = t.target;
+    if (C(p.current, r) || C(e.select("positionerElement"), r) || r === p.current || r != null && Ee(r) === e.select("rootId"))
+      return;
+    const o = he(p.current);
+    t.clientX >= o.left - R && t.clientX <= o.right + R && t.clientY >= o.top - R && t.clientY <= o.bottom + R || x.events.emit("close", {
+      domEvent: t,
+      reason: Ve
+    });
+  });
+  n.useEffect(() => {
+    u && e.select("lastOpenChangeReason") === Xe && B(p.current).addEventListener("mouseup", M, {
+      once: !0
+    });
+  }, [u, M, e]);
+  const h = c && s.context.hasSubmenuOpen, se = He(O, {
+    enabled: (V ?? h) && !g && s.type !== "context-menu" && (!c || h && !F),
+    handleClose: Ae({
+      blockPointerEvents: !c
+    }),
+    mouseOnly: !0,
+    move: !1,
+    restMs: s.type === void 0 ? X : void 0,
+    delay: {
+      close: E
+    },
+    triggerElementRef: T,
+    externalTree: x,
+    isActiveTrigger: Q
+  }), ie = Je(u, e.select("lastOpenChangeReason")), ue = Ue(O, {
+    enabled: !g && s.type !== "context-menu",
+    event: u && c ? "click" : "mousedown",
+    toggle: !0,
+    ignoreMouse: !1,
+    stickIfOpen: s.type === void 0 ? ie : !1
+  }), ce = _e(O, {
+    enabled: !g && h
+  }), ae = Fe({
+    open: u,
+    enabled: c,
+    mouseDownAction: "open"
+  }), le = Le([ue, ce]), P = {
+    disabled: g,
+    open: u
+  }, fe = e.useState("triggerProps", F), S = [p, i, ne, te, T], w = [le.getReferenceProps(), se ?? xe, fe, {
+    "aria-haspopup": "menu",
+    id: f,
+    onMouseDown: (t) => {
+      if (e.select("open"))
+        return;
+      I.start(200, () => {
+        e.context.allowMouseUpTriggerRef.current = !0;
+      }), B(t.currentTarget).addEventListener("mouseup", M, {
+        once: !0
+      });
+    }
+  }, c ? {
+    role: "menuitem"
+  } : {}, ae, q, re], k = n.useRef(null), pe = y((t) => {
+    D.flushSync(() => {
+      e.setOpen(!1, U(_, t.nativeEvent, t.currentTarget));
+    }), Ge(k.current)?.focus();
+  }), me = y((t) => {
+    const r = e.select("positionerElement");
+    if (r && Ye(t, r))
+      e.context.beforeContentFocusGuardRef.current?.focus();
+    else {
+      D.flushSync(() => {
+        e.setOpen(!1, U(_, t.nativeEvent, t.currentTarget));
+      });
+      let o = je(e.context.triggerFocusTargetRef.current || T.current);
+      for (; o !== null && C(r, o); ) {
+        const ge = o;
+        if (o = Ke(o), o === ge)
+          break;
+      }
+      o?.focus();
+    }
+  }), N = Oe("button", l, {
+    enabled: !c,
+    stateAttributesMapping: H,
+    state: P,
+    ref: S,
+    props: w
+  });
+  return c ? /* @__PURE__ */ d(ye, {
+    tag: "button",
+    render: b,
+    className: m,
+    state: P,
+    refs: S,
+    props: w,
+    stateAttributesMapping: H
+  }) : u ? /* @__PURE__ */ we(n.Fragment, {
+    children: [/* @__PURE__ */ d(A, {
+      ref: k,
+      onFocus: pe
+    }, `${f}-pre-focus-guard`), /* @__PURE__ */ d(n.Fragment, {
+      children: N
+    }, f), /* @__PURE__ */ d(A, {
+      ref: e.context.triggerFocusTargetRef,
+      onFocus: me
+    }, `${f}-post-focus-guard`)]
+  }) : /* @__PURE__ */ d(n.Fragment, {
+    children: N
+  }, f);
+});
+process.env.NODE_ENV !== "production" && ($e.displayName = "MenuTrigger");
+function Je(a, l) {
+  const i = L(), [b, m] = n.useState(!1);
+  return Te(() => {
+    a && l === "trigger-hover" ? (m(!0), i.start(Se, () => {
+      m(!1);
+    })) : a || (i.clear(), m(!1));
+  }, [a, l, i]), b;
+}
+function qe() {
+  const a = Ie(!0), l = G(!0), i = Pe();
+  return n.useMemo(() => i ? {
+    type: "menubar",
+    context: i
+  } : a && !l ? {
+    type: "context-menu",
+    context: a
+  } : {
+    type: void 0
+  }, [a, l, i]);
+}
+export {
+  $e as MenuTrigger
+};

package/dist/node_modules/@base-ui/react/esm/menu/utils/findRootOwnerId.js

@@ -0,0 +1,10 @@
+import { isHTMLElement as r, isLastTraversableNode as e, getParentNode as i } from "../../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+function n(t) {
+  if (r(t) && t.hasAttribute("data-rootownerid"))
+    return t.getAttribute("data-rootownerid") ?? void 0;
+  if (!e(t))
+    return n(i(t));
+}
+export {
+  n as findRootOwnerId
+};

package/dist/node_modules/@base-ui/react/esm/menu/utils/stateAttributesMapping.js

@@ -0,0 +1,15 @@
+import { transitionStatusMapping as r } from "../../utils/stateAttributesMapping.js";
+import { MenuCheckboxItemDataAttributes as t } from "../checkbox-item/MenuCheckboxItemDataAttributes.js";
+const c = {
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r
+};
+export {
+  c as itemMapping
+};

package/dist/node_modules/@base-ui/react/esm/menubar/MenubarContext.js

@@ -0,0 +1,10 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(null);
+process.env.NODE_ENV !== "production" && (e.displayName = "MenubarContext");
+function r(n) {
+  return t.useContext(e);
+}
+export {
+  e as MenubarContext,
+  r as useMenubarContext
+};

package/dist/node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js

@@ -7,11 +7,11 @@ import { createChangeEventDetails as q } from "../../utils/createBaseUIEventDeta
 import { useOpenInteractionType as w } from "../../utils/useOpenInteractionType.js";
 import { jsx as p } from "react/jsx-runtime";
 import { FloatingTree as z, useFloatingParentNodeId as B } from "../../floating-ui-react/components/FloatingTree.js";
-import { useImplicitActiveTrigger as G, useOpenStateTransitions as J } from "../../utils/popups/popupStoreUtils.js";
-import { useSyncedFloatingRootContext as K } from "../../floating-ui-react/hooks/useSyncedFloatingRootContext.js";
-import { useDismiss as Q } from "../../floating-ui-react/hooks/useDismiss.js";
-import { useRole as W } from "../../floating-ui-react/hooks/useRole.js";
-import { useInteractions as X } from "../../floating-ui-react/hooks/useInteractions.js";
+import { useSyncedFloatingRootContext as G } from "../../floating-ui-react/hooks/useSyncedFloatingRootContext.js";
+import { useDismiss as J } from "../../floating-ui-react/hooks/useDismiss.js";
+import { useRole as K } from "../../floating-ui-react/hooks/useRole.js";
+import { useInteractions as Q } from "../../floating-ui-react/hooks/useInteractions.js";
+import { useImplicitActiveTrigger as W, useOpenStateTransitions as X } from "../../utils/popups/popupStoreUtils.js";
 import { imperativeAction as Y, triggerHover as Z } from "../../utils/reason-parts.js";
 function O({
   props: t
@@ -45,10 +45,10 @@ function O({
     openMethod: g,
     triggerProps: s
   } = w(n);
-  G(e);
+  W(e);
   const {
     forceUnmount: f
-  } = J(n, e, () => {
+  } = X(n, e, () => {
     e.update({
       stickIfOpen: !0,
       openChangeReason: null
@@ -69,21 +69,21 @@ function O({
     unmount: f,
     close: C
   }), [f, C]);
-  const u = K({
+  const u = G({
     popupStore: e,
     onOpenChange: e.setOpen
-  }), E = Q(u, {
+  }), E = J(u, {
     outsidePressEvent: {
       // Ensure `aria-hidden` on outside elements is removed immediately
       // on outside press when trapping focus.
       mouse: r === "trap-focus" ? "sloppy" : "intentional",
       touch: "sloppy"
     }
-  }), F = W(u), {
+  }), F = K(u), {
     getReferenceProps: P,
     getFloatingProps: v,
     getTriggerProps: h
-  } = X([E, F]), M = o.useMemo(() => P(s), [P, s]), b = o.useMemo(() => h(s), [h, s]), D = o.useMemo(() => v(), [v]);
+  } = Q([E, F]), M = o.useMemo(() => P(s), [P, s]), b = o.useMemo(() => h(s), [h, s]), D = o.useMemo(() => v(), [v]);
   e.useSyncedValues({
     modal: r,
     openMethod: g,

package/dist/node_modules/@base-ui/react/esm/popover/store/PopoverStore.js

@@ -4,14 +4,14 @@ import { Timeout as m } from "../../../../utils/esm/useTimeout.js";
 import { useRefWithInit as g } from "../../../../utils/esm/useRefWithInit.js";
 import { useOnMount as h } from "../../../../utils/esm/useOnMount.js";
 import { PATIENT_CLICK_THRESHOLD as I } from "../../utils/constants.js";
-import { popupStoreSelectors as R, createInitialPopupStoreState as T } from "../../utils/popups/store.js";
-import { ReactStore as C } from "../../../../utils/esm/store/ReactStore.js";
-import { PopupTriggerMap as E } from "../../utils/popups/popupTriggerMap.js";
+import { ReactStore as R } from "../../../../utils/esm/store/ReactStore.js";
+import { PopupTriggerMap as T } from "../../utils/popups/popupTriggerMap.js";
 import { createSelector as n } from "../../../../utils/esm/store/createSelector.js";
+import { popupStoreSelectors as C, createInitialPopupStoreState as E } from "../../utils/popups/store.js";
 import { focusOut as O, triggerHover as k, triggerPress as y, escapeKey as S } from "../../utils/reason-parts.js";
 function w() {
   return {
-    ...T(),
+    ...E(),
     disabled: !1,
     modal: !1,
     instantType: void 0,
@@ -27,7 +27,7 @@ function w() {
   };
 }
 const H = {
-  ...R,
+  ...C,
   disabled: n((e) => e.disabled),
   instantType: n((e) => e.instantType),
   openMethod: n((e) => e.openMethod),
@@ -40,7 +40,7 @@ const H = {
   closeDelay: n((e) => e.closeDelay),
   hasViewport: n((e) => e.hasViewport)
 };
-class f extends C {
+class f extends R {
   constructor(o) {
     const t = {
       ...w(),
@@ -55,7 +55,7 @@ class f extends C {
       triggerFocusTargetRef: /* @__PURE__ */ s.createRef(),
       beforeContentFocusGuardRef: /* @__PURE__ */ s.createRef(),
       stickIfOpenTimeout: new m(),
-      triggerElements: new E()
+      triggerElements: new T()
     }, H);
   }
   setOpen = (o, t) => {

package/dist/node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js

@@ -12,13 +12,13 @@ import { useBaseUiId as te } from "../../utils/useBaseUiId.js";
 import { FocusGuard as v } from "../../utils/FocusGuard.js";
 import { createChangeEventDetails as R } from "../../utils/createBaseUIEventDetails.js";
 import { jsxs as re, jsx as c } from "react/jsx-runtime";
-import { useTriggerDataForwarding as oe } from "../../utils/popups/popupStoreUtils.js";
-import { useHoverReferenceInteraction as ne } from "../../floating-ui-react/hooks/useHoverReferenceInteraction.js";
-import { safePolygon as se } from "../../floating-ui-react/safePolygon.js";
-import { useClick as ie } from "../../floating-ui-react/hooks/useClick.js";
-import { useInteractions as ae } from "../../floating-ui-react/hooks/useInteractions.js";
-import { getTabbableBeforeElement as ce, isOutsideEvent as pe, getTabbableAfterElement as ue, getNextTabbable as le } from "../../floating-ui-react/utils/tabbable.js";
+import { useHoverReferenceInteraction as oe } from "../../floating-ui-react/hooks/useHoverReferenceInteraction.js";
+import { safePolygon as ne } from "../../floating-ui-react/safePolygon.js";
+import { useClick as se } from "../../floating-ui-react/hooks/useClick.js";
+import { useInteractions as ie } from "../../floating-ui-react/hooks/useInteractions.js";
+import { useTriggerDataForwarding as ae } from "../../utils/popups/popupStoreUtils.js";
 import { triggerPress as E, focusOut as P } from "../../utils/reason-parts.js";
+import { getTabbableBeforeElement as ce, isOutsideEvent as pe, getTabbableAfterElement as ue, getNextTabbable as le } from "../../floating-ui-react/utils/tabbable.js";
 import { contains as ge } from "../../floating-ui-react/utils/element.js";
 const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
   const {
@@ -39,26 +39,26 @@ const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
   const n = te(I), m = e.useState("isTriggerActive", n), s = e.useState("floatingRootContext"), B = e.useState("isOpenedByTrigger", n), i = o.useRef(null), {
     registerTrigger: N,
     isMountedByThisTrigger: D
-  } = oe(n, i, e, {
+  } = ae(n, i, e, {
     payload: y,
     disabled: p,
     openOnHover: g,
     closeDelay: f
-  }), u = e.useState("openChangeReason"), w = e.useState("stickIfOpen"), k = e.useState("openMethod"), A = ne(s, {
+  }), u = e.useState("openChangeReason"), w = e.useState("stickIfOpen"), k = e.useState("openMethod"), A = oe(s, {
     enabled: s != null && g && (k !== "touch" || u !== E),
     mouseOnly: !0,
     move: !1,
-    handleClose: se(),
+    handleClose: ne(),
     restMs: C,
     delay: {
       close: f
     },
     triggerElementRef: i,
     isActiveTrigger: m
-  }), G = ie(s, {
+  }), G = se(s, {
     enabled: s != null,
     stickIfOpen: w
-  }), _ = ae([G]), j = e.useState("triggerProps", D), H = {
+  }), _ = ie([G]), j = e.useState("triggerProps", D), H = {
     disabled: p,
     open: B
   }, {

package/dist/node_modules/@base-ui/react/esm/utils/constants.js

@@ -1,22 +1,23 @@
-const n = 500, t = {
+const n = 500, t = 500, i = {
   style: {
     transition: "none"
   }
-}, i = "data-base-ui-click-trigger", I = {
+}, I = "data-base-ui-click-trigger", o = {
   fallbackAxisSide: "none"
-}, e = {
+}, s = {
   fallbackAxisSide: "end"
-}, o = {
+}, e = {
   clipPath: "inset(50%)",
   position: "fixed",
   top: 0,
   left: 0
 };
 export {
-  i as CLICK_TRIGGER_IDENTIFIER,
-  t as DISABLED_TRANSITIONS_STYLE,
-  I as DROPDOWN_COLLISION_AVOIDANCE,
-  n as PATIENT_CLICK_THRESHOLD,
-  e as POPUP_COLLISION_AVOIDANCE,
-  o as ownerVisuallyHidden
+  I as CLICK_TRIGGER_IDENTIFIER,
+  i as DISABLED_TRANSITIONS_STYLE,
+  o as DROPDOWN_COLLISION_AVOIDANCE,
+  t as PATIENT_CLICK_THRESHOLD,
+  s as POPUP_COLLISION_AVOIDANCE,
+  n as TYPEAHEAD_RESET_MS,
+  e as ownerVisuallyHidden
 };

package/dist/node_modules/@base-ui/react/esm/utils/reason-parts.js

@@ -1,16 +1,19 @@
-const s = "none", e = "trigger-press", t = "trigger-hover", n = "outside-press", o = "item-press", i = "close-press", r = "input-change", c = "input-clear", p = "input-press", a = "focus-out", g = "escape-key", u = "list-navigation", l = "imperative-action";
+const s = "none", e = "trigger-press", t = "trigger-hover", n = "trigger-focus", o = "outside-press", c = "item-press", i = "close-press", r = "input-change", p = "input-clear", g = "input-press", a = "focus-out", u = "escape-key", l = "list-navigation", v = "cancel-open", P = "sibling-open", m = "imperative-action";
 export {
+  v as cancelOpen,
   i as closePress,
-  g as escapeKey,
+  u as escapeKey,
   a as focusOut,
-  l as imperativeAction,
+  m as imperativeAction,
   r as inputChange,
-  c as inputClear,
-  p as inputPress,
-  o as itemPress,
-  u as listNavigation,
+  p as inputClear,
+  g as inputPress,
+  c as itemPress,
+  l as listNavigation,
   s as none,
-  n as outsidePress,
+  o as outsidePress,
+  P as siblingOpen,
+  n as triggerFocus,
   t as triggerHover,
   e as triggerPress
 };

package/dist/node_modules/@base-ui/react/esm/utils/useMixedToggleClickHandler.js

@@ -0,0 +1,25 @@
+import * as c from "react";
+import { ownerDocument as i } from "../../../utils/esm/owner.js";
+import { EMPTY_OBJECT as s } from "../../../utils/esm/empty.js";
+function a(u) {
+  const {
+    enabled: t = !0,
+    mouseDownAction: r,
+    open: n
+  } = u, e = c.useRef(!1);
+  return c.useMemo(() => t ? {
+    onMouseDown: (o) => {
+      (r === "open" && !n || r === "close" && n) && (e.current = !0, i(o.currentTarget).addEventListener("click", () => {
+        e.current = !1;
+      }, {
+        once: !0
+      }));
+    },
+    onClick: (o) => {
+      e.current && (e.current = !1, o.preventBaseUIHandler());
+    }
+  } : s, [t, r, n]);
+}
+export {
+  a as useMixedToggleClickHandler
+};

package/dist/node_modules/@base-ui/utils/esm/detectBrowser.js

@@ -1,10 +1,8 @@
-const a = typeof navigator < "u", o = s(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
+const a = typeof navigator < "u", o = e(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
   // iPads can claim to be MacIntel
   o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
-), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r);
-a && n.toLowerCase().startsWith("mac") && navigator.maxTouchPoints;
-const l = r.includes("jsdom/");
-function s() {
+), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r), l = a && n.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints, v = r.includes("jsdom/");
+function e() {
   if (!a)
     return {
       platform: "",
@@ -25,8 +23,8 @@ function u() {
   const t = navigator.userAgentData;
   return t && Array.isArray(t.brands) ? t.brands.map(({
     brand: i,
-    version: e
-  }) => `${i}/${e}`).join(" ") : navigator.userAgent;
+    version: s
+  }) => `${i}/${s}`).join(" ") : navigator.userAgent;
 }
 function f() {
   if (!a)
@@ -38,7 +36,8 @@ export {
   d as isAndroid,
   p as isFirefox,
   m as isIOS,
-  l as isJSDOM,
+  v as isJSDOM,
+  l as isMac,
   g as isSafari,
   c as isWebKit
 };

package/dist/node_modules/@base-ui/utils/esm/fastHooks.js

@@ -0,0 +1,43 @@
+import * as c from "react";
+import { useRefWithInit as u } from "./useRefWithInit.js";
+const o = [];
+let r;
+function p() {
+  return r;
+}
+function I(t) {
+  o.push(t);
+}
+function d(t) {
+  const i = (f, s) => {
+    const n = u(l).current;
+    let a;
+    try {
+      r = n;
+      for (const e of o)
+        e.before(n);
+      a = t(f, s);
+      for (const e of o)
+        e.after(n);
+      n.didInitialize = !0;
+    } finally {
+      r = void 0;
+    }
+    return a;
+  };
+  return i.displayName = t.displayName || t.name, i;
+}
+function h(t) {
+  return /* @__PURE__ */ c.forwardRef(d(t));
+}
+function l() {
+  return {
+    didInitialize: !1
+  };
+}
+export {
+  d as fastComponent,
+  h as fastComponentRef,
+  p as getInstance,
+  I as register
+};

package/dist/node_modules/@base-ui/utils/esm/store/useStore.js

@@ -1,21 +1,62 @@
-import * as c from "react";
+import * as f from "react";
 import { s as u } from "../../../../../_virtual/index.js";
-import { w as i } from "../../../../../_virtual/with-selector.js";
+import { w as d } from "../../../../../_virtual/with-selector.js";
 import { isReactVersionAtLeast as S } from "../reactVersion.js";
-const a = S(19), m = a ? f : l;
-function g(t, e, r, n, o) {
-  return m(t, e, r, n, o);
+import { getInstance as a, register as h } from "../fastHooks.js";
+const l = S(19), g = l ? p : y;
+function H(e, r, s, o, t) {
+  return g(e, r, s, o, t);
 }
-function p(t, e, r, n, o) {
-  const s = c.useCallback(() => e(t.getSnapshot(), r, n, o), [t, e, r, n, o]);
-  return u.useSyncExternalStore(t.subscribe, s, s);
+function b(e, r, s, o, t) {
+  const i = f.useCallback(() => r(e.getSnapshot(), s, o, t), [e, r, s, o, t]);
+  return u.useSyncExternalStore(e.subscribe, i, i);
 }
-function f(t, e, r, n, o) {
-  return p(t, e, r, n, o);
+h({
+  before(e) {
+    e.syncIndex = 0, e.didInitialize || (e.syncTick = 1, e.syncHooks = [], e.didChangeStore = !0, e.getSnapshot = () => {
+      let r = !1;
+      for (let s = 0; s < e.syncHooks.length; s += 1) {
+        const o = e.syncHooks[s], t = o.selector(o.store.state, o.a1, o.a2, o.a3);
+        (o.didChange || !Object.is(o.value, t)) && (r = !0, o.value = t, o.didChange = !1);
+      }
+      return r && (e.syncTick += 1), e.syncTick;
+    });
+  },
+  after(e) {
+    e.syncHooks.length > 0 && (e.didChangeStore && (e.didChangeStore = !1, e.subscribe = (r) => {
+      const s = /* @__PURE__ */ new Set();
+      for (const t of e.syncHooks)
+        s.add(t.store);
+      const o = [];
+      for (const t of s)
+        o.push(t.subscribe(r));
+      return () => {
+        for (const t of o)
+          t();
+      };
+    }), u.useSyncExternalStore(e.subscribe, e.getSnapshot, e.getSnapshot));
+  }
+});
+function p(e, r, s, o, t) {
+  const i = a();
+  if (!i)
+    return b(e, r, s, o, t);
+  const c = i.syncIndex;
+  i.syncIndex += 1;
+  let n;
+  return i.didInitialize ? (n = i.syncHooks[c], (n.store !== e || n.selector !== r || !Object.is(n.a1, s) || !Object.is(n.a2, o) || !Object.is(n.a3, t)) && (n.store !== e && (i.didChangeStore = !0), n.store = e, n.selector = r, n.a1 = s, n.a2 = o, n.a3 = t, n.didChange = !0)) : (n = {
+    store: e,
+    selector: r,
+    a1: s,
+    a2: o,
+    a3: t,
+    value: r(e.getSnapshot(), s, o, t),
+    didChange: !1
+  }, i.syncHooks.push(n)), n.value;
 }
-function l(t, e, r, n, o) {
-  return i.useSyncExternalStoreWithSelector(t.subscribe, t.getSnapshot, t.getSnapshot, (s) => e(s, r, n, o));
+function y(e, r, s, o, t) {
+  return d.useSyncExternalStoreWithSelector(e.subscribe, e.getSnapshot, e.getSnapshot, (i) => r(i, s, o, t));
 }
 export {
-  g as useStore
+  H as useStore
 };