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

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

@@ -1,126 +1,23 @@
-import * as h from "react";
-import { useScrollAreaRootContext as I } from "./als-react-ts-ui536.js";
-import { ScrollAreaScrollbarContext as N } from "./als-react-ts-ui545.js";
-import { useRenderElement as V } from "./als-react-ts-ui226.js";
-import { getOffset as m } from "./als-react-ts-ui539.js";
-import { ScrollAreaRootCssVars as x } from "./als-react-ts-ui537.js";
-import { ScrollAreaScrollbarCssVars as W } from "./als-react-ts-ui546.js";
-import { useDirection as U } from "./als-react-ts-ui270.js";
-import { scrollAreaStateAttributesMapping as B } from "./als-react-ts-ui541.js";
-import { jsx as j } from "react/jsx-runtime";
-const K = /* @__PURE__ */ h.forwardRef(function(R, C) {
-  const {
-    render: q,
-    className: F,
-    orientation: t = "vertical",
-    keepMounted: O = !1,
-    ...T
-  } = R, {
-    hovering: Y,
-    scrollingX: H,
-    scrollingY: X,
-    hiddenState: a,
-    overflowEdges: f,
-    scrollbarYRef: c,
-    scrollbarXRef: i,
-    viewportRef: o,
-    thumbYRef: p,
-    thumbXRef: b,
-    handlePointerDown: L,
-    handlePointerUp: y,
-    rootId: A,
-    thumbSize: E
-  } = I(), k = h.useMemo(() => ({
-    hovering: Y,
-    scrolling: {
-      horizontal: H,
-      vertical: X
-    }[t],
-    orientation: t,
-    hasOverflowX: !a.scrollbarXHidden,
-    hasOverflowY: !a.scrollbarYHidden,
-    overflowXStart: f.xStart,
-    overflowXEnd: f.xEnd,
-    overflowYStart: f.yStart,
-    overflowYEnd: f.yEnd,
-    cornerHidden: a.cornerHidden
-  }), [Y, H, X, t, a, f]), D = U();
-  h.useEffect(() => {
-    const r = o.current, l = t === "vertical" ? c.current : i.current;
-    if (!l)
-      return;
-    function n(e) {
-      if (!(!r || !l || e.ctrlKey)) {
-        if (e.preventDefault(), t === "vertical") {
-          if (r.scrollTop === 0 && e.deltaY < 0)
-            return;
-        } else if (r.scrollLeft === 0 && e.deltaX < 0)
-          return;
-        if (t === "vertical") {
-          if (r.scrollTop === r.scrollHeight - r.clientHeight && e.deltaY > 0)
-            return;
-        } else if (r.scrollLeft === r.scrollWidth - r.clientWidth && e.deltaX > 0)
-          return;
-        t === "vertical" ? r.scrollTop += e.deltaY : r.scrollLeft += e.deltaX;
-      }
-    }
-    return l.addEventListener("wheel", n, {
-      passive: !1
-    }), () => {
-      l.removeEventListener("wheel", n);
-    };
-  }, [t, i, c, o]);
-  const M = {
-    ...A && {
-      "data-id": `${A}-scrollbar`
-    },
-    onPointerDown(r) {
-      if (r.button === 0 && r.currentTarget === r.target && o.current) {
-        if (p.current && c.current && t === "vertical") {
-          const l = m(p.current, "margin", "y"), n = m(c.current, "padding", "y"), e = p.current.offsetHeight, g = c.current.getBoundingClientRect(), S = r.clientY - g.top - e / 2 - n + l / 2, u = o.current.scrollHeight, d = o.current.clientHeight, v = c.current.offsetHeight - e - n - l, s = S / v * (u - d);
-          o.current.scrollTop = s;
-        }
-        if (b.current && i.current && t === "horizontal") {
-          const l = m(b.current, "margin", "x"), n = m(i.current, "padding", "x"), e = b.current.offsetWidth, g = i.current.getBoundingClientRect(), S = r.clientX - g.left - e / 2 - n + l / 2, u = o.current.scrollWidth, d = o.current.clientWidth, v = i.current.offsetWidth - e - n - l, w = S / v;
-          let s;
-          D === "rtl" ? (s = (1 - w) * (u - d), o.current.scrollLeft <= 0 && (s = -s)) : s = w * (u - d), o.current.scrollLeft = s;
-        }
-        L(r);
-      }
-    },
-    onPointerUp: y,
-    style: {
-      position: "absolute",
-      touchAction: "none",
-      WebkitUserSelect: "none",
-      userSelect: "none",
-      ...t === "vertical" && {
-        top: 0,
-        bottom: `var(${x.scrollAreaCornerHeight})`,
-        insetInlineEnd: 0,
-        [W.scrollAreaThumbHeight]: `${E.height}px`
-      },
-      ...t === "horizontal" && {
-        insetInlineStart: 0,
-        insetInlineEnd: `var(${x.scrollAreaCornerWidth})`,
-        bottom: 0,
-        [W.scrollAreaThumbWidth]: `${E.width}px`
-      }
-    }
-  }, P = V("div", R, {
-    ref: [C, t === "vertical" ? c : i],
-    state: k,
-    props: [M, T],
-    stateAttributesMapping: B
-  }), $ = h.useMemo(() => ({
-    orientation: t
-  }), [t]), z = t === "vertical" ? a.scrollbarYHidden : a.scrollbarXHidden;
-  return O || !z ? /* @__PURE__ */ j(N.Provider, {
-    value: $,
-    children: P
-  }) : null;
-});
-process.env.NODE_ENV !== "production" && (K.displayName = "ScrollAreaScrollbar");
+const n = 500, t = 500, i = {
+  style: {
+    transition: "none"
+  }
+}, I = "data-base-ui-click-trigger", o = {
+  fallbackAxisSide: "none"
+}, s = {
+  fallbackAxisSide: "end"
+}, e = {
+  clipPath: "inset(50%)",
+  position: "fixed",
+  top: 0,
+  left: 0
+};
 export {
-  K as ScrollAreaScrollbar
+  I as CLICK_TRIGGER_IDENTIFIER,
+  i as DISABLED_TRANSITIONS_STYLE,
+  o as DROPDOWN_COLLISION_AVOIDANCE,
+  t as PATIENT_CLICK_THRESHOLD,
+  s as POPUP_COLLISION_AVOIDANCE,
+  n as TYPEAHEAD_RESET_MS,
+  e as ownerVisuallyHidden
 };

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

@@ -1,47 +1,83 @@
-import * as o from "react";
-import { useScrollAreaRootContext as d } from "./als-react-ts-ui536.js";
-import { useScrollAreaScrollbarContext as S } from "./als-react-ts-ui545.js";
-import { ScrollAreaScrollbarCssVars as t } from "./als-react-ts-ui546.js";
-import { useRenderElement as b } from "./als-react-ts-ui226.js";
-const v = /* @__PURE__ */ o.forwardRef(function(r, l) {
-  const {
-    render: P,
-    className: R,
-    ...n
-  } = r, {
-    thumbYRef: a,
-    thumbXRef: i,
-    handlePointerDown: s,
-    handlePointerMove: c,
-    handlePointerUp: m,
-    setScrollingX: h,
-    setScrollingY: f
-  } = d(), {
-    orientation: e
-  } = S(), u = o.useMemo(() => ({
-    orientation: e
-  }), [e]);
-  return b("div", r, {
-    ref: [l, e === "vertical" ? a : i],
-    state: u,
-    props: [{
-      onPointerDown: s,
-      onPointerMove: c,
-      onPointerUp(p) {
-        e === "vertical" && f(!1), e === "horizontal" && h(!1), m(p);
-      },
-      style: {
-        ...e === "vertical" && {
-          height: `var(${t.scrollAreaThumbHeight})`
-        },
-        ...e === "horizontal" && {
-          width: `var(${t.scrollAreaThumbWidth})`
-        }
+import * as g from "react";
+import { useStableCallback as a } from "./als-react-ts-ui223.js";
+import { useIsoLayoutEffect as o } from "./als-react-ts-ui224.js";
+import { useTransitionStatus as f } from "./als-react-ts-ui349.js";
+import { useOpenChangeComplete as m } from "./als-react-ts-ui280.js";
+function d(n, t) {
+  const e = g.useRef(null);
+  return g.useCallback((r) => {
+    if (n !== void 0 && (e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null), r !== null))
+      return e.current = n, t.context.triggerElements.add(n, r), () => {
+        e.current !== null && (t.context.triggerElements.delete(e.current), e.current = null);
+      };
+  }, [t, n]);
+}
+function x(n, t, e, r) {
+  const i = e.useState("isMountedByTrigger", n), l = d(n, e), c = a((u) => {
+    const s = l(u);
+    return u !== null && e.select("open") && e.select("activeTriggerId") == null && e.update({
+      activeTriggerId: n,
+      activeTriggerElement: u,
+      ...r
+    }), s;
+  });
+  return o(() => {
+    i && e.update({
+      activeTriggerElement: t,
+      ...r
+    });
+  }, [i, e, t, ...Object.values(r)]), {
+    registerTrigger: c,
+    isMountedByThisTrigger: i
+  };
+}
+function C(n) {
+  const t = n.useState("open");
+  o(() => {
+    if (t && !n.select("activeTriggerId") && n.context.triggerElements.size === 1) {
+      const e = n.context.triggerElements.entries().next();
+      if (!e.done) {
+        const [r, i] = e.value;
+        n.update({
+          activeTriggerId: r,
+          activeTriggerElement: i
+        });
       }
-    }, n]
+    }
+  }, [t, n]);
+}
+function S(n, t, e) {
+  const {
+    mounted: r,
+    setMounted: i,
+    transitionStatus: l
+  } = f(n);
+  t.useSyncedValues({
+    mounted: r,
+    transitionStatus: l
   });
-});
-process.env.NODE_ENV !== "production" && (v.displayName = "ScrollAreaThumb");
+  const c = a(() => {
+    i(!1), t.update({
+      activeTriggerId: null,
+      activeTriggerElement: null,
+      mounted: !1
+    }), e?.(), t.context.onOpenChangeComplete?.(!1);
+  }), u = t.useState("preventUnmountingOnClose");
+  return m({
+    enabled: !u,
+    open: n,
+    ref: t.context.popupRef,
+    onComplete() {
+      n || c();
+    }
+  }), {
+    forceUnmount: c,
+    transitionStatus: l
+  };
+}
 export {
-  v as ScrollAreaThumb
+  C as useImplicitActiveTrigger,
+  S as useOpenStateTransitions,
+  x as useTriggerDataForwarding,
+  d as useTriggerRegistration
 };

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

@@ -1,30 +1,66 @@
-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
+import * as O from "react";
+import { useAnimationFrame as P } from "./als-react-ts-ui347.js";
+import { useTimeout as b } from "./als-react-ts-ui226.js";
+import { createChangeEventDetails as v } from "./als-react-ts-ui273.js";
+import { isTypeableElement as I } from "./als-react-ts-ui330.js";
+import { EMPTY_OBJECT as x } from "./als-react-ts-ui322.js";
+import { isMouseLikePointerType as R } from "./als-react-ts-ui305.js";
+import { triggerPress as k } from "./als-react-ts-ui275.js";
+function L(d, M = {}) {
+  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
+    enabled: h = !0,
+    event: a = "click",
+    toggle: g = !0,
+    ignoreMouse: y = !1,
+    stickIfOpen: E = !0,
+    touchOpenDelay: n = 0
+  } = M, i = O.useRef(void 0), w = P(), m = b(), C = O.useMemo(() => ({
+    onPointerDown(t) {
+      i.current = t.pointerType;
+    },
+    onMouseDown(t) {
+      const o = i.current, r = t.nativeEvent, u = e.select("open");
+      if (t.button !== 0 || a === "click" || R(o, !0) && y)
+        return;
+      const s = T.current.openEvent, f = s?.type, l = e.select("domReferenceElement") !== t.currentTarget, c = u && l || !(u && g && (!(s && E) || f === "click" || f === "mousedown"));
+      if (I(r.target)) {
+        const p = v(k, r, r.target);
+        c && o === "touch" && n > 0 ? m.start(n, () => {
+          e.setOpen(!0, p);
+        }) : e.setOpen(c, p);
+        return;
       }
-    }, t]
-  });
-  return i.cornerHidden ? null : l;
-});
-process.env.NODE_ENV !== "production" && (d.displayName = "ScrollAreaCorner");
+      const D = t.currentTarget;
+      w.request(() => {
+        const p = v(k, r, D);
+        c && o === "touch" && n > 0 ? m.start(n, () => {
+          e.setOpen(!0, p);
+        }) : e.setOpen(c, p);
+      });
+    },
+    onClick(t) {
+      if (a === "mousedown-only")
+        return;
+      const o = i.current;
+      if (a === "mousedown" && o) {
+        i.current = void 0;
+        return;
+      }
+      if (R(o, !0) && y)
+        return;
+      const r = e.select("open"), u = T.current.openEvent, s = u?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = r && f || !(r && g && (!(u && E) || s === "click" || s === "mousedown" || s === "keydown" || s === "keyup")), c = v(k, t.nativeEvent, t.currentTarget);
+      l && o === "touch" && n > 0 ? m.start(n, () => {
+        e.setOpen(!0, c);
+      }) : e.setOpen(l, c);
+    },
+    onKeyDown() {
+      i.current = void 0;
+    }
+  }), [T, a, y, e, E, g, w, m, n]);
+  return O.useMemo(() => h ? {
+    reference: C
+  } : x, [h, C]);
+}
 export {
-  d as ScrollAreaCorner
+  L as useClick
 };

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

@@ -1,7 +1,7 @@
 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 r from "./als-react-ts-ui265.js";
 import { Separator as l } from "./als-react-ts-ui107.js";
 const S = N(
   ({

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

@@ -1,27 +1,48 @@
-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"
-};
+import * as l from "react";
+import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./als-react-ts-ui390.js";
+function k(e = []) {
+  const a = e.map((n) => n?.reference), g = e.map((n) => n?.floating), f = e.map((n) => n?.item), t = e.map((n) => n?.trigger), o = l.useCallback(
+    (n) => u(n, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    a
+  ), c = l.useCallback(
+    (n) => u(n, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    g
+  ), i = l.useCallback(
+    (n) => u(n, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    f
+  ), r = l.useCallback(
+    (n) => u(n, e, "trigger"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  );
+  return l.useMemo(() => ({
+    getReferenceProps: o,
+    getFloatingProps: c,
+    getItemProps: i,
+    getTriggerProps: r
+  }), [o, c, i, r]);
+}
+function u(e, a, g) {
+  const f = /* @__PURE__ */ new Map(), t = g === "item", o = {};
+  g === "floating" && (o.tabIndex = -1, o[C] = "");
+  for (const c in e)
+    t && e && (c === s || c === E) || (o[c] = e[c]);
+  for (let c = 0; c < a.length; c += 1) {
+    let i;
+    const r = a[c]?.[g];
+    typeof r == "function" ? i = e ? r(e) : null : i = r, i && m(o, i, t, f);
+  }
+  return m(o, e, t, f), o;
+}
+function m(e, a, g, f) {
+  for (const t in a) {
+    const o = a[t];
+    g && (t === s || t === E) || (t.startsWith("on") ? (f.has(t) || f.set(t, []), typeof o == "function" && (f.get(t)?.push(o), e[t] = (...c) => f.get(t)?.map((i) => i(...c)).find((i) => i !== void 0))) : e[t] = o);
+  }
+}
 export {
-  e as default,
-  a as separator,
-  r as separatorContainer,
-  t as separatorLabel,
-  s as separatorLine
+  k as useInteractions
 };

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

@@ -1,31 +1,7 @@
-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"
-};
+import { CommonPopupDataAttributes as d } from "./als-react-ts-ui271.js";
+let y = (function(n) {
+  return n[n.open = d.open] = "open", n[n.closed = d.closed] = "closed", n[n.startingStyle = d.startingStyle] = "startingStyle", n[n.endingStyle = d.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
+})({});
 export {
-  _ as container,
-  n as default,
-  c as description,
-  i as label,
-  t as labelContainer,
-  s as required,
-  e as thumb
+  y as DialogViewportDataAttributes
 };

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

@@ -1,143 +1,31 @@
-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) {
+import * as n from "react";
+function d({
+  controlled: o,
+  default: s,
+  name: t,
+  state: i = "value"
+}) {
   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");
+    current: e
+  } = n.useRef(o !== void 0), [l, c] = n.useState(s), u = e ? o : l;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      e !== (o !== void 0) && console.error([`Base UI: A component is changing the ${e ? "" : "un"}controlled ${i} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [i, t, o]);
+    const {
+      current: r
+    } = n.useRef(s);
+    n.useEffect(() => {
+      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`Base UI: A component is changing the default ${i} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(s)]);
+  }
+  const f = n.useCallback((r) => {
+    e || c(r);
+  }, []);
+  return [u, f];
+}
 export {
-  fe as SwitchRoot
+  d as useControlled
 };