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

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

@@ -1,66 +1,44 @@
-import * as e from "react";
-import { useControlled as A } from "./als-react-ts-ui159.js";
-import { useIsoLayoutEffect as B } from "./als-react-ts-ui161.js";
-import { useStableCallback as H } from "./als-react-ts-ui160.js";
-import { useBaseUiId as K } from "./als-react-ts-ui170.js";
-import { createChangeEventDetails as L } from "./als-react-ts-ui167.js";
-import { useAnimationsFinished as V } from "./als-react-ts-ui217.js";
-import { useTransitionStatus as j } from "./als-react-ts-ui218.js";
-import { triggerPress as q } from "./als-react-ts-ui168.js";
-function Z(F) {
+import * as t from "react";
+import { useMenuCheckboxItemContext as m } from "./als-react-ts-ui478.js";
+import { useRenderElement as h } from "./als-react-ts-ui226.js";
+import { itemMapping as p } from "./als-react-ts-ui479.js";
+import { useTransitionStatus as u } from "./als-react-ts-ui342.js";
+import { useOpenChangeComplete as l } from "./als-react-ts-ui236.js";
+const f = /* @__PURE__ */ t.forwardRef(function(o, r) {
   const {
-    open: r,
-    defaultOpen: M,
-    onOpenChange: E,
-    disabled: d
-  } = F, m = r !== void 0, [n, u] = A({
-    controlled: r,
-    default: M,
-    name: "Collapsible",
-    state: "open"
-  }), {
-    mounted: i,
-    setMounted: o,
-    transitionStatus: p
-  } = j(n, !0, !0), [l, f] = e.useState(n), [{
-    height: h,
-    width: R
-  }, S] = e.useState({
-    height: void 0,
-    width: void 0
-  }), T = K(), [U, k] = e.useState(), C = U ?? T, [w, b] = e.useState(!1), [c, g] = e.useState(!1), v = e.useRef(null), t = e.useRef(null), I = e.useRef(null), a = e.useRef(null), O = V(a, !1), P = H((x) => {
-    const s = !n, y = L(q, x.nativeEvent);
-    if (E(s, y), y.isCanceled)
-      return;
-    const D = a.current;
-    t.current === "css-animation" && D != null && D.style.removeProperty("animation-name"), !w && !c && (t.current != null && t.current !== "css-animation" && !i && s && o(!0), t.current === "css-animation" && (!l && s && f(!0), !i && s && o(!0))), u(s), t.current === "none" && i && !s && o(!1);
+    render: b,
+    className: g,
+    keepMounted: s = !1,
+    ...c
+  } = o, e = m(), n = t.useRef(null), {
+    transitionStatus: i,
+    setMounted: d
+  } = u(e.checked);
+  l({
+    open: e.checked,
+    ref: n,
+    onComplete() {
+      e.checked || d(!1);
+    }
   });
-  return B(() => {
-    m && t.current === "none" && !c && !n && o(!1);
-  }, [m, c, n, r, o]), e.useMemo(() => ({
-    abortControllerRef: v,
-    animationTypeRef: t,
-    disabled: d,
-    handleTrigger: P,
-    height: h,
-    mounted: i,
-    open: n,
-    panelId: C,
-    panelRef: a,
-    runOnceAnimationsFinish: O,
-    setDimensions: S,
-    setHiddenUntilFound: b,
-    setKeepMounted: g,
-    setMounted: o,
-    setOpen: u,
-    setPanelIdState: k,
-    setVisible: f,
-    transitionDimensionRef: I,
-    transitionStatus: p,
-    visible: l,
-    width: R
-  }), [v, t, d, P, h, i, n, C, a, O, S, b, g, o, u, f, I, p, l, R]);
-}
+  const a = t.useMemo(() => ({
+    checked: e.checked,
+    disabled: e.disabled,
+    highlighted: e.highlighted,
+    transitionStatus: i
+  }), [e.checked, e.disabled, e.highlighted, i]);
+  return h("span", o, {
+    state: a,
+    ref: [r, n],
+    stateAttributesMapping: p,
+    props: {
+      "aria-hidden": !0,
+      ...c
+    },
+    enabled: s || e.checked
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "MenuCheckboxItemIndicator");
 export {
-  Z as useCollapsibleRoot
+  f as MenuCheckboxItemIndicator
 };

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

@@ -1,14 +1,101 @@
-import s from "./als-react-ts-ui197.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "CollapsibleRootContext");
-function i() {
-  const o = e.useContext(t);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CollapsibleRootContext is missing. Collapsible parts must be placed within <Collapsible.Root>." : s(15));
-  return o;
-}
+import _ from "./als-react-ts-ui242.js";
+import * as n from "react";
+import { useMenuRootContext as L } from "./als-react-ts-ui472.js";
+import { useBaseUiId as j } from "./als-react-ts-ui232.js";
+import { triggerOpenStateMapping as q } from "./als-react-ts-ui227.js";
+import { useCompositeListItem as z } from "./als-react-ts-ui275.js";
+import { useMenuItem as F } from "./als-react-ts-ui477.js";
+import { useRenderElement as G } from "./als-react-ts-ui226.js";
+import { useMenuPositionerContext as J } from "./als-react-ts-ui475.js";
+import { useMenuSubmenuRootContext as K } from "./als-react-ts-ui482.js";
+import { useTriggerRegistration as Q } from "./als-react-ts-ui244.js";
+import { useHoverReferenceInteraction as W } from "./als-react-ts-ui377.js";
+import { safePolygon as X } from "./als-react-ts-ui383.js";
+import { useClick as Y } from "./als-react-ts-ui245.js";
+import { useInteractions as Z } from "./als-react-ts-ui246.js";
+const $ = /* @__PURE__ */ n.forwardRef(function(m, S) {
+  const {
+    render: te,
+    className: oe,
+    label: re,
+    id: I,
+    nativeButton: T = !1,
+    openOnHover: a = !0,
+    delay: g = 100,
+    closeDelay: s = 0,
+    disabled: E = !1,
+    ...R
+  } = m, i = z(), x = J(), {
+    store: e
+  } = L(), u = j(I), l = e.useState("open"), p = e.useState("floatingRootContext"), P = e.useState("floatingTreeRoot"), d = Q(u, e), C = n.useCallback((c) => {
+    const U = d(c);
+    return c !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
+      activeTriggerId: u,
+      activeTriggerElement: c,
+      closeDelay: s
+    }), U;
+  }, [d, s, e, u]), [f, h] = n.useState(null), b = K();
+  if (!b?.parentMenu)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.SubmenuTrigger> must be placed in <Menu.SubmenuRoot>." : _(37));
+  e.useSyncedValues({
+    closeDelay: s,
+    activeTriggerElement: f
+  });
+  const t = b.parentMenu, y = t.useState("itemProps"), o = t.useState("isActive", i.index), O = n.useMemo(() => ({
+    type: "submenu-trigger",
+    setActive: () => t.set("activeIndex", i.index)
+  }), [t, i.index]), k = e.useState("disabled"), r = E || k, {
+    getItemProps: w,
+    itemRef: N
+  } = F({
+    closeOnClick: !1,
+    disabled: r,
+    highlighted: o,
+    id: u,
+    store: e,
+    nativeButton: T,
+    itemMetadata: O,
+    nodeId: x?.nodeId
+  }), B = e.useState("hoverEnabled"), M = e.useState("allowMouseEnter"), D = W(p, {
+    enabled: B && a && !r,
+    handleClose: X({
+      blockPointerEvents: !0
+    }),
+    mouseOnly: !0,
+    move: !0,
+    restMs: M ? g : void 0,
+    delay: {
+      open: M ? g : 10 ** 10,
+      close: s
+    },
+    triggerElement: f,
+    externalTree: P
+  }), A = Y(p, {
+    enabled: !r,
+    event: "mousedown",
+    toggle: !a,
+    ignoreMouse: a,
+    stickIfOpen: !1
+  }), V = Z([A]), v = e.useState("triggerProps", !0);
+  delete v.id;
+  const H = n.useMemo(() => ({
+    disabled: r,
+    highlighted: o,
+    open: l
+  }), [r, o, l]);
+  return G("div", m, {
+    state: H,
+    stateAttributesMapping: q,
+    props: [V.getReferenceProps(), D, v, y, {
+      tabIndex: l || o ? 0 : -1,
+      onBlur() {
+        o && t.set("activeIndex", null);
+      }
+    }, R, w],
+    ref: [S, i.ref, N, C, h]
+  });
+});
+process.env.NODE_ENV !== "production" && ($.displayName = "MenuSubmenuTrigger");
 export {
-  t as CollapsibleRootContext,
-  i as useCollapsibleRootContext
+  $ as MenuSubmenuTrigger
 };

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

@@ -1,55 +1,24 @@
 import * as u from "react";
-import { useIsoLayoutEffect as g } from "./als-react-ts-ui161.js";
-import { useCompositeListContext as F } from "./als-react-ts-ui215.js";
-let I = /* @__PURE__ */ (function(t) {
-  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
-})({});
-function N(t = {}) {
+import { MenuRoot as m } from "./als-react-ts-ui197.js";
+import { useMenuRootContext as s } from "./als-react-ts-ui472.js";
+import { MenuSubmenuRootContext as c } from "./als-react-ts-ui482.js";
+import { useMenuSubmenuRootContext as R } from "./als-react-ts-ui482.js";
+import { jsx as t } from "react/jsx-runtime";
+function M(o) {
   const {
-    label: c,
-    metadata: l,
-    textRef: d,
-    indexGuessBehavior: L,
-    index: r
-  } = t, {
-    register: m,
-    unregister: a,
-    subscribeMapChange: x,
-    elementsRef: R,
-    labelsRef: i,
-    nextIndexRef: p
-  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
-    if (f.current === -1) {
-      const e = p.current;
-      p.current += 1, f.current = e;
-    }
-    return f.current;
-  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
-    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
-      const o = c !== void 0;
-      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
-    }
-  }, [n, R, i, c, d]);
-  return g(() => {
-    if (r != null)
-      return;
-    const e = s.current;
-    if (e)
-      return m(e, l), () => {
-        a(e);
-      };
-  }, [r, m, a, l]), g(() => {
-    if (r == null)
-      return x((e) => {
-        const o = s.current ? e.get(s.current)?.index : null;
-        o != null && C(o);
-      });
-  }, [r, x, C]), u.useMemo(() => ({
-    ref: b,
-    index: n
-  }), [n, b]);
+    closeParentOnEsc: n = !1
+  } = o, e = s().store, r = u.useMemo(() => ({
+    parentMenu: e
+  }), [e]);
+  return /* @__PURE__ */ t(c.Provider, {
+    value: r,
+    children: /* @__PURE__ */ t(m, {
+      ...o,
+      closeParentOnEsc: n
+    })
+  });
 }
 export {
-  I as IndexGuessBehavior,
-  N as useCompositeListItem
+  M as MenuSubmenuRoot,
+  R as useMenuSubmenuRootContext
 };

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

@@ -1,14 +1,24 @@
-import n from "./als-react-ts-ui197.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "AccordionItemContext");
-function c() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>." : n(9));
-  return o;
-}
+import * as s from "react";
+import { useMenuRootContext as a } from "./als-react-ts-ui472.js";
+import { MenuPortalContext as l } from "./als-react-ts-ui474.js";
+import { jsx as t } from "react/jsx-runtime";
+import { FloatingPortal as m } from "./als-react-ts-ui241.js";
+const d = /* @__PURE__ */ s.forwardRef(function(e, r) {
+  const {
+    keepMounted: o = !1,
+    ...n
+  } = e, {
+    store: u
+  } = a();
+  return u.useState("mounted") || o ? /* @__PURE__ */ t(l.Provider, {
+    value: o,
+    children: /* @__PURE__ */ t(m, {
+      ref: r,
+      ...n
+    })
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "MenuPortal");
 export {
-  e as AccordionItemContext,
-  c as useAccordionItemContext
+  d as MenuPortal
 };

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

@@ -1,14 +1,36 @@
-import { collapsibleOpenStateMapping as i } from "./als-react-ts-ui177.js";
-import { transitionStatusMapping as r } from "./als-react-ts-ui189.js";
-import { AccordionItemDataAttributes as n } from "./als-react-ts-ui214.js";
-const a = {
-  ...i,
-  index: (t) => Number.isInteger(t) ? {
-    [n.index]: String(t)
-  } : null,
-  ...r,
-  value: () => null
+const u = "_root_ruqux_4", _ = "_label_ruqux_13", t = "_input_ruqux_25", o = "_icon_ruqux_111", i = "_positioner_ruqux_131", n = "_popup_ruqux_138", p = "_list_ruqux_157", e = "_option_ruqux_184", r = "_empty_ruqux_217", l = "_value_ruqux_227", s = {
+  root: u,
+  label: _,
+  input: t,
+  "input--default": "_input--default_ruqux_56",
+  "input--filled": "_input--filled_ruqux_60",
+  "input--outlined": "_input--outlined_ruqux_70",
+  "input--sm": "_input--sm_ruqux_78",
+  "input--md": "_input--md_ruqux_84",
+  "input--lg": "_input--lg_ruqux_90",
+  "input--error": "_input--error_ruqux_99",
+  icon: o,
+  "icon--open": "_icon--open_ruqux_124",
+  positioner: i,
+  popup: n,
+  list: p,
+  option: e,
+  "option--highlighted": "_option--highlighted_ruqux_198",
+  "option--selected": "_option--selected_ruqux_202",
+  "option--disabled": "_option--disabled_ruqux_208",
+  empty: r,
+  value: l
 };
 export {
-  a as accordionStateAttributesMapping
+  s as default,
+  r as empty,
+  o as icon,
+  t as input,
+  _ as label,
+  p as list,
+  e as option,
+  n as popup,
+  i as positioner,
+  u as root,
+  l as value
 };

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

@@ -1,6 +1,22 @@
-function i(t) {
-  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
+import "react";
+import { AriaCombobox as n } from "./als-react-ts-ui452.js";
+import { jsx as r } from "react/jsx-runtime";
+function d(e) {
+  const {
+    multiple: o = !1,
+    defaultValue: l,
+    value: t,
+    onValueChange: a,
+    ...u
+  } = e;
+  return /* @__PURE__ */ r(n, {
+    ...u,
+    selectionMode: o ? "multiple" : "single",
+    selectedValue: t,
+    defaultSelectedValue: l,
+    onSelectedValueChange: a
+  });
 }
 export {
-  i as isElementDisabled
+  d as ComboboxRoot
 };

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

@@ -1,21 +1,18 @@
-import { CollapsiblePanelDataAttributes as e } from "./als-react-ts-ui219.js";
-import { CollapsibleTriggerDataAttributes as n } from "./als-react-ts-ui220.js";
-const r = {
-  [e.open]: ""
-}, p = {
-  [e.closed]: ""
-}, a = {
-  open(t) {
-    return t ? {
-      [n.panelOpen]: ""
-    } : null;
-  }
-}, i = {
-  open(t) {
-    return t ? r : p;
-  }
-};
+import * as c from "react";
+import { useComboboxRootContext as u } from "./als-react-ts-ui454.js";
+import { resolveSelectedLabel as f } from "./als-react-ts-ui404.js";
+import { selectors as r } from "./als-react-ts-ui455.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useStore as l } from "./als-react-ts-ui408.js";
+function V(i) {
+  const {
+    children: e
+  } = i, t = u(), m = l(t, r.itemToStringLabel), n = l(t, r.selectedValue), s = l(t, r.items);
+  let o = null;
+  return typeof e == "function" ? o = e(n) : e != null ? o = e : o = f(n, s, m), /* @__PURE__ */ a(c.Fragment, {
+    children: o
+  });
+}
 export {
-  i as collapsibleOpenStateMapping,
-  a as triggerOpenStateMapping
+  V as ComboboxValue
 };

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

@@ -1,69 +1,15 @@
-import { isHTMLElement as L } from "./als-react-ts-ui221.js";
-const d = "ArrowUp", h = "ArrowDown", R = "ArrowLeft", T = "ArrowRight", e = "Home", n = "End", P = /* @__PURE__ */ new Set([R, T]), H = /* @__PURE__ */ new Set([R, T, e, n]), E = /* @__PURE__ */ new Set([d, h]), Y = /* @__PURE__ */ new Set([d, h, e, n]), A = /* @__PURE__ */ new Set([...P, ...E]), F = /* @__PURE__ */ new Set([...A, e, n]), N = /* @__PURE__ */ new Set([d, h, R, T, e, n]), O = "Shift", u = "Control", W = "Alt", _ = "Meta", K = /* @__PURE__ */ new Set([O, u, W, _]);
-function w(t) {
-  return L(t) && t.tagName === "INPUT";
-}
-function B(t) {
-  return !!(w(t) && t.selectionStart != null || L(t) && t.tagName === "TEXTAREA");
-}
-function y(t, o, f, c) {
-  if (!t || !o || !o.scrollTo)
-    return;
-  let r = t.scrollLeft, a = t.scrollTop;
-  const S = t.clientWidth < t.scrollWidth, M = t.clientHeight < t.scrollHeight;
-  if (S && c !== "vertical") {
-    const s = p(t, o, "left"), l = g(t), i = g(o);
-    f === "ltr" && (s + o.offsetWidth + i.scrollMarginRight > t.scrollLeft + t.clientWidth - l.scrollPaddingRight ? r = s + o.offsetWidth + i.scrollMarginRight - t.clientWidth + l.scrollPaddingRight : s - i.scrollMarginLeft < t.scrollLeft + l.scrollPaddingLeft && (r = s - i.scrollMarginLeft - l.scrollPaddingLeft)), f === "rtl" && (s - i.scrollMarginRight < t.scrollLeft + l.scrollPaddingLeft ? r = s - i.scrollMarginLeft - l.scrollPaddingLeft : s + o.offsetWidth + i.scrollMarginRight > t.scrollLeft + t.clientWidth - l.scrollPaddingRight && (r = s + o.offsetWidth + i.scrollMarginRight - t.clientWidth + l.scrollPaddingRight));
-  }
-  if (M && c !== "horizontal") {
-    const s = p(t, o, "top"), l = g(t), i = g(o);
-    s - i.scrollMarginTop < t.scrollTop + l.scrollPaddingTop ? a = s - i.scrollMarginTop - l.scrollPaddingTop : s + o.offsetHeight + i.scrollMarginBottom > t.scrollTop + t.clientHeight - l.scrollPaddingBottom && (a = s + o.offsetHeight + i.scrollMarginBottom - t.clientHeight + l.scrollPaddingBottom);
-  }
-  t.scrollTo({
-    left: r,
-    top: a,
-    behavior: "auto"
-  });
-}
-function p(t, o, f) {
-  const c = f === "left" ? "offsetLeft" : "offsetTop";
-  let r = 0;
-  for (; o.offsetParent && (r += o[c], o.offsetParent !== t); )
-    o = o.offsetParent;
-  return r;
-}
-function g(t) {
-  const o = getComputedStyle(t);
-  return {
-    scrollMarginTop: parseFloat(o.scrollMarginTop) || 0,
-    scrollMarginRight: parseFloat(o.scrollMarginRight) || 0,
-    scrollMarginBottom: parseFloat(o.scrollMarginBottom) || 0,
-    scrollMarginLeft: parseFloat(o.scrollMarginLeft) || 0,
-    scrollPaddingTop: parseFloat(o.scrollPaddingTop) || 0,
-    scrollPaddingRight: parseFloat(o.scrollPaddingRight) || 0,
-    scrollPaddingBottom: parseFloat(o.scrollPaddingBottom) || 0,
-    scrollPaddingLeft: parseFloat(o.scrollPaddingLeft) || 0
-  };
-}
+const o = "_root_3fqlg_1", l = "_label_3fqlg_8", r = "_control_3fqlg_15", e = "_helperText_3fqlg_42", t = "_error_3fqlg_48", _ = {
+  root: o,
+  label: l,
+  control: r,
+  helperText: e,
+  error: t
+};
 export {
-  F as ALL_KEYS,
-  W as ALT,
-  h as ARROW_DOWN,
-  A as ARROW_KEYS,
-  R as ARROW_LEFT,
-  T as ARROW_RIGHT,
-  d as ARROW_UP,
-  N as COMPOSITE_KEYS,
-  u as CONTROL,
-  n as END,
-  e as HOME,
-  P as HORIZONTAL_KEYS,
-  H as HORIZONTAL_KEYS_WITH_EXTRA_KEYS,
-  _ as META,
-  K as MODIFIER_KEYS,
-  O as SHIFT,
-  E as VERTICAL_KEYS,
-  Y as VERTICAL_KEYS_WITH_EXTRA_KEYS,
-  B as isNativeInput,
-  y as scrollIntoViewIfNeeded
+  r as control,
+  _ as default,
+  t as error,
+  e as helperText,
+  l as label,
+  o as root
 };