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/popover/close/PopoverClose.js ADDED Viewed

@@ -0,0 +1,35 @@
+import * as i from "react";
+import { usePopoverRootContext as m } from "../root/PopoverRootContext.js";
+import { useRenderElement as f } from "../../utils/useRenderElement.js";
+import { createChangeEventDetails as c } from "../../utils/createBaseUIEventDetails.js";
+import { useButton as u } from "../../use-button/useButton.js";
+const v = /* @__PURE__ */ i.forwardRef(function(e, o) {
+  const {
+    render: C,
+    className: P,
+    disabled: t = !1,
+    nativeButton: n = !0,
+    ...r
+  } = e, {
+    buttonRef: s,
+    getButtonProps: a
+  } = u({
+    disabled: t,
+    focusableWhenDisabled: !1,
+    native: n
+  }), {
+    setOpen: l
+  } = m();
+  return f("button", e, {
+    ref: [o, s],
+    props: [{
+      onClick(p) {
+        l(!1, c("close-press", p.nativeEvent));
+      }
+    }, r, a]
+  });
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "PopoverClose");
+export {
+  v as PopoverClose
+};

@@ -0,0 +1,26 @@
+import * as n from "react";
+import { useIsoLayoutEffect 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/useIsoLayoutEffect.js";
+import { usePopoverRootContext as p } from "../root/PopoverRootContext.js";
+import { useBaseUiId as m } from "../../utils/useBaseUiId.js";
+import { useRenderElement as c } from "../../utils/useRenderElement.js";
+const f = /* @__PURE__ */ n.forwardRef(function(r, s) {
+  const {
+    render: u,
+    className: a,
+    ...t
+  } = r, {
+    setDescriptionId: e
+  } = p(), o = m(t.id);
+  return i(() => (e(o), () => {
+    e(void 0);
+  }), [e, o]), c("p", r, {
+    ref: s,
+    props: [{
+      id: o
+    }, t]
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "PopoverDescription");
+export {
+  f as PopoverDescription
+};

@@ -0,0 +1,78 @@
+import * as u from "react";
+import { useEventCallback as S } 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 { usePopoverRootContext as M } from "../root/PopoverRootContext.js";
+import { usePopoverPositionerContext as y } from "../positioner/PopoverPositionerContext.js";
+import { popupStateMapping as C } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as N } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete as h } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement as O } from "../../utils/useRenderElement.js";
+import { DISABLED_TRANSITIONS_STYLE as _ } from "../../utils/constants.js";
+import { COMPOSITE_KEYS as D } from "../../composite/composite.js";
+import { useToolbarRootContext as j } from "../../toolbar/root/ToolbarRootContext.js";
+import { j as A } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingFocusManager as Y } from "../../floating-ui-react/components/FloatingFocusManager.js";
+import { EMPTY_OBJECT as k } 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 w = {
+  ...C,
+  ...N
+}, B = /* @__PURE__ */ u.forwardRef(function(p, m) {
+  const {
+    className: L,
+    render: J,
+    initialFocus: s,
+    finalFocus: c,
+    ...l
+  } = p, {
+    open: t,
+    instantType: a,
+    transitionStatus: r,
+    popupProps: f,
+    titleId: d,
+    descriptionId: P,
+    popupRef: i,
+    mounted: g,
+    openReason: E,
+    onOpenChangeComplete: n,
+    modal: T,
+    openMethod: b
+  } = M(), o = y(), v = j() != null;
+  h({
+    open: t,
+    ref: i,
+    onComplete() {
+      t && (n == null || n(!0));
+    }
+  });
+  const x = S((e) => e === "touch" ? i.current : !0), F = s === void 0 ? x : s, I = u.useMemo(() => ({
+    open: t,
+    side: o.side,
+    align: o.align,
+    instant: a,
+    transitionStatus: r
+  }), [t, o.side, o.align, a, r]), R = O("div", p, {
+    state: I,
+    ref: [m, i],
+    props: [f, {
+      "aria-labelledby": d,
+      "aria-describedby": P,
+      onKeyDown(e) {
+        v && D.has(e.key) && e.stopPropagation();
+      }
+    }, r === "starting" ? _ : k, l],
+    stateAttributesMapping: w
+  });
+  return /* @__PURE__ */ A.jsx(Y, {
+    context: o.context,
+    openInteractionType: b,
+    modal: T === "trap-focus",
+    disabled: !g || E === "trigger-hover",
+    initialFocus: F,
+    returnFocus: c,
+    restoreFocus: "popup",
+    children: R
+  });
+});
+process.env.NODE_ENV !== "production" && (B.displayName = "PopoverPopup");
+export {
+  B as PopoverPopup
+};

@@ -0,0 +1,24 @@
+import "react";
+import { usePopoverRootContext as l } from "../root/PopoverRootContext.js";
+import { PopoverPortalContext as s } from "./PopoverPortalContext.js";
+import { j as r } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingPortal as m } from "../../floating-ui-react/components/FloatingPortal.js";
+function x(t) {
+  const {
+    children: e,
+    keepMounted: o = !1,
+    container: n
+  } = t, {
+    mounted: i
+  } = l();
+  return i || o ? /* @__PURE__ */ r.jsx(s.Provider, {
+    value: o,
+    children: /* @__PURE__ */ r.jsx(m, {
+      root: n,
+      children: e
+    })
+  }) : null;
+}
+export {
+  x as PopoverPortal
+};

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

@@ -0,0 +1,96 @@
+import * as r from "react";
+import { inertValue as H } 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 { usePopoverRootContext as V } from "../root/PopoverRootContext.js";
+import { PopoverPositionerContext as _ } from "./PopoverPositionerContext.js";
+import { useAnchorPositioning as w } from "../../utils/useAnchorPositioning.js";
+import { popupStateMapping as D } from "../../utils/popupStateMapping.js";
+import { usePopoverPortalContext as F } from "../portal/PopoverPortalContext.js";
+import { InternalBackdrop as L } from "../../utils/InternalBackdrop.js";
+import { useRenderElement as U } from "../../utils/useRenderElement.js";
+import { POPUP_COLLISION_AVOIDANCE as q } from "../../utils/constants.js";
+import { j as i } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useFloatingNodeId as z, FloatingNode as G } from "../../floating-ui-react/components/FloatingTree.js";
+const J = /* @__PURE__ */ r.forwardRef(function(s, l) {
+  const {
+    render: Q,
+    className: T,
+    anchor: m,
+    positionMethod: c = "absolute",
+    side: f = "bottom",
+    align: u = "center",
+    sideOffset: P = 0,
+    alignOffset: g = 0,
+    collisionBoundary: h = "clipping-ancestors",
+    collisionPadding: v = 5,
+    arrowPadding: x = 5,
+    sticky: E = !1,
+    trackAnchor: M = !0,
+    collisionAvoidance: N = q,
+    ...R
+  } = s, {
+    floatingRootContext: y,
+    open: e,
+    mounted: t,
+    setPositionerElement: O,
+    modal: A,
+    openReason: C,
+    openMethod: I,
+    triggerElement: j,
+    internalBackdropRef: k
+  } = V(), S = F(), p = z(), n = w({
+    anchor: m,
+    floatingRootContext: y,
+    positionMethod: c,
+    mounted: t,
+    side: f,
+    sideOffset: P,
+    align: u,
+    alignOffset: g,
+    arrowPadding: x,
+    collisionBoundary: h,
+    collisionPadding: v,
+    sticky: E,
+    trackAnchor: M,
+    keepMounted: S,
+    nodeId: p,
+    collisionAvoidance: N
+  }), a = r.useMemo(() => {
+    const d = {};
+    return e || (d.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !t,
+      style: {
+        ...n.positionerStyles,
+        ...d
+      }
+    };
+  }, [e, t, n.positionerStyles]), o = r.useMemo(() => ({
+    props: a,
+    ...n
+  }), [a, n]), b = r.useMemo(() => ({
+    open: e,
+    side: o.side,
+    align: o.align,
+    anchorHidden: o.anchorHidden
+  }), [e, o.side, o.align, o.anchorHidden]), B = U("div", s, {
+    state: b,
+    props: [o.props, R],
+    ref: [l, O],
+    stateAttributesMapping: D
+  });
+  return /* @__PURE__ */ i.jsxs(_.Provider, {
+    value: o,
+    children: [t && A === !0 && C !== "trigger-hover" && I !== "touch" && /* @__PURE__ */ i.jsx(L, {
+      ref: k,
+      inert: H(!e),
+      cutout: j
+    }), /* @__PURE__ */ i.jsx(G, {
+      id: p,
+      children: B
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "PopoverPositioner");
+export {
+  J as PopoverPositioner
+};

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

@@ -0,0 +1,164 @@
+import * as e from "react";
+import * as re from "react-dom";
+import { useTimeout as ie } 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/useTimeout.js";
+import { useControlled as le } 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/useControlled.js";
+import { useEventCallback as _ } 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 { useTransitionStatus as ce } from "../../utils/useTransitionStatus.js";
+import { OPEN_DELAY as pe } from "../utils/constants.js";
+import { useOpenInteractionType as ue } from "../../utils/useOpenInteractionType.js";
+import { useOpenChangeComplete as ae } from "../../utils/useOpenChangeComplete.js";
+import { PATIENT_CLICK_THRESHOLD as me } from "../../utils/constants.js";
+import { useScrollLock as fe } from "../../utils/useScrollLock.js";
+import { usePopoverRootContext as de, PopoverRootContext as ge } from "./PopoverRootContext.js";
+import { j as m } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingTree as Re, useFloatingParentNodeId as Pe } from "../../floating-ui-react/components/FloatingTree.js";
+import { useFloatingRootContext as Ce } from "../../floating-ui-react/hooks/useFloatingRootContext.js";
+import { useHover as he } from "../../floating-ui-react/hooks/useHover.js";
+import { safePolygon as Ie } from "../../floating-ui-react/safePolygon.js";
+import { useClick as ve } from "../../floating-ui-react/hooks/useClick.js";
+import { useDismiss as ye } from "../../floating-ui-react/hooks/useDismiss.js";
+import { useRole as Ee } from "../../floating-ui-react/hooks/useRole.js";
+import { useInteractions as Se } from "../../floating-ui-react/hooks/useInteractions.js";
+import { mergeProps as ke } from "../../merge-props/mergeProps.js";
+function A({
+  props: s
+}) {
+  const {
+    open: K,
+    onOpenChange: f,
+    defaultOpen: U = !1,
+    delay: d = pe,
+    closeDelay: g = 0,
+    openOnHover: R = !1,
+    onOpenChangeComplete: r,
+    modal: l = !1
+  } = s, [S, k] = e.useState(), [T, w] = e.useState(), [O, B] = e.useState(), [P, Y] = e.useState(null), [c, q] = e.useState(null), [p, x] = e.useState(null), [z, C] = e.useState(!0), G = e.useRef(null), J = e.useRef(null), b = e.useRef(null), h = ie(), Q = Pe() != null;
+  let u;
+  const [o, V] = le({
+    controlled: K,
+    default: U,
+    name: "Popover",
+    state: "open"
+  }), {
+    mounted: I,
+    setMounted: v,
+    transitionStatus: j
+  } = ce(o), {
+    openMethod: a,
+    triggerProps: H,
+    reset: W
+  } = ue(o), y = _(() => {
+    v(!1), C(!0), x(null), r == null || r(!1), W();
+  });
+  ae({
+    enabled: !s.actionsRef,
+    open: o,
+    ref: b,
+    onComplete() {
+      o || y();
+    }
+  }), e.useImperativeHandle(s.actionsRef, () => ({
+    unmount: y
+  }), [y]), e.useEffect(() => {
+    o || h.clear();
+  }, [h, o]);
+  const E = _((i, t) => {
+    const te = t.reason === "trigger-hover", L = t.reason === "trigger-press" && t.event.detail === 0, se = !i && (t.reason === "escape-key" || t.reason === "none");
+    if (f == null || f(i, t), t.isCanceled)
+      return;
+    const ne = {
+      open: i,
+      nativeEvent: t.event,
+      reason: t.reason,
+      nested: Q
+    };
+    u == null || u.emit("openchange", ne);
+    function N() {
+      V(i), i && x(t.reason);
+    }
+    te ? (C(!0), h.start(me, () => {
+      C(!1);
+    }), re.flushSync(N)) : N(), k(L || se ? L ? "click" : "dismiss" : void 0);
+  }), n = Ce({
+    elements: {
+      reference: P,
+      floating: c
+    },
+    open: o,
+    onOpenChange: E
+  });
+  u = n.events, fe({
+    enabled: o && l === !0 && p !== "trigger-hover" && a !== "touch",
+    mounted: I,
+    open: o,
+    referenceElement: c
+  });
+  const X = d, Z = he(n, {
+    enabled: R && (a !== "touch" || p !== "trigger-press"),
+    mouseOnly: !0,
+    move: !1,
+    handleClose: Ie({
+      blockPointerEvents: !0
+    }),
+    restMs: X,
+    delay: {
+      close: g
+    }
+  }), $ = ve(n, {
+    stickIfOpen: z
+  }), D = ye(n, {
+    outsidePressEvent: {
+      // Ensure `aria-hidden` on outside elements is removed immediately
+      // on outside press when trapping focus.
+      mouse: l === "trap-focus" ? "sloppy" : "intentional",
+      touch: "sloppy"
+    }
+  }), ee = Ee(n), {
+    getReferenceProps: M,
+    getFloatingProps: F
+  } = Se([Z, $, D, ee]), oe = e.useMemo(() => ({
+    open: o,
+    setOpen: E,
+    mounted: I,
+    setMounted: v,
+    transitionStatus: j,
+    triggerElement: P,
+    setTriggerElement: Y,
+    positionerElement: c,
+    setPositionerElement: q,
+    popupRef: b,
+    titleId: T,
+    setTitleId: w,
+    descriptionId: O,
+    setDescriptionId: B,
+    backdropRef: G,
+    internalBackdropRef: J,
+    triggerProps: ke(M(), H),
+    popupProps: F(),
+    floatingRootContext: n,
+    instantType: S,
+    openMethod: a,
+    openReason: p,
+    onOpenChangeComplete: r,
+    openOnHover: R,
+    delay: d,
+    closeDelay: g,
+    modal: l
+  }), [o, E, I, v, j, c, T, O, M, P, H, F, n, S, a, p, r, R, d, g, l]);
+  return /* @__PURE__ */ m.jsx(ge.Provider, {
+    value: oe,
+    children: s.children
+  });
+}
+function Je(s) {
+  return de(!0) ? /* @__PURE__ */ m.jsx(A, {
+    props: s
+  }) : /* @__PURE__ */ m.jsx(Re, {
+    children: /* @__PURE__ */ m.jsx(A, {
+      props: s
+    })
+  });
+}
+export {
+  Je as PopoverRoot
+};

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

@@ -0,0 +1,26 @@
+import * as n from "react";
+import { useIsoLayoutEffect 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/useIsoLayoutEffect.js";
+import { usePopoverRootContext as m } from "../root/PopoverRootContext.js";
+import { useRenderElement as p } from "../../utils/useRenderElement.js";
+import { useBaseUiId as f } from "../../utils/useBaseUiId.js";
+const d = /* @__PURE__ */ n.forwardRef(function(t, s) {
+  const {
+    render: l,
+    className: u,
+    ...r
+  } = t, {
+    setTitleId: e
+  } = m(), o = f(r.id);
+  return i(() => (e(o), () => {
+    e(void 0);
+  }), [e, o]), p("h2", t, {
+    ref: s,
+    props: [{
+      id: o
+    }, r]
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "PopoverTitle");
+export {
+  d as PopoverTitle
+};

@@ -0,0 +1,45 @@
+import * as r from "react";
+import { usePopoverRootContext as l } from "../root/PopoverRootContext.js";
+import { useButton as d } from "../../use-button/useButton.js";
+import { pressableTriggerOpenStateMapping as E, triggerOpenStateMapping as T } from "../../utils/popupStateMapping.js";
+import { useRenderElement as P } from "../../utils/useRenderElement.js";
+import { CLICK_TRIGGER_IDENTIFIER as b } from "../../utils/constants.js";
+const v = /* @__PURE__ */ r.forwardRef(function(o, s) {
+  const {
+    render: M,
+    className: N,
+    disabled: e = !1,
+    nativeButton: i = !0,
+    ...g
+  } = o, {
+    open: n,
+    setTriggerElement: m,
+    triggerProps: a,
+    openReason: p
+  } = l(), u = r.useMemo(() => ({
+    disabled: e,
+    open: n
+  }), [e, n]), {
+    getButtonProps: f,
+    buttonRef: c
+  } = d({
+    disabled: e,
+    native: i
+  }), R = r.useMemo(() => ({
+    open(t) {
+      return t && p === "trigger-press" ? E.open(t) : T.open(t);
+    }
+  }), [p]);
+  return P("button", o, {
+    state: u,
+    ref: [c, m, s],
+    props: [a, {
+      [b]: ""
+    }, g, f],
+    stateAttributesMapping: R
+  });
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "PopoverTrigger");
+export {
+  v as PopoverTrigger
+};

@@ -0,0 +1,4 @@
+const o = 300;
+export {
+  o as OPEN_DELAY
+};

@@ -0,0 +1,37 @@
+import * as o from "react";
+import { useRenderElement as u } from "../../utils/useRenderElement.js";
+import { useRadioRootContext as l } from "../root/RadioRootContext.js";
+import { stateAttributesMapping as R } from "../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete as C } from "../../utils/useOpenChangeComplete.js";
+import { useTransitionStatus as M } from "../../utils/useTransitionStatus.js";
+const N = /* @__PURE__ */ o.forwardRef(function(n, i) {
+  const {
+    render: E,
+    className: I,
+    keepMounted: d = !1,
+    ...c
+  } = n, t = l(), e = t.checked, {
+    transitionStatus: r,
+    setMounted: m
+  } = M(e), p = o.useMemo(() => ({
+    ...t,
+    transitionStatus: r
+  }), [t, r]), s = o.useRef(null), a = d || e, f = u("span", n, {
+    enabled: a,
+    ref: [i, s],
+    state: p,
+    props: c,
+    stateAttributesMapping: R
+  });
+  return C({
+    open: e,
+    ref: s,
+    onComplete() {
+      e || m(!1);
+    }
+  }), a ? f : null;
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "RadioIndicator");
+export {
+  N as RadioIndicator
+};