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

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

@@ -0,0 +1,6 @@
+import * as o from "react";
+const t = () => {
+}, e = typeof document < "u" ? o.useLayoutEffect : t;
+export {
+  e as useIsoLayoutEffect
+};

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

@@ -0,0 +1,23 @@
+import * as d from "react";
+import { useIsoLayoutEffect as f } from "./als-react-ts-ui193.js";
+import { NOOP as m } from "./als-react-ts-ui303.js";
+function p(o, {
+  referrerPolicy: e,
+  crossOrigin: a
+}) {
+  const [i, r] = d.useState("idle");
+  return f(() => {
+    if (!o)
+      return r("error"), m;
+    let n = !0;
+    const t = new window.Image(), u = (s) => () => {
+      n && r(s);
+    };
+    return r("loading"), t.onload = u("loaded"), t.onerror = u("error"), e && (t.referrerPolicy = e), t.crossOrigin = a ?? null, t.src = o, () => {
+      n = !1;
+    };
+  }, [o, a, e]), i;
+}
+export {
+  p as useImageLoadingStatus
+};

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

@@ -0,0 +1,32 @@
+import { useRefWithInit as c } from "./als-react-ts-ui240.js";
+import { useOnMount as u } from "./als-react-ts-ui305.js";
+const t = 0;
+class r {
+  static create() {
+    return new r();
+  }
+  currentId = t;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(s, i) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = t, i();
+    }, s);
+  }
+  isStarted() {
+    return this.currentId !== t;
+  }
+  clear = () => {
+    this.currentId !== t && (clearTimeout(this.currentId), this.currentId = t);
+  };
+  disposeEffect = () => this.clear;
+}
+function a() {
+  const e = c(r.create).current;
+  return u(e.disposeEffect), e;
+}
+export {
+  r as Timeout,
+  a as useTimeout
+};

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

@@ -0,0 +1,55 @@
+const e = "_Trigger_y8p83_7", t = "_TriggerIcon_y8p83_55", o = "_Positioner_y8p83_65", r = "_Popup_y8p83_71", _ = "_Arrow_y8p83_91", n = "_ArrowFill_y8p83_115", I = "_ArrowOuterStroke_y8p83_119", c = "_ArrowInnerStroke_y8p83_123", m = "_Item_y8p83_128", p = "_ItemIcon_y8p83_200", i = "_ItemLabel_y8p83_215", a = "_ItemShortcut_y8p83_220", g = "_Separator_y8p83_229", s = "_GroupLabel_y8p83_236", u = "_CheckboxItem_y8p83_250", y = "_CheckboxItemIndicator_y8p83_286", b = "_CheckboxItemText_y8p83_295", S = "_RadioItem_y8p83_300", T = "_RadioItemIndicator_y8p83_336", d = "_RadioItemText_y8p83_345", l = "_SubmenuTrigger_y8p83_350", x = "_SubmenuTriggerLabel_y8p83_393", k = "_SubmenuTriggerIcon_y8p83_397", h = {
+  Trigger: e,
+  TriggerIcon: t,
+  Positioner: o,
+  Popup: r,
+  Arrow: _,
+  ArrowFill: n,
+  ArrowOuterStroke: I,
+  ArrowInnerStroke: c,
+  Item: m,
+  "Item--sm": "_Item--sm_y8p83_165",
+  "Item--md": "_Item--md_y8p83_171",
+  "Item--lg": "_Item--lg_y8p83_177",
+  "Item--danger": "_Item--danger_y8p83_184",
+  ItemIcon: p,
+  ItemLabel: i,
+  ItemShortcut: a,
+  Separator: g,
+  GroupLabel: s,
+  CheckboxItem: u,
+  CheckboxItemIndicator: y,
+  CheckboxItemText: b,
+  RadioItem: S,
+  RadioItemIndicator: T,
+  RadioItemText: d,
+  SubmenuTrigger: l,
+  SubmenuTriggerLabel: x,
+  SubmenuTriggerIcon: k
+};
+export {
+  _ as Arrow,
+  n as ArrowFill,
+  c as ArrowInnerStroke,
+  I as ArrowOuterStroke,
+  u as CheckboxItem,
+  y as CheckboxItemIndicator,
+  b as CheckboxItemText,
+  s as GroupLabel,
+  m as Item,
+  p as ItemIcon,
+  i as ItemLabel,
+  a as ItemShortcut,
+  r as Popup,
+  o as Positioner,
+  S as RadioItem,
+  T as RadioItemIndicator,
+  d as RadioItemText,
+  g as Separator,
+  l as SubmenuTrigger,
+  k as SubmenuTriggerIcon,
+  x as SubmenuTriggerLabel,
+  e as Trigger,
+  t as TriggerIcon,
+  h as default
+};

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

@@ -0,0 +1,206 @@
+import be from "./als-react-ts-ui259.js";
+import * as n from "react";
+import * as D from "react-dom";
+import { useTimeout as L } from "./als-react-ts-ui195.js";
+import { ownerDocument as B } from "./als-react-ts-ui372.js";
+import { useStableCallback as h } from "./als-react-ts-ui192.js";
+import { useIsoLayoutEffect as Te } from "./als-react-ts-ui193.js";
+import { EMPTY_OBJECT as xe } from "./als-react-ts-ui303.js";
+import { useMenuRootContext as G } from "./als-react-ts-ui465.js";
+import { pressableTriggerOpenStateMapping as H } from "./als-react-ts-ui244.js";
+import { useRenderElement as ye } from "./als-react-ts-ui189.js";
+import { useButton as Me } from "./als-react-ts-ui247.js";
+import { getPseudoElementBounds as Oe } from "./als-react-ts-ui410.js";
+import { CompositeItem as Re } from "./als-react-ts-ui488.js";
+import { useCompositeRootContext as he } from "./als-react-ts-ui341.js";
+import { findRootOwnerId as Ee } from "./als-react-ts-ui466.js";
+import { useBaseUiId as ve } from "./als-react-ts-ui249.js";
+import { useMixedToggleClickHandler as Ce } from "./als-react-ts-ui489.js";
+import { useContextMenuRootContext as Ie } from "./als-react-ts-ui464.js";
+import { useMenubarContext as Fe } from "./als-react-ts-ui482.js";
+import { PATIENT_CLICK_THRESHOLD as Pe } from "./als-react-ts-ui260.js";
+import { FocusGuard as A } from "./als-react-ts-ui358.js";
+import { createChangeEventDetails as U } from "./als-react-ts-ui246.js";
+import { jsx as g, jsxs as Se } from "react/jsx-runtime";
+import { useFloatingTree as we, useFloatingNodeId as ke, useFloatingParentNodeId as Ne } from "./als-react-ts-ui356.js";
+import { FloatingTreeStore as De } from "./als-react-ts-ui381.js";
+import { useHoverReferenceInteraction as Be } from "./als-react-ts-ui359.js";
+import { safePolygon as He } from "./als-react-ts-ui360.js";
+import { useClick as Ae } from "./als-react-ts-ui262.js";
+import { useFocus as Ue } from "./als-react-ts-ui387.js";
+import { useInteractions as _e } from "./als-react-ts-ui263.js";
+import { getTabbableBeforeElement as Le, isOutsideEvent as Ge, getTabbableAfterElement as Ye, getNextTabbable as je } from "./als-react-ts-ui361.js";
+import { useTriggerDataForwarding as Ke } from "./als-react-ts-ui261.js";
+import { contains as E } from "./als-react-ts-ui331.js";
+import { cancelOpen as Ve, triggerHover as Xe, focusOut as _ } from "./als-react-ts-ui248.js";
+const T = 2, $e = /* @__PURE__ */ n.forwardRef(function(c, u) {
+  const {
+    render: d,
+    className: f,
+    disabled: Y = !1,
+    nativeButton: j = !0,
+    id: K,
+    openOnHover: V,
+    delay: X = 100,
+    closeDelay: v = 0,
+    handle: $,
+    payload: J,
+    ...q
+  } = c, 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." : be(85));
+  const l = ve(K), Q = e.useState("isTriggerActive", l), x = e.useState("floatingRootContext"), s = e.useState("isOpenedByTrigger", l), [y, W] = n.useState(null), t = qe(), Z = he(!0), C = we(), b = n.useMemo(() => C ?? new De(), [C]), ee = ke(b), te = Ne(), {
+    registerTrigger: oe,
+    isMountedByThisTrigger: I
+  } = Ke(l, y, e, {
+    payload: J,
+    closeDelay: v,
+    parent: t,
+    floatingTreeRoot: b,
+    floatingNodeId: ee,
+    floatingParentNodeId: te,
+    keyboardEventRelay: Z?.relayKeyboardEvent
+  }), re = e.useState("disabled"), p = Y || re || t.type === "menubar" && t.context.disabled, {
+    getButtonProps: ne,
+    buttonRef: se
+  } = Me({
+    disabled: p,
+    native: j
+  });
+  n.useEffect(() => {
+    !s && t.type === void 0 && (e.context.allowMouseUpTriggerRef.current = !1);
+  }, [e, s, t.type]);
+  const m = n.useRef(null), F = L(), M = h((o) => {
+    if (!m.current)
+      return;
+    F.clear(), e.context.allowMouseUpTriggerRef.current = !1;
+    const i = o.target;
+    if (E(m.current, i) || E(e.select("positionerElement"), i) || i === m.current || i != null && Ee(i) === e.select("rootId"))
+      return;
+    const r = Oe(m.current);
+    o.clientX >= r.left - T && o.clientX <= r.right + T && o.clientY >= r.top - T && o.clientY <= r.bottom + T || b.events.emit("close", {
+      domEvent: o,
+      reason: Ve
+    });
+  });
+  n.useEffect(() => {
+    s && e.select("lastOpenChangeReason") === Xe && B(m.current).addEventListener("mouseup", M, {
+      once: !0
+    });
+  }, [s, M, e]);
+  const O = t.type === "menubar" && t.context.hasSubmenuOpen, ie = Be(x, {
+    enabled: (V ?? O ?? !1) && !p && t.type !== "context-menu" && (t.type !== "menubar" || O && !I),
+    handleClose: He({
+      blockPointerEvents: t.type !== "menubar"
+    }),
+    mouseOnly: !0,
+    move: !1,
+    restMs: t.type === void 0 ? X : void 0,
+    delay: {
+      close: v
+    },
+    triggerElement: y,
+    externalTree: b,
+    isActiveTrigger: Q
+  }), ue = Je(s, e.select("lastOpenChangeReason")), ae = Ae(x, {
+    enabled: !p && t.type !== "context-menu",
+    event: s && t.type === "menubar" ? "click" : "mousedown",
+    toggle: !0,
+    ignoreMouse: !1,
+    stickIfOpen: t.type === void 0 ? ue : !1
+  }), ce = Ue(x, {
+    enabled: !p && (t.type !== "menubar" && s || O)
+  }), le = Ce({
+    open: s,
+    enabled: t.type === "menubar",
+    mouseDownAction: "open"
+  }), pe = _e([ae, ce]), R = t.type === "menubar", P = n.useMemo(() => ({
+    disabled: p,
+    open: s
+  }), [p, s]), me = e.useState("triggerProps", I), S = [m, u, se, oe, W], w = [pe.getReferenceProps(), ie ?? xe, me, {
+    "aria-haspopup": "menu",
+    id: l,
+    onMouseDown: (o) => {
+      if (e.select("open"))
+        return;
+      F.start(200, () => {
+        e.context.allowMouseUpTriggerRef.current = !0;
+      }), B(o.currentTarget).addEventListener("mouseup", M, {
+        once: !0
+      });
+    }
+  }, R ? {
+    role: "menuitem"
+  } : {}, le, q, ne], k = n.useRef(null), fe = h((o) => {
+    D.flushSync(() => {
+      e.setOpen(!1, U(_, o.nativeEvent, o.currentTarget));
+    }), Le(k.current)?.focus();
+  }), ge = h((o) => {
+    const i = e.select("positionerElement");
+    if (i && Ge(o, i))
+      e.context.beforeContentFocusGuardRef.current?.focus();
+    else {
+      D.flushSync(() => {
+        e.setOpen(!1, U(_, o.nativeEvent, o.currentTarget));
+      });
+      let r = Ye(y);
+      for (; r !== null && E(i, r) || r?.hasAttribute("aria-hidden"); ) {
+        const de = r;
+        if (r = je(r), r === de)
+          break;
+      }
+      r?.focus();
+    }
+  }), N = ye("button", c, {
+    enabled: !R,
+    stateAttributesMapping: H,
+    state: P,
+    ref: S,
+    props: w
+  });
+  return R ? /* @__PURE__ */ g(Re, {
+    tag: "button",
+    render: d,
+    className: f,
+    state: P,
+    refs: S,
+    props: w,
+    stateAttributesMapping: H
+  }) : s ? /* @__PURE__ */ Se(n.Fragment, {
+    children: [/* @__PURE__ */ g(A, {
+      ref: k,
+      onFocus: fe
+    }, `${l}-pre-focus-guard`), /* @__PURE__ */ g(n.Fragment, {
+      children: N
+    }, l), /* @__PURE__ */ g(A, {
+      ref: e.context.triggerFocusTargetRef,
+      onFocus: ge
+    }, `${l}-post-focus-guard`)]
+  }) : /* @__PURE__ */ g(n.Fragment, {
+    children: N
+  }, l);
+});
+process.env.NODE_ENV !== "production" && ($e.displayName = "MenuTrigger");
+function Je(a, c) {
+  const u = L(), [d, f] = n.useState(!1);
+  return Te(() => {
+    a && c === "trigger-hover" ? (f(!0), u.start(Pe, () => {
+      f(!1);
+    })) : a || (u.clear(), f(!1));
+  }, [a, c, u]), d;
+}
+function qe() {
+  const a = Ie(!0), c = G(!0), u = Fe(!0);
+  return n.useMemo(() => u ? {
+    type: "menubar",
+    context: u
+  } : a && !c ? {
+    type: "context-menu",
+    context: a
+  } : {
+    type: void 0
+  }, [a, c, u]);
+}
+export {
+  $e as MenuTrigger
+};

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

@@ -0,0 +1,269 @@
+import * as r from "react";
+import * as ke from "react-dom";
+import { useTimeout as J } from "./als-react-ts-ui195.js";
+import { useStableCallback as we } from "./als-react-ts-ui192.js";
+import { useId as Fe } from "./als-react-ts-ui325.js";
+import { useIsoLayoutEffect as Q } from "./als-react-ts-ui193.js";
+import { useAnimationFrame as Ae } from "./als-react-ts-ui346.js";
+import { useScrollLock as He } from "./als-react-ts-ui326.js";
+import { EMPTY_ARRAY as Ue } from "./als-react-ts-ui303.js";
+import { useMenuRootContext as De, MenuRootContext as Ke } from "./als-react-ts-ui465.js";
+import { useMenubarContext as Le } from "./als-react-ts-ui482.js";
+import { TYPEAHEAD_RESET_MS as _e } from "./als-react-ts-ui260.js";
+import { useDirection as Ve } from "./als-react-ts-ui285.js";
+import { useOpenInteractionType as Ye } from "./als-react-ts-ui327.js";
+import { createChangeEventDetails as qe } from "./als-react-ts-ui246.js";
+import { useContextMenuRootContext as je } from "./als-react-ts-ui464.js";
+import { MenuStore as Be } from "./als-react-ts-ui483.js";
+import { useMenuSubmenuRootContext as $e } from "./als-react-ts-ui475.js";
+import { jsx as W } from "react/jsx-runtime";
+import { useFloatingNodeId as ze, useFloatingParentNodeId as Ge, FloatingTree as Je } from "./als-react-ts-ui356.js";
+import { useSyncedFloatingRootContext as Qe } from "./als-react-ts-ui328.js";
+import { useDismiss as We } from "./als-react-ts-ui330.js";
+import { useRole as Xe } from "./als-react-ts-ui329.js";
+import { useListNavigation as Ze } from "./als-react-ts-ui391.js";
+import { useTypeahead as et } from "./als-react-ts-ui393.js";
+import { useInteractions as tt } from "./als-react-ts-ui263.js";
+import { useImplicitActiveTrigger as ot, useOpenStateTransitions as nt } from "./als-react-ts-ui261.js";
+import { triggerHover as O, triggerFocus as X, triggerPress as rt, itemPress as st, focusOut as it, listNavigation as at, siblingOpen as ut, escapeKey as ct, imperativeAction as lt } from "./als-react-ts-ui248.js";
+import { mergeProps as pt } from "./als-react-ts-ui304.js";
+function Lt(Z) {
+  const {
+    children: C,
+    open: ee,
+    onOpenChange: te,
+    onOpenChangeComplete: oe,
+    defaultOpen: ne = !1,
+    disabled: re = !1,
+    modal: N,
+    loopFocus: se = !0,
+    orientation: ie = "vertical",
+    actionsRef: ae,
+    closeParentOnEsc: ue = !0,
+    handle: ce,
+    triggerId: le,
+    defaultTriggerId: pe = null
+  } = Z, u = je(!0), a = De(!0), v = Le(!0), k = $e(), T = r.useMemo(() => k && a ? {
+    type: "menu",
+    store: a.store
+  } : v ? {
+    type: "menubar",
+    context: v
+  } : u && !a ? {
+    type: "context-menu",
+    context: u
+  } : {
+    type: void 0
+  }, [u, a, v, k]), e = Be.useStore(ce?.store, {
+    parent: T
+  }), f = e.useState("floatingTreeRoot"), b = ze(f), I = Ge();
+  Q(() => {
+    u && !a ? e.update({
+      parent: {
+        type: "context-menu",
+        context: u
+      },
+      floatingNodeId: b,
+      floatingParentNodeId: I
+    }) : a && e.update({
+      floatingNodeId: b,
+      floatingParentNodeId: I
+    });
+  }, [u, a, b, I, e]), e.useControlledProp("open", ee, ne), e.useControlledProp("activeTriggerId", le, pe), e.useContextCallback("onOpenChangeComplete", oe);
+  const i = e.useState("open"), w = e.useState("activeTriggerElement"), x = e.useState("positionerElement"), F = e.useState("hoverEnabled"), de = e.useState("modal"), A = e.useState("disabled"), me = e.useState("lastOpenChangeReason"), n = e.useState("parent"), l = e.useState("activeIndex"), fe = e.useState("payload"), ge = e.useState("floatingParentNodeId"), E = r.useRef(null), P = ge != null;
+  let p;
+  process.env.NODE_ENV !== "production" && n.type !== void 0 && N !== void 0 && console.warn("Base UI: The `modal` prop is not supported on nested menus. It will be ignored."), e.useSyncedValues({
+    disabled: re,
+    modal: n.type === void 0 ? N : void 0,
+    rootId: Fe()
+  });
+  const {
+    openMethod: ye,
+    triggerProps: H,
+    reset: Ce
+  } = Ye(i);
+  ot(e);
+  const {
+    forceUnmount: U
+  } = nt(i, e, () => {
+    e.update({
+      allowMouseEnter: !1,
+      stickIfOpen: !0
+    }), Ce();
+  }), h = r.useRef(n.type !== "context-menu"), R = J();
+  r.useEffect(() => {
+    if (i || (E.current = null), n.type === "context-menu") {
+      if (!i) {
+        R.clear(), h.current = !1;
+        return;
+      }
+      R.start(500, () => {
+        h.current = !0;
+      });
+    }
+  }, [R, i, n.type]), He(i && de && me !== O && ye !== "touch", x), Q(() => {
+    !i && !F && e.set("hoverEnabled", !0);
+  }, [i, F, e]);
+  const g = r.useRef(!0), D = J(), d = we((t, o) => {
+    const s = o.reason;
+    if (i === t && o.trigger === w || (o.preventUnmountOnClose = () => {
+      e.set("preventUnmountingOnClose", !0);
+    }, !t && o.trigger == null && (o.trigger = w ?? void 0), te?.(t, o), o.isCanceled))
+      return;
+    const S = {
+      open: t,
+      nativeEvent: o.event,
+      reason: o.reason,
+      nested: P
+    };
+    p?.emit("openchange", S);
+    const y = o.event;
+    if (t === !1 && y?.type === "click" && y.pointerType === "touch" && !g.current)
+      return;
+    if (!t && l !== null) {
+      const m = e.context.itemDomElements.current[l];
+      queueMicrotask(() => {
+        m?.setAttribute("tabindex", "-1");
+      });
+    }
+    t && s === X ? (g.current = !1, D.start(300, () => {
+      g.current = !0;
+    })) : (g.current = !0, D.clear());
+    const $ = (s === rt || s === st) && y.detail === 0 && y?.isTrusted, Ne = !t && (s === ct || s == null);
+    function z() {
+      const m = {
+        open: t,
+        openChangeReason: s
+      };
+      E.current = o.event ?? null;
+      const G = o.trigger?.id ?? null;
+      (G || t) && (m.activeTriggerId = G, m.activeTriggerElement = o.trigger ?? null), e.update(m);
+    }
+    s === O ? ke.flushSync(z) : z(), n.type === "menubar" && (s === X || s === it || s === O || s === at || s === ut) ? e.set("instantType", "group") : $ || Ne ? e.set("instantType", $ ? "click" : "dismiss") : e.set("instantType", void 0);
+  }), K = r.useCallback((t) => {
+    const o = qe(t);
+    return o.preventUnmountOnClose = () => {
+      e.set("preventUnmountingOnClose", !0);
+    }, o;
+  }, [e]), L = r.useCallback(() => {
+    e.setOpen(!1, K(lt));
+  }, [e, K]);
+  r.useImperativeHandle(ae, () => ({
+    unmount: U,
+    close: L
+  }), [U, L]);
+  let M;
+  n.type === "context-menu" && (M = n.context), r.useImperativeHandle(M?.positionerRef, () => x, [x]), r.useImperativeHandle(M?.actionsRef, () => ({
+    setOpen: d
+  }), [d]);
+  const c = Qe({
+    popupStore: e,
+    onOpenChange: d
+  });
+  p = c.context.events, r.useEffect(() => {
+    const t = ({
+      open: o,
+      eventDetails: s
+    }) => d(o, s);
+    return p.on("setOpen", t), () => {
+      p?.off("setOpen", t);
+    };
+  }, [p, d]);
+  const ve = We(c, {
+    enabled: !A,
+    bubbles: ue && n.type === "menu",
+    outsidePress() {
+      return n.type !== "context-menu" || E.current?.type === "contextmenu" ? !0 : h.current;
+    },
+    externalTree: P ? f : void 0
+  }), Te = Xe(c, {
+    role: "menu"
+  }), be = Ve(), Ie = r.useCallback((t) => {
+    e.select("activeIndex") !== t && e.set("activeIndex", t);
+  }, [e]), xe = Ze(c, {
+    enabled: !A,
+    listRef: e.context.itemDomElements,
+    activeIndex: l,
+    nested: n.type !== void 0,
+    loopFocus: se,
+    orientation: ie,
+    parentOrientation: n.type === "menubar" ? n.context.orientation : void 0,
+    rtl: be === "rtl",
+    disabledIndices: Ue,
+    onNavigate: Ie,
+    openOnArrowKeyDown: n.type !== "context-menu",
+    externalTree: P ? f : void 0
+  }), Ee = r.useCallback((t) => {
+    e.context.typingRef.current = t;
+  }, [e]), Pe = et(c, {
+    listRef: e.context.itemLabels,
+    activeIndex: l,
+    resetMs: _e,
+    onMatch: (t) => {
+      i && t !== l && e.set("activeIndex", t);
+    },
+    onTypingChange: Ee
+  }), {
+    getReferenceProps: _,
+    getFloatingProps: V,
+    getItemProps: Y,
+    getTriggerProps: q
+  } = tt([ve, Te, xe, Pe]), he = r.useMemo(() => {
+    const t = pt(_(), {
+      onMouseEnter() {
+        e.set("hoverEnabled", !0);
+      },
+      onMouseMove() {
+        e.set("allowMouseEnter", !0);
+      }
+    }, H);
+    return delete t.role, t;
+  }, [_, e, H]), Re = r.useMemo(() => {
+    const t = q();
+    if (!t)
+      return t;
+    const {
+      role: o,
+      ["aria-controls"]: s,
+      ...S
+    } = t;
+    return S;
+  }, [q]), j = Ae(), Me = r.useMemo(() => V({
+    onMouseEnter() {
+      n.type === "menu" && j.request(() => e.set("hoverEnabled", !1));
+    },
+    onMouseMove() {
+      e.set("allowMouseEnter", !0);
+    },
+    onClick() {
+      e.select("hoverEnabled") && e.set("hoverEnabled", !1);
+    },
+    onKeyDown(t) {
+      const o = e.select("keyboardEventRelay");
+      o && !t.isPropagationStopped() && o(t);
+    }
+  }), [V, n.type, j, e]), Se = r.useMemo(() => Y(), [Y]);
+  e.useSyncedValues({
+    floatingRootContext: c,
+    activeTriggerProps: he,
+    inactiveTriggerProps: Re,
+    popupProps: Me,
+    itemProps: Se
+  });
+  const Oe = r.useMemo(() => ({
+    store: e,
+    parent: T
+  }), [e, T]), B = /* @__PURE__ */ W(Ke.Provider, {
+    value: Oe,
+    children: typeof C == "function" ? C({
+      payload: fe
+    }) : C
+  });
+  return n.type === void 0 || n.type === "context-menu" ? /* @__PURE__ */ W(Je, {
+    externalTree: f,
+    children: B
+  }) : B;
+}
+export {
+  Lt as MenuRoot
+};

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

@@ -0,0 +1,10 @@
+const a = "_menubar_swhih_5", e = {
+  menubar: a,
+  "menubar--horizontal": "_menubar--horizontal_swhih_15",
+  "menubar--vertical": "_menubar--vertical_swhih_20",
+  "menubar--disabled": "_menubar--disabled_swhih_26"
+};
+export {
+  e as default,
+  a as menubar
+};

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

@@ -0,0 +1,11 @@
+import { ALSMeterValue as e, ALSMeterIndicator as r, ALSMeterTrack as t, ALSMeterLabel as o, ALSMeterRoot as a } from "./als-react-ts-ui76.js";
+const A = {
+  Root: a,
+  Label: o,
+  Track: t,
+  Indicator: r,
+  Value: e
+};
+export {
+  A as ALSMeter
+};