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

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

@@ -0,0 +1,59 @@
+import { compareItemEquality as l } from "./als-react-ts-ui405.js";
+import { createSelector as t } from "./als-react-ts-ui335.js";
+const u = {
+  id: t((e) => e.id),
+  query: t((e) => e.query),
+  items: t((e) => e.items),
+  selectedValue: t((e) => e.selectedValue),
+  open: t((e) => e.open),
+  mounted: t((e) => e.mounted),
+  forceMounted: t((e) => e.forceMounted),
+  inline: t((e) => e.inline),
+  activeIndex: t((e) => e.activeIndex),
+  selectedIndex: t((e) => e.selectedIndex),
+  isActive: t((e, i) => e.activeIndex === i),
+  isSelected: t((e, i) => {
+    const n = e.isItemEqualToValue, o = e.selectedValue;
+    return Array.isArray(o) ? o.some((p) => l(p, i, n)) : l(o, i, n);
+  }),
+  transitionStatus: t((e) => e.transitionStatus),
+  popupProps: t((e) => e.popupProps),
+  inputProps: t((e) => e.inputProps),
+  triggerProps: t((e) => e.triggerProps),
+  getItemProps: t((e) => e.getItemProps),
+  positionerElement: t((e) => e.positionerElement),
+  listElement: t((e) => e.listElement),
+  triggerElement: t((e) => e.triggerElement),
+  inputElement: t((e) => e.inputElement),
+  popupSide: t((e) => e.popupSide),
+  openMethod: t((e) => e.openMethod),
+  inputInsidePopup: t((e) => e.inputInsidePopup),
+  selectionMode: t((e) => e.selectionMode),
+  listRef: t((e) => e.listRef),
+  labelsRef: t((e) => e.labelsRef),
+  popupRef: t((e) => e.popupRef),
+  emptyRef: t((e) => e.emptyRef),
+  inputRef: t((e) => e.inputRef),
+  keyboardActiveRef: t((e) => e.keyboardActiveRef),
+  chipsContainerRef: t((e) => e.chipsContainerRef),
+  clearRef: t((e) => e.clearRef),
+  valuesRef: t((e) => e.valuesRef),
+  allValuesRef: t((e) => e.allValuesRef),
+  name: t((e) => e.name),
+  disabled: t((e) => e.disabled),
+  readOnly: t((e) => e.readOnly),
+  required: t((e) => e.required),
+  grid: t((e) => e.grid),
+  isGrouped: t((e) => e.isGrouped),
+  virtualized: t((e) => e.virtualized),
+  onOpenChangeComplete: t((e) => e.onOpenChangeComplete),
+  openOnInputClick: t((e) => e.openOnInputClick),
+  itemToStringLabel: t((e) => e.itemToStringLabel),
+  isItemEqualToValue: t((e) => e.isItemEqualToValue),
+  modal: t((e) => e.modal),
+  autoHighlight: t((e) => e.autoHighlight),
+  submitOnItemClick: t((e) => e.submitOnItemClick)
+};
+export {
+  u as selectors
+};

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

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

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

@@ -0,0 +1,14 @@
+import r 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 = "ComboboxPositionerContext");
+function s(n) {
+  const o = e.useContext(t);
+  if (o === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Popup> and <Combobox.Arrow> must be used within the <Combobox.Positioner> component" : r(21));
+  return o;
+}
+export {
+  t as ComboboxPositionerContext,
+  s as useComboboxPositionerContext
+};

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

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui259.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxPortalContext");
+function s() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Portal> is missing." : r(20));
+  return o;
+}
+export {
+  e as ComboboxPortalContext,
+  s as useComboboxPortalContext
+};

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

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui259.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxGroupContext");
+function s() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxGroupContext is missing. ComboboxGroup parts must be placed within <Combobox.Group>." : r(18));
+  return o;
+}
+export {
+  e as ComboboxGroupContext,
+  s as useComboboxGroupContext
+};

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

@@ -0,0 +1,45 @@
+import * as f from "react";
+import { useRefWithInit as C } from "./als-react-ts-ui240.js";
+import { useDialogRoot as x } from "./als-react-ts-ui241.js";
+import { useDialogRootContext as h, DialogRootContext as R } from "./als-react-ts-ui242.js";
+import { DialogStore as D } from "./als-react-ts-ui243.js";
+import { jsx as I } from "react/jsx-runtime";
+function b(s) {
+  const {
+    children: o,
+    open: n,
+    defaultOpen: r = !1,
+    onOpenChange: p,
+    onOpenChangeComplete: d,
+    actionsRef: u,
+    handle: g,
+    triggerId: t,
+    defaultTriggerId: a = null
+  } = s, l = h(), i = !!l, e = C(() => g?.store ?? new D({
+    open: n ?? r,
+    activeTriggerId: t !== void 0 ? t : a,
+    modal: !0,
+    disablePointerDismissal: !0,
+    nested: i,
+    role: "alertdialog"
+  })).current;
+  e.useControlledProp("open", n, r), e.useControlledProp("activeTriggerId", t, a), e.useSyncedValue("nested", i), e.useContextCallback("onOpenChange", p), e.useContextCallback("onOpenChangeComplete", d);
+  const c = e.useState("payload");
+  x({
+    store: e,
+    actionsRef: u,
+    parentContext: l?.store.context
+  });
+  const m = f.useMemo(() => ({
+    store: e
+  }), [e]);
+  return /* @__PURE__ */ I(R.Provider, {
+    value: m,
+    children: typeof o == "function" ? o({
+      payload: c
+    }) : o
+  });
+}
+export {
+  b as AlertDialogRoot
+};

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

@@ -0,0 +1,23 @@
+import * as o from "react";
+import { jsx as i } from "react/jsx-runtime";
+const e = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (e.displayName = "GroupCollectionContext");
+function u() {
+  return o.useContext(e);
+}
+function s(n) {
+  const {
+    children: r,
+    items: t
+  } = n, c = o.useMemo(() => ({
+    items: t
+  }), [t]);
+  return /* @__PURE__ */ i(e.Provider, {
+    value: c,
+    children: r
+  });
+}
+export {
+  s as GroupCollectionProvider,
+  u as useGroupCollectionContext
+};

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

@@ -0,0 +1,6 @@
+import * as o from "react";
+const e = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxItemContext");
+export {
+  e as ComboboxItemContext
+};

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

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

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

@@ -0,0 +1,6 @@
+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 {
+  l as CheckboxRootDataAttributes
+};

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

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui259.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 ContextMenuRootContext,
+  u as useContextMenuRootContext
+};

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

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui259.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 {
+  t as MenuRootContext,
+  i as useMenuRootContext
+};

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

@@ -0,0 +1,10 @@
+import { isHTMLElement as r, isLastTraversableNode as e, getParentNode as i } from "./als-react-ts-ui339.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/als-react-ts-ui467.js

@@ -0,0 +1,14 @@
+import n from "./als-react-ts-ui259.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: <Menu.Portal> is missing." : n(32));
+  return e;
+}
+export {
+  t as MenuPortalContext,
+  s as useMenuPortalContext
+};

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

@@ -0,0 +1,14 @@
+import i from "./als-react-ts-ui259.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 MenuPositionerContext,
+  s as useMenuPositionerContext
+};

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

@@ -0,0 +1,14 @@
+import n from "./als-react-ts-ui259.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 {
+  t as MenuGroupContext,
+  u as useMenuGroupRootContext
+};

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

@@ -0,0 +1,55 @@
+import N from "./als-react-ts-ui259.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";
+const _ = /* @__PURE__ */ o.forwardRef(function(i, g) {
+  const {
+    render: F,
+    className: G,
+    disabled: t = !1,
+    nativeButton: a = !0,
+    id: p,
+    payload: m,
+    handle: l,
+    ...u
+  } = i, c = b(!0), e = l?.store ?? c?.store;
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle." : N(79));
+  const r = y(p), s = e.useState("floatingRootContext"), n = e.useState("isOpenedByTrigger", r), [d, f] = o.useState(null), {
+    registerTrigger: T,
+    isMountedByThisTrigger: E
+  } = M(r, d, e, {
+    payload: m
+  }), {
+    getButtonProps: R,
+    buttonRef: D
+  } = w({
+    disabled: t,
+    native: a
+  }), I = O(s, {
+    enabled: s != null
+  }), h = S([I]), B = o.useMemo(() => ({
+    disabled: t,
+    open: n
+  }), [t, n]), C = e.useState("triggerProps", E);
+  return P("button", i, {
+    state: B,
+    ref: [D, g, T, f],
+    props: [h.getReferenceProps(), C, {
+      [x]: "",
+      id: r
+    }, u, R],
+    stateAttributesMapping: v
+  });
+});
+process.env.NODE_ENV !== "production" && (_.displayName = "DialogTrigger");
+export {
+  _ as DialogTrigger
+};

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

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

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

@@ -0,0 +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;
+}
+export {
+  o as MenuCheckboxItemContext,
+  s as useMenuCheckboxItemContext
+};

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

@@ -0,0 +1,15 @@
+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
+};
+export {
+  c as itemMapping
+};

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

@@ -0,0 +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;
+}
+export {
+  t as MenuRadioGroupContext,
+  i as useMenuRadioGroupContext
+};

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

@@ -0,0 +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);
+  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 {
+  o as MenuRadioItemContext,
+  r as useMenuRadioItemContext
+};

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

@@ -0,0 +1,10 @@
+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 {
+  t as MenuSubmenuRootContext,
+  n as useMenuSubmenuRootContext
+};

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

@@ -0,0 +1,4 @@
+var o = {};
+export {
+  o as __exports
+};

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

@@ -0,0 +1,10 @@
+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 {
+  u as __require
+};

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

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

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

@@ -0,0 +1,23 @@
+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 {
+  f as createCollatorItemFilter,
+  s as createSingleSelectionCollatorFilter
+};

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

@@ -0,0 +1,39 @@
+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";
+const S = {
+  ...l,
+  ...f
+}, g = /* @__PURE__ */ s.forwardRef(function(t, r) {
+  const {
+    render: k,
+    className: D,
+    forceRender: a = !1,
+    ...i
+  } = t, {
+    store: e
+  } = u(), o = e.useState("open"), p = e.useState("nested"), c = e.useState("mounted"), n = e.useState("transitionStatus"), d = s.useMemo(() => ({
+    open: o,
+    transitionStatus: n
+  }), [o, n]);
+  return m("div", t, {
+    state: d,
+    ref: [e.context.backdropRef, r],
+    stateAttributesMapping: S,
+    props: [{
+      role: "presentation",
+      hidden: !c,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, i],
+    enabled: a || !p
+  });
+});
+process.env.NODE_ENV !== "production" && (g.displayName = "DialogBackdrop");
+export {
+  g as DialogBackdrop
+};

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

@@ -0,0 +1,8 @@
+const I = Symbol("none"), n = {
+  value: I,
+  index: -1
+};
+export {
+  n as INITIAL_LAST_HIGHLIGHT,
+  I as NO_ACTIVE_VALUE
+};

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

@@ -0,0 +1,6 @@
+let h = /* @__PURE__ */ (function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.highlighted = "data-highlighted", d;
+})({});
+export {
+  h as MenuCheckboxItemDataAttributes
+};

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

@@ -0,0 +1,14 @@
+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;
+}
+export {
+  n as MenubarContext,
+  a as useMenubarContext
+};