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

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

@@ -1,81 +1,14 @@
-import * as a from "react";
-import { useRefWithInit as T } from "./als-react-ts-ui222.js";
-import { useStableCallback as l } from "./als-react-ts-ui266.js";
-import { useIsoLayoutEffect as f } from "./als-react-ts-ui267.js";
-import { CompositeListContext as D } from "./als-react-ts-ui343.js";
-import { jsx as L } from "react/jsx-runtime";
-function k(h) {
-  const {
-    children: N,
-    elementsRef: t,
-    labelsRef: o,
-    onMapChange: _
-  } = h, E = l(_), O = a.useRef(0), d = T(R).current, i = T(P).current, [p, M] = a.useState(0), c = a.useRef(p), C = l((e, u) => {
-    i.set(e, u ?? null), c.current += 1, M(c.current);
-  }), I = l((e) => {
-    i.delete(e), c.current += 1, M(c.current);
-  }), r = a.useMemo(() => {
-    const e = /* @__PURE__ */ new Map();
-    return Array.from(i.keys()).sort(S).forEach((n, m) => {
-      const s = i.get(n) ?? {};
-      e.set(n, {
-        ...s,
-        index: m
-      });
-    }), e;
-  }, [i, p]);
-  f(() => {
-    if (typeof MutationObserver != "function" || r.size === 0)
-      return;
-    const e = new MutationObserver((u) => {
-      const n = /* @__PURE__ */ new Set(), m = (s) => n.has(s) ? n.delete(s) : n.add(s);
-      u.forEach((s) => {
-        s.removedNodes.forEach(m), s.addedNodes.forEach(m);
-      }), n.size === 0 && (c.current += 1, M(c.current));
-    });
-    return r.forEach((u, n) => {
-      n.parentElement && e.observe(n.parentElement, {
-        childList: !0
-      });
-    }), () => {
-      e.disconnect();
-    };
-  }, [r]), f(() => {
-    c.current === p && (t.current.length !== r.size && (t.current.length = r.size), o && o.current.length !== r.size && (o.current.length = r.size), O.current = r.size), E(r);
-  }, [E, r, t, o, p]), f(() => () => {
-    t.current = [];
-  }, [t]), f(() => () => {
-    o && (o.current = []);
-  }, [o]);
-  const g = l((e) => (d.add(e), () => {
-    d.delete(e);
-  }));
-  f(() => {
-    d.forEach((e) => e(r));
-  }, [d, r]);
-  const b = a.useMemo(() => ({
-    register: C,
-    unregister: I,
-    subscribeMapChange: g,
-    elementsRef: t,
-    labelsRef: o,
-    nextIndexRef: O
-  }), [C, I, g, t, o, O]);
-  return /* @__PURE__ */ L(D.Provider, {
-    value: b,
-    children: N
-  });
-}
-function P() {
-  return /* @__PURE__ */ new Map();
-}
-function R() {
-  return /* @__PURE__ */ new Set();
-}
-function S(h, N) {
-  const t = h.compareDocumentPosition(N);
-  return t & Node.DOCUMENT_POSITION_FOLLOWING || t & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : t & Node.DOCUMENT_POSITION_PRECEDING || t & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
+import i from "./als-react-ts-ui286.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
+function s(n) {
+  const o = t.useContext(e);
+  if (n === !1 && o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
+  return o;
 }
 export {
-  k as CompositeList
+  e as DialogRootContext,
+  s as useDialogRootContext
 };

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

@@ -1,10 +1,65 @@
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "DirectionContext");
-function o() {
-  return t.useContext(e)?.direction ?? "ltr";
+import * as i from "react";
+import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./als-react-ts-ui331.js";
+import { ReactStore as p } from "./als-react-ts-ui332.js";
+import { PopupTriggerMap as g } from "./als-react-ts-ui333.js";
+import { createSelector as n } from "./als-react-ts-ui334.js";
+const m = {
+  ...d,
+  modal: n((e) => e.modal),
+  nested: n((e) => e.nested),
+  nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
+  disablePointerDismissal: n((e) => e.disablePointerDismissal),
+  openMethod: n((e) => e.openMethod),
+  descriptionElementId: n((e) => e.descriptionElementId),
+  titleElementId: n((e) => e.titleElementId),
+  viewportElement: n((e) => e.viewportElement),
+  role: n((e) => e.role)
+};
+class C extends p {
+  constructor(o) {
+    super(c(o), {
+      popupRef: /* @__PURE__ */ i.createRef(),
+      backdropRef: /* @__PURE__ */ i.createRef(),
+      internalBackdropRef: /* @__PURE__ */ i.createRef(),
+      triggerElements: new g(),
+      onOpenChange: void 0,
+      onOpenChangeComplete: void 0
+    }, m);
+  }
+  setOpen = (o, t) => {
+    if (t.preventUnmountOnClose = () => {
+      this.set("preventUnmountingOnClose", !0);
+    }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
+      return;
+    const s = {
+      open: o,
+      nativeEvent: t.event,
+      reason: t.reason,
+      nested: this.state.nested
+    };
+    this.state.floatingRootContext.context.events?.emit("openchange", s);
+    const r = {
+      open: o
+    }, l = t.trigger?.id ?? null;
+    (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
+  };
+}
+function c(e = {}) {
+  return {
+    ...a(),
+    modal: !0,
+    disablePointerDismissal: !1,
+    popupElement: null,
+    viewportElement: null,
+    descriptionElementId: void 0,
+    titleElementId: void 0,
+    openMethod: null,
+    nested: !1,
+    nestedOpenDialogCount: 0,
+    role: "dialog",
+    ...e
+  };
 }
 export {
-  e as DirectionContext,
-  o as useDirection
+  C as DialogStore
 };

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

@@ -1,14 +1,40 @@
-import n from "./als-react-ts-ui242.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "AccordionRootContext");
-function c() {
-  const o = t.useContext(e);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionRootContext is missing. Accordion parts must be placed within <Accordion.Root>." : n(10));
-  return o;
-}
+import { TransitionStatusDataAttributes as p } from "./als-react-ts-ui272.js";
+let r = (function(n) {
+  return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = p.startingStyle] = "startingStyle", n[n.endingStyle = p.endingStyle] = "endingStyle", n.anchorHidden = "data-anchor-hidden", n;
+})({}), e = /* @__PURE__ */ (function(n) {
+  return n.popupOpen = "data-popup-open", n.pressed = "data-pressed", n;
+})({});
+const t = {
+  [e.popupOpen]: ""
+}, d = {
+  [e.popupOpen]: "",
+  [e.pressed]: ""
+}, O = {
+  [r.open]: ""
+}, l = {
+  [r.closed]: ""
+}, s = {
+  [r.anchorHidden]: ""
+}, i = {
+  open(n) {
+    return n ? t : null;
+  }
+}, a = {
+  open(n) {
+    return n ? d : null;
+  }
+}, o = {
+  open(n) {
+    return n ? O : l;
+  },
+  anchorHidden(n) {
+    return n ? s : null;
+  }
+};
 export {
-  e as AccordionRootContext,
-  c as useAccordionRootContext
+  r as CommonPopupDataAttributes,
+  e as CommonTriggerDataAttributes,
+  o as popupStateMapping,
+  a as pressableTriggerOpenStateMapping,
+  i as triggerOpenStateMapping
 };

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

@@ -1,69 +1,16 @@
-import { useRefWithInit as r } from "./als-react-ts-ui222.js";
-function b(n, e, c, t) {
-  const l = r(i).current;
-  return s(l, n, e, c, t) && o(l, [n, e, c, t]), l.callback;
-}
-function h(n) {
-  const e = r(i).current;
-  return f(e, n) && o(e, n), e.callback;
-}
-function i() {
-  return {
-    callback: null,
-    cleanup: null,
-    refs: []
-  };
-}
-function s(n, e, c, t, l) {
-  return n.refs[0] !== e || n.refs[1] !== c || n.refs[2] !== t || n.refs[3] !== l;
-}
-function f(n, e) {
-  return n.refs.length !== e.length || n.refs.some((c, t) => c !== e[t]);
-}
-function o(n, e) {
-  if (n.refs = e, e.every((c) => c == null)) {
-    n.callback = null;
-    return;
+let n = /* @__PURE__ */ (function(t) {
+  return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
+})({});
+const e = {
+  [n.startingStyle]: ""
+}, i = {
+  [n.endingStyle]: ""
+}, r = {
+  transitionStatus(t) {
+    return t === "starting" ? e : t === "ending" ? i : null;
   }
-  n.callback = (c) => {
-    if (n.cleanup && (n.cleanup(), n.cleanup = null), c != null) {
-      const t = Array(e.length).fill(null);
-      for (let l = 0; l < e.length; l += 1) {
-        const u = e[l];
-        if (u != null)
-          switch (typeof u) {
-            case "function": {
-              const a = u(c);
-              typeof a == "function" && (t[l] = a);
-              break;
-            }
-            case "object": {
-              u.current = c;
-              break;
-            }
-          }
-      }
-      n.cleanup = () => {
-        for (let l = 0; l < e.length; l += 1) {
-          const u = e[l];
-          if (u != null)
-            switch (typeof u) {
-              case "function": {
-                const a = t[l];
-                typeof a == "function" ? a() : u(null);
-                break;
-              }
-              case "object": {
-                u.current = null;
-                break;
-              }
-            }
-        }
-      };
-    }
-  };
-}
+};
 export {
-  b as useMergedRefs,
-  h as useMergedRefsN
+  n as TransitionStatusDataAttributes,
+  r as transitionStatusMapping
 };

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

@@ -1,66 +1,35 @@
-import * as e from "react";
-import { useControlled as A } from "./als-react-ts-ui265.js";
-import { useIsoLayoutEffect as B } from "./als-react-ts-ui267.js";
-import { useStableCallback as H } from "./als-react-ts-ui266.js";
-import { useBaseUiId as K } from "./als-react-ts-ui232.js";
-import { createChangeEventDetails as L } from "./als-react-ts-ui229.js";
-import { useAnimationsFinished as V } from "./als-react-ts-ui319.js";
-import { useTransitionStatus as j } from "./als-react-ts-ui342.js";
-import { triggerPress as q } from "./als-react-ts-ui231.js";
-function Z(F) {
-  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);
-  });
-  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]);
+import { EMPTY_OBJECT as r } from "./als-react-ts-ui322.js";
+function u(e, t, n, a) {
+  let o = !1, l = !1;
+  const s = a ?? r;
+  return {
+    reason: e,
+    event: t ?? new Event("base-ui"),
+    cancel() {
+      o = !0;
+    },
+    allowPropagation() {
+      l = !0;
+    },
+    get isCanceled() {
+      return o;
+    },
+    get isPropagationAllowed() {
+      return l;
+    },
+    trigger: n,
+    ...s
+  };
+}
+function d(e, t, n) {
+  const a = n ?? r;
+  return {
+    reason: e,
+    event: t ?? new Event("base-ui"),
+    ...a
+  };
 }
 export {
-  Z as useCollapsibleRoot
+  u as createChangeEventDetails,
+  d as createGenericEventDetails
 };

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

@@ -1,14 +1,91 @@
-import s 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 = "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 * as i from "react";
+import { isHTMLElement as K } from "./als-react-ts-ui338.js";
+import { useStableCallback as d } from "./als-react-ts-ui223.js";
+import { error as m } from "./als-react-ts-ui340.js";
+import { useIsoLayoutEffect as N } from "./als-react-ts-ui224.js";
+import { useCompositeRootContext as O } from "./als-react-ts-ui341.js";
+import { useFocusableWhenDisabled as T } from "./als-react-ts-ui342.js";
+import { mergeProps as U, makeEventPreventable as b } from "./als-react-ts-ui323.js";
+function F(a = {}) {
+  const {
+    disabled: o = !1,
+    focusableWhenDisabled: h,
+    tabIndex: D = 0,
+    native: n = !0
+  } = a, r = i.useRef(null), u = O(!0) !== void 0, f = d(() => {
+    const t = r.current;
+    return !!(t?.tagName === "A" && t?.href);
+  }), {
+    props: s
+  } = T({
+    focusableWhenDisabled: h,
+    disabled: o,
+    composite: u,
+    tabIndex: D,
+    isNativeButton: n
+  });
+  process.env.NODE_ENV !== "production" && i.useEffect(() => {
+    if (!r.current)
+      return;
+    const t = r.current.tagName === "BUTTON";
+    n ? t || m("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && m("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
+  }, [n]);
+  const l = i.useCallback(() => {
+    const t = r.current;
+    I(t) && u && o && s.disabled === void 0 && t.disabled && (t.disabled = !1);
+  }, [o, s.disabled, u]);
+  N(l, [l]);
+  const y = i.useCallback((t = {}) => {
+    const {
+      onClick: c,
+      onMouseDown: k,
+      onKeyUp: E,
+      onKeyDown: g,
+      onPointerDown: B,
+      ...C
+    } = t;
+    return U({
+      type: n ? "button" : void 0,
+      onClick(e) {
+        if (o) {
+          e.preventDefault();
+          return;
+        }
+        c?.(e);
+      },
+      onMouseDown(e) {
+        o || k?.(e);
+      },
+      onKeyDown(e) {
+        if (o || (b(e), g?.(e)), e.baseUIHandlerPrevented)
+          return;
+        const P = e.target === e.currentTarget && !n && !f() && !o, p = e.key === "Enter", x = e.key === " ";
+        P && ((x || p) && e.preventDefault(), p && c?.(e));
+      },
+      onKeyUp(e) {
+        o || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !n && !o && e.key === " " && c?.(e);
+      },
+      onPointerDown(e) {
+        if (o) {
+          e.preventDefault();
+          return;
+        }
+        B?.(e);
+      }
+    }, n ? void 0 : {
+      role: "button"
+    }, s, C);
+  }, [o, s, n, f]), w = d((t) => {
+    r.current = t, l();
+  });
+  return {
+    getButtonProps: y,
+    buttonRef: w
+  };
+}
+function I(a) {
+  return K(a) && a.tagName === "BUTTON";
 }
 export {
-  t as CollapsibleRootContext,
-  i as useCollapsibleRootContext
+  F as useButton
 };

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

@@ -1,55 +1,28 @@
-import * as u from "react";
-import { useIsoLayoutEffect as g } from "./als-react-ts-ui267.js";
-import { useCompositeListContext as F } from "./als-react-ts-ui343.js";
-let I = /* @__PURE__ */ (function(t) {
-  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
-})({});
-function N(t = {}) {
-  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]);
-}
+const s = "none", e = "trigger-press", t = "trigger-hover", n = "trigger-focus", o = "outside-press", r = "item-press", c = "close-press", i = "link-press", p = "clear-press", a = "track-press", g = "input-change", u = "input-clear", l = "input-blur", d = "input-paste", P = "focus-out", b = "escape-key", k = "list-navigation", v = "keyboard", m = "pointer", w = "drag", y = "scrub", f = "cancel-open", h = "sibling-open", O = "imperative-action", z = "window-resize";
 export {
-  I as IndexGuessBehavior,
-  N as useCompositeListItem
+  f as cancelOpen,
+  p as clearPress,
+  c as closePress,
+  w as drag,
+  b as escapeKey,
+  P as focusOut,
+  O as imperativeAction,
+  l as inputBlur,
+  g as inputChange,
+  u as inputClear,
+  d as inputPaste,
+  r as itemPress,
+  v as keyboard,
+  i as linkPress,
+  k as listNavigation,
+  s as none,
+  o as outsidePress,
+  m as pointer,
+  y as scrub,
+  h as siblingOpen,
+  a as trackPress,
+  n as triggerFocus,
+  t as triggerHover,
+  e as triggerPress,
+  z as windowResize
 };

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

@@ -1,14 +1,7 @@
-import n from "./als-react-ts-ui242.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 { useId as r } from "./als-react-ts-ui335.js";
+function i(e) {
+  return r(e, "base-ui");
 }
 export {
-  e as AccordionItemContext,
-  c as useAccordionItemContext
+  i as useBaseUiId
 };

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

@@ -1,14 +1,6 @@
-import { collapsibleOpenStateMapping as i } from "./als-react-ts-ui279.js";
-import { transitionStatusMapping as r } from "./als-react-ts-ui228.js";
-import { AccordionItemDataAttributes as n } from "./als-react-ts-ui344.js";
-const a = {
-  ...i,
-  index: (t) => Number.isInteger(t) ? {
-    [n.index]: String(t)
-  } : null,
-  ...r,
-  value: () => null
-};
+let t = /* @__PURE__ */ (function(e) {
+  return e.nestedDialogs = "--nested-dialogs", e;
+})({});
 export {
-  a as accordionStateAttributesMapping
+  t as DialogPopupCssVars
 };

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

@@ -1,6 +1,7 @@
-function i(t) {
-  return t == null || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true";
-}
+import { CommonPopupDataAttributes as e } from "./als-react-ts-ui271.js";
+let y = (function(n) {
+  return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
+})({});
 export {
-  i as isElementDisabled
+  y as DialogPopupDataAttributes
 };