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

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

@@ -1,14 +1,14 @@
-import n from "./als-react-ts-ui259.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "MenuCheckboxItemContext");
-function s() {
-  const e = t.useContext(o);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuCheckboxItemContext is missing. MenuCheckboxItem parts must be placed within <Menu.CheckboxItem>." : n(30));
-  return e;
+import r from "./als-react-ts-ui242.js";
+import * as e from "react";
+const o = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "ContextMenuRootContext");
+function u(n = !0) {
+  const t = e.useContext(o);
+  if (t === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ContextMenuRootContext is missing. ContextMenu parts must be placed within <ContextMenu.Root>." : r(25));
+  return t;
 }
 export {
-  o as MenuCheckboxItemContext,
-  s as useMenuCheckboxItemContext
+  o as ContextMenuRootContext,
+  u as useContextMenuRootContext
 };

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

@@ -1,15 +1,14 @@
-import { transitionStatusMapping as r } from "./als-react-ts-ui245.js";
-import { MenuCheckboxItemDataAttributes as t } from "./als-react-ts-ui481.js";
-const c = {
-  checked(e) {
-    return e ? {
-      [t.checked]: ""
-    } : {
-      [t.unchecked]: ""
-    };
-  },
-  ...r
-};
+import r from "./als-react-ts-ui242.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuRootContext");
+function i(n) {
+  const e = o.useContext(t);
+  if (e === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRootContext is missing. Menu parts must be placed within <Menu.Root>." : r(36));
+  return e;
+}
 export {
-  c as itemMapping
+  t as MenuRootContext,
+  i as useMenuRootContext
 };

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

@@ -1,14 +1,10 @@
-import n from "./als-react-ts-ui259.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "MenuRadioGroupContext");
-function i() {
-  const o = e.useContext(t);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRadioGroupContext is missing. MenuRadioGroup parts must be placed within <Menu.RadioGroup>." : n(34));
-  return o;
+import { isHTMLElement as r, isLastTraversableNode as e, getParentNode as i } from "./als-react-ts-ui320.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 {
-  t as MenuRadioGroupContext,
-  i as useMenuRadioGroupContext
+  n as findRootOwnerId
 };

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

@@ -1,14 +1,14 @@
-import n from "./als-react-ts-ui259.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "MenuRadioItemContext");
-function r() {
-  const e = t.useContext(o);
+import n from "./als-react-ts-ui242.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuPortalContext");
+function s() {
+  const e = o.useContext(t);
   if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRadioItemContext is missing. MenuRadioItem parts must be placed within <Menu.RadioItem>." : n(35));
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.Portal> is missing." : n(32));
   return e;
 }
 export {
-  o as MenuRadioItemContext,
-  r as useMenuRadioItemContext
+  t as MenuPortalContext,
+  s as useMenuPortalContext
 };

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

@@ -1,10 +1,14 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "MenuSubmenuRootContext");
-function n() {
-  return e.useContext(t);
+import i from "./als-react-ts-ui242.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuPositionerContext");
+function s(n) {
+  const e = o.useContext(t);
+  if (e === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuPositionerContext is missing. MenuPositioner parts must be placed within <Menu.Positioner>." : i(33));
+  return e;
 }
 export {
-  t as MenuSubmenuRootContext,
-  n as useMenuSubmenuRootContext
+  t as MenuPositionerContext,
+  s as useMenuPositionerContext
 };

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

@@ -1,4 +1,14 @@
-var o = {};
+import n from "./als-react-ts-ui242.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuGroupContext");
+function u() {
+  const e = o.useContext(t);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuGroupRootContext is missing. Menu group parts must be used within <Menu.Group>." : n(31));
+  return e;
+}
 export {
-  o as __exports
+  t as MenuGroupContext,
+  u as useMenuGroupRootContext
 };

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

@@ -1,10 +1,68 @@
-import { __module as r } from "./als-react-ts-ui485.js";
-import { __require as o } from "./als-react-ts-ui486.js";
-import { __require as i } from "./als-react-ts-ui487.js";
-var e;
-function u() {
-  return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = i(), r.exports);
+import * as a from "react";
+import { useMergedRefs as h } from "./als-react-ts-ui272.js";
+import { useContextMenuRootContext as y } from "./als-react-ts-ui471.js";
+import { useButton as P } from "./als-react-ts-ui230.js";
+import { mergeProps as v } from "./als-react-ts-ui305.js";
+import { itemPress as I } from "./als-react-ts-ui231.js";
+const A = {
+  type: "regular-item"
+};
+function w(M) {
+  const {
+    closeOnClick: m,
+    disabled: R = !1,
+    highlighted: f,
+    id: l,
+    store: n,
+    nativeButton: b,
+    itemMetadata: o,
+    nodeId: r
+  } = M, i = a.useRef(null), t = y(!0), u = t !== void 0, {
+    events: s
+  } = n.useState("floatingTreeRoot"), {
+    getButtonProps: p,
+    buttonRef: x
+  } = P({
+    disabled: R,
+    focusableWhenDisabled: !0,
+    native: b
+  }), g = a.useCallback((C) => v({
+    id: l,
+    role: "menuitem",
+    tabIndex: f ? 0 : -1,
+    onMouseMove(e) {
+      r && s.emit("itemhover", {
+        nodeId: r,
+        target: e.currentTarget
+      });
+    },
+    onMouseEnter() {
+      o.type === "submenu-trigger" && o.setActive();
+    },
+    onKeyUp(e) {
+      e.key === " " && n.context.typingRef.current && e.preventBaseUIHandler();
+    },
+    onClick(e) {
+      m && s.emit("close", {
+        domEvent: e,
+        reason: I
+      });
+    },
+    onMouseUp(e) {
+      if (t) {
+        const c = t.initialCursorPointRef.current;
+        if (t.initialCursorPointRef.current = null, u && c && Math.abs(e.clientX - c.x) <= 1 && Math.abs(e.clientY - c.y) <= 1)
+          return;
+      }
+      i.current && n.context.allowMouseUpTriggerRef.current && (!u || e.button === 2) && o.type === "regular-item" && i.current.click();
+    }
+  }, C, p), [l, f, p, m, s, n, u, t, o, r]), d = h(i, x);
+  return a.useMemo(() => ({
+    getItemProps: g,
+    itemRef: d
+  }), [g, d]);
 }
 export {
-  u as __require
+  A as REGULAR_ITEM,
+  w as useMenuItem
 };

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

@@ -1,4 +1,14 @@
-var e = {};
+import n from "./als-react-ts-ui242.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuCheckboxItemContext");
+function s() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuCheckboxItemContext is missing. MenuCheckboxItem parts must be placed within <Menu.CheckboxItem>." : n(30));
+  return e;
+}
 export {
-  e as __exports
+  o as MenuCheckboxItemContext,
+  s as useMenuCheckboxItemContext
 };

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

@@ -1,23 +1,15 @@
-import { stringifyAsLabel as o } from "./als-react-ts-ui404.js";
-function f(r, e) {
-  return (t, i) => {
-    if (t == null)
-      return !1;
-    const n = o(t, e);
-    return r.contains(n, i);
-  };
-}
-function s(r, e, t) {
-  return (i, n) => {
-    if (i == null)
-      return !1;
-    if (!n)
-      return !0;
-    const u = o(i, e), l = t != null ? o(t, e) : "";
-    return l && r.contains(l, n) && l.length === n.length ? !0 : r.contains(u, n);
-  };
-}
+import { transitionStatusMapping as r } from "./als-react-ts-ui228.js";
+import { MenuCheckboxItemDataAttributes as t } from "./als-react-ts-ui505.js";
+const c = {
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r
+};
 export {
-  f as createCollatorItemFilter,
-  s as createSingleSelectionCollatorFilter
+  c as itemMapping
 };

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

@@ -1,8 +1,8 @@
 import * as s from "react";
-import { useDialogRootContext as u } from "./als-react-ts-ui242.js";
-import { useRenderElement as m } from "./als-react-ts-ui189.js";
-import { popupStateMapping as l } from "./als-react-ts-ui244.js";
-import { transitionStatusMapping as f } from "./als-react-ts-ui245.js";
+import { useDialogRootContext as u } from "./als-react-ts-ui224.js";
+import { useRenderElement as m } from "./als-react-ts-ui226.js";
+import { popupStateMapping as l } from "./als-react-ts-ui227.js";
+import { transitionStatusMapping as f } from "./als-react-ts-ui228.js";
 const S = {
   ...l,
   ...f

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

@@ -1,8 +1,14 @@
-const I = Symbol("none"), n = {
-  value: I,
-  index: -1
-};
+import n from "./als-react-ts-ui242.js";
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuRadioGroupContext");
+function i() {
+  const o = e.useContext(t);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRadioGroupContext is missing. MenuRadioGroup parts must be placed within <Menu.RadioGroup>." : n(34));
+  return o;
+}
 export {
-  n as INITIAL_LAST_HIGHLIGHT,
-  I as NO_ACTIVE_VALUE
+  t as MenuRadioGroupContext,
+  i as useMenuRadioGroupContext
 };

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

@@ -1,6 +1,14 @@
-let h = /* @__PURE__ */ (function(d) {
-  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.highlighted = "data-highlighted", d;
-})({});
+import n from "./als-react-ts-ui242.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuRadioItemContext");
+function r() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRadioItemContext is missing. MenuRadioItem parts must be placed within <Menu.RadioItem>." : n(35));
+  return e;
+}
 export {
-  h as MenuCheckboxItemDataAttributes
+  o as MenuRadioItemContext,
+  r as useMenuRadioItemContext
 };

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

@@ -1,14 +1,10 @@
-import o from "./als-react-ts-ui259.js";
-import * as t from "react";
-const n = /* @__PURE__ */ t.createContext(null);
-process.env.NODE_ENV !== "production" && (n.displayName = "MenubarContext");
-function a(r) {
-  const e = t.useContext(n);
-  if (e === null && !r)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenubarContext is missing. Menubar parts must be placed within <Menubar>." : o(5));
-  return e;
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuSubmenuRootContext");
+function n() {
+  return e.useContext(t);
 }
 export {
-  n as MenubarContext,
-  a as useMenubarContext
+  t as MenuSubmenuRootContext,
+  n as useMenuSubmenuRootContext
 };

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

@@ -1,106 +1,14 @@
-import * as o from "react";
-import { EMPTY_OBJECT as s } from "./als-react-ts-ui303.js";
-import { useRefWithInit as l } from "./als-react-ts-ui240.js";
-import { FloatingTreeStore as u } from "./als-react-ts-ui381.js";
-import { ReactStore as p } from "./als-react-ts-ui333.js";
-import { PopupTriggerMap as d } from "./als-react-ts-ui334.js";
-import { createSelector as t } from "./als-react-ts-ui335.js";
-import { popupStoreSelectors as f, createInitialPopupStoreState as c } from "./als-react-ts-ui332.js";
-const m = {
-  ...f,
-  disabled: t((e) => e.parent.type === "menubar" && e.parent.context.disabled || e.disabled),
-  modal: t((e) => (e.parent.type === void 0 || e.parent.type === "context-menu") && (e.modal ?? !0)),
-  allowMouseEnter: t((e) => e.parent.type === "menu" ? e.parent.store.select("allowMouseEnter") : e.allowMouseEnter),
-  stickIfOpen: t((e) => e.stickIfOpen),
-  parent: t((e) => e.parent),
-  rootId: t((e) => e.parent.type === "menu" ? e.parent.store.select("rootId") : e.parent.type !== void 0 ? e.parent.context.rootId : e.rootId),
-  activeIndex: t((e) => e.activeIndex),
-  isActive: t((e, n) => e.activeIndex === n),
-  hoverEnabled: t((e) => e.hoverEnabled),
-  instantType: t((e) => e.instantType),
-  lastOpenChangeReason: t((e) => e.openChangeReason),
-  floatingTreeRoot: t((e) => e.parent.type === "menu" ? e.parent.store.select("floatingTreeRoot") : e.floatingTreeRoot),
-  floatingNodeId: t((e) => e.floatingNodeId),
-  floatingParentNodeId: t((e) => e.floatingParentNodeId),
-  itemProps: t((e) => e.itemProps),
-  closeDelay: t((e) => e.closeDelay),
-  keyboardEventRelay: t((e) => {
-    if (e.keyboardEventRelay)
-      return e.keyboardEventRelay;
-    if (e.parent.type === "menu")
-      return e.parent.store.select("keyboardEventRelay");
-  })
-};
-class a extends p {
-  constructor(n) {
-    super({
-      ...g(),
-      ...n
-    }, {
-      positionerRef: /* @__PURE__ */ o.createRef(),
-      popupRef: /* @__PURE__ */ o.createRef(),
-      typingRef: {
-        current: !1
-      },
-      itemDomElements: {
-        current: []
-      },
-      itemLabels: {
-        current: []
-      },
-      allowMouseUpTriggerRef: {
-        current: !1
-      },
-      triggerFocusTargetRef: /* @__PURE__ */ o.createRef(),
-      beforeContentFocusGuardRef: /* @__PURE__ */ o.createRef(),
-      onOpenChangeComplete: void 0,
-      triggerElements: new d()
-    }, m), this.observe(t((r) => r.allowMouseEnter), (r, i) => {
-      this.state.parent.type === "menu" && r !== i && this.state.parent.store.set("allowMouseEnter", r);
-    }), this.unsubscribeParentListener = this.observe("parent", (r) => {
-      if (this.unsubscribeParentListener?.(), r.type === "menu") {
-        this.unsubscribeParentListener = r.store.subscribe(() => {
-          this.notifyAll();
-        }), this.context.allowMouseUpTriggerRef = r.store.context.allowMouseUpTriggerRef;
-        return;
-      }
-      r.type !== void 0 && (this.context.allowMouseUpTriggerRef = r.context.allowMouseUpTriggerRef), this.unsubscribeParentListener = null;
-    });
-  }
-  setOpen(n, r) {
-    this.state.floatingRootContext.context.events.emit("setOpen", {
-      open: n,
-      eventDetails: r
-    });
-  }
-  static useStore(n, r) {
-    return l(() => n ?? new a(r)).current;
-  }
-  unsubscribeParentListener = null;
-}
-function g() {
-  return {
-    ...c(),
-    disabled: !1,
-    modal: !0,
-    allowMouseEnter: !0,
-    stickIfOpen: !0,
-    parent: {
-      type: void 0
-    },
-    rootId: void 0,
-    activeIndex: null,
-    hoverEnabled: !0,
-    instantType: void 0,
-    openChangeReason: null,
-    floatingTreeRoot: new u(),
-    floatingNodeId: void 0,
-    floatingParentNodeId: null,
-    itemProps: s,
-    keyboardEventRelay: void 0,
-    closeDelay: 0
-  };
+import r from "./als-react-ts-ui242.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MeterRootContext");
+function s() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MeterRootContext is missing. Meter parts must be placed within <Meter.Root>." : r(38));
+  return e;
 }
 export {
-  a as MenuStore
+  o as MeterRootContext,
+  s as useMeterRootContext
 };

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

@@ -1,78 +1,26 @@
-import * as _ from "react";
-import { CompositeList as j } from "./als-react-ts-ui284.js";
-import { useCompositeRoot as z } from "./als-react-ts-ui490.js";
-import { CompositeRootContext as B } from "./als-react-ts-ui341.js";
-import { useRenderElement as D } from "./als-react-ts-ui189.js";
-import { useDirection as F } from "./als-react-ts-ui285.js";
-import { jsx as s } from "react/jsx-runtime";
-import { EMPTY_ARRAY as h, EMPTY_OBJECT as J } from "./als-react-ts-ui303.js";
-function Q(e) {
-  const {
-    render: L,
-    className: N,
-    refs: a = h,
-    props: d = h,
-    state: p = J,
-    stateAttributesMapping: g,
-    highlightedIndex: m,
-    onHighlightedIndexChange: l,
-    orientation: f,
-    dense: c,
-    itemSizes: C,
-    loopFocus: u,
-    cols: x,
-    enableHomeAndEndKeys: I,
-    onMapChange: R,
-    stopEventPropagation: M = !0,
-    rootRef: P,
-    disabledIndices: E,
-    modifierKeys: v,
-    highlightItemOnHover: o = !1,
-    tag: H = "div",
-    ...b
-  } = e, y = F(), {
-    props: A,
-    highlightedIndex: t,
-    onHighlightedIndexChange: n,
-    elementsRef: K,
-    onMapChange: T,
-    relayKeyboardEvent: i
-  } = z({
-    itemSizes: C,
-    cols: x,
-    loopFocus: u,
-    dense: c,
-    orientation: f,
-    highlightedIndex: m,
-    onHighlightedIndexChange: l,
-    rootRef: P,
-    stopEventPropagation: M,
-    enableHomeAndEndKeys: I,
-    direction: y,
-    disabledIndices: E,
-    modifierKeys: v
-  }), Y = D(H, e, {
-    state: p,
-    ref: a,
-    props: [A, ...d, b],
-    stateAttributesMapping: g
-  }), O = _.useMemo(() => ({
-    highlightedIndex: t,
-    onHighlightedIndexChange: n,
-    highlightItemOnHover: o,
-    relayKeyboardEvent: i
-  }), [t, n, o, i]);
-  return /* @__PURE__ */ s(B.Provider, {
-    value: O,
-    children: /* @__PURE__ */ s(j, {
-      elementsRef: K,
-      onMapChange: (r) => {
-        R?.(r), T(r);
-      },
-      children: Y
-    })
+const i = /* @__PURE__ */ new Map();
+function m(t, r) {
+  const n = JSON.stringify({
+    locale: t,
+    options: r
+  }), e = i.get(n);
+  if (e)
+    return e;
+  const o = new Intl.NumberFormat(t, r);
+  return i.set(n, o), o;
+}
+function c(t, r, n) {
+  return t == null ? "" : m(r, n).format(t);
+}
+function u(t, r, n) {
+  return c(t, r, {
+    ...n,
+    maximumFractionDigits: 20
   });
 }
 export {
-  Q as CompositeRoot
+  i as cache,
+  c as formatNumber,
+  u as formatNumberMaxPrecision,
+  m as getFormatter
 };

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

@@ -1,4 +1,6 @@
-var e = { exports: {} };
+function n(r, e, t) {
+  return (r - e) * 100 / (t - e);
+}
 export {
-  e as __module
+  n as valueToPercent
 };