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/utils/resolveValueLabel.js ADDED Viewed

@@ -0,0 +1,53 @@
+import { serializeValue as e } from "./serializeValue.js";
+function a(n) {
+  return n != null && n.length > 0 && typeof n[0] == "object" && n[0] != null && "items" in n[0];
+}
+function o(n, r) {
+  if (r && n != null)
+    return r(n) ?? "";
+  if (n && typeof n == "object") {
+    if ("label" in n && n.label != null)
+      return String(n.label);
+    if ("value" in n)
+      return String(n.value);
+  }
+  return e(n);
+}
+function t(n, r) {
+  return r && n != null ? r(n) ?? "" : n && typeof n == "object" && "value" in n && "label" in n ? e(n.value) : e(n);
+}
+function y(n, r, f) {
+  if (f && n != null)
+    return f(n);
+  if (n && typeof n == "object" && "label" in n && n.label != null)
+    return n.label;
+  if (r && !Array.isArray(r))
+    return r[n] ?? o(n, f);
+  if (Array.isArray(r)) {
+    const c = a(r) ? r.flatMap((l) => l.items) : r;
+    if (n == null) {
+      const l = c.find((u) => u.value == null);
+      return l && l.label != null ? l.label : o(n, f);
+    }
+    if (typeof n != "object") {
+      const l = c.find((u) => u && u.value === n);
+      return l && l.label != null ? l.label : o(n, f);
+    }
+    if ("value" in n) {
+      const l = c.find((u) => u && u.value === n.value);
+      if (l && l.label != null)
+        return l.label;
+    }
+  }
+  return o(n, f);
+}
+function p(n, r) {
+  return !Array.isArray(n) || n.length === 0 ? "" : n.map((f) => o(f, r)).join(", ");
+}
+export {
+  a as isGroupedItems,
+  p as resolveMultipleLabels,
+  y as resolveSelectedLabel,
+  o as stringifyAsLabel,
+  t as stringifyAsValue
+};

@@ -0,0 +1,14 @@
+function t(r) {
+  if (r == null)
+    return "";
+  if (typeof r == "string")
+    return r;
+  try {
+    return JSON.stringify(r);
+  } catch {
+    return String(r);
+  }
+}
+export {
+  t as serializeValue
+};

@@ -0,0 +1,16 @@
+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;
+  }
+};
+export {
+  n as TransitionStatusDataAttributes,
+  r as transitionStatusMapping
+};

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/utils/styles.js ADDED Viewed

@@ -0,0 +1,13 @@
+import "react";
+import { j as s } from "../../../../../../../../_virtual/jsx-runtime.js";
+const e = "base-ui-disable-scrollbar", o = {
+  className: e,
+  element: /* @__PURE__ */ s.jsx("style", {
+    href: e,
+    precedence: "base-ui:low",
+    children: `.${e}{scrollbar-width:none}.${e}::-webkit-scrollbar{display:none}`
+  })
+};
+export {
+  o as styleDisableScrollbar
+};

@@ -0,0 +1,266 @@
+import * as a from "react";
+import { getSide as F, getSideAxis as ke, getAlignment as He } from "../../../../../../@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.js";
+import { ownerDocument as Qe } 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/owner.js";
+import { useIsoLayoutEffect as Ee } 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 { useLatestRef 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/useLatestRef.js";
+import { useEventCallback as Ze } 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 { useDirection as _e } from "../direction-provider/DirectionContext.js";
+import { arrow as et } from "../floating-ui-react/middleware/arrow.js";
+import { flip as tt, offset as nt, size as ot, hide as it, shift as rt, limitShift as st } from "../../../../../../@floating-ui_react-dom@2.1.6_react-dom@19.2.0_react@19.2.0/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import { useFloating as ct } from "../floating-ui-react/hooks/useFloating.js";
+import { autoUpdate as Ce } from "../../../../../../@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+function ze(l, f, d) {
+  const n = l === "inline-start" || l === "inline-end";
+  return {
+    top: "top",
+    right: n ? d ? "inline-start" : "inline-end" : "right",
+    bottom: "bottom",
+    left: n ? d ? "inline-end" : "inline-start" : "left"
+  }[f];
+}
+function Le(l, f, d) {
+  const {
+    rects: n,
+    placement: r
+  } = l;
+  return {
+    side: ze(f, F(r), d),
+    align: He(r) || "center",
+    anchor: {
+      width: n.reference.width,
+      height: n.reference.height
+    },
+    positioner: {
+      width: n.floating.width,
+      height: n.floating.height
+    }
+  };
+}
+function wt(l) {
+  var Oe, $e;
+  const {
+    // Public parameters
+    anchor: f,
+    positionMethod: d = "absolute",
+    side: n = "bottom",
+    sideOffset: r = 0,
+    align: A = "center",
+    alignOffset: H = 0,
+    collisionBoundary: J,
+    collisionPadding: Be = 5,
+    sticky: z = !1,
+    arrowPadding: K = 5,
+    trackAnchor: B = !0,
+    // Private parameters
+    keepMounted: V = !1,
+    floatingRootContext: Y,
+    mounted: s,
+    collisionAvoidance: I,
+    shiftCrossAxis: w = !1,
+    nodeId: Ve,
+    adaptiveOrigin: T,
+    lazyFlip: N = !1
+  } = l, [Q, Z] = a.useState(null);
+  !s && Q !== null && Z(null);
+  const R = I.side || "flip", S = I.align || "flip", Ye = I.fallbackAxisSide || "end", _ = typeof f == "function" ? f : void 0, Ie = Ze(_), ee = _ ? Ie : f, v = G(f), p = _e() === "rtl", te = Q || {
+    top: "top",
+    right: "right",
+    bottom: "bottom",
+    left: "left",
+    "inline-end": p ? "left" : "right",
+    "inline-start": p ? "right" : "left"
+  }[n], Te = A === "center" ? te : `${te}-${A}`;
+  let t = Be;
+  const u = 1, ne = n === "bottom" ? u : 0, oe = n === "top" ? u : 0, ie = n === "right" ? u : 0, re = n === "left" ? u : 0;
+  typeof t == "number" ? t = {
+    top: t + ne,
+    right: t + re,
+    bottom: t + oe,
+    left: t + ie
+  } : t && (t = {
+    top: (t.top || 0) + ne,
+    right: (t.right || 0) + re,
+    bottom: (t.bottom || 0) + oe,
+    left: (t.left || 0) + ie
+  });
+  const D = {
+    boundary: J === "clipping-ancestors" ? "clippingAncestors" : J,
+    padding: t
+  }, h = a.useRef(null), U = G(r), W = G(H), M = [nt((e) => {
+    const o = Le(e, n, p), c = typeof U.current == "function" ? U.current(o) : U.current, i = typeof W.current == "function" ? W.current(o) : W.current;
+    return {
+      mainAxis: c,
+      crossAxis: i,
+      alignmentAxis: i
+    };
+  }, [typeof r != "function" ? r : 0, typeof H != "function" ? H : 0, p, n])], se = S === "none" && R !== "shift", ce = !se && (z || w || R === "shift"), le = R === "none" ? null : tt({
+    ...D,
+    // Ensure the popup flips if it's been limited by its --available-height and it resizes.
+    // Since the size() padding is smaller than the flip() padding, flip() will take precedence.
+    padding: {
+      top: t.top + u,
+      right: t.right + u,
+      bottom: t.bottom + u,
+      left: t.left + u
+    },
+    mainAxis: !w && R === "flip",
+    crossAxis: S === "flip" ? "alignment" : !1,
+    fallbackAxisSideDirection: Ye
+  }), ae = se ? null : rt((e) => {
+    const o = Qe(e.elements.floating).documentElement;
+    return {
+      ...D,
+      // Use the Layout Viewport to avoid shifting around when pinch-zooming
+      // for context menus.
+      rootBoundary: w ? {
+        x: 0,
+        y: 0,
+        width: o.clientWidth,
+        height: o.clientHeight
+      } : void 0,
+      mainAxis: S !== "none",
+      crossAxis: ce,
+      limiter: z || w ? void 0 : st((c) => {
+        if (!h.current)
+          return {};
+        const {
+          width: i,
+          height: x
+        } = h.current.getBoundingClientRect(), y = ke(F(c.placement)), L = y === "y" ? i : x, j = y === "y" ? t.left + t.right : t.top + t.bottom;
+        return {
+          offset: L / 2 + j / 2
+        };
+      })
+    };
+  }, [D, z, w, t, S]);
+  R === "shift" || S === "shift" || A === "center" ? M.push(ae, le) : M.push(le, ae), M.push(ot({
+    ...D,
+    apply({
+      elements: {
+        floating: e
+      },
+      rects: {
+        reference: o
+      },
+      availableWidth: c,
+      availableHeight: i
+    }) {
+      Object.entries({
+        "--available-width": `${c}px`,
+        "--available-height": `${i}px`,
+        "--anchor-width": `${o.width}px`,
+        "--anchor-height": `${o.height}px`
+      }).forEach(([x, y]) => {
+        e.style.setProperty(x, y);
+      });
+    }
+  }), et(() => ({
+    // `transform-origin` calculations rely on an element existing. If the arrow hasn't been set,
+    // we'll create a fake element.
+    element: h.current || document.createElement("div"),
+    padding: K,
+    offsetParent: "floating"
+  }), [K]), it(), {
+    name: "transformOrigin",
+    fn(e) {
+      var ve, De, Me;
+      const {
+        elements: o,
+        middlewareData: c,
+        placement: i,
+        rects: x,
+        y
+      } = e, L = F(i), j = ke(L), b = h.current, Ue = ((ve = c.arrow) == null ? void 0 : ve.x) || 0, We = ((De = c.arrow) == null ? void 0 : De.y) || 0, Xe = (b == null ? void 0 : b.clientWidth) || 0, je = (b == null ? void 0 : b.clientHeight) || 0, q = Ue + Xe / 2, Pe = We + je / 2, qe = Math.abs(((Me = c.shift) == null ? void 0 : Me.y) || 0), Ge = x.reference.height / 2, P = typeof r == "function" ? r(Le(e, n, p)) : r, Je = qe > P, Ke = {
+        top: `${q}px calc(100% + ${P}px)`,
+        bottom: `${q}px ${-P}px`,
+        left: `calc(100% + ${P}px) ${Pe}px`,
+        right: `${-P}px ${Pe}px`
+      }[L], Ne = `${q}px ${x.reference.y + Ge - y}px`;
+      return o.floating.style.setProperty("--transform-origin", ce && j === "y" && Je ? Ne : Ke), {};
+    }
+  }, T);
+  let fe = Y;
+  !s && Y && (fe = {
+    ...Y,
+    elements: {
+      reference: null,
+      floating: null,
+      domReference: null
+    }
+  });
+  const X = a.useMemo(() => ({
+    elementResize: B && typeof ResizeObserver < "u",
+    layoutShift: B && typeof IntersectionObserver < "u"
+  }), [B]), {
+    refs: g,
+    elements: O,
+    x: de,
+    y: ue,
+    middlewareData: m,
+    update: k,
+    placement: pe,
+    context: he,
+    isPositioned: E,
+    floatingStyles: ge
+  } = ct({
+    rootContext: fe,
+    placement: Te,
+    middleware: M,
+    strategy: d,
+    whileElementsMounted: V ? void 0 : (...e) => Ce(...e, X),
+    nodeId: Ve
+  }), {
+    sideX: me,
+    sideY: xe
+  } = m.adaptiveOrigin || {}, ye = a.useMemo(() => T ? {
+    position: d,
+    [me]: `${de}px`,
+    [xe]: `${ue}px`
+  } : ge, [T, me, xe, d, de, ue, ge]), C = a.useRef(null);
+  Ee(() => {
+    if (!s)
+      return;
+    const e = v.current, o = typeof e == "function" ? e() : e, i = (Fe(o) ? o.current : o) || null || null;
+    i !== C.current && (g.setPositionReference(i), C.current = i);
+  }, [s, g, ee, v]), a.useEffect(() => {
+    if (!s)
+      return;
+    const e = v.current;
+    typeof e != "function" && Fe(e) && e.current !== C.current && (g.setPositionReference(e.current), C.current = e.current);
+  }, [s, g, ee, v]), a.useEffect(() => {
+    if (V && s && O.domReference && O.floating)
+      return Ce(O.domReference, O.floating, k, X);
+  }, [V, s, O, k, X]);
+  const $ = F(pe), be = ze(n, $, p), Ae = He(pe) || "center", we = !!((Oe = m.hide) != null && Oe.referenceHidden);
+  Ee(() => {
+    N && s && E && Z($);
+  }, [N, s, E, $]);
+  const Re = a.useMemo(() => {
+    var e, o;
+    return {
+      position: "absolute",
+      top: (e = m.arrow) == null ? void 0 : e.y,
+      left: (o = m.arrow) == null ? void 0 : o.x
+    };
+  }, [m.arrow]), Se = (($e = m.arrow) == null ? void 0 : $e.centerOffset) !== 0;
+  return a.useMemo(() => ({
+    positionerStyles: ye,
+    arrowStyles: Re,
+    arrowRef: h,
+    arrowUncentered: Se,
+    side: be,
+    align: Ae,
+    physicalSide: $,
+    anchorHidden: we,
+    refs: g,
+    context: he,
+    isPositioned: E,
+    update: k
+  }), [ye, Re, h, Se, be, Ae, $, we, g, he, E, k]);
+}
+function Fe(l) {
+  return l != null && "current" in l;
+}
+export {
+  wt as useAnchorPositioning
+};

@@ -0,0 +1,28 @@
+import * as s from "react-dom";
+import { useAnimationFrame as a } 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/useAnimationFrame.js";
+import { useEventCallback 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/useEventCallback.js";
+function A(n, l = !1) {
+  const i = a();
+  return f((e, r = null) => {
+    if (i.cancel(), n == null)
+      return;
+    let t;
+    if ("current" in n) {
+      if (n.current == null)
+        return;
+      t = n.current;
+    } else
+      t = n;
+    typeof t.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED ? e() : i.request(() => {
+      function u() {
+        t && Promise.allSettled(t.getAnimations().map((o) => o.finished)).then(() => {
+          r != null && r.aborted || s.flushSync(e);
+        });
+      }
+      l ? i.request(u) : u();
+    });
+  });
+}
+export {
+  A as useAnimationsFinished
+};

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/utils/useBaseUiId.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { useId as r } 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/useId.js";
+function i(e) {
+  return r(e, "base-ui");
+}
+export {
+  i as useBaseUiId
+};

@@ -0,0 +1,24 @@
+import * as r from "react";
+function f(l) {
+  const {
+    focusableWhenDisabled: e,
+    disabled: o,
+    composite: t = !1,
+    tabIndex: i = 0,
+    isNativeButton: s
+  } = l, n = t && e !== !1, b = t && e === !1;
+  return {
+    props: r.useMemo(() => {
+      const a = {
+        // allow Tabbing away from focusableWhenDisabled elements
+        onKeyDown(d) {
+          o && e && d.key !== "Tab" && d.preventDefault();
+        }
+      };
+      return t || (a.tabIndex = i, !s && o && (a.tabIndex = e ? i : -1)), (s && (e || n) || !s && o) && (a["aria-disabled"] = o), s && (!e || b) && (a.disabled = o), a;
+    }, [t, o, e, n, b, s, i])
+  };
+}
+export {
+  f as useFocusableWhenDisabled
+};

@@ -0,0 +1,25 @@
+import * as c from "react";
+import { ownerDocument 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/owner.js";
+import { EMPTY_OBJECT 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/empty.js";
+function a(u) {
+  const {
+    enabled: t = !0,
+    mouseDownAction: r,
+    open: n
+  } = u, e = c.useRef(!1);
+  return c.useMemo(() => t ? {
+    onMouseDown: (o) => {
+      (r === "open" && !n || r === "close" && n) && (e.current = !0, i(o.currentTarget).addEventListener("click", () => {
+        e.current = !1;
+      }, {
+        once: !0
+      }));
+    },
+    onClick: (o) => {
+      e.current && (e.current = !1, o.preventBaseUIHandler());
+    }
+  } : s, [t, r, n]);
+}
+export {
+  a as useMixedToggleClickHandler
+};

@@ -0,0 +1,20 @@
+import * as f from "react";
+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 { useLatestRef as a } 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/useLatestRef.js";
+import { useAnimationsFinished as c } from "./useAnimationsFinished.js";
+function h(i) {
+  const {
+    enabled: n = !0,
+    open: e,
+    ref: m,
+    onComplete: s
+  } = i, o = a(e), t = p(s), r = c(m, e);
+  f.useEffect(() => {
+    n && r(() => {
+      e === o.current && t();
+    });
+  }, [n, e, t, r, o]);
+}
+export {
+  h as useOpenChangeComplete
+};

@@ -0,0 +1,24 @@
+import * as s from "react";
+import { useEventCallback as c } 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 { useEnhancedClickHandler 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/useEnhancedClickHandler.js";
+function f(i) {
+  const [e, n] = s.useState(null), l = c((u, a) => {
+    i || n(a);
+  }), o = c(() => {
+    n(null);
+  }), {
+    onClick: t,
+    onPointerDown: r
+  } = p(l);
+  return s.useMemo(() => ({
+    openMethod: e,
+    reset: o,
+    triggerProps: {
+      onClick: t,
+      onPointerDown: r
+    }
+  }), [e, o, t, r]);
+}
+export {
+  f as useOpenInteractionType
+};

@@ -0,0 +1,55 @@
+import * as d from "react";
+import { useMergedRefs as l, useMergedRefsN as R } 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 { isReactVersionAtLeast 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/reactVersion.js";
+import { mergeObjects as N } 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/mergeObjects.js";
+import { getStateAttributesProps as b } from "./getStateAttributesProps.js";
+import { resolveClassName as E } from "./resolveClassName.js";
+import { j as c } from "../../../../../../../../_virtual/jsx-runtime.js";
+import { EMPTY_OBJECT 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/empty.js";
+import { mergePropsN as A, mergeClassNames as j, mergeProps as x } from "../merge-props/mergeProps.js";
+function T(e, t, r = {}) {
+  const s = t.render, n = C(t, r);
+  if (r.enabled === !1)
+    return null;
+  const i = r.state ?? f;
+  return M(e, s, n, i);
+}
+function C(e, t = {}) {
+  const {
+    className: r,
+    render: s
+  } = e, {
+    state: n = f,
+    ref: i,
+    props: a,
+    stateAttributesMapping: g,
+    enabled: u = !0
+  } = t, m = u ? E(r, n) : void 0, P = u ? b(n, g) : f, o = u ? N(P, Array.isArray(a) ? A(a) : a) ?? f : f;
+  return typeof document < "u" && (u ? Array.isArray(i) ? o.ref = R([o.ref, p(s), ...i]) : o.ref = l(o.ref, p(s), i) : l(null, null)), u ? (m !== void 0 && (o.className = j(o.className, m)), o) : f;
+}
+function M(e, t, r, s) {
+  if (t) {
+    if (typeof t == "function")
+      return t(r, s);
+    const n = x(r, t.props);
+    return n.ref = r.ref, /* @__PURE__ */ d.cloneElement(t, n);
+  }
+  if (e && typeof e == "string")
+    return h(e, r);
+  throw new Error("Base UI: Render element or function are not defined.");
+}
+function h(e, t) {
+  return e === "button" ? /* @__PURE__ */ c.jsx("button", {
+    type: "button",
+    ...t
+  }) : e === "img" ? /* @__PURE__ */ c.jsx("img", {
+    alt: "",
+    ...t
+  }) : /* @__PURE__ */ d.createElement(e, t);
+}
+function p(e) {
+  return e && typeof e != "function" ? y(19) ? e.props.ref : e.ref : null;
+}
+export {
+  T as useRenderElement
+};