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

@px-ui/core 1.23.0 → 1.25.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 (379) 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/select/scroll-arrow/SelectScrollArrow.js ADDED Viewed

@@ -0,0 +1,122 @@
+import * as H from "react";
+import { useTimeout 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/useTimeout.js";
+import { useIsoLayoutEffect 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/useIsoLayoutEffect.js";
+import { useSelectRootContext as j } from "../root/SelectRootContext.js";
+import { useSelectPositionerContext as q } from "../positioner/SelectPositionerContext.js";
+import { useTransitionStatus as z } from "../../utils/useTransitionStatus.js";
+import { useOpenChangeComplete as F } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement as G } from "../../utils/useRenderElement.js";
+import { selectors as h } from "../store.js";
+import { useStore 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/store/useStore.js";
+const J = /* @__PURE__ */ H.forwardRef(function(w, v) {
+  const {
+    render: Q,
+    className: W,
+    direction: r,
+    keepMounted: V = !1,
+    ...y
+  } = w, {
+    store: o,
+    popupRef: g,
+    listRef: a,
+    handleScrollArrowVisibility: C,
+    scrollArrowsMountedCountRef: c
+  } = j(), {
+    side: S,
+    scrollDownArrowRef: E,
+    scrollUpArrowRef: N
+  } = q(), B = r === "up" ? h.scrollUpArrowVisible : h.scrollDownArrowVisible, D = I(o, B), k = I(o, h.touchModality), i = D && !k, f = Y(), p = r === "up" ? N : E, {
+    mounted: P,
+    transitionStatus: T,
+    setMounted: U
+  } = z(i);
+  _(() => (c.current += 1, o.state.hasScrollArrows || o.set("hasScrollArrows", !0), () => {
+    c.current = Math.max(0, c.current - 1), c.current === 0 && o.state.hasScrollArrows && o.set("hasScrollArrows", !1);
+  }), [o, c]), F({
+    open: i,
+    ref: p,
+    onComplete() {
+      i || U(!1);
+    }
+  });
+  const L = H.useMemo(() => ({
+    direction: r,
+    visible: i,
+    side: S,
+    transitionStatus: T
+  }), [r, i, S, T]), O = G("div", w, {
+    ref: [v, p],
+    state: L,
+    props: [{
+      hidden: !P,
+      "aria-hidden": !0,
+      children: r === "up" ? "▲" : "▼",
+      style: {
+        position: "absolute"
+      },
+      onMouseMove(A) {
+        if (A.movementX === 0 && A.movementY === 0 || f.isStarted())
+          return;
+        o.set("activeIndex", null);
+        function M() {
+          var R;
+          const e = o.state.listElement ?? g.current;
+          if (!e)
+            return;
+          o.set("activeIndex", null), C();
+          const x = e.scrollTop === 0, b = Math.round(e.scrollTop + e.clientHeight) >= e.scrollHeight;
+          if (a.current.length === 0 && (r === "up" ? o.set("scrollUpArrowVisible", !x) : o.set("scrollDownArrowVisible", !b)), r === "up" && x || r === "down" && b) {
+            f.clear();
+            return;
+          }
+          if ((o.state.listElement || g.current) && a.current && a.current.length > 0) {
+            const s = a.current, m = ((R = p.current) == null ? void 0 : R.offsetHeight) || 0;
+            if (r === "up") {
+              let l = 0;
+              const d = e.scrollTop + m;
+              for (let t = 0; t < s.length; t += 1) {
+                const n = s[t];
+                if (n && n.offsetTop >= d) {
+                  l = t;
+                  break;
+                }
+              }
+              const u = Math.max(0, l - 1);
+              if (u < l) {
+                const t = s[u];
+                t && (e.scrollTop = Math.max(0, t.offsetTop - m));
+              } else
+                e.scrollTop = 0;
+            } else {
+              let l = s.length - 1;
+              const d = e.scrollTop + e.clientHeight - m;
+              for (let t = 0; t < s.length; t += 1) {
+                const n = s[t];
+                if (n && n.offsetTop + n.offsetHeight > d) {
+                  l = Math.max(0, t - 1);
+                  break;
+                }
+              }
+              const u = Math.min(s.length - 1, l + 1);
+              if (u > l) {
+                const t = s[u];
+                t && (e.scrollTop = t.offsetTop + t.offsetHeight - e.clientHeight + m);
+              } else
+                e.scrollTop = e.scrollHeight - e.clientHeight;
+            }
+          }
+          f.start(40, M);
+        }
+        f.start(40, M);
+      },
+      onMouseLeave() {
+        f.clear();
+      }
+    }, y]
+  });
+  return i || V ? O : null;
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "SelectScrollArrow");
+export {
+  J as SelectScrollArrow
+};

@@ -0,0 +1,14 @@
+import * as e from "react";
+import { SelectScrollArrow as t } from "../scroll-arrow/SelectScrollArrow.js";
+import { j as c } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const l = /* @__PURE__ */ e.forwardRef(function(r, o) {
+  return /* @__PURE__ */ c.jsx(t, {
+    ...r,
+    ref: o,
+    direction: "down"
+  });
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "SelectScrollDownArrow");
+export {
+  l as SelectScrollDownArrow
+};

@@ -0,0 +1,14 @@
+import * as e from "react";
+import { SelectScrollArrow as t } from "../scroll-arrow/SelectScrollArrow.js";
+import { j as c } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const l = /* @__PURE__ */ e.forwardRef(function(r, o) {
+  return /* @__PURE__ */ c.jsx(t, {
+    ...r,
+    ref: o,
+    direction: "up"
+  });
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "SelectScrollUpArrow");
+export {
+  l as SelectScrollUpArrow
+};

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

@@ -0,0 +1,37 @@
+import { compareItemEquality as s } from "../utils/itemEquality.js";
+import { createSelector 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/store/createSelector.js";
+const a = {
+  id: r((e) => e.id),
+  modal: r((e) => e.modal),
+  multiple: r((e) => e.multiple),
+  items: r((e) => e.items),
+  itemToStringLabel: r((e) => e.itemToStringLabel),
+  itemToStringValue: r((e) => e.itemToStringValue),
+  isItemEqualToValue: r((e) => e.isItemEqualToValue),
+  value: r((e) => e.value),
+  label: r((e) => e.label),
+  open: r((e) => e.open),
+  mounted: r((e) => e.mounted),
+  forceMount: r((e) => e.forceMount),
+  transitionStatus: r((e) => e.transitionStatus),
+  touchModality: r((e) => e.touchModality),
+  activeIndex: r((e) => e.activeIndex),
+  selectedIndex: r((e) => e.selectedIndex),
+  isActive: r((e, t) => e.activeIndex === t),
+  isSelected: r((e, t, o) => {
+    const i = e.isItemEqualToValue, l = e.value;
+    return e.multiple ? Array.isArray(l) && l.some((n) => s(n, o, i)) : e.selectedIndex === t && e.selectedIndex !== null ? !0 : s(l, o, i);
+  }),
+  isSelectedByFocus: r((e, t) => e.selectedIndex === t),
+  popupProps: r((e) => e.popupProps),
+  triggerProps: r((e) => e.triggerProps),
+  triggerElement: r((e) => e.triggerElement),
+  positionerElement: r((e) => e.positionerElement),
+  listElement: r((e) => e.listElement),
+  scrollUpArrowVisible: r((e) => e.scrollUpArrowVisible),
+  scrollDownArrowVisible: r((e) => e.scrollDownArrowVisible),
+  hasScrollArrows: r((e) => e.hasScrollArrows)
+};
+export {
+  a as selectors
+};

@@ -0,0 +1,141 @@
+import * as s from "react";
+import { ownerDocument as Z } 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 { useTimeout 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/useTimeout.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 { useMergedRefs 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/useMergedRefs.js";
+import { useLatestRef 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/useLatestRef.js";
+import { useSelectRootContext as oe } from "../root/SelectRootContext.js";
+import { useFieldRootContext as x } from "../../field/root/FieldRootContext.js";
+import { pressableTriggerOpenStateMapping as re } from "../../utils/popupStateMapping.js";
+import { fieldValidityMapping as ne } from "../../field/utils/constants.js";
+import { useRenderElement as se } from "../../utils/useRenderElement.js";
+import { selectors as i } from "../store.js";
+import { getPseudoElementBounds as ie } from "../../utils/getPseudoElementBounds.js";
+import { createChangeEventDetails as F } from "../../utils/createBaseUIEventDetails.js";
+import { useButton as le } from "../../use-button/useButton.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";
+import { getFloatingFocusElement as ae, contains as B } from "../../floating-ui-react/utils/element.js";
+import { mergeProps as ce } from "../../merge-props/mergeProps.js";
+const m = 2, ue = {
+  ...re,
+  ...ne,
+  value: () => null
+}, de = /* @__PURE__ */ s.forwardRef(function(h, D) {
+  const {
+    render: me,
+    className: pe,
+    disabled: C = !1,
+    nativeButton: O = !1,
+    ...N
+  } = h, {
+    state: E,
+    disabled: V
+  } = x(), {
+    store: t,
+    setOpen: S,
+    selectionRef: a,
+    fieldControlValidation: w,
+    readOnly: p,
+    alignItemWithTriggerActiveRef: A,
+    disabled: I,
+    keyboardActiveRef: y
+  } = oe(), c = V || I || C, o = l(t, i.open), g = l(t, i.value), Y = l(t, i.triggerProps), b = l(t, i.positionerElement), u = l(t, i.listElement), k = te(b), {
+    labelId: L,
+    setTouched: X,
+    setFocused: P,
+    validationMode: _
+  } = x(), r = s.useRef(null), K = f(), M = f(), {
+    getButtonProps: W,
+    buttonRef: j
+  } = le({
+    disabled: c,
+    native: O
+  }), q = $((e) => {
+    t.set("triggerElement", e);
+  }), z = ee(D, r, j, q), R = f(), v = f();
+  s.useEffect(() => {
+    if (o)
+      return v.start(200, () => {
+        a.current.allowUnselectedMouseUp = !0, R.start(200, () => {
+          a.current.allowSelectedMouseUp = !0;
+        });
+      }), () => {
+        R.clear(), v.clear();
+      };
+    a.current = {
+      allowSelectedMouseUp: !1,
+      allowUnselectedMouseUp: !1
+    }, M.clear();
+  }, [o, a, M, R, v]);
+  const G = s.useMemo(() => {
+    var e;
+    return (u == null ? void 0 : u.id) ?? ((e = ae(b)) == null ? void 0 : e.id);
+  }, [u, b]), U = ce(Y, {
+    role: "combobox",
+    "aria-expanded": o ? "true" : "false",
+    "aria-haspopup": "listbox",
+    "aria-controls": o ? G : void 0,
+    "aria-labelledby": L,
+    "aria-readonly": p || void 0,
+    tabIndex: c ? -1 : 0,
+    ref: z,
+    onFocus(e) {
+      P(!0), o && A.current && S(!1, F("focus-out", e.nativeEvent)), K.start(0, () => {
+        t.set("forceMount", !0);
+      });
+    },
+    onBlur() {
+      X(!0), P(!1), _ === "onBlur" && w.commitValidation(g);
+    },
+    onPointerMove({
+      pointerType: e
+    }) {
+      y.current = !1, t.set("touchModality", e === "touch");
+    },
+    onPointerDown({
+      pointerType: e
+    }) {
+      t.set("touchModality", e === "touch");
+    },
+    onKeyDown() {
+      y.current = !0;
+    },
+    onMouseDown(e) {
+      if (o)
+        return;
+      const J = Z(e.currentTarget);
+      function Q(n) {
+        if (!r.current)
+          return;
+        const T = n.target;
+        if (B(r.current, T) || B(k.current, T) || T === r.current)
+          return;
+        const d = ie(r.current);
+        n.clientX >= d.left - m && n.clientX <= d.right + m && n.clientY >= d.top - m && n.clientY <= d.bottom + m || S(!1, F("cancel-open", n));
+      }
+      M.start(0, () => {
+        J.addEventListener("mouseup", Q, {
+          once: !0
+        });
+      });
+    }
+  }, w.getValidationProps, N, W);
+  U.role = "combobox";
+  const H = s.useMemo(() => ({
+    ...E,
+    open: o,
+    disabled: c,
+    value: g,
+    readOnly: p
+  }), [E, o, c, p, g]);
+  return se("div", h, {
+    ref: [D, r],
+    state: H,
+    stateAttributesMapping: ue,
+    props: U
+  });
+});
+process.env.NODE_ENV !== "production" && (de.displayName = "SelectTrigger");
+export {
+  de as SelectTrigger
+};

@@ -0,0 +1,33 @@
+import * as a from "react";
+import { useRenderElement as d } from "../../utils/useRenderElement.js";
+import { useSelectRootContext as S } from "../root/SelectRootContext.js";
+import { resolveMultipleLabels as v, resolveSelectedLabel as b } from "../../utils/resolveValueLabel.js";
+import { selectors as r } from "../store.js";
+import { useStore 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/store/useStore.js";
+const R = {
+  value: () => null
+}, y = /* @__PURE__ */ a.forwardRef(function(l, c) {
+  const {
+    className: N,
+    render: V,
+    children: t,
+    ...i
+  } = l, {
+    store: o,
+    valueRef: m
+  } = S(), e = s(o, r.value), u = s(o, r.items), n = s(o, r.itemToStringLabel), p = a.useMemo(() => ({
+    value: e
+  }), [e]), f = typeof t == "function" ? t(e) : t ?? (Array.isArray(e) ? v(e, n) : b(e, u, n));
+  return d("span", l, {
+    state: p,
+    ref: [c, m],
+    props: [{
+      children: f
+    }, i],
+    stateAttributesMapping: R
+  });
+});
+process.env.NODE_ENV !== "production" && (y.displayName = "SelectValue");
+export {
+  y as SelectValue
+};

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/separator/Separator.js ADDED Viewed

@@ -0,0 +1,24 @@
+import * as o from "react";
+import { useRenderElement as s } from "../utils/useRenderElement.js";
+const i = /* @__PURE__ */ o.forwardRef(function(r, t) {
+  const {
+    className: m,
+    render: c,
+    orientation: e = "horizontal",
+    ...a
+  } = r, n = o.useMemo(() => ({
+    orientation: e
+  }), [e]);
+  return s("div", r, {
+    state: n,
+    ref: t,
+    props: [{
+      role: "separator",
+      "aria-orientation": e
+    }, a]
+  });
+});
+process.env.NODE_ENV !== "production" && (i.displayName = "Separator");
+export {
+  i as Separator
+};

@@ -0,0 +1,144 @@
+import * as a from "react";
+import { useControlled 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/useControlled.js";
+import { useEventCallback 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/useEventCallback.js";
+import { useMergedRefs 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/useMergedRefs.js";
+import { useIsoLayoutEffect as D } 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 Z } 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 { useRenderElement as ee } from "../../utils/useRenderElement.js";
+import { useBaseUiId as te } from "../../utils/useBaseUiId.js";
+import { SwitchRootContext as oe } from "./SwitchRootContext.js";
+import { stateAttributesMapping as ne } from "../stateAttributesMapping.js";
+import { useField as re } from "../../field/useField.js";
+import { useFieldRootContext as ie } from "../../field/root/FieldRootContext.js";
+import { useFieldControlValidation as se } from "../../field/control/useFieldControlValidation.js";
+import { useFormContext as ae } from "../../form/FormContext.js";
+import { createChangeEventDetails as le } from "../../utils/createBaseUIEventDetails.js";
+import { j as k } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useButton as de } from "../../use-button/useButton.js";
+import { mergeProps as ue } from "../../merge-props/mergeProps.js";
+const ce = /* @__PURE__ */ a.forwardRef(function(b, M) {
+  const {
+    checked: j,
+    className: me,
+    defaultChecked: N,
+    id: h,
+    inputRef: O,
+    name: R,
+    nativeButton: q = !0,
+    onCheckedChange: A,
+    readOnly: l = !1,
+    required: u = !1,
+    disabled: H = !1,
+    render: pe,
+    ...L
+  } = b, {
+    clearErrors: P
+  } = ae(), {
+    state: x,
+    labelId: g,
+    setControlId: c,
+    setTouched: y,
+    setDirty: E,
+    validityData: V,
+    setFilled: f,
+    setFocused: v,
+    validationMode: m,
+    disabled: T,
+    name: U
+  } = ie(), r = T || H, d = U ?? R, {
+    getValidationProps: _,
+    getInputValidationProps: w,
+    inputRef: $,
+    commitValidation: s
+  } = se(), p = X(A), t = a.useRef(null), I = Y(t, O, $), C = a.useRef(null), i = te(h);
+  D(() => {
+    const e = C.current;
+    if (e)
+      return e.closest("label") != null ? c(h ?? null) : c(i), () => {
+        c(void 0);
+      };
+  }, [i, h, c]);
+  const [o, B] = W({
+    controlled: j,
+    default: !!N,
+    name: "Switch",
+    state: "checked"
+  });
+  re({
+    id: i,
+    commitValidation: s,
+    value: o,
+    controlRef: C,
+    name: d,
+    getValue: () => o
+  }), D(() => {
+    t.current && f(t.current.checked);
+  }, [t, f]);
+  const {
+    getButtonProps: z,
+    buttonRef: G
+  } = de({
+    disabled: r,
+    native: q
+  }), J = a.useMemo(() => ({
+    id: i,
+    role: "switch",
+    disabled: r,
+    "aria-checked": o,
+    "aria-readonly": l || void 0,
+    "aria-labelledby": g,
+    onFocus() {
+      v(!0);
+    },
+    onBlur() {
+      const e = t.current;
+      e && (y(!0), v(!1), m === "onBlur" && s(e.checked));
+    },
+    onClick(e) {
+      var n;
+      e.defaultPrevented || l || (n = t == null ? void 0 : t.current) == null || n.click();
+    }
+  }), [i, r, o, l, g, v, y, s, m, t]), K = a.useMemo(() => ue({
+    checked: o,
+    disabled: r,
+    id: d ? void 0 : `${i}-input`,
+    name: d,
+    required: u,
+    style: Z,
+    tabIndex: -1,
+    type: "checkbox",
+    "aria-hidden": !0,
+    ref: I,
+    onChange(e) {
+      if (e.nativeEvent.defaultPrevented)
+        return;
+      const n = e.target.checked, S = le("none", e.nativeEvent);
+      p == null || p(n, S), !S.isCanceled && (P(d), E(n !== V.initialValue), f(n), B(n), m === "onChange" ? s(n) : s(n, !0));
+    }
+  }, w), [o, P, s, r, w, I, i, d, p, u, B, E, f, m, V.initialValue]), F = a.useMemo(() => ({
+    ...x,
+    checked: o,
+    disabled: r,
+    readOnly: l,
+    required: u
+  }), [x, o, r, l, u]), Q = ee("button", b, {
+    state: F,
+    ref: [M, C, G],
+    props: [J, _, L, z],
+    stateAttributesMapping: ne
+  });
+  return /* @__PURE__ */ k.jsxs(oe.Provider, {
+    value: F,
+    children: [Q, !o && R && /* @__PURE__ */ k.jsx("input", {
+      type: "hidden",
+      name: R,
+      value: "off"
+    }), /* @__PURE__ */ k.jsx("input", {
+      ...K
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ce.displayName = "SwitchRoot");
+export {
+  ce as SwitchRoot
+};

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

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/switch/root/SwitchRootDataAttributes.js ADDED Viewed

@@ -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 SwitchRootDataAttributes
+};

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

@@ -0,0 +1,27 @@
+import * as n from "react";
+import { useSwitchRootContext as m } from "../root/SwitchRootContext.js";
+import { useRenderElement as a } from "../../utils/useRenderElement.js";
+import { useFieldRootContext as c } from "../../field/root/FieldRootContext.js";
+import { stateAttributesMapping as p } from "../stateAttributesMapping.js";
+const f = /* @__PURE__ */ n.forwardRef(function(t, e) {
+  const {
+    render: d,
+    className: h,
+    ...o
+  } = t, {
+    state: r
+  } = c(), s = m(), i = {
+    ...r,
+    ...s
+  };
+  return a("span", t, {
+    state: i,
+    ref: e,
+    stateAttributesMapping: p,
+    props: o
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "SwitchThumb");
+export {
+  f as SwitchThumb
+};