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

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

@@ -1,68 +1,4 @@
-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]);
-}
+var e = {};
 export {
-  A as REGULAR_ITEM,
-  w as useMenuItem
+  e as __exports
 };

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

@@ -1,14 +1,14 @@
-import n from "./als-react-ts-ui242.js";
+import o from "./als-react-ts-ui286.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));
+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;
 }
 export {
-  o as MenuCheckboxItemContext,
-  s as useMenuCheckboxItemContext
+  n as MenubarContext,
+  a as useMenubarContext
 };

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

@@ -1,15 +1,78 @@
-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
-};
+import * as _ from "react";
+import { CompositeList as j } from "./als-react-ts-ui294.js";
+import { useCompositeRoot as z } from "./als-react-ts-ui493.js";
+import { CompositeRootContext as B } from "./als-react-ts-ui341.js";
+import { useRenderElement as D } from "./als-react-ts-ui220.js";
+import { useDirection as F } from "./als-react-ts-ui295.js";
+import { jsx as s } from "react/jsx-runtime";
+import { EMPTY_ARRAY as h, EMPTY_OBJECT as J } from "./als-react-ts-ui322.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
+    })
+  });
+}
 export {
-  c as itemMapping
+  Q as CompositeRoot
 };

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

@@ -1,8 +1,8 @@
 import * as s from "react";
-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";
+import { useDialogRootContext as u } from "./als-react-ts-ui269.js";
+import { useRenderElement as m } from "./als-react-ts-ui220.js";
+import { popupStateMapping as l } from "./als-react-ts-ui271.js";
+import { transitionStatusMapping as f } from "./als-react-ts-ui272.js";
 const S = {
   ...l,
   ...f

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

@@ -1,14 +1,6 @@
-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;
-}
+let l = /* @__PURE__ */ (function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+})({});
 export {
-  t as MenuRadioGroupContext,
-  i as useMenuRadioGroupContext
+  l as CheckboxRootDataAttributes
 };

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

@@ -1,14 +1,23 @@
-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;
+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);
+  };
 }
 export {
-  o as MenuRadioItemContext,
-  r as useMenuRadioItemContext
+  f as createCollatorItemFilter,
+  s as createSingleSelectionCollatorFilter
 };

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

@@ -1,10 +1,8 @@
-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);
-}
+const I = Symbol("none"), n = {
+  value: I,
+  index: -1
+};
 export {
-  t as MenuSubmenuRootContext,
-  n as useMenuSubmenuRootContext
+  n as INITIAL_LAST_HIGHLIGHT,
+  I as NO_ACTIVE_VALUE
 };

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

@@ -1,14 +1,6 @@
-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;
-}
+let h = /* @__PURE__ */ (function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.highlighted = "data-highlighted", d;
+})({});
 export {
-  o as MeterRootContext,
-  s as useMeterRootContext
+  h as MenuCheckboxItemDataAttributes
 };

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

@@ -1,26 +1,106 @@
-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);
+import * as o from "react";
+import { EMPTY_OBJECT as s } from "./als-react-ts-ui322.js";
+import { useRefWithInit as l } from "./als-react-ts-ui267.js";
+import { FloatingTreeStore as u } from "./als-react-ts-ui381.js";
+import { ReactStore as p } from "./als-react-ts-ui332.js";
+import { PopupTriggerMap as d } from "./als-react-ts-ui333.js";
+import { createSelector as t } from "./als-react-ts-ui334.js";
+import { popupStoreSelectors as f, createInitialPopupStoreState as c } from "./als-react-ts-ui331.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 u(t, r, n) {
-  return c(t, r, {
-    ...n,
-    maximumFractionDigits: 20
-  });
+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
+  };
 }
 export {
-  i as cache,
-  c as formatNumber,
-  u as formatNumberMaxPrecision,
-  m as getFormatter
+  a as MenuStore
 };

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

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

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

@@ -1,106 +1,46 @@
-import * as o from "react";
-import { EMPTY_OBJECT as s } from "./als-react-ts-ui304.js";
-import { useRefWithInit as l } from "./als-react-ts-ui222.js";
-import { FloatingTreeStore as u } from "./als-react-ts-ui368.js";
-import { ReactStore as p } from "./als-react-ts-ui314.js";
-import { PopupTriggerMap as d } from "./als-react-ts-ui315.js";
-import { createSelector as t } from "./als-react-ts-ui316.js";
-import { popupStoreSelectors as f, createInitialPopupStoreState as c } from "./als-react-ts-ui313.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: []
+import { __exports as i } from "./als-react-ts-ui504.js";
+import h from "react";
+var f;
+function x() {
+  if (f) return i;
+  f = 1;
+  var u = h;
+  function s(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+  }
+  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
+  function v(e, t) {
+    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
+    return p(
+      function() {
+        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
       },
-      allowMouseUpTriggerRef: {
-        current: !1
+      [e, r, t]
+    ), l(
+      function() {
+        return o(n) && c({ inst: n }), e(function() {
+          o(n) && c({ inst: n });
+        });
       },
-      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;
-    });
+      [e]
+    ), E(r), r;
   }
-  setOpen(n, r) {
-    this.state.floatingRootContext.context.events.emit("setOpen", {
-      open: n,
-      eventDetails: r
-    });
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
   }
-  static useStore(n, r) {
-    return l(() => n ?? new a(r)).current;
+  function y(e, t) {
+    return t();
   }
-  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
-  };
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
 }
 export {
-  a as MenuStore
+  x as __require
 };