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/radio/root/RadioRoot.js ADDED Viewed

@@ -0,0 +1,125 @@
+import * as s from "react";
+import { useMergedRefs as Q } 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 { useIsoLayoutEffect as W } 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 { visuallyHidden as X } 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/visuallyHidden.js";
+import { useBaseUiId as Z } from "../../utils/useBaseUiId.js";
+import { useRenderElement as $ } from "../../utils/useRenderElement.js";
+import { ACTIVE_COMPOSITE_ITEM as ee } from "../../composite/constants.js";
+import { CompositeItem as te } from "../../composite/item/CompositeItem.js";
+import { useFieldRootContext as g } from "../../field/root/FieldRootContext.js";
+import { stateAttributesMapping as k } from "../utils/stateAttributesMapping.js";
+import { useRadioGroupContext as oe } from "../../radio-group/RadioGroupContext.js";
+import { RadioRootContext as re } from "./RadioRootContext.js";
+import { createChangeEventDetails as ie } from "../../utils/createBaseUIEventDetails.js";
+import { j as p } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useButton as ne } from "../../use-button/useButton.js";
+import { EMPTY_OBJECT as se, NOOP as ae } 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 de = /* @__PURE__ */ s.forwardRef(function(m, D) {
+  const {
+    render: T,
+    className: I,
+    disabled: V = !1,
+    readOnly: q = !1,
+    required: N = !1,
+    value: a,
+    inputRef: j,
+    nativeButton: B = !0,
+    ...F
+  } = m, {
+    disabled: _,
+    readOnly: A,
+    required: w,
+    checkedValue: G,
+    setCheckedValue: f,
+    touched: R,
+    setTouched: b,
+    fieldControlValidation: c,
+    registerControlRef: S
+  } = oe(), {
+    state: v,
+    disabled: H
+  } = g(), t = H || _ || V, o = A || q, n = w || N, {
+    setDirty: y,
+    validityData: P,
+    setTouched: E,
+    setFilled: d
+  } = g(), i = G === a, u = s.useRef(null), h = Q(j, u);
+  W(() => {
+    var e;
+    (e = u.current) != null && e.checked && d(!0);
+  }, [d]);
+  const J = s.useMemo(() => ({
+    role: "radio",
+    "aria-checked": i,
+    "aria-required": n || void 0,
+    "aria-disabled": t || void 0,
+    "aria-readonly": o || void 0,
+    [ee]: i ? "" : void 0,
+    disabled: t,
+    onKeyDown(e) {
+      e.key === "Enter" && e.preventDefault();
+    },
+    onClick(e) {
+      var r;
+      e.defaultPrevented || t || o || (e.preventDefault(), (r = u.current) == null || r.click());
+    },
+    onFocus(e) {
+      var r;
+      e.defaultPrevented || t || o || !R || ((r = u.current) == null || r.click(), b(!1));
+    }
+  }), [i, n, t, o, R, b]), {
+    getButtonProps: K,
+    buttonRef: L
+  } = ne({
+    disabled: t,
+    native: B
+  }), C = Z(), U = s.useMemo(() => ({
+    type: "radio",
+    ref: h,
+    // Set `id` to stop Chrome warning about an unassociated input
+    id: C,
+    tabIndex: -1,
+    style: X,
+    "aria-hidden": !0,
+    disabled: t,
+    checked: i,
+    required: n,
+    readOnly: o,
+    onChange(e) {
+      if (e.nativeEvent.defaultPrevented || t || o || a === void 0)
+        return;
+      const r = ie("none", e.nativeEvent);
+      r.isCanceled || (E(!0), y(a !== P.initialValue), d(!0), f(a, r));
+    }
+  }), [i, t, C, o, h, n, f, y, E, d, P.initialValue, a]), l = s.useMemo(() => ({
+    ...v,
+    required: n,
+    disabled: t,
+    readOnly: o,
+    checked: i
+  }), [v, t, o, i, n]), Y = s.useMemo(() => l, [l]), x = f !== ae, O = [D, S, L], M = [J, (c == null ? void 0 : c.getValidationProps) ?? se, F, K], z = $("button", m, {
+    enabled: !x,
+    state: l,
+    ref: O,
+    props: M,
+    stateAttributesMapping: k
+  });
+  return /* @__PURE__ */ p.jsxs(re.Provider, {
+    value: Y,
+    children: [x ? /* @__PURE__ */ p.jsx(te, {
+      tag: "button",
+      render: T,
+      className: I,
+      state: l,
+      refs: O,
+      props: M,
+      stateAttributesMapping: k
+    }) : z, /* @__PURE__ */ p.jsx("input", {
+      ...U
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (de.displayName = "RadioRoot");
+export {
+  de as RadioRoot
+};

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

@@ -0,0 +1,6 @@
+let e = /* @__PURE__ */ function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.readonly = "data-readonly", d.required = "data-required", d.valid = "data-valid", d.invalid = "data-invalid", d.touched = "data-touched", d.dirty = "data-dirty", d.filled = "data-filled", d.focused = "data-focused", d;
+}({});
+export {
+  e as RadioRootDataAttributes
+};

@@ -0,0 +1,17 @@
+import { transitionStatusMapping as r } from "../../utils/stateAttributesMapping.js";
+import { fieldValidityMapping as e } from "../../field/utils/constants.js";
+import { RadioRootDataAttributes as t } from "../root/RadioRootDataAttributes.js";
+const n = {
+  checked(i) {
+    return i ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r,
+  ...e
+};
+export {
+  n as stateAttributesMapping
+};

@@ -0,0 +1,134 @@
+import * as r from "react";
+import { useControlled 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/useControlled.js";
+import { useMergedRefs as Q } 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 { useIsoLayoutEffect as E } 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 { 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 { visuallyHidden as X } 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/visuallyHidden.js";
+import { useBaseUiId as Z } from "../utils/useBaseUiId.js";
+import { SHIFT as $ } from "../composite/composite.js";
+import { CompositeRoot as ee } from "../composite/root/CompositeRoot.js";
+import { useFormContext as oe } from "../form/FormContext.js";
+import { useField as te } from "../field/useField.js";
+import { useFieldRootContext as re } from "../field/root/FieldRootContext.js";
+import { useFieldControlValidation as ae } from "../field/control/useFieldControlValidation.js";
+import { fieldValidityMapping as ie } from "../field/utils/constants.js";
+import { RadioGroupContext as ne } from "./RadioGroupContext.js";
+import { j as V } from "../../../../../../../../_virtual/jsx-runtime.js";
+import { contains as se } from "../floating-ui-react/utils/element.js";
+import { mergeProps as le } from "../merge-props/mergeProps.js";
+const de = [$], ue = /* @__PURE__ */ r.forwardRef(function(I, v) {
+  const {
+    render: M,
+    className: N,
+    disabled: k,
+    readOnly: a,
+    required: i,
+    onValueChange: T,
+    value: j,
+    defaultValue: G,
+    name: O,
+    inputRef: S,
+    id: w,
+    ...K
+  } = I, {
+    labelId: q,
+    setTouched: R,
+    setFocused: f,
+    validationMode: m,
+    name: A,
+    disabled: B,
+    state: d
+  } = re(), t = ae(), {
+    clearErrors: g
+  } = oe(), n = B || k, s = A ?? O, C = Z(w), [e, D] = Y({
+    controlled: j,
+    default: G,
+    name: "RadioGroup",
+    state: "value"
+  }), c = l(T), h = l((o, F) => {
+    c(o, F), !F.isCanceled && D(o);
+  }), u = r.useRef(null), y = l((o) => {
+    u.current == null && o != null && (u.current = o);
+  });
+  te({
+    id: C,
+    commitValidation: t.commitValidation,
+    value: e,
+    controlRef: u,
+    name: s,
+    getValue: () => e ?? null
+  });
+  const b = r.useRef(e);
+  E(() => {
+    b.current !== e && (g(s), m === "onChange" ? t.commitValidation(e) : t.commitValidation(e, !0));
+  }, [s, g, m, e, t]), E(() => {
+    b.current = e;
+  }, [e]);
+  const [x, p] = r.useState(!1), H = l((o) => {
+    se(o.currentTarget, o.relatedTarget) || (R(!0), f(!1), m === "onBlur" && t.commitValidation(e));
+  }), U = l((o) => {
+    o.key.startsWith("Arrow") && (R(!0), p(!0), f(!0));
+  }), P = r.useMemo(() => e == null ? "" : typeof e == "string" ? e : JSON.stringify(e), [e]), _ = Q(t.inputRef, S), z = le({
+    value: P,
+    ref: _,
+    id: C,
+    name: P ? s : void 0,
+    disabled: n,
+    readOnly: a,
+    required: i,
+    "aria-hidden": !0,
+    tabIndex: -1,
+    style: X,
+    onFocus() {
+      var o;
+      (o = u.current) == null || o.focus();
+    }
+  }, t.getInputValidationProps), J = r.useMemo(() => ({
+    ...d,
+    disabled: n ?? !1,
+    required: i ?? !1,
+    readOnly: a ?? !1
+  }), [d, n, a, i]), L = r.useMemo(() => ({
+    ...d,
+    checkedValue: e,
+    disabled: n,
+    name: s,
+    onValueChange: c,
+    readOnly: a,
+    registerControlRef: y,
+    required: i,
+    setCheckedValue: h,
+    setTouched: p,
+    touched: x
+  }), [e, n, d, s, c, a, y, i, h, p, x]), W = {
+    role: "radiogroup",
+    "aria-required": i || void 0,
+    "aria-disabled": n || void 0,
+    "aria-readonly": a || void 0,
+    "aria-labelledby": q,
+    onFocus() {
+      f(!0);
+    },
+    onBlur: H,
+    onKeyDownCapture: U
+  };
+  return /* @__PURE__ */ V.jsxs(ne.Provider, {
+    value: L,
+    children: [/* @__PURE__ */ V.jsx(ee, {
+      render: M,
+      className: N,
+      state: J,
+      props: [W, t.getValidationProps, K],
+      refs: [v],
+      stateAttributesMapping: ie,
+      enableHomeAndEndKeys: !1,
+      modifierKeys: de
+    }), /* @__PURE__ */ V.jsx("input", {
+      ...z
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ue.displayName = "RadioGroup");
+export {
+  ue as RadioGroup
+};

@@ -0,0 +1,22 @@
+import * as o from "react";
+import { NOOP as e } 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 n = /* @__PURE__ */ o.createContext({
+  disabled: void 0,
+  readOnly: void 0,
+  required: void 0,
+  name: void 0,
+  checkedValue: "",
+  setCheckedValue: e,
+  onValueChange: e,
+  touched: !1,
+  setTouched: e,
+  registerControlRef: e
+});
+process.env.NODE_ENV !== "production" && (n.displayName = "RadioGroupContext");
+function d() {
+  return o.useContext(n);
+}
+export {
+  n as RadioGroupContext,
+  d as useRadioGroupContext
+};

@@ -0,0 +1,45 @@
+import * as s from "react";
+import { useSelectPositionerContext as d } from "../positioner/SelectPositionerContext.js";
+import { useSelectRootContext as S } from "../root/SelectRootContext.js";
+import { popupStateMapping as g } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as w } from "../../utils/stateAttributesMapping.js";
+import { useRenderElement as A } from "../../utils/useRenderElement.js";
+import { selectors as R } from "../store.js";
+import { useStore 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/store/useStore.js";
+const N = {
+  ...g,
+  ...w
+}, v = /* @__PURE__ */ s.forwardRef(function(e, i) {
+  const {
+    className: y,
+    render: E,
+    ...p
+  } = e, {
+    store: a
+  } = S(), {
+    side: t,
+    align: r,
+    arrowRef: m,
+    arrowStyles: c,
+    arrowUncentered: o,
+    alignItemWithTriggerActive: l
+  } = d(), n = M(a, R.open, !0), u = s.useMemo(() => ({
+    open: n,
+    side: t,
+    align: r,
+    uncentered: o
+  }), [n, t, r, o]), f = A("div", e, {
+    state: u,
+    ref: [m, i],
+    props: [{
+      style: c,
+      "aria-hidden": !0
+    }, p],
+    stateAttributesMapping: N
+  });
+  return l ? null : f;
+});
+process.env.NODE_ENV !== "production" && (v.displayName = "SelectArrow");
+export {
+  v as SelectArrow
+};

@@ -0,0 +1,39 @@
+import * as p from "react";
+import { useSelectRootContext as l } from "../root/SelectRootContext.js";
+import { popupStateMapping as u } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as d } from "../../utils/stateAttributesMapping.js";
+import { useRenderElement as f } from "../../utils/useRenderElement.js";
+import { selectors as t } from "../store.js";
+import { useStore as o } 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/useStore.js";
+const S = {
+  ...u,
+  ...d
+}, k = /* @__PURE__ */ p.forwardRef(function(r, i) {
+  const {
+    className: N,
+    render: R,
+    ...a
+  } = r, {
+    store: e
+  } = l(), n = o(e, t.open), c = o(e, t.mounted), s = o(e, t.transitionStatus), m = p.useMemo(() => ({
+    open: n,
+    transitionStatus: s
+  }), [n, s]);
+  return f("div", r, {
+    state: m,
+    ref: i,
+    props: [{
+      role: "presentation",
+      hidden: !c,
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      }
+    }, a],
+    stateAttributesMapping: S
+  });
+});
+process.env.NODE_ENV !== "production" && (k.displayName = "SelectBackdrop");
+export {
+  k as SelectBackdrop
+};

@@ -0,0 +1,28 @@
+import * as r from "react";
+import { SelectGroupContext as c } from "./SelectGroupContext.js";
+import { useRenderElement as p } from "../../utils/useRenderElement.js";
+import { j as m } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const u = /* @__PURE__ */ r.forwardRef(function(o, s) {
+  const {
+    className: d,
+    render: f,
+    ...l
+  } = o, [e, t] = r.useState(), n = r.useMemo(() => ({
+    labelId: e,
+    setLabelId: t
+  }), [e, t]), a = p("div", o, {
+    ref: s,
+    props: [{
+      role: "group",
+      "aria-labelledby": e
+    }, l]
+  });
+  return /* @__PURE__ */ m.jsx(c.Provider, {
+    value: n,
+    children: a
+  });
+});
+process.env.NODE_ENV !== "production" && (u.displayName = "SelectGroup");
+export {
+  u as SelectGroup
+};

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

@@ -0,0 +1,27 @@
+import * as n from "react";
+import { useIsoLayoutEffect 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/useIsoLayoutEffect.js";
+import { useBaseUiId as c } from "../../utils/useBaseUiId.js";
+import { useSelectGroupContext as i } from "../group/SelectGroupContext.js";
+import { useRenderElement as l } from "../../utils/useRenderElement.js";
+const a = /* @__PURE__ */ n.forwardRef(function(o, t) {
+  const {
+    className: u,
+    render: d,
+    id: s,
+    ...m
+  } = o, {
+    setLabelId: r
+  } = i(), e = c(s);
+  return p(() => {
+    r(e);
+  }, [e, r]), l("div", o, {
+    ref: t,
+    props: [{
+      id: e
+    }, m]
+  });
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "SelectGroupLabel");
+export {
+  a as SelectGroupLabel
+};

@@ -0,0 +1,30 @@
+import * as o from "react";
+import { useRenderElement as p } from "../../utils/useRenderElement.js";
+import { useSelectRootContext as m } from "../root/SelectRootContext.js";
+import { triggerOpenStateMapping as i } from "../../utils/popupStateMapping.js";
+import { selectors as a } from "../store.js";
+import { useStore 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/store/useStore.js";
+const f = /* @__PURE__ */ o.forwardRef(function(e, r) {
+  const {
+    className: d,
+    render: S,
+    ...n
+  } = e, {
+    store: s
+  } = m(), t = l(s, a.open), c = o.useMemo(() => ({
+    open: t
+  }), [t]);
+  return p("span", e, {
+    state: c,
+    ref: r,
+    props: [{
+      "aria-hidden": !0,
+      children: "▼"
+    }, n],
+    stateAttributesMapping: i
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "SelectIcon");
+export {
+  f as SelectIcon
+};

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/select/index.parts.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { SelectRoot as e } from "./root/SelectRoot.js";
+import { SelectTrigger as l } from "./trigger/SelectTrigger.js";
+import { SelectValue as a } from "./value/SelectValue.js";
+import { SelectIcon as m } from "./icon/SelectIcon.js";
+import { SelectPortal as s } from "./portal/SelectPortal.js";
+import { SelectBackdrop as f } from "./backdrop/SelectBackdrop.js";
+import { SelectPositioner as I } from "./positioner/SelectPositioner.js";
+import { SelectPopup as u } from "./popup/SelectPopup.js";
+import { SelectList as A } from "./list/SelectList.js";
+import { SelectItem as d } from "./item/SelectItem.js";
+import { SelectItemIndicator as G } from "./item-indicator/SelectItemIndicator.js";
+import { SelectItemText as T } from "./item-text/SelectItemText.js";
+import { SelectArrow as k } from "./arrow/SelectArrow.js";
+import { SelectScrollDownArrow as D } from "./scroll-down-arrow/SelectScrollDownArrow.js";
+import { SelectScrollUpArrow as U } from "./scroll-up-arrow/SelectScrollUpArrow.js";
+import { SelectGroup as h } from "./group/SelectGroup.js";
+import { SelectGroupLabel as q } from "./group-label/SelectGroupLabel.js";
+import { Separator as y } from "../separator/Separator.js";
+export {
+  k as Arrow,
+  f as Backdrop,
+  h as Group,
+  q as GroupLabel,
+  m as Icon,
+  d as Item,
+  G as ItemIndicator,
+  T as ItemText,
+  A as List,
+  u as Popup,
+  s as Portal,
+  I as Positioner,
+  e as Root,
+  D as ScrollDownArrow,
+  U as ScrollUpArrow,
+  y as Separator,
+  l as Trigger,
+  a as Value
+};