npm - @px-ui/core - Versions diffs - 1.23.0 → 1.24.0 - Mend

@px-ui/core 1.23.0 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (364) hide show

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/composite/root/useCompositeRoot.js ADDED Viewed

@@ -0,0 +1,134 @@
+import * as I from "react";
+import { isElementDisabled as te } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/isElementDisabled.js";
+import { useEventCallback as P } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useMergedRefs as ne } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useMergedRefs.js";
+import { scrollIntoViewIfNeeded as V, ALL_KEYS as re, ARROW_KEYS as ie, isNativeInput as F, ARROW_DOWN as k, ARROW_RIGHT as T, HOME as oe, END as se, ARROW_LEFT as B, ARROW_UP as C, VERTICAL_KEYS_WITH_EXTRA_KEYS as le, VERTICAL_KEYS as ae, HORIZONTAL_KEYS_WITH_EXTRA_KEYS as de, HORIZONTAL_KEYS as ce, MODIFIER_KEYS as fe } from "../composite.js";
+import { ACTIVE_COMPOSITE_ITEM as ue } from "../constants.js";
+import { getMinListIndex as he, getMaxListIndex as Ie, createGridCellMap as ge, isListIndexDisabled as H, getGridNavigatedIndex as Re, getGridCellIndexOfCorner as xe, getGridCellIndices as me, findNonDisabledListIndex as ye, isIndexOutOfListBounds as Ee } from "../../floating-ui-react/utils/composite.js";
+const Ke = [];
+function Me(p) {
+  const {
+    itemSizes: y,
+    cols: l = 1,
+    loop: E = !0,
+    dense: L = !1,
+    orientation: r = "both",
+    direction: K,
+    highlightedIndex: X,
+    onHighlightedIndexChange: Z,
+    rootRef: q,
+    enableHomeAndEndKeys: g = !1,
+    stopEventPropagation: Y = !1,
+    disabledIndices: o,
+    modifierKeys: w = Ke
+  } = p, [U, j] = I.useState(0), b = l > 1, R = I.useRef(null), z = ne(R, q), t = I.useRef([]), D = I.useRef(!1), a = X ?? U, x = P((e, s = !1) => {
+    if ((Z ?? j)(e), s) {
+      const u = t.current[e];
+      V(R.current, u, K, r);
+    }
+  }), N = P((e) => {
+    if (e.size === 0 || D.current)
+      return;
+    D.current = !0;
+    const s = Array.from(e.keys()), u = s.find((d) => d == null ? void 0 : d.hasAttribute(ue)) ?? null, h = u ? s.indexOf(u) : -1;
+    h !== -1 && x(h), V(R.current, u, K, r);
+  }), G = I.useMemo(() => ({
+    "aria-orientation": r === "both" ? void 0 : r,
+    ref: z,
+    onFocus(e) {
+      !R.current || !F(e.target) || e.target.setSelectionRange(0, e.target.value.length ?? 0);
+    },
+    onKeyDown(e) {
+      const s = g ? re : ie;
+      if (!s.has(e.key) || _e(e, w) || !R.current)
+        return;
+      const h = K === "rtl", d = h ? B : T, J = {
+        horizontal: d,
+        vertical: k,
+        both: d
+      }[r], _ = h ? T : B, Q = {
+        horizontal: _,
+        vertical: C,
+        both: _
+      }[r];
+      if (F(e.target) && !te(e.target)) {
+        const i = e.target.selectionStart, c = e.target.selectionEnd, M = e.target.value ?? "";
+        if (i == null || e.shiftKey || i !== c || e.key !== Q && i < M.length || e.key !== J && i > 0)
+          return;
+      }
+      let n = a;
+      const A = he(t, o), S = Ie(t, o);
+      if (b) {
+        const i = y || Array.from({
+          length: t.current.length
+        }, () => ({
+          width: 1,
+          height: 1
+        })), c = ge(i, l, L), M = c.findIndex((f) => f != null && !H(t, f, o)), v = c.reduce((f, m, ee) => m != null && !H(t, m, o) ? ee : f, -1);
+        n = c[Re({
+          current: c.map((f) => f ? t.current[f] : null)
+        }, {
+          event: e,
+          orientation: r,
+          loop: E,
+          cols: l,
+          // treat undefined (empty grid spaces) as disabled indices so we
+          // don't end up in them
+          disabledIndices: me([...o || t.current.map((f, m) => H(t, m) ? m : void 0), void 0], c),
+          minIndex: M,
+          maxIndex: v,
+          prevIndex: xe(
+            a > S ? A : a,
+            i,
+            c,
+            l,
+            // use a corner matching the edge closest to the direction we're
+            // moving in so we don't end up in the same item. Prefer
+            // top/left over bottom/right.
+            // eslint-disable-next-line no-nested-ternary
+            e.key === k ? "bl" : e.key === T ? "tr" : "tl"
+          ),
+          rtl: h
+        })];
+      }
+      const W = {
+        horizontal: [d],
+        vertical: [k],
+        both: [d, k]
+      }[r], O = {
+        horizontal: [_],
+        vertical: [C],
+        both: [_, C]
+      }[r], $ = b ? s : {
+        horizontal: g ? de : ce,
+        vertical: g ? le : ae,
+        both: s
+      }[r];
+      g && (e.key === oe ? n = A : e.key === se && (n = S)), n === a && (W.includes(e.key) || O.includes(e.key)) && (E && n === S && W.includes(e.key) ? n = A : E && n === A && O.includes(e.key) ? n = S : n = ye(t, {
+        startingIndex: n,
+        decrement: O.includes(e.key),
+        disabledIndices: o
+      })), n !== a && !Ee(t, n) && (Y && e.stopPropagation(), $.has(e.key) && e.preventDefault(), x(n, !0), queueMicrotask(() => {
+        var i;
+        (i = t.current[n]) == null || i.focus();
+      }));
+    }
+  }), [l, L, K, o, t, g, a, b, y, E, z, w, x, r, Y]);
+  return I.useMemo(() => ({
+    props: G,
+    highlightedIndex: a,
+    onHighlightedIndexChange: x,
+    elementsRef: t,
+    disabledIndices: o,
+    onMapChange: N
+  }), [G, a, x, t, o, N]);
+}
+function _e(p, y) {
+  for (const l of fe.values())
+    if (!y.includes(l) && p.getModifierState(l))
+      return !0;
+  return !1;
+}
+export {
+  Me as useCompositeRoot
+};

@@ -0,0 +1,13 @@
+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("Base UI: ContextMenuRootContext is missing. ContextMenu parts must be placed within <ContextMenu.Root>.");
+  return t;
+}
+export {
+  o as ContextMenuRootContext,
+  u as useContextMenuRootContext
+};

@@ -0,0 +1,39 @@
+import * as s from "react";
+import { useDialogRootContext as u } from "../root/DialogRootContext.js";
+import { useRenderElement as m } from "../../utils/useRenderElement.js";
+import { popupStateMapping as l } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as f } from "../../utils/stateAttributesMapping.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
+};

@@ -0,0 +1,34 @@
+import * as s from "react";
+import { useDialogClose as f } from "./useDialogClose.js";
+import { useDialogRootContext as u } from "../root/DialogRootContext.js";
+import { useRenderElement as c } from "../../utils/useRenderElement.js";
+const d = /* @__PURE__ */ s.forwardRef(function(o, r) {
+  const {
+    render: D,
+    className: C,
+    disabled: e = !1,
+    nativeButton: n = !0,
+    ...a
+  } = o, {
+    store: t
+  } = u(), i = t.useState("open"), {
+    getRootProps: l,
+    ref: p
+  } = f({
+    disabled: e,
+    open: i,
+    setOpen: t.setOpen,
+    nativeButton: n
+  }), m = s.useMemo(() => ({
+    disabled: e
+  }), [e]);
+  return c("button", o, {
+    state: m,
+    ref: [r, p],
+    props: [a, l]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "DialogClose");
+export {
+  d as DialogClose
+};

@@ -0,0 +1,29 @@
+import { useEventCallback as l } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useButton as c } from "../../use-button/useButton.js";
+import { createChangeEventDetails as f } from "../../utils/createBaseUIEventDetails.js";
+import { mergeProps as m } from "../../merge-props/mergeProps.js";
+function b(e) {
+  const {
+    open: o,
+    setOpen: n,
+    disabled: r,
+    nativeButton: s
+  } = e, i = l((t) => {
+    o && n(!1, f("close-press", t.nativeEvent));
+  }), {
+    getButtonProps: a,
+    buttonRef: p
+  } = c({
+    disabled: r,
+    native: s
+  });
+  return {
+    getRootProps: (t) => m({
+      onClick: i
+    }, t, a),
+    ref: p
+  };
+}
+export {
+  b as useDialogClose
+};

@@ -0,0 +1,24 @@
+import * as n from "react";
+import { useDialogRootContext as p } from "../root/DialogRootContext.js";
+import { useRenderElement as a } from "../../utils/useRenderElement.js";
+import { useBaseUiId as c } from "../../utils/useBaseUiId.js";
+const d = /* @__PURE__ */ n.forwardRef(function(e, r) {
+  const {
+    render: l,
+    className: f,
+    id: i,
+    ...t
+  } = e, {
+    store: s
+  } = p(), o = c(i);
+  return s.useSyncedValueWithCleanup("descriptionElementId", o), a("p", e, {
+    ref: r,
+    props: [{
+      id: o
+    }, t]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "DialogDescription");
+export {
+  d as DialogDescription
+};

@@ -0,0 +1,85 @@
+import * as s from "react";
+import { inertValue as M } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/inertValue.js";
+import { useEventCallback as y } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useDialogRootContext as j } from "../root/DialogRootContext.js";
+import { useRenderElement as k } from "../../utils/useRenderElement.js";
+import { popupStateMapping as N } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as v } from "../../utils/stateAttributesMapping.js";
+import { DialogPopupCssVars as V } from "./DialogPopupCssVars.js";
+import { DialogPopupDataAttributes as w } from "./DialogPopupDataAttributes.js";
+import { InternalBackdrop as A } from "../../utils/InternalBackdrop.js";
+import { useDialogPortalContext as B } from "../portal/DialogPortalContext.js";
+import { useOpenChangeComplete as K } from "../../utils/useOpenChangeComplete.js";
+import { COMPOSITE_KEYS as T } from "../../composite/composite.js";
+import { j as r } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingFocusManager as _ } from "../../floating-ui-react/components/FloatingFocusManager.js";
+const Y = {
+  ...N,
+  ...v,
+  nestedDialogOpen(i) {
+    return i ? {
+      [w.nestedDialogOpen]: ""
+    } : null;
+  }
+}, q = /* @__PURE__ */ s.forwardRef(function(a, g) {
+  const {
+    className: z,
+    finalFocus: S,
+    initialFocus: p,
+    render: G,
+    ...x
+  } = a, {
+    store: t
+  } = j(), D = t.useState("descriptionElementId"), C = t.useState("dismissible"), E = t.useState("floatingRootContext"), b = t.useState("popupProps"), u = t.useState("modal"), n = t.useState("mounted"), l = t.useState("nested"), m = t.useState("nestedOpenDialogCount"), o = t.useState("open"), F = t.useState("openMethod"), O = t.useState("titleElementId"), c = t.useState("transitionStatus");
+  B(), K({
+    open: o,
+    ref: t.context.popupRef,
+    onComplete() {
+      var e, f;
+      o && ((f = (e = t.context).openChangeComplete) == null || f.call(e, !0));
+    }
+  });
+  const P = y((e) => e === "touch" ? t.context.popupRef.current : !0), R = p === void 0 ? P : p, d = m > 0, I = s.useMemo(() => ({
+    open: o,
+    nested: l,
+    transitionStatus: c,
+    nestedDialogOpen: d
+  }), [o, l, c, d]), h = k("div", a, {
+    state: I,
+    props: [b, {
+      "aria-labelledby": O ?? void 0,
+      "aria-describedby": D ?? void 0,
+      role: "dialog",
+      tabIndex: -1,
+      hidden: !n,
+      onKeyDown(e) {
+        T.has(e.key) && e.stopPropagation();
+      },
+      style: {
+        [V.nestedDialogs]: m
+      }
+    }, x],
+    ref: [g, t.context.popupRef, t.getElementSetter("popupElement")],
+    stateAttributesMapping: Y
+  });
+  return /* @__PURE__ */ r.jsxs(s.Fragment, {
+    children: [n && u === !0 && /* @__PURE__ */ r.jsx(A, {
+      ref: t.context.internalBackdropRef,
+      inert: M(!o)
+    }), /* @__PURE__ */ r.jsx(_, {
+      context: E,
+      openInteractionType: F,
+      disabled: !n,
+      closeOnFocusOut: C,
+      initialFocus: R,
+      returnFocus: S,
+      modal: u !== !1,
+      restoreFocus: "popup",
+      children: h
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "DialogPopup");
+export {
+  q as DialogPopup
+};

@@ -0,0 +1,6 @@
+let t = /* @__PURE__ */ function(e) {
+  return e.nestedDialogs = "--nested-dialogs", e;
+}({});
+export {
+  t as DialogPopupCssVars
+};

@@ -0,0 +1,7 @@
+import { CommonPopupDataAttributes as e } from "../../utils/popupStateMapping.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 {
+  y as DialogPopupDataAttributes
+};

@@ -0,0 +1,24 @@
+import "react";
+import { useDialogRootContext as l } from "../root/DialogRootContext.js";
+import { DialogPortalContext as s } from "./DialogPortalContext.js";
+import { j as t } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingPortal as u } from "../../floating-ui-react/components/FloatingPortal.js";
+function h(r) {
+  const {
+    children: e,
+    keepMounted: o = !1,
+    container: n
+  } = r, {
+    store: i
+  } = l();
+  return i.useState("mounted") || o ? /* @__PURE__ */ t.jsx(s.Provider, {
+    value: o,
+    children: /* @__PURE__ */ t.jsx(u, {
+      root: n,
+      children: e
+    })
+  }) : null;
+}
+export {
+  h as DialogPortal
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
+function n() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error("Base UI: <Dialog.Portal> is missing.");
+  return o;
+}
+export {
+  e as DialogPortalContext,
+  n as useDialogPortalContext
+};

@@ -0,0 +1,56 @@
+import * as f from "react";
+import { useRefWithInit as g } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useRefWithInit.js";
+import { useDialogRoot as C } from "./useDialogRoot.js";
+import { useDialogRootContext as x, DialogRootContext as E } from "./DialogRootContext.js";
+import { DialogStore as R } from "../store.js";
+import { getEmptyContext as h } from "../../floating-ui-react/hooks/useFloatingRootContext.js";
+import { j as D } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { EMPTY_OBJECT as t } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/empty.js";
+const O = {
+  open: !1,
+  dismissible: !0,
+  nested: !1,
+  popupElement: null,
+  triggerElement: null,
+  modal: !0,
+  descriptionElementId: void 0,
+  titleElementId: void 0,
+  openMethod: null,
+  mounted: !1,
+  transitionStatus: "idle",
+  nestedOpenDialogCount: 0,
+  triggerProps: t,
+  popupProps: t,
+  floatingRootContext: h()
+}, P = function(n) {
+  const {
+    children: r,
+    open: l,
+    defaultOpen: s = !1,
+    onOpenChange: i,
+    onOpenChangeComplete: p,
+    dismissible: a = !0,
+    modal: u = !0,
+    actionsRef: m
+  } = n, o = x(!0), d = !!o, e = g(R.create, O).current;
+  e.useControlledProp("open", l, s), e.useSyncedValues({
+    dismissible: a,
+    nested: d,
+    modal: u
+  }), e.useContextCallback("openChange", i), e.useContextCallback("openChangeComplete", p), C({
+    store: e,
+    actionsRef: m,
+    parentContext: o == null ? void 0 : o.store.context
+  });
+  const c = f.useMemo(() => ({
+    store: e
+  }), [e]);
+  return /* @__PURE__ */ D.jsx(E.Provider, {
+    value: c,
+    children: r
+  });
+};
+process.env.NODE_ENV !== "production" && (P.displayName = "DialogRoot");
+export {
+  P as DialogRoot
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
+function i(n) {
+  const o = t.useContext(e);
+  if (n === !1 && o === void 0)
+    throw new Error("Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");
+  return o;
+}
+export {
+  e as DialogRootContext,
+  i as useDialogRootContext
+};

@@ -0,0 +1,96 @@
+import * as c from "react";
+import { useEventCallback as I } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useScrollLock as v } from "../../utils/useScrollLock.js";
+import { useTransitionStatus as B } from "../../utils/useTransitionStatus.js";
+import { useOpenInteractionType as M } from "../../utils/useOpenInteractionType.js";
+import { useOpenChangeComplete as w } from "../../utils/useOpenChangeComplete.js";
+import { useFloatingRootContext as F } from "../../floating-ui-react/hooks/useFloatingRootContext.js";
+import { useRole as N } from "../../floating-ui-react/hooks/useRole.js";
+import { useClick as H } from "../../floating-ui-react/hooks/useClick.js";
+import { useDismiss as K } from "../../floating-ui-react/hooks/useDismiss.js";
+import { useInteractions as L } from "../../floating-ui-react/hooks/useInteractions.js";
+import { getTarget as U } from "../../floating-ui-react/utils/element.js";
+function Z(l) {
+  const {
+    store: e,
+    parentContext: t
+  } = l, o = e.useState("open"), D = e.useState("dismissible"), a = e.useState("modal"), k = e.useState("triggerElement"), p = e.useState("popupElement"), {
+    mounted: m,
+    setMounted: O,
+    transitionStatus: b
+  } = B(o), {
+    openMethod: S,
+    triggerProps: f,
+    reset: x
+  } = M(o), u = I(() => {
+    var n, i;
+    O(!1), (i = (n = e.context).openChangeComplete) == null || i.call(n, !1), x();
+  });
+  w({
+    enabled: !l.actionsRef,
+    open: o,
+    ref: e.context.popupRef,
+    onComplete() {
+      o || u();
+    }
+  }), c.useImperativeHandle(l.actionsRef, () => ({
+    unmount: u
+  }), [u]);
+  const s = F({
+    elements: {
+      reference: k,
+      floating: p
+    },
+    open: o,
+    onOpenChange: e.setOpen,
+    noEmit: !0
+  }), [r, g] = c.useState(0), d = r === 0, E = N(s), P = H(s), T = K(s, {
+    outsidePressEvent() {
+      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
+        mouse: a === "trap-focus" ? "sloppy" : "intentional",
+        touch: "sloppy"
+      };
+    },
+    outsidePress(n) {
+      if (n.button !== 0)
+        return !1;
+      const i = U(n);
+      if (d && D) {
+        const R = i;
+        return a && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === R || e.context.backdropRef.current === R : !0;
+      }
+      return !1;
+    },
+    escapeKey: d
+  });
+  v({
+    enabled: o && a === !0,
+    mounted: m,
+    open: o,
+    referenceElement: p
+  });
+  const {
+    getReferenceProps: C,
+    getFloatingProps: h
+  } = L([E, P, T]);
+  e.useContextCallback("nestedDialogOpen", (n) => {
+    g(n + 1);
+  }), e.useContextCallback("nestedDialogClose", () => {
+    g(0);
+  }), c.useEffect(() => (t != null && t.nestedDialogOpen && o && t.nestedDialogOpen(r), t != null && t.nestedDialogClose && !o && t.nestedDialogClose(), () => {
+    t != null && t.nestedDialogClose && o && t.nestedDialogClose();
+  }), [o, t, r]);
+  const y = c.useMemo(() => C(f), [C, f]);
+  e.useSyncedValues({
+    openMethod: S,
+    mounted: m,
+    transitionStatus: b,
+    triggerProps: y,
+    popupProps: h(),
+    floatingRootContext: s,
+    nestedOpenDialogCount: r
+  });
+}
+export {
+  Z as useDialogRoot
+};

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/dialog/store.js ADDED Viewed

@@ -0,0 +1,51 @@
+var m = Object.defineProperty;
+var g = (e, n, o) => n in e ? m(e, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[n] = o;
+var d = (e, n, o) => g(e, typeof n != "symbol" ? n + "" : n, o);
+import * as r from "react";
+import { ReactStore as f } from "../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/ReactStore.js";
+import { createSelector as t } from "../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/createSelector.js";
+const u = {
+  open: t((e) => e.open),
+  modal: t((e) => e.modal),
+  nested: t((e) => e.nested),
+  nestedOpenDialogCount: t((e) => e.nestedOpenDialogCount),
+  dismissible: t((e) => e.dismissible),
+  openMethod: t((e) => e.openMethod),
+  descriptionElementId: t((e) => e.descriptionElementId),
+  titleElementId: t((e) => e.titleElementId),
+  mounted: t((e) => e.mounted),
+  transitionStatus: t((e) => e.transitionStatus),
+  triggerProps: t((e) => e.triggerProps),
+  popupProps: t((e) => e.popupProps),
+  floatingRootContext: t((e) => e.floatingRootContext),
+  popupElement: t((e) => e.popupElement),
+  triggerElement: t((e) => e.triggerElement)
+};
+class c extends f {
+  constructor() {
+    super(...arguments);
+    d(this, "setOpen", (o, s) => {
+      var i, p, a;
+      if ((p = (i = this.context).openChange) == null || p.call(i, o, s), s.isCanceled)
+        return;
+      const l = {
+        open: o,
+        nativeEvent: s.event,
+        reason: s.reason,
+        nested: this.state.nested
+      };
+      (a = this.state.floatingRootContext.events) == null || a.emit("openchange", l), this.set("open", o);
+    });
+  }
+  static create(o) {
+    const s = {
+      popupRef: /* @__PURE__ */ r.createRef(),
+      backdropRef: /* @__PURE__ */ r.createRef(),
+      internalBackdropRef: /* @__PURE__ */ r.createRef()
+    };
+    return new c(o, s, u);
+  }
+}
+export {
+  c as DialogStore
+};

@@ -0,0 +1,24 @@
+import * as l from "react";
+import { useDialogRootContext as n } from "../root/DialogRootContext.js";
+import { useRenderElement as a } from "../../utils/useRenderElement.js";
+import { useBaseUiId as m } from "../../utils/useBaseUiId.js";
+const d = /* @__PURE__ */ l.forwardRef(function(e, t) {
+  const {
+    render: c,
+    className: f,
+    id: r,
+    ...i
+  } = e, {
+    store: s
+  } = n(), o = m(r);
+  return s.useSyncedValueWithCleanup("titleElementId", o), a("h2", e, {
+    ref: t,
+    props: [{
+      id: o
+    }, i]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "DialogTitle");
+export {
+  d as DialogTitle
+};