@als-tp/als-react-ts-ui 0.4.0 → 0.5.1

package/dist/als-react-ts-ui289.js

@@ -1,155 +1,30 @@
-import * as k from "react";
-import * as ee from "react-dom";
-import { isElement as te } from "./als-react-ts-ui221.js";
-import { useValueAsRef as _ } from "./als-react-ts-ui225.js";
-import { useStableCallback as I } from "./als-react-ts-ui160.js";
-import { createChangeEventDetails as y } from "./als-react-ts-ui167.js";
-import { getDelay as F } from "./als-react-ts-ui309.js";
-import { useFloatingTree as re } from "./als-react-ts-ui286.js";
-import { useHoverInteractionSharedState as ne, safePolygonIdentifier as oe } from "./als-react-ts-ui308.js";
-import { triggerHover as C } from "./als-react-ts-ui168.js";
-import { getDocument as q, contains as L } from "./als-react-ts-ui241.js";
-import { isMouseLikePointerType as z } from "./als-react-ts-ui180.js";
-function N(l) {
-  return typeof l == "function" ? l() : l;
-}
-function pe(l, B = {}) {
-  const t = "rootStore" in l ? l.rootStore : l, {
-    dataRef: a,
-    events: H
-  } = t.context, {
-    enabled: O = !0,
-    delay: G = 0,
-    handleClose: J = null,
-    mouseOnly: x = !1,
-    restMs: K = 0,
-    move: A = !0,
-    triggerElement: V = null,
-    externalTree: Q,
-    isActiveTrigger: X = !0
-  } = B, Y = re(Q), {
-    pointerTypeRef: o,
-    interactedInsideRef: U,
-    handlerRef: p,
-    blockMouseMoveRef: E,
-    performedPointerEventsMutationRef: W,
-    unbindMouseMoveRef: D,
-    restTimeoutPendingRef: f,
-    openChangeTimeout: s,
-    restTimeout: m,
-    handleCloseOptionsRef: Z
-  } = ne(t), v = _(J), R = _(G), M = _(K);
-  X && (Z.current = v.current?.__options);
-  const T = I(() => U.current ? !0 : a.current.openEvent ? ["click", "mousedown"].includes(a.current.openEvent.type) : !1), b = k.useCallback((e, r = !0) => {
-    const g = F(R.current, "close", o.current);
-    g && !p.current ? s.start(g, () => t.setOpen(!1, y(C, e))) : r && (s.clear(), t.setOpen(!1, y(C, e)));
-  }, [R, p, t, o, s]), w = I(() => {
-    D.current(), p.current = void 0;
-  }), P = I(() => {
-    if (W.current) {
-      const e = q(t.select("domReferenceElement")).body;
-      e.style.pointerEvents = "", e.removeAttribute(oe), W.current = !1;
-    }
-  });
-  k.useEffect(() => {
-    if (!O)
-      return;
-    function e(r) {
-      r.open || (s.clear(), m.clear(), E.current = !0, f.current = !1);
-    }
-    return H.on("openchange", e), () => {
-      H.off("openchange", e);
-    };
-  }, [O, H, s, m, E, f]);
-  const j = I((e) => {
-    if (T() || !a.current.floatingContext)
-      return;
-    const r = t.context.triggerElements;
-    e.relatedTarget && r.hasElement(e.relatedTarget) || v.current?.({
-      ...a.current.floatingContext,
-      tree: Y,
-      x: e.clientX,
-      y: e.clientY,
-      onClose() {
-        P(), w(), T() || b(e);
+import * as s from "react";
+import { useScrollAreaRootContext as c } from "./als-react-ts-ui536.js";
+import { useRenderElement as a } from "./als-react-ts-ui226.js";
+const d = /* @__PURE__ */ s.forwardRef(function(e, o) {
+  const {
+    render: f,
+    className: p,
+    ...t
+  } = e, {
+    cornerRef: n,
+    cornerSize: r,
+    hiddenState: i
+  } = c(), l = a("div", e, {
+    ref: [o, n],
+    props: [{
+      style: {
+        position: "absolute",
+        bottom: 0,
+        insetInlineEnd: 0,
+        width: r.width,
+        height: r.height
       }
-    })(e);
+    }, t]
   });
-  return k.useEffect(() => {
-    if (!O)
-      return;
-    const e = V ?? (X ? t.select("domReferenceElement") : null);
-    if (!te(e))
-      return;
-    function r(n) {
-      if (s.clear(), E.current = !1, x && !z(o.current) || N(M.current) > 0 && !F(R.current, "open"))
-        return;
-      const d = F(R.current, "open", o.current), c = t.select("domReferenceElement"), u = t.context.triggerElements, h = (u.hasElement(n.target) || u.hasMatchingElement(($) => L($, n.target))) && (!c || !L(c, n.target)), i = n.currentTarget ?? null;
-      d ? s.start(d, () => {
-        t.select("open") || t.setOpen(!0, y(C, n, i));
-      }) : (!t.select("open") || h) && t.setOpen(!0, y(C, n, i));
-    }
-    function g(n) {
-      if (T()) {
-        P();
-        return;
-      }
-      D.current();
-      const d = t.select("domReferenceElement"), c = q(d);
-      m.clear(), f.current = !1;
-      const u = t.context.triggerElements;
-      if (n.relatedTarget && u.hasElement(n.relatedTarget))
-        return;
-      if (v.current && a.current.floatingContext) {
-        t.select("open") || s.clear(), p.current = v.current({
-          ...a.current.floatingContext,
-          tree: Y,
-          x: n.clientX,
-          y: n.clientY,
-          onClose() {
-            P(), w(), T() || b(n, !0);
-          }
-        });
-        const i = p.current;
-        i(n), c.addEventListener("mousemove", i), D.current = () => {
-          c.removeEventListener("mousemove", i);
-        };
-        return;
-      }
-      (o.current === "touch" ? !L(t.select("floatingElement"), n.relatedTarget) : !0) && b(n);
-    }
-    function S(n) {
-      j(n);
-    }
-    return t.select("open") && e.addEventListener("mouseleave", S), A && e.addEventListener("mousemove", r, {
-      once: !0
-    }), e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", g), () => {
-      e.removeEventListener("mouseleave", S), A && e.removeEventListener("mousemove", r), e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", g);
-    };
-  }, [w, P, E, a, R, b, t, O, v, j, X, T, x, A, o, M, m, f, s, V, Y, D, p]), k.useMemo(() => {
-    function e(r) {
-      o.current = r.pointerType;
-    }
-    return {
-      onPointerDown: e,
-      onPointerEnter: e,
-      onMouseMove(r) {
-        const {
-          nativeEvent: g
-        } = r, S = r.currentTarget, n = t.select("domReferenceElement"), d = t.context.triggerElements, c = t.select("open"), u = (d.hasElement(r.target) || d.hasMatchingElement((i) => L(i, r.target))) && (!n || !L(n, r.target));
-        if (x && !z(o.current) || c && !u || N(M.current) === 0 || !u && f.current && r.movementX ** 2 + r.movementY ** 2 < 2)
-          return;
-        m.clear();
-        function h() {
-          !E.current && (!c || u) && t.setOpen(!0, y(C, g, S));
-        }
-        o.current === "touch" ? ee.flushSync(() => {
-          h();
-        }) : u && c ? h() : (f.current = !0, m.start(N(M.current), h));
-      }
-    };
-  }, [E, x, t, o, M, m, f]);
-}
+  return i.cornerHidden ? null : l;
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "ScrollAreaCorner");
 export {
-  pe as useHoverReferenceInteraction
+  d as ScrollAreaCorner
 };

package/dist/als-react-ts-ui29.js

@@ -1,9 +1,83 @@
-import { jsx as r } from "react/jsx-runtime";
-import o from "./als-react-ts-ui110.js";
-function e(t) {
-  return /* @__PURE__ */ r("div", { className: o.root });
-}
+import { jsxs as L, jsx as s } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { clsx as e } from "./als-react-ts-ui56.js";
+import r from "./als-react-ts-ui290.js";
+import { Separator as l } from "./als-react-ts-ui107.js";
+const S = N(
+  ({
+    orientation: a = "horizontal",
+    variant: o = "solid",
+    size: p = "sm",
+    color: t = "default",
+    withSpacing: d = !1,
+    label: m,
+    className: $,
+    style: f,
+    decorative: h = !0,
+    ...c
+  }, i) => {
+    const n = e(
+      r.separator,
+      r[`separator--${a}`],
+      r[`separator--${o}`],
+      r[`separator--${p}`],
+      r[`separator--${t}`],
+      {
+        [r["separator--with-spacing"]]: d,
+        [r["separator--with-label"]]: !!m
+      },
+      $
+    );
+    return m && a === "horizontal" ? /* @__PURE__ */ L(
+      "div",
+      {
+        ref: i,
+        className: e(r.separatorContainer, $),
+        style: f,
+        role: h ? "none" : "separator",
+        "aria-orientation": a,
+        ...c,
+        children: [
+          /* @__PURE__ */ s(
+            l,
+            {
+              orientation: a,
+              className: e(
+                r.separatorLine,
+                r[`separator--${o}`],
+                r[`separator--${p}`],
+                r[`separator--${t}`]
+              )
+            }
+          ),
+          /* @__PURE__ */ s("span", { className: r.separatorLabel, children: m }),
+          /* @__PURE__ */ s(
+            l,
+            {
+              orientation: a,
+              className: e(
+                r.separatorLine,
+                r[`separator--${o}`],
+                r[`separator--${p}`],
+                r[`separator--${t}`]
+              )
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ s(
+      l,
+      {
+        ref: i,
+        orientation: a,
+        className: n,
+        style: f,
+        ...c
+      }
+    );
+  }
+);
+S.displayName = "ALSSeparator";
 export {
-  e as ALSSeparator,
-  e as default
+  S as ALSSeparator
 };

package/dist/als-react-ts-ui290.js

@@ -1,116 +1,27 @@
-import { isElement as U } from "./als-react-ts-ui221.js";
-import { Timeout as Z } from "./als-react-ts-ui229.js";
-import { getTarget as $, contains as W } from "./als-react-ts-ui241.js";
-import { getNodeChildren as y } from "./als-react-ts-ui302.js";
-function G(u, t) {
-  const [_, R] = u;
-  let h = !1;
-  const a = t.length;
-  for (let d = 0, b = a - 1; d < a; b = d++) {
-    const [O, E] = t[d] || [0, 0], [S, i] = t[b] || [0, 0];
-    E >= R != i >= R && _ <= (S - O) * (R - E) / (i - E) + O && (h = !h);
-  }
-  return h;
-}
-function x(u, t) {
-  return u[0] >= t.x && u[0] <= t.x + t.width && u[1] >= t.y && u[1] <= t.y + t.height;
-}
-function rt(u = {}) {
-  const {
-    buffer: t = 0.5,
-    blockPointerEvents: _ = !1,
-    requireIntent: R = !0
-  } = u, h = new Z();
-  let a = !1, d = null, b = null, O = typeof performance < "u" ? performance.now() : 0;
-  function E(i, s) {
-    const k = performance.now(), c = k - O;
-    if (d === null || b === null || c === 0)
-      return d = i, b = s, O = k, null;
-    const X = i - d, Y = s - b, z = Math.sqrt(X * X + Y * Y) / c;
-    return d = i, b = s, O = k, z;
-  }
-  const S = ({
-    x: i,
-    y: s,
-    placement: k,
-    elements: c,
-    onClose: X,
-    nodeId: Y,
-    tree: p
-  }) => function(P) {
-    function I() {
-      h.clear(), X();
-    }
-    if (h.clear(), !c.domReference || !c.floating || k == null || i == null || s == null)
-      return;
-    const {
-      clientX: N,
-      clientY: V
-    } = P, H = [N, V], A = $(P), j = P.type === "mouseleave", J = W(c.floating, A), D = W(c.domReference, A), n = c.domReference.getBoundingClientRect(), o = c.floating.getBoundingClientRect(), C = k.split("-")[0], m = i > o.right - o.width / 2, g = s > o.bottom - o.height / 2, K = x(H, n), l = o.width > n.width, f = o.height > n.height, v = (l ? n : o).left, B = (l ? n : o).right, M = (f ? n : o).top, q = (f ? n : o).bottom;
-    if (J && (a = !0, !j))
-      return;
-    if (D && (a = !1), D && !j) {
-      a = !0;
-      return;
-    }
-    if (j && U(P.relatedTarget) && W(c.floating, P.relatedTarget) || p && y(p.nodesRef.current, Y).some(({
-      context: e
-    }) => e?.open))
-      return;
-    if (C === "top" && s >= n.bottom - 1 || C === "bottom" && s <= n.top + 1 || C === "left" && i >= n.right - 1 || C === "right" && i <= n.left + 1)
-      return I();
-    let L = [];
-    switch (C) {
-      case "top":
-        L = [[v, n.top + 1], [v, o.bottom - 1], [B, o.bottom - 1], [B, n.top + 1]];
-        break;
-      case "bottom":
-        L = [[v, o.top + 1], [v, n.bottom - 1], [B, n.bottom - 1], [B, o.top + 1]];
-        break;
-      case "left":
-        L = [[o.right - 1, q], [o.right - 1, M], [n.left + 1, M], [n.left + 1, q]];
-        break;
-      case "right":
-        L = [[n.right - 1, q], [n.right - 1, M], [o.left + 1, M], [o.left + 1, q]];
-        break;
-    }
-    function Q([e, r]) {
-      switch (C) {
-        case "top": {
-          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], F = [[o.left, m || l ? o.bottom - t : o.top], [o.right, m ? l ? o.bottom - t : o.top : o.bottom - t]];
-          return [T, w, ...F];
-        }
-        case "bottom": {
-          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r - t], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r - t], F = [[o.left, m || l ? o.top + t : o.bottom], [o.right, m ? l ? o.top + t : o.bottom : o.top + t]];
-          return [T, w, ...F];
-        }
-        case "left": {
-          const T = [e + t + 1, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e + t + 1, f ? r - t / 2 : g ? r + t * 4 : r - t * 4];
-          return [...[[g || f ? o.right - t : o.left, o.top], [g ? f ? o.right - t : o.left : o.right - t, o.bottom]], T, w];
-        }
-        case "right": {
-          const T = [e - t, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e - t, f ? r - t / 2 : g ? r + t * 4 : r - t * 4], F = [[g || f ? o.left + t : o.right, o.top], [g ? f ? o.left + t : o.right : o.left + t, o.bottom]];
-          return [T, w, ...F];
-        }
-        default:
-          return [];
-      }
-    }
-    if (!G([N, V], L)) {
-      if (a && !K)
-        return I();
-      if (!j && R) {
-        const e = E(P.clientX, P.clientY);
-        if (e !== null && e < 0.1)
-          return I();
-      }
-      G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
-    }
-  };
-  return S.__options = {
-    blockPointerEvents: _
-  }, S;
-}
+const a = "_separator_1xnsi_6", r = "_separatorContainer_1xnsi_155", s = "_separatorLine_1xnsi_162", t = "_separatorLabel_1xnsi_168", e = {
+  separator: a,
+  "separator--horizontal": "_separator--horizontal_1xnsi_13",
+  "separator--vertical": "_separator--vertical_1xnsi_18",
+  "separator--sm": "_separator--sm_1xnsi_25",
+  "separator--md": "_separator--md_1xnsi_29",
+  "separator--lg": "_separator--lg_1xnsi_33",
+  "separator--solid": "_separator--solid_1xnsi_51",
+  "separator--dashed": "_separator--dashed_1xnsi_56",
+  "separator--dotted": "_separator--dotted_1xnsi_89",
+  "separator--default": "_separator--default_1xnsi_123",
+  "separator--subtle": "_separator--subtle_1xnsi_128",
+  "separator--strong": "_separator--strong_1xnsi_133",
+  "separator--primary": "_separator--primary_1xnsi_138",
+  "separator--with-spacing": "_separator--with-spacing_1xnsi_144",
+  separatorContainer: r,
+  separatorLine: s,
+  separatorLabel: t,
+  "separator--with-label": "_separator--with-label_1xnsi_178"
+};
 export {
-  rt as safePolygon
+  e as default,
+  a as separator,
+  r as separatorContainer,
+  t as separatorLabel,
+  s as separatorLine
 };

package/dist/als-react-ts-ui291.js

@@ -1,67 +1,31 @@
-import { tabbable as r } from "./als-react-ts-ui298.js";
-import { contains as d, getDocument as b, activeElement as f } from "./als-react-ts-ui241.js";
-const s = () => ({
-  getShadowRoot: !0,
-  displayCheck: (
-    // JSDOM does not support the `tabbable` library. To solve this we can
-    // check if `ResizeObserver` is a real function (not polyfilled), which
-    // determines if the current environment is JSDOM-like.
-    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
-  )
-});
-function u(t, a) {
-  const e = r(t, s()), n = e.length;
-  if (n === 0)
-    return;
-  const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
-  return e[c];
-}
-function T(t) {
-  return u(b(t).body, 1) || t;
-}
-function m(t) {
-  return u(b(t).body, -1) || t;
-}
-function l(t, a) {
-  if (!t)
-    return null;
-  const e = r(b(t).body, s()), n = e.length;
-  if (n === 0)
-    return null;
-  const i = e.indexOf(t);
-  if (i === -1)
-    return null;
-  const o = (i + a + n) % n;
-  return e[o];
-}
-function v(t) {
-  return l(t, 1);
-}
-function h(t) {
-  return l(t, -1);
-}
-function p(t, a) {
-  const e = a || t.currentTarget, n = t.relatedTarget;
-  return !n || !d(e, n);
-}
-function y(t) {
-  r(t, s()).forEach((e) => {
-    e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
-  });
-}
-function A(t) {
-  t.querySelectorAll("[data-tabindex]").forEach((e) => {
-    const n = e.dataset.tabindex;
-    delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
-  });
-}
+const _ = "_container_z6vxp_6", t = "_labelContainer_z6vxp_26", i = "_label_z6vxp_26", s = "_required_z6vxp_46", c = "_description_z6vxp_51", e = "_thumb_z6vxp_145", n = {
+  container: _,
+  "container--left": "_container--left_z6vxp_12",
+  "container--right": "_container--right_z6vxp_16",
+  "container--disabled": "_container--disabled_z6vxp_20",
+  labelContainer: t,
+  label: i,
+  required: s,
+  description: c,
+  switch: "_switch_z6vxp_61",
+  "switch--primary": "_switch--primary_z6vxp_93",
+  "switch--success": "_switch--success_z6vxp_101",
+  "switch--warning": "_switch--warning_z6vxp_109",
+  "switch--error": "_switch--error_z6vxp_117",
+  "switch--sm": "_switch--sm_z6vxp_126",
+  "switch--md": "_switch--md_z6vxp_132",
+  "switch--lg": "_switch--lg_z6vxp_138",
+  thumb: e,
+  "thumb--sm": "_thumb--sm_z6vxp_158",
+  "thumb--md": "_thumb--md_z6vxp_163",
+  "thumb--lg": "_thumb--lg_z6vxp_168"
+};
 export {
-  y as disableFocusInside,
-  A as enableFocusInside,
-  T as getNextTabbable,
-  m as getPreviousTabbable,
-  v as getTabbableAfterElement,
-  h as getTabbableBeforeElement,
-  s as getTabbableOptions,
-  p as isOutsideEvent
+  _ as container,
+  n as default,
+  c as description,
+  i as label,
+  t as labelContainer,
+  s as required,
+  e as thumb
 };

package/dist/als-react-ts-ui292.js

@@ -1,14 +1,143 @@
-import t from "./als-react-ts-ui197.js";
-import * as e from "react";
-const r = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (r.displayName = "PopoverPortalContext");
-function s() {
-  const o = e.useContext(r);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Popover.Portal> is missing." : t(45));
-  return o;
-}
+import * as a from "react";
+import { useControlled as K } from "./als-react-ts-ui265.js";
+import { useStableCallback as Q } from "./als-react-ts-ui266.js";
+import { useMergedRefs as W } from "./als-react-ts-ui272.js";
+import { useIsoLayoutEffect as X } from "./als-react-ts-ui267.js";
+import { visuallyHidden as Y } from "./als-react-ts-ui359.js";
+import { useRenderElement as Z } from "./als-react-ts-ui226.js";
+import { useBaseUiId as $ } from "./als-react-ts-ui232.js";
+import { SwitchRootContext as ee } from "./als-react-ts-ui550.js";
+import { stateAttributesMapping as te } from "./als-react-ts-ui551.js";
+import { useField as oe } from "./als-react-ts-ui403.js";
+import { useFieldRootContext as re } from "./als-react-ts-ui398.js";
+import { useFormContext as ne } from "./als-react-ts-ui402.js";
+import { useLabelableContext as ie } from "./als-react-ts-ui399.js";
+import { useLabelableId as ae } from "./als-react-ts-ui400.js";
+import { createChangeEventDetails as se } from "./als-react-ts-ui229.js";
+import { useValueChanged as ce } from "./als-react-ts-ui406.js";
+import { jsxs as le, jsx as P } from "react/jsx-runtime";
+import { useButton as de } from "./als-react-ts-ui230.js";
+import { mergeProps as ue } from "./als-react-ts-ui305.js";
+import { none as me } from "./als-react-ts-ui231.js";
+const fe = /* @__PURE__ */ a.forwardRef(function(u, x) {
+  const {
+    checked: y,
+    className: he,
+    defaultChecked: I,
+    id: w,
+    inputRef: E,
+    name: S,
+    nativeButton: B = !1,
+    onCheckedChange: D,
+    readOnly: s = !1,
+    required: c = !1,
+    disabled: F = !1,
+    render: Ce,
+    ...V
+  } = u, {
+    clearErrors: M
+  } = ne(), {
+    state: m,
+    setTouched: N,
+    setDirty: L,
+    validityData: O,
+    setFilled: d,
+    setFocused: f,
+    shouldValidateOnChange: j,
+    validationMode: q,
+    disabled: A,
+    name: H,
+    validation: t
+  } = re(), {
+    labelId: T
+  } = ie(), o = A || F, n = H ?? S, p = Q(D), i = a.useRef(null), h = W(i, E, t.inputRef), l = a.useRef(null), C = $(), R = ae({
+    id: w,
+    implicit: !1,
+    controlRef: l
+  }), [e, b] = K({
+    controlled: y,
+    default: !!I,
+    name: "Switch",
+    state: "checked"
+  });
+  oe({
+    id: C,
+    commit: t.commit,
+    value: e,
+    controlRef: l,
+    name: n,
+    getValue: () => e
+  }), X(() => {
+    i.current && d(i.current.checked);
+  }, [i, d]), ce(e, () => {
+    M(n), L(e !== O.initialValue), d(e), j() ? t.commit(e) : t.commit(e, !0);
+  });
+  const {
+    getButtonProps: U,
+    buttonRef: _
+  } = de({
+    disabled: o,
+    native: B
+  }), z = {
+    id: C,
+    role: "switch",
+    "aria-checked": e,
+    "aria-readonly": s || void 0,
+    "aria-labelledby": T,
+    onFocus() {
+      o || f(!0);
+    },
+    onBlur() {
+      const r = i.current;
+      !r || o || (N(!0), f(!1), q === "onBlur" && t.commit(r.checked));
+    },
+    onClick(r) {
+      s || o || (r.preventDefault(), i?.current?.click());
+    }
+  }, G = a.useMemo(() => ue({
+    checked: e,
+    disabled: o,
+    id: R,
+    name: n,
+    required: c,
+    style: Y,
+    tabIndex: -1,
+    type: "checkbox",
+    "aria-hidden": !0,
+    ref: h,
+    onChange(r) {
+      if (r.nativeEvent.defaultPrevented)
+        return;
+      const v = r.target.checked, g = se(me, r.nativeEvent);
+      p?.(v, g), !g.isCanceled && b(v);
+    },
+    onFocus() {
+      l.current?.focus();
+    }
+  }, t.getInputValidationProps), [e, o, h, R, n, p, c, b, t]), k = a.useMemo(() => ({
+    ...m,
+    checked: e,
+    disabled: o,
+    readOnly: s,
+    required: c
+  }), [m, e, o, s, c]), J = Z("span", u, {
+    state: k,
+    ref: [x, l, _],
+    props: [z, t.getValidationProps, V, U],
+    stateAttributesMapping: te
+  });
+  return /* @__PURE__ */ le(ee.Provider, {
+    value: k,
+    children: [J, !e && n && /* @__PURE__ */ P("input", {
+      type: "hidden",
+      name: n,
+      value: "off"
+    }), /* @__PURE__ */ P("input", {
+      ...G
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (fe.displayName = "SwitchRoot");
 export {
-  r as PopoverPortalContext,
-  s as usePopoverPortalContext
+  fe as SwitchRoot
 };