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

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

@@ -1,14 +1,14 @@
-import N from "./als-react-ts-ui259.js";
+import N from "./als-react-ts-ui286.js";
 import * as o from "react";
-import { useDialogRootContext as b } from "./als-react-ts-ui242.js";
-import { useButton as w } from "./als-react-ts-ui247.js";
-import { useRenderElement as P } from "./als-react-ts-ui189.js";
-import { triggerOpenStateMapping as v } from "./als-react-ts-ui244.js";
-import { CLICK_TRIGGER_IDENTIFIER as x } from "./als-react-ts-ui260.js";
-import { useBaseUiId as y } from "./als-react-ts-ui249.js";
-import { useTriggerDataForwarding as M } from "./als-react-ts-ui261.js";
-import { useClick as O } from "./als-react-ts-ui262.js";
-import { useInteractions as S } from "./als-react-ts-ui263.js";
+import { useDialogRootContext as b } from "./als-react-ts-ui269.js";
+import { useButton as w } from "./als-react-ts-ui274.js";
+import { useRenderElement as P } from "./als-react-ts-ui220.js";
+import { triggerOpenStateMapping as v } from "./als-react-ts-ui271.js";
+import { CLICK_TRIGGER_IDENTIFIER as x } from "./als-react-ts-ui287.js";
+import { useBaseUiId as y } from "./als-react-ts-ui276.js";
+import { useTriggerDataForwarding as M } from "./als-react-ts-ui288.js";
+import { useClick as O } from "./als-react-ts-ui289.js";
+import { useInteractions as S } from "./als-react-ts-ui290.js";
 const _ = /* @__PURE__ */ o.forwardRef(function(i, g) {
   const {
     render: F,

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

@@ -1,68 +1,14 @@
-import * as a from "react";
-import { useMergedRefs as h } from "./als-react-ts-ui287.js";
-import { useContextMenuRootContext as y } from "./als-react-ts-ui464.js";
-import { useButton as P } from "./als-react-ts-ui247.js";
-import { mergeProps as v } from "./als-react-ts-ui304.js";
-import { itemPress as I } from "./als-react-ts-ui248.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]);
+import n 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));
+  return e;
 }
 export {
-  A as REGULAR_ITEM,
-  w as useMenuItem
+  o as MenuCheckboxItemContext,
+  s as useMenuCheckboxItemContext
 };

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

@@ -1,14 +1,15 @@
-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 { transitionStatusMapping as r } from "./als-react-ts-ui272.js";
+import { MenuCheckboxItemDataAttributes as t } from "./als-react-ts-ui483.js";
+const c = {
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r
+};
 export {
-  o as MenuCheckboxItemContext,
-  s as useMenuCheckboxItemContext
+  c as itemMapping
 };

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 n from "./als-react-ts-ui286.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 {
-  c as itemMapping
+  t as MenuRadioGroupContext,
+  i as useMenuRadioGroupContext
 };

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

@@ -1,14 +1,14 @@
-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 n 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 = "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 {
-  t as MenuRadioGroupContext,
-  i as useMenuRadioGroupContext
+  o as MenuRadioItemContext,
+  r as useMenuRadioItemContext
 };

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

@@ -1,14 +1,10 @@
-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);
-  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 * 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 {
-  o as MenuRadioItemContext,
-  r as useMenuRadioItemContext
+  t as MenuSubmenuRootContext,
+  n as useMenuSubmenuRootContext
 };

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

@@ -1,10 +1,4 @@
-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);
-}
+var o = {};
 export {
-  t as MenuSubmenuRootContext,
-  n as useMenuSubmenuRootContext
+  o as __exports
 };

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

@@ -1,4 +1,10 @@
-var o = {};
+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);
+}
 export {
-  o as __exports
+  u as __require
 };

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

@@ -1,10 +1,4 @@
-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);
-}
+var e = {};
 export {
-  u as __require
+  e as __exports
 };

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

@@ -1,4 +1,14 @@
-var e = {};
+import o from "./als-react-ts-ui286.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;
+}
 export {
-  e as __exports
+  n as MenubarContext,
+  a as useMenubarContext
 };

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

@@ -1,23 +1,78 @@
-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 * 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 {
-  f as createCollatorItemFilter,
-  s as createSingleSelectionCollatorFilter
+  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-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-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,8 +1,6 @@
-const I = Symbol("none"), n = {
-  value: I,
-  index: -1
-};
+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 {
-  n as INITIAL_LAST_HIGHLIGHT,
-  I as NO_ACTIVE_VALUE
+  l as CheckboxRootDataAttributes
 };

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

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

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

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

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

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