@pismo/marola 2.1.64 → 2.1.65

package/dist/components/RadioButton/RadioButton.js

@@ -1,16 +1,16 @@
-import { jsx as V, jsxs as le, Fragment as Ne } from "react/jsx-runtime";
-import * as f from "react";
-import { useState as Ve, useEffect as Se } from "react";
-import { c as Q } from "../../clsx-OuTLNxxd.js";
-import { Icon as De } from "../Icon/Icon.js";
-import { Typography as Me } from "../Typography/Typography.js";
+import { jsx as V, jsxs as Me, Fragment as He } from "react/jsx-runtime";
+import * as y from "react";
+import { useState as Ke, useEffect as Fe } from "react";
+import { c as ce } from "../../clsx-OuTLNxxd.js";
+import { Icon as We } from "../Icon/Icon.js";
+import { Typography as ze } from "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import "../../Toggle-DcZTfLrC.js";
+import "../../Toggle-nnDfpqI1.js";
 import "../Dialog/Dialog.js";
 import "../DatePicker/DatePicker.js";
-import { r as Te } from "../../index-1UpBa69h.js";
+import { r as Be } from "../../index-ew-96uBP.js";
 import "../Draggable/useDraggable.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
@@ -21,903 +21,818 @@ import "../Tabs/Tabs.js";
 import "../../Group-DJz1rK2n.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 import "../../utils/iconsList.js";
-import { u as ne, C as xe, a as Y, b as oe, m as G, D as _e, c as Ae, d as Pe, e as ce, f as ke, r as ve, g as He, h as Ke, s as P } from "../../RadioOption-DYovqiwF.js";
-import { R as Ut } from "../../RadioOption-DYovqiwF.js";
-import { P as d } from "../../useSlotProps-CYHDC4TN.js";
-const Le = Object.is;
-function Ge(e, t) {
-  if (e === t)
-    return !0;
-  if (!(e instanceof Object) || !(t instanceof Object))
-    return !1;
-  let o = 0, r = 0;
-  for (const n in e)
-    if (o += 1, !Le(e[n], t[n]) || !(n in t))
-      return !1;
-  for (const n in t)
-    r += 1;
-  return o === r;
-}
-function ze(e, t) {
-  const o = e.compareDocumentPosition(t);
-  return o & Node.DOCUMENT_POSITION_FOLLOWING || o & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : o & Node.DOCUMENT_POSITION_PRECEDING || o & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
-}
-function Fe(e, t) {
-  if (e.size !== t.size)
-    return !1;
-  for (const [o, r] of e.entries()) {
-    const n = t.get(o);
-    if ((r == null ? void 0 : r.index) !== (n == null ? void 0 : n.index) || n !== void 0 && !Ge(r, n))
-      return !1;
-  }
-  return !0;
-}
-function de(e) {
-  const {
-    children: t,
-    elementsRef: o,
-    labelsRef: r,
-    onMapChange: n
-  } = e, [u, l] = f.useState(() => /* @__PURE__ */ new Map()), g = f.useCallback((s, i) => {
-    l((c) => new Map(c).set(s, i ?? null));
-  }, []), a = f.useCallback((s) => {
-    l((i) => {
-      const c = new Map(i);
-      return c.delete(s), c;
-    });
-  }, []);
-  ne(() => {
-    const s = new Map(u);
-    Array.from(s.keys()).sort(ze).forEach((c, m) => {
-      const y = u.get(c) ?? {};
-      s.set(c, {
-        ...y,
-        index: m
-      });
-    }), Fe(u, s) || (l(s), n == null || n(s));
-  }, [u, n]);
-  const p = f.useMemo(() => ({
-    register: g,
-    unregister: a,
-    map: u,
-    elementsRef: o,
-    labelsRef: r
-  }), [g, a, u, o, r]);
-  return /* @__PURE__ */ V(xe.Provider, {
-    value: p,
-    children: t
-  });
-}
-process.env.NODE_ENV !== "production" && (de.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: d.node,
-  /**
-   * A ref to the list of HTML elements, ordered by their index.
-   * `useListNavigation`'s `listRef` prop.
-   */
-  elementsRef: d.any,
-  /**
-   * A ref to the list of element labels, ordered by their index.
-   * `useTypeahead`'s `listRef` prop.
-   */
-  labelsRef: d.shape({
-    current: d.arrayOf(d.string).isRequired
-  }),
-  /**
-   * @ignore
-   */
-  onMapChange: d.func
-});
-const fe = /* @__PURE__ */ f.createContext(void 0);
-process.env.NODE_ENV !== "production" && (fe.displayName = "DirectionContext");
-function je(e = !0) {
-  const t = f.useContext(fe);
-  if (t === void 0 && !e)
-    throw new Error("Base UI: DirectionContext is missing.");
-  return (t == null ? void 0 : t.direction) ?? "ltr";
-}
-function Ue({
+import { u as L, a as he, b as F, C as Ue, f as we, N as Oe, c as Ne, d as be, A as Ye, E as pe, e as Ge, g as $e, h as ve, i as je, j as Je, m as Xe, k as qe, l as Ze, v as Qe, s as j } from "../../RadioOption-DyRY8xlF.js";
+import { R as ln } from "../../RadioOption-DyRY8xlF.js";
+import { i as et, a as me, b as Ce } from "../../Popup-D267EI4e.js";
+function tt({
   controlled: e,
   default: t,
-  name: o,
-  state: r = "value"
+  name: i,
+  state: o = "value"
 }) {
   const {
-    current: n
-  } = f.useRef(e !== void 0), [u, l] = f.useState(t), g = n ? e : u;
+    current: l
+  } = y.useRef(e !== void 0), [n, u] = y.useState(t), m = l ? e : n;
   if (process.env.NODE_ENV !== "production") {
-    f.useEffect(() => {
-      n !== (e !== void 0) && console.error([`Base UI: A component is changing the ${n ? "" : "un"}controlled ${r} state of ${o} to be ${n ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${o} 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(`
+    y.useEffect(() => {
+      l !== (e !== void 0) && console.error([`Base UI: A component is changing the ${l ? "" : "un"}controlled ${o} state of ${i} to be ${l ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${i} 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(`
 `));
-    }, [r, o, e]);
+    }, [o, i, e]);
     const {
-      current: p
-    } = f.useRef(t);
-    f.useEffect(() => {
-      !n && !Object.is(p, t) && console.error([`Base UI: A component is changing the default ${r} state of an uncontrolled ${o} after being initialized. To suppress this warning opt to use a controlled ${o}.`].join(`
+      current: r
+    } = y.useRef(t);
+    y.useEffect(() => {
+      !l && JSON.stringify(r) !== JSON.stringify(t) && console.error([`Base UI: A component is changing the default ${o} state of an uncontrolled ${i} after being initialized. To suppress this warning opt to use a controlled ${i}.`].join(`
 `));
     }, [JSON.stringify(t)]);
   }
-  const a = f.useCallback((p) => {
-    n || l(p);
+  const f = y.useCallback((r) => {
+    l || u(r);
   }, []);
-  return [g, a];
+  return [m, f];
 }
-let ee = null, te;
-function $e() {
-  return ee == null && (ee = document.createElement("div")), te === void 0 && (te = ee.computedStyleMap !== void 0), te;
+function nt(e) {
+  const {
+    children: t,
+    elementsRef: i,
+    labelsRef: o,
+    onMapChange: l
+  } = e, n = L(l), u = y.useRef(0), m = he(ot).current, f = he(rt).current, [r, a] = y.useState(0), s = y.useRef(r), p = L((c, E) => {
+    f.set(c, E ?? null), s.current += 1, a(s.current);
+  }), w = L((c) => {
+    f.delete(c), s.current += 1, a(s.current);
+  }), M = y.useMemo(() => {
+    const c = /* @__PURE__ */ new Map();
+    return Array.from(f.keys()).filter((d) => d.isConnected).sort(it).forEach((d, h) => {
+      const R = f.get(d) ?? {};
+      c.set(d, {
+        ...R,
+        index: h
+      });
+    }), c;
+  }, [f, r]);
+  F(() => {
+    if (typeof MutationObserver != "function" || M.size === 0)
+      return;
+    const c = new MutationObserver((E) => {
+      const d = /* @__PURE__ */ new Set(), h = (R) => d.has(R) ? d.delete(R) : d.add(R);
+      E.forEach((R) => {
+        R.removedNodes.forEach(h), R.addedNodes.forEach(h);
+      }), d.size === 0 && (s.current += 1, a(s.current));
+    });
+    return M.forEach((E, d) => {
+      d.parentElement && c.observe(d.parentElement, {
+        childList: !0
+      });
+    }), () => {
+      c.disconnect();
+    };
+  }, [M]), F(() => {
+    s.current === r && (i.current.length !== M.size && (i.current.length = M.size), o && o.current.length !== M.size && (o.current.length = M.size), u.current = M.size), n(M);
+  }, [n, M, i, o, r]), F(() => () => {
+    i.current = [];
+  }, [i]), F(() => () => {
+    o && (o.current = []);
+  }, [o]);
+  const b = L((c) => (m.add(c), () => {
+    m.delete(c);
+  }));
+  F(() => {
+    m.forEach((c) => c(M));
+  }, [m, M]);
+  const S = y.useMemo(() => ({
+    register: p,
+    unregister: w,
+    subscribeMapChange: b,
+    elementsRef: i,
+    labelsRef: o,
+    nextIndexRef: u
+  }), [p, w, b, i, o, u]);
+  return /* @__PURE__ */ V(Ue.Provider, {
+    value: S,
+    children: t
+  });
+}
+function rt() {
+  return /* @__PURE__ */ new Map();
+}
+function ot() {
+  return /* @__PURE__ */ new Set();
 }
-function We(e) {
-  return e && e.ownerDocument || document;
+function it(e, t) {
+  const i = e.compareDocumentPosition(t);
+  return i & Node.DOCUMENT_POSITION_FOLLOWING || i & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING || i & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
 }
-function Be(e) {
-  return We(e).defaultView || window;
+const Se = /* @__PURE__ */ y.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Se.displayName = "DirectionContext");
+function st() {
+  const e = y.useContext(Se);
+  return (e == null ? void 0 : e.direction) ?? "ltr";
 }
-const z = "ArrowUp", k = "ArrowDown", v = "ArrowLeft", x = "ArrowRight", q = "Home", J = "End", ge = [v, x], Ye = [v, x, q, J], he = [z, k], qe = [z, k, q, J], me = [...ge, ...he], Je = [...me, q, J];
-function U(e) {
+function at(e) {
+  return e == null || e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true";
+}
+const fe = "ArrowLeft", de = "ArrowRight", lt = "ArrowUp", ut = "ArrowDown";
+function ct(e, t) {
+  var o;
+  if (!e || !t)
+    return !1;
+  const i = (o = t.getRootNode) == null ? void 0 : o.call(t);
+  if (e.contains(t))
+    return !0;
+  if (i && et(i)) {
+    let l = t;
+    for (; l; ) {
+      if (e === l)
+        return !0;
+      l = l.parentNode || l.host;
+    }
+  }
+  return !1;
+}
+function J(e) {
   e.preventDefault(), e.stopPropagation();
 }
-function $(e, t, o) {
-  return Math.floor(e / t) !== o;
+function re(e, t, i) {
+  return Math.floor(e / t) !== i;
 }
-function W(e, t) {
+function ie(e, t) {
   return t < 0 || t >= e.current.length;
 }
-function Xe(e, t) {
-  return N(e, {
+function ft(e, t) {
+  return _(e, {
     disabledIndices: t
   });
 }
-function Ze(e, t) {
-  return N(e, {
+function dt(e, t) {
+  return _(e, {
     decrement: !0,
     startingIndex: e.current.length,
     disabledIndices: t
   });
 }
-function N(e, {
+function _(e, {
   startingIndex: t = -1,
-  decrement: o = !1,
-  disabledIndices: r,
-  amount: n = 1
+  decrement: i = !1,
+  disabledIndices: o,
+  amount: l = 1
 } = {}) {
-  const u = e.current;
-  let l = t;
+  let n = t;
   do
-    l += o ? -n : n;
-  while (l >= 0 && l <= u.length - 1 && B(u, l, r));
-  return l;
+    n += i ? -l : l;
+  while (n >= 0 && n <= e.current.length - 1 && Z(e, n, o));
+  return n;
 }
-function Qe(e, {
+function gt(e, {
   event: t,
-  orientation: o,
-  loop: r,
+  orientation: i,
+  loopFocus: o,
+  rtl: l,
   cols: n,
   disabledIndices: u,
-  minIndex: l,
-  maxIndex: g,
-  prevIndex: a,
-  rtl: p,
-  stopEvent: s = !1
+  minIndex: m,
+  maxIndex: f,
+  prevIndex: r,
+  stopEvent: a = !1
 }) {
-  let i = a;
-  if (t.key === z) {
-    if (s && U(t), a === -1)
-      i = g;
-    else if (i = N(e, {
-      startingIndex: i,
+  let s = r;
+  const p = [], w = {};
+  let M = !1;
+  {
+    let c = null, E = -1;
+    e.current.forEach((d, h) => {
+      if (d == null)
+        return;
+      const R = d.closest('[role="row"]');
+      R && (M = !0), (R !== c || E === -1) && (c = R, E += 1, p[E] = []), p[E].push(h), w[h] = E;
+    });
+  }
+  const b = M && p.length > 0 && p.some((c) => c.length !== n);
+  function S(c) {
+    if (!b || r === -1)
+      return;
+    const E = w[r];
+    if (E == null)
+      return;
+    const d = p[E].indexOf(r);
+    let h = c === "up" ? E - 1 : E + 1;
+    o && (h < 0 ? h = p.length - 1 : h >= p.length && (h = 0));
+    const R = /* @__PURE__ */ new Set();
+    for (; h >= 0 && h < p.length && !R.has(h); ) {
+      R.add(h);
+      const O = p[h];
+      if (O.length === 0) {
+        h = c === "up" ? h - 1 : h + 1;
+        continue;
+      }
+      const B = Math.min(d, O.length - 1);
+      for (let D = B; D >= 0; D -= 1) {
+        const g = O[D];
+        if (!Z(e, g, u))
+          return g;
+      }
+      h = c === "up" ? h - 1 : h + 1, o && (h < 0 ? h = p.length - 1 : h >= p.length && (h = 0));
+    }
+  }
+  if (t.key === lt) {
+    const c = S("up");
+    if (c !== void 0)
+      a && J(t), s = c;
+    else {
+      if (a && J(t), r === -1)
+        s = f;
+      else if (s = _(e, {
+        startingIndex: s,
+        amount: n,
+        decrement: !0,
+        disabledIndices: u
+      }), o && (r - n < m || s < 0)) {
+        const E = r % n, d = f % n, h = f - (d - E);
+        d === E ? s = f : s = d > E ? h : h - n;
+      }
+      ie(e, s) && (s = r);
+    }
+  }
+  if (t.key === ut) {
+    const c = S("down");
+    c !== void 0 ? (a && J(t), s = c) : (a && J(t), r === -1 ? s = m : (s = _(e, {
+      startingIndex: r,
       amount: n,
-      decrement: !0,
       disabledIndices: u
-    }), r && (a - n < l || i < 0)) {
-      const c = a % n, m = g % n, y = g - (m - c);
-      m === c ? i = g : i = m > c ? y : y - n;
-    }
-    W(e, i) && (i = a);
+    }), o && r + n > f && (s = _(e, {
+      startingIndex: r % n - n,
+      amount: n,
+      disabledIndices: u
+    }))), ie(e, s) && (s = r));
   }
-  if (t.key === k && (s && U(t), a === -1 ? i = l : (i = N(e, {
-    startingIndex: a,
-    amount: n,
-    disabledIndices: u
-  }), r && a + n > g && (i = N(e, {
-    startingIndex: a % n - n,
-    amount: n,
-    disabledIndices: u
-  }))), W(e, i) && (i = a)), o === "both") {
-    const c = p ? v : x, m = p ? x : v, y = Math.floor(a / n);
-    t.key === c && (s && U(t), a % n !== n - 1 ? (i = N(e, {
-      startingIndex: a,
+  if (i === "both") {
+    const c = me(r / n);
+    t.key === (l ? fe : de) && (a && J(t), r % n !== n - 1 ? (s = _(e, {
+      startingIndex: r,
       disabledIndices: u
-    }), r && $(i, n, y) && (i = N(e, {
-      startingIndex: a - a % n - 1,
+    }), o && re(s, n, c) && (s = _(e, {
+      startingIndex: r - r % n - 1,
       disabledIndices: u
-    }))) : r && (i = N(e, {
-      startingIndex: a - a % n - 1,
+    }))) : o && (s = _(e, {
+      startingIndex: r - r % n - 1,
       disabledIndices: u
-    })), $(i, n, y) && (i = a)), t.key === m && (s && U(t), a % n !== 0 ? (i = N(e, {
-      startingIndex: a,
+    })), re(s, n, c) && (s = r)), t.key === (l ? de : fe) && (a && J(t), r % n !== 0 ? (s = _(e, {
+      startingIndex: r,
       decrement: !0,
       disabledIndices: u
-    }), r && $(i, n, y) && (i = N(e, {
-      startingIndex: a + (n - a % n),
+    }), o && re(s, n, c) && (s = _(e, {
+      startingIndex: r + (n - r % n),
       decrement: !0,
       disabledIndices: u
-    }))) : r && (i = N(e, {
-      startingIndex: a + (n - a % n),
+    }))) : o && (s = _(e, {
+      startingIndex: r + (n - r % n),
       decrement: !0,
       disabledIndices: u
-    })), $(i, n, y) && (i = a));
-    const C = Math.floor(g / n) === y;
-    W(e, i) && (r && C ? i = t.key === m ? g : N(e, {
-      startingIndex: a - a % n - 1,
+    })), re(s, n, c) && (s = r));
+    const E = me(f / n) === c;
+    ie(e, s) && (o && E ? s = t.key === (l ? de : fe) ? f : _(e, {
+      startingIndex: r - r % n - 1,
       disabledIndices: u
-    }) : i = a);
+    }) : s = r);
   }
-  return i;
+  return s;
 }
-function et(e, t, o) {
-  const r = [];
-  let n = 0;
+function ht(e, t, i) {
+  const o = [];
+  let l = 0;
   return e.forEach(({
-    width: u,
-    height: l
-  }, g) => {
-    if (u > t && process.env.NODE_ENV !== "production")
-      throw new Error(`[Base UI]: Invalid grid - item width at index ${g} is greater than grid columns`);
-    let a = !1;
-    for (o && (n = 0); !a; ) {
-      const p = [];
-      for (let s = 0; s < u; s += 1)
-        for (let i = 0; i < l; i += 1)
-          p.push(n + s + i * t);
-      n % t + u <= t && p.every((s) => r[s] == null) ? (p.forEach((s) => {
-        r[s] = g;
-      }), a = !0) : n += 1;
+    width: n,
+    height: u
+  }, m) => {
+    if (n > t && process.env.NODE_ENV !== "production")
+      throw new Error(process.env.NODE_ENV !== "production" ? `[Floating UI]: Invalid grid - item width at index ${m} is greater than grid columns` : we(29, m));
+    let f = !1;
+    for (i && (l = 0); !f; ) {
+      const r = [];
+      for (let a = 0; a < n; a += 1)
+        for (let s = 0; s < u; s += 1)
+          r.push(l + a + s * t);
+      l % t + n <= t && r.every((a) => o[a] == null) ? (r.forEach((a) => {
+        o[a] = m;
+      }), f = !0) : l += 1;
     }
-  }), [...r];
+  }), [...o];
 }
-function tt(e, t, o, r, n) {
+function pt(e, t, i, o, l) {
   if (e === -1)
     return -1;
-  const u = o.indexOf(e), l = t[e];
-  switch (n) {
+  const n = i.indexOf(e), u = t[e];
+  switch (l) {
     case "tl":
-      return u;
+      return n;
     case "tr":
-      return l ? u + l.width - 1 : u;
+      return u ? n + u.width - 1 : n;
     case "bl":
-      return l ? u + (l.height - 1) * r : u;
+      return u ? n + (u.height - 1) * o : n;
     case "br":
-      return o.lastIndexOf(e);
+      return i.lastIndexOf(e);
     default:
       return -1;
   }
 }
-function nt(e, t) {
-  return t.flatMap((o, r) => e.includes(o) ? [r] : []);
-}
-function B(e, t, o) {
-  if (o)
-    return o.includes(t);
-  const r = e[t];
-  return r == null || r.hasAttribute("disabled") || r.getAttribute("aria-disabled") === "true";
-}
-function ot(e) {
-  if ($e()) {
-    const t = e.computedStyleMap().get("direction");
-    return t == null ? void 0 : t.value;
+function mt(e, t) {
+  return t.flatMap((i, o) => e.includes(i) ? [o] : []);
+}
+function Z(e, t, i) {
+  if (typeof i == "function")
+    return i(t);
+  if (i)
+    return i.includes(t);
+  const o = e.current[t];
+  return o ? o.hasAttribute("disabled") || o.getAttribute("aria-disabled") === "true" : !1;
+}
+const Q = "ArrowUp", X = "ArrowDown", se = "ArrowLeft", ee = "ArrowRight", ae = "Home", le = "End", Ie = /* @__PURE__ */ new Set([se, ee]), Rt = /* @__PURE__ */ new Set([se, ee, ae, le]), Te = /* @__PURE__ */ new Set([Q, X]), yt = /* @__PURE__ */ new Set([Q, X, ae, le]), Pe = /* @__PURE__ */ new Set([...Ie, ...Te]), Et = /* @__PURE__ */ new Set([...Pe, ae, le]), Ae = "Shift", Mt = "Control", wt = "Alt", Ot = "Meta", Nt = /* @__PURE__ */ new Set([Ae, Mt, wt, Ot]);
+function bt(e) {
+  return Ce(e) && e.tagName === "INPUT";
+}
+function Re(e) {
+  return !!(bt(e) && e.selectionStart != null || Ce(e) && e.tagName === "TEXTAREA");
+}
+function ye(e, t, i, o) {
+  if (!e || !t || !t.scrollTo)
+    return;
+  let l = e.scrollLeft, n = e.scrollTop;
+  const u = e.clientWidth < e.scrollWidth, m = e.clientHeight < e.scrollHeight;
+  if (u && o !== "vertical") {
+    const f = Ee(e, t, "left"), r = oe(e), a = oe(t);
+    i === "ltr" && (f + t.offsetWidth + a.scrollMarginRight > e.scrollLeft + e.clientWidth - r.scrollPaddingRight ? l = f + t.offsetWidth + a.scrollMarginRight - e.clientWidth + r.scrollPaddingRight : f - a.scrollMarginLeft < e.scrollLeft + r.scrollPaddingLeft && (l = f - a.scrollMarginLeft - r.scrollPaddingLeft)), i === "rtl" && (f - a.scrollMarginRight < e.scrollLeft + r.scrollPaddingLeft ? l = f - a.scrollMarginLeft - r.scrollPaddingLeft : f + t.offsetWidth + a.scrollMarginRight > e.scrollLeft + e.clientWidth - r.scrollPaddingRight && (l = f + t.offsetWidth + a.scrollMarginRight - e.clientWidth + r.scrollPaddingRight));
   }
-  return Be(e).getComputedStyle(e).direction;
-}
-let se = 0;
-function rt(e, t = "mui") {
-  const [o, r] = f.useState(e), n = e || o;
-  return f.useEffect(() => {
-    o == null && (se += 1, r(`${t}-${se}`));
-  }, [o, t]), n;
-}
-const it = {
-  ...f
-}, ue = it.useId;
-function at(e, t) {
-  if (ue !== void 0) {
-    const o = ue();
-    return `${t}-${o}`;
+  if (m && o !== "horizontal") {
+    const f = Ee(e, t, "top"), r = oe(e), a = oe(t);
+    f - a.scrollMarginTop < e.scrollTop + r.scrollPaddingTop ? n = f - a.scrollMarginTop - r.scrollPaddingTop : f + t.offsetHeight + a.scrollMarginBottom > e.scrollTop + e.clientHeight - r.scrollPaddingBottom && (n = f + t.offsetHeight + a.scrollMarginBottom - e.clientHeight + r.scrollPaddingBottom);
   }
-  return rt(e, t);
-}
-function st(e) {
-  return at(e, "base-ui");
-}
-function ut() {
-  return typeof window < "u";
+  e.scrollTo({
+    left: l,
+    top: n,
+    behavior: "auto"
+  });
 }
-function lt(e) {
-  var t;
-  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+function Ee(e, t, i) {
+  const o = i === "left" ? "offsetLeft" : "offsetTop";
+  let l = 0;
+  for (; t.offsetParent && (l += t[o], t.offsetParent !== e); )
+    t = t.offsetParent;
+  return l;
 }
-function ct(e) {
-  return !ut() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof lt(e).ShadowRoot;
+function oe(e) {
+  const t = getComputedStyle(e);
+  return {
+    scrollMarginTop: parseFloat(t.scrollMarginTop) || 0,
+    scrollMarginRight: parseFloat(t.scrollMarginRight) || 0,
+    scrollMarginBottom: parseFloat(t.scrollMarginBottom) || 0,
+    scrollMarginLeft: parseFloat(t.scrollMarginLeft) || 0,
+    scrollPaddingTop: parseFloat(t.scrollPaddingTop) || 0,
+    scrollPaddingRight: parseFloat(t.scrollPaddingRight) || 0,
+    scrollPaddingBottom: parseFloat(t.scrollPaddingBottom) || 0,
+    scrollPaddingLeft: parseFloat(t.scrollPaddingLeft) || 0
+  };
 }
-function dt(e, t) {
-  if (!e || !t)
-    return !1;
-  const o = t.getRootNode == null ? void 0 : t.getRootNode();
-  if (e.contains(t))
-    return !0;
-  if (o && ct(o)) {
-    let r = t;
-    for (; r; ) {
-      if (e === r)
-        return !0;
-      r = r.parentNode || r.host;
+function Ct(e, t) {
+  return {
+    ...e,
+    state: {
+      ...e.state,
+      valid: !t && e.state.valid
     }
-  }
-  return !1;
+  };
 }
-const pe = /* @__PURE__ */ f.createContext({
+const _e = /* @__PURE__ */ y.createContext({
   formRef: {
     current: {
       fields: /* @__PURE__ */ new Map()
     }
   },
   errors: {},
-  onClearErrors: () => {
+  clearErrors: Oe,
+  validationMode: "onSubmit",
+  submitAttemptedRef: {
+    current: !1
   }
 });
-process.env.NODE_ENV !== "production" && (pe.displayName = "FormContext");
-function ye() {
-  return f.useContext(pe);
+process.env.NODE_ENV !== "production" && (_e.displayName = "FormContext");
+function Le() {
+  return y.useContext(_e);
 }
-function Ce(e, t) {
-  return {
-    ...e,
-    state: {
-      ...e.state,
-      valid: !t && e.state.valid
-    }
-  };
-}
-const ft = Object.keys(_e);
-function gt() {
-  const {
-    setValidityData: e,
-    validate: t,
-    messageIds: o,
-    validityData: r,
-    validationMode: n,
-    validationDebounceTime: u,
-    invalid: l,
-    markedDirtyRef: g,
-    controlId: a,
-    state: p
-  } = Y(), {
-    formRef: s
-  } = ye(), i = f.useRef(-1), c = f.useRef(null);
-  f.useEffect(() => () => {
-    window.clearTimeout(i.current);
-  }, []);
-  const m = oe(async (R) => {
-    const E = c.current;
-    if (!E)
-      return;
-    function O(S) {
-      return ft.reduce((T, b) => (T[b] = S.validity[b], !S.validity.customError && !g.current && (T[b] = b === "valid"), T), {});
-    }
-    window.clearTimeout(i.current);
-    const I = t(R);
-    let h = null;
-    typeof I == "object" && I !== null && "then" in I ? h = await I : h = I;
-    let M = "";
-    h !== null && (M = Array.isArray(h) ? h.join(`
-`) : h), E.setCustomValidity(M);
-    const X = O(E);
-    let w = [];
-    Array.isArray(h) ? w = h : h ? w = [h] : E.validationMessage && (w = [E.validationMessage]);
-    const _ = {
-      value: R,
-      state: X,
-      error: Array.isArray(h) ? h[0] : h ?? E.validationMessage,
-      errors: w,
-      initialValue: r.initialValue
-    };
-    if (a) {
-      const S = s.current.fields.get(a);
-      S && s.current.fields.set(a, {
-        ...S,
-        ...Ce(_, l)
-      });
-    }
-    e(_);
-  }), y = f.useCallback((R = {}) => G(R, {
-    ...o.length && {
-      "aria-describedby": o.join(" ")
-    },
-    ...p.valid === !1 && {
-      "aria-invalid": !0
-    }
-  }), [o, p.valid]), C = f.useCallback((R = {}) => G(y(R), {
-    onChange(E) {
-      if (E.nativeEvent.defaultPrevented || l || n !== "onChange")
-        return;
-      const O = E.currentTarget;
-      if (O.value === "") {
-        m(O.value);
-        return;
-      }
-      window.clearTimeout(i.current), u ? i.current = window.setTimeout(() => {
-        m(O.value);
-      }, u) : m(O.value);
-    }
-  }), [y, l, n, u, m]);
-  return f.useMemo(() => ({
-    getValidationProps: y,
-    getInputValidationProps: C,
-    inputRef: c,
-    commitValidation: m
-  }), [y, C, m]);
-}
-function ht(e) {
+function St(e) {
   const {
-    formRef: t
-  } = ye(), {
-    invalid: o,
+    enabled: t = !0,
+    value: i,
+    id: o,
+    name: l,
+    controlRef: n,
+    commit: u
+  } = e, {
+    formRef: m
+  } = Le(), {
+    invalid: f,
     markedDirtyRef: r,
-    validityData: n,
-    setValidityData: u
-  } = Y(), {
-    value: l,
-    id: g,
-    controlRef: a,
-    commitValidation: p
-  } = e, s = Ae(e.getValue);
-  ne(() => {
-    var c;
-    let i = l;
-    i === void 0 && (i = (c = s.current) == null ? void 0 : c.call(s)), n.initialValue === null && i !== n.initialValue && u((m) => ({
-      ...m,
-      initialValue: i
+    validityData: a,
+    setValidityData: s
+  } = Ne(), p = L(e.getValue);
+  F(() => {
+    if (!t)
+      return;
+    let w = i;
+    w === void 0 && (w = p()), a.initialValue === null && w !== null && s((M) => ({
+      ...M,
+      initialValue: w
     }));
-  }, [u, l, n.initialValue, s]), ne(() => {
-    g && t.current.fields.set(g, {
-      controlRef: a,
-      validityData: Ce(n, o),
+  }, [t, s, i, a.initialValue, p]), F(() => {
+    !t || !o || m.current.fields.set(o, {
+      getValue: p,
+      name: l,
+      controlRef: n,
+      validityData: Ct(a, f),
       validate() {
-        var c;
-        let i = l;
-        i === void 0 && (i = (c = s.current) == null ? void 0 : c.call(s)), r.current = !0, Te.flushSync(() => p(i));
+        let w = i;
+        w === void 0 && (w = p()), r.current = !0, Be.flushSync(() => u(w));
       }
     });
-  }, [p, a, t, s, g, o, r, n, l]);
-}
-const L = void 0;
-function mt(e) {
+  }, [u, n, t, m, p, o, f, r, l, a, i]), F(() => {
+    const w = m.current.fields;
+    return () => {
+      o && w.delete(o);
+    };
+  }, [m, o]);
+}
+function It(e, t) {
+  const i = y.useRef(e), o = L(t);
+  F(() => {
+    i.current !== e && o(i.current);
+  }, [e, o]), F(() => {
+    i.current = e;
+  }, [e]);
+}
+const xe = /* @__PURE__ */ y.createContext({
+  legendId: void 0,
+  setLegendId: () => {
+  },
+  disabled: void 0
+});
+process.env.NODE_ENV !== "production" && (xe.displayName = "FieldsetRootContext");
+function Tt(e = !1) {
+  const t = y.useContext(xe);
+  if (!t && !e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>." : we(86));
+  return t;
+}
+const Pt = [];
+function At(e) {
   const {
     itemSizes: t,
-    cols: o = 1,
-    loop: r = !0,
-    dense: n = !1,
-    orientation: u = "both",
-    direction: l,
-    highlightedIndex: g,
-    onHighlightedIndexChange: a,
-    rootRef: p,
-    enableHomeAndEndKeys: s = !1,
-    stopEventPropagation: i = !1
-  } = e, [c, m] = f.useState(0), y = o > 1, C = g ?? c, R = oe(a ?? m), E = f.useRef(l ?? null), O = f.useRef(null), I = Pe(O, p), h = f.useRef([]), M = f.useCallback((X = {}) => G(X, {
-    "aria-orientation": u === "both" ? void 0 : u,
-    ref: I,
-    onKeyDown(w) {
-      const _ = s ? Je : me;
-      if (!_.includes(w.key))
-        return;
-      const S = O.current;
-      if (!S)
+    cols: i = 1,
+    loopFocus: o = !0,
+    dense: l = !1,
+    orientation: n = "both",
+    direction: u,
+    highlightedIndex: m,
+    onHighlightedIndexChange: f,
+    rootRef: r,
+    enableHomeAndEndKeys: a = !1,
+    stopEventPropagation: s = !1,
+    disabledIndices: p,
+    modifierKeys: w = Pt
+  } = e, [M, b] = y.useState(0), S = i > 1, c = y.useRef(null), E = be(c, r), d = y.useRef([]), h = y.useRef(!1), R = m ?? M, O = L((g, T = !1) => {
+    if ((f ?? b)(g), T) {
+      const k = d.current[g];
+      ye(c.current, k, u, n);
+    }
+  }), B = L((g) => {
+    if (g.size === 0 || h.current)
+      return;
+    h.current = !0;
+    const T = Array.from(g.keys()), k = T.find((C) => C == null ? void 0 : C.hasAttribute(Ye)) ?? null, x = k ? T.indexOf(k) : -1;
+    x !== -1 && O(x), ye(c.current, k, u, n);
+  }), D = y.useMemo(() => ({
+    "aria-orientation": n === "both" ? void 0 : n,
+    ref: E,
+    onFocus(g) {
+      !c.current || !Re(g.target) || g.target.setSelectionRange(0, g.target.value.length ?? 0);
+    },
+    onKeyDown(g) {
+      const T = a ? Et : Pe;
+      if (!T.has(g.key) || _t(g, w) || !c.current)
         return;
-      (E == null ? void 0 : E.current) == null && (E.current = ot(S));
-      const T = E.current === "rtl";
-      let b = C;
-      const F = Xe(h, L), j = Ze(h, L);
-      if (y) {
-        const H = t || Array.from({
-          length: h.current.length
+      const x = u === "rtl", C = x ? se : ee, W = {
+        horizontal: C,
+        vertical: X,
+        both: C
+      }[n], z = x ? ee : se, N = {
+        horizontal: z,
+        vertical: Q,
+        both: z
+      }[n];
+      if (Re(g.target) && !at(g.target)) {
+        const P = g.target.selectionStart, H = g.target.selectionEnd, q = g.target.value ?? "";
+        if (P == null || g.shiftKey || P !== H || g.key !== N && P < q.length || g.key !== W && P > 0)
+          return;
+      }
+      let I = R;
+      const U = ft(d, p), Y = dt(d, p);
+      if (S) {
+        const P = t || Array.from({
+          length: d.current.length
         }, () => ({
           width: 1,
           height: 1
-        })), A = et(H, o, n), we = A.findIndex((D) => D != null && !B(h.current, D, L)), Oe = A.reduce((D, K, Ie) => K != null && !B(h.current, K, L) ? Ie : D, -1);
-        b = A[Qe({
-          current: A.map((D) => D ? h.current[D] : null)
+        })), H = ht(P, i, l), q = H.findIndex((K) => K != null && !Z(d, K, p)), ne = H.reduce((K, $, ue) => $ != null && !Z(d, $, p) ? ue : K, -1);
+        I = H[gt({
+          current: H.map((K) => K ? d.current[K] : null)
         }, {
-          event: w,
-          orientation: u,
-          loop: r,
-          cols: o,
+          event: g,
+          orientation: n,
+          loopFocus: o,
+          cols: i,
           // treat undefined (empty grid spaces) as disabled indices so we
           // don't end up in them
-          disabledIndices: nt([...h.current.map((D, K) => B(h.current, K) ? K : void 0), void 0], A),
-          minIndex: we,
-          maxIndex: Oe,
-          prevIndex: tt(
-            C > j ? F : C,
+          disabledIndices: mt([...p || d.current.map((K, $) => Z(d, $) ? $ : void 0), void 0], H),
+          minIndex: q,
+          maxIndex: ne,
+          prevIndex: pt(
+            R > Y ? U : R,
+            P,
             H,
-            A,
-            o,
+            i,
             // use a corner matching the edge closest to the direction we're
             // moving in so we don't end up in the same item. Prefer
             // top/left over bottom/right.
             // eslint-disable-next-line no-nested-ternary
-            w.key === k ? "bl" : w.key === x ? "tr" : "tl"
+            g.key === X ? "bl" : g.key === ee ? "tr" : "tl"
           ),
-          rtl: T
+          rtl: x
         })];
       }
-      const re = T ? v : x, ie = {
-        horizontal: [re],
-        vertical: [k],
-        both: [re, k]
-      }[u], ae = T ? x : v, Z = {
-        horizontal: [ae],
-        vertical: [z],
-        both: [ae, z]
-      }[u], be = y ? _ : {
-        horizontal: s ? Ye : ge,
-        vertical: s ? qe : he,
-        both: _
-      }[u];
-      s && (w.key === q ? b = F : w.key === J && (b = j)), b === C && [...ie, ...Z].includes(w.key) && (r && b === j && ie.includes(w.key) ? b = F : r && b === F && Z.includes(w.key) ? b = j : b = N(h, {
-        startingIndex: b,
-        decrement: Z.includes(w.key),
-        disabledIndices: L
-      })), b !== C && !W(h, b) && (i && w.stopPropagation(), be.includes(w.key) && w.preventDefault(), R(b), queueMicrotask(() => {
-        var H;
-        (H = h.current[b]) == null || H.focus();
+      const G = {
+        horizontal: [C],
+        vertical: [X],
+        both: [C, X]
+      }[n], v = {
+        horizontal: [z],
+        vertical: [Q],
+        both: [z, Q]
+      }[n], te = S ? T : {
+        horizontal: a ? Rt : Ie,
+        vertical: a ? yt : Te,
+        both: T
+      }[n];
+      a && (g.key === ae ? I = U : g.key === le && (I = Y)), I === R && (G.includes(g.key) || v.includes(g.key)) && (o && I === Y && G.includes(g.key) ? I = U : o && I === U && v.includes(g.key) ? I = Y : I = _(d, {
+        startingIndex: I,
+        decrement: v.includes(g.key),
+        disabledIndices: p
+      })), I !== R && !ie(d, I) && (s && g.stopPropagation(), te.has(g.key) && g.preventDefault(), O(I, !0), queueMicrotask(() => {
+        var P;
+        (P = d.current[I]) == null || P.focus();
       }));
     }
-  }), [C, i, o, n, h, y, t, r, I, R, u, s]);
-  return f.useMemo(() => ({
-    getRootProps: M,
-    highlightedIndex: C,
-    onHighlightedIndexChange: R,
-    elementsRef: h
-  }), [M, C, R, h]);
-}
-function Ee(e) {
+  }), [i, l, u, p, d, a, R, S, t, o, E, w, O, n, s]);
+  return y.useMemo(() => ({
+    props: D,
+    highlightedIndex: R,
+    onHighlightedIndexChange: O,
+    elementsRef: d,
+    disabledIndices: p,
+    onMapChange: B,
+    relayKeyboardEvent: D.onKeyDown
+  }), [D, R, O, d, p, B]);
+}
+function _t(e, t) {
+  for (const i of Nt.values())
+    if (!t.includes(i) && e.getModifierState(i))
+      return !0;
+  return !1;
+}
+function Lt(e) {
   const {
     render: t,
-    className: o,
-    highlightedIndex: r,
-    onHighlightedIndexChange: n,
-    orientation: u,
-    dense: l,
-    itemSizes: g,
-    loop: a,
-    cols: p,
-    direction: s,
-    enableHomeAndEndKeys: i,
-    onMapChange: c,
-    stopEventPropagation: m,
-    rootRef: y,
-    ...C
-  } = e, {
-    getRootProps: R,
-    highlightedIndex: E,
-    onHighlightedIndexChange: O,
-    elementsRef: I
-  } = mt({
-    itemSizes: g,
-    cols: p,
-    loop: a,
-    dense: l,
-    orientation: u,
-    highlightedIndex: r,
-    onHighlightedIndexChange: n,
-    rootRef: y,
-    stopEventPropagation: m,
-    enableHomeAndEndKeys: i,
-    direction: s
-  }), {
-    renderElement: h
-  } = ce({
-    propGetter: R,
-    render: t ?? "div",
-    state: {},
-    className: o,
-    extraProps: C
-  }), M = f.useMemo(() => ({
-    highlightedIndex: E,
-    onHighlightedIndexChange: O
-  }), [E, O]);
-  return /* @__PURE__ */ V(ke.Provider, {
-    value: M,
-    children: /* @__PURE__ */ V(de, {
-      elementsRef: I,
-      onMapChange: c,
-      children: h()
+    className: i,
+    refs: o = pe,
+    props: l = pe,
+    state: n = Ge,
+    stateAttributesMapping: u,
+    highlightedIndex: m,
+    onHighlightedIndexChange: f,
+    orientation: r,
+    dense: a,
+    itemSizes: s,
+    loopFocus: p,
+    cols: w,
+    enableHomeAndEndKeys: M,
+    onMapChange: b,
+    stopEventPropagation: S = !0,
+    rootRef: c,
+    disabledIndices: E,
+    modifierKeys: d,
+    highlightItemOnHover: h = !1,
+    tag: R = "div",
+    ...O
+  } = e, B = st(), {
+    props: D,
+    highlightedIndex: g,
+    onHighlightedIndexChange: T,
+    elementsRef: k,
+    onMapChange: x,
+    relayKeyboardEvent: C
+  } = At({
+    itemSizes: s,
+    cols: w,
+    loopFocus: p,
+    dense: a,
+    orientation: r,
+    highlightedIndex: m,
+    onHighlightedIndexChange: f,
+    rootRef: c,
+    stopEventPropagation: S,
+    enableHomeAndEndKeys: M,
+    direction: B,
+    disabledIndices: E,
+    modifierKeys: d
+  }), W = $e(R, e, {
+    state: n,
+    ref: o,
+    props: [D, ...l, O],
+    stateAttributesMapping: u
+  }), z = y.useMemo(() => ({
+    highlightedIndex: g,
+    onHighlightedIndexChange: T,
+    highlightItemOnHover: h,
+    relayKeyboardEvent: C
+  }), [g, T, h, C]);
+  return /* @__PURE__ */ V(ve.Provider, {
+    value: z,
+    children: /* @__PURE__ */ V(nt, {
+      elementsRef: k,
+      onMapChange: (N) => {
+        b == null || b(N), x(N);
+      },
+      children: W
     })
   });
 }
-process.env.NODE_ENV !== "production" && (Ee.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: d.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: d.oneOfType([d.func, d.string]),
-  /**
-   * @ignore
-   */
-  cols: d.number,
-  /**
-   * @ignore
-   */
-  dense: d.bool,
-  /**
-   * @ignore
-   */
-  direction: d.oneOf(["ltr", "rtl"]),
-  /**
-   * @ignore
-   */
-  enableHomeAndEndKeys: d.bool,
-  /**
-   * @ignore
-   */
-  highlightedIndex: d.number,
-  /**
-   * @ignore
-   */
-  itemSizes: d.arrayOf(d.shape({
-    height: d.number.isRequired,
-    width: d.number.isRequired
-  })),
-  /**
-   * @ignore
-   */
-  loop: d.bool,
-  /**
-   * @ignore
-   */
-  onHighlightedIndexChange: d.func,
-  /**
-   * @ignore
-   */
-  onMapChange: d.func,
-  /**
-   * @ignore
-   */
-  orientation: d.oneOf(["both", "horizontal", "vertical"]),
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: d.oneOfType([d.element, d.func]),
-  /**
-   * @ignore
-   */
-  rootRef: ve,
-  /**
-   * @ignore
-   */
-  stopEventPropagation: d.bool
-});
-function pt(e) {
+const xt = [Ae], De = /* @__PURE__ */ y.forwardRef(function(t, i) {
   const {
-    disabled: t = !1,
-    name: o,
-    defaultValue: r,
-    readOnly: n,
-    value: u
-  } = e, {
-    labelId: l,
-    setTouched: g,
-    setFocused: a,
-    validationMode: p
-  } = Y(), s = gt(), i = st(), [c, m] = Ue({
-    controlled: u,
-    default: r,
+    render: o,
+    className: l,
+    disabled: n,
+    readOnly: u,
+    required: m,
+    onValueChange: f,
+    value: r,
+    defaultValue: a,
+    name: s,
+    inputRef: p,
+    id: w,
+    ...M
+  } = t, {
+    setTouched: b,
+    setFocused: S,
+    shouldValidateOnChange: c,
+    validationMode: E,
+    name: d,
+    disabled: h,
+    state: R,
+    validation: O,
+    setDirty: B,
+    setFilled: D,
+    validityData: g
+  } = Ne(), {
+    labelId: T
+  } = je(), {
+    clearErrors: k
+  } = Le(), x = Tt(!0), C = h || n, W = d ?? s, z = Je(w), [N, I] = tt({
+    controlled: r,
+    default: a,
     name: "RadioGroup",
     state: "value"
+  }), U = L(f), Y = L((A, ge) => {
+    U(A, ge), !ge.isCanceled && I(A);
+  }), G = y.useRef(null), v = L((A) => {
+    G.current == null && A != null && (G.current = A);
   });
-  ht({
-    id: i,
-    commitValidation: s.commitValidation,
-    value: c,
-    controlRef: s.inputRef
+  St({
+    id: z,
+    commit: O.commit,
+    value: N,
+    controlRef: G,
+    name: W,
+    getValue: () => N ?? null
+  }), It(N, () => {
+    k(W), B(N !== g.initialValue), D(N != null), c() ? O.commit(N) : O.commit(N, !0);
   });
-  const [y, C] = f.useState(!1), R = f.useCallback((I = {}) => G(s.getValidationProps(I), {
-    role: "radiogroup",
-    "aria-disabled": t || void 0,
-    "aria-readonly": n || void 0,
-    "aria-labelledby": l,
+  const [te, P] = y.useState(!1), H = L((A) => {
+    ct(A.currentTarget, A.relatedTarget) || (b(!0), S(!1), E === "onBlur" && O.commit(N));
+  }), q = L((A) => {
+    A.key.startsWith("Arrow") && (b(!0), P(!0), S(!0));
+  }), ne = y.useMemo(() => N == null ? "" : typeof N == "string" ? N : JSON.stringify(N), [N]), K = be(O.inputRef, p), $ = Xe({
+    value: ne,
+    ref: K,
+    id: z,
+    name: ne ? W : void 0,
+    disabled: C,
+    readOnly: u,
+    required: m,
+    "aria-labelledby": M["aria-labelledby"] ?? (x == null ? void 0 : x.legendId),
+    "aria-hidden": !0,
+    tabIndex: -1,
+    style: Qe,
+    onChange: Oe,
+    // suppress a Next.js error
     onFocus() {
-      a(!0);
-    },
-    onBlur(h) {
-      dt(h.currentTarget, h.relatedTarget) || (g(!0), a(!1), p === "onBlur" && s.commitValidation(c));
-    },
-    onKeyDownCapture(h) {
-      h.key.startsWith("Arrow") && (g(!0), C(!0), a(!0));
+      var A;
+      (A = G.current) == null || A.focus();
     }
-  }), [s, t, n, l, a, g, p, c]), E = f.useMemo(() => c == null ? "" : typeof c == "string" ? c : JSON.stringify(c), [c]), O = f.useCallback((I = {}) => G(s.getInputValidationProps(I), {
-    type: "hidden",
-    value: E,
-    ref: s.inputRef,
-    id: i,
-    name: o,
-    disabled: t,
-    readOnly: n
-  }), [s, E, i, o, t, n]);
-  return f.useMemo(() => ({
-    getRootProps: R,
-    getInputProps: O,
-    checkedValue: c,
-    setCheckedValue: m,
-    touched: y,
-    setTouched: C,
-    fieldControlValidation: s
-  }), [R, O, c, m, y, s]);
-}
-const Re = /* @__PURE__ */ f.forwardRef(function(t, o) {
-  const {
-    render: r,
-    className: n,
-    disabled: u,
-    readOnly: l,
-    required: g,
-    onValueChange: a,
-    name: p,
-    ...s
-  } = t, i = je(), c = pt(t), {
-    state: m,
-    disabled: y
-  } = Y(), C = y || u, R = oe(a ?? (() => {
-  })), E = f.useMemo(() => ({
-    ...m,
+  }, O.getInputValidationProps), ue = y.useMemo(() => ({
+    ...R,
     disabled: C ?? !1,
-    required: g ?? !1,
-    readOnly: l ?? !1
-  }), [m, C, l, g]), O = f.useMemo(() => ({
-    ...m,
-    ...c,
-    onValueChange: R,
+    required: m ?? !1,
+    readOnly: u ?? !1
+  }), [R, C, u, m]), Ve = y.useMemo(() => ({
+    ...R,
+    checkedValue: N,
     disabled: C,
-    readOnly: l,
-    required: g
-  }), [m, C, R, c, l, g]), {
-    renderElement: I
-  } = ce({
-    propGetter: c.getRootProps,
-    render: r ?? "div",
-    ref: o,
-    className: n,
-    state: E,
-    extraProps: s,
-    customStyleHookMapping: Ke
-  });
-  return /* @__PURE__ */ le(He.Provider, {
-    value: O,
-    children: [/* @__PURE__ */ V(Ee, {
-      direction: i,
+    validation: O,
+    name: W,
+    onValueChange: U,
+    readOnly: u,
+    registerControlRef: v,
+    required: m,
+    setCheckedValue: Y,
+    setTouched: P,
+    touched: te
+  }), [N, C, O, R, W, U, u, v, m, Y, P, te]), ke = {
+    role: "radiogroup",
+    "aria-required": m || void 0,
+    "aria-disabled": C || void 0,
+    "aria-readonly": u || void 0,
+    "aria-labelledby": T,
+    onFocus() {
+      S(!0);
+    },
+    onBlur: H,
+    onKeyDownCapture: q
+  };
+  return /* @__PURE__ */ Me(qe.Provider, {
+    value: Ve,
+    children: [/* @__PURE__ */ V(Lt, {
+      render: o,
+      className: l,
+      state: ue,
+      props: [ke, O.getValidationProps, M],
+      refs: [i],
+      stateAttributesMapping: Ze,
       enableHomeAndEndKeys: !1,
-      render: I()
+      modifierKeys: xt
     }), /* @__PURE__ */ V("input", {
-      ...c.getInputProps()
+      ...$
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Re.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: d.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: d.oneOfType([d.func, d.string]),
-  /**
-   * The uncontrolled value of the radio button that should be initially selected.
-   *
-   * To render a controlled radio group, use the `value` prop instead.
-   */
-  defaultValue: d.any,
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled: d.bool,
-  /**
-   * Identifies the field when a form is submitted.
-   */
-  name: d.string,
-  /**
-   * Callback fired when the value changes.
-   */
-  onValueChange: d.func,
-  /**
-   * Whether the user should be unable to select a different radio button in the group.
-   * @default false
-   */
-  readOnly: d.bool,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: d.oneOfType([d.element, d.func]),
-  /**
-   * Whether the user must choose a value before submitting a form.
-   * @default false
-   */
-  required: d.bool,
-  /**
-   * The controlled value of the radio item that should be currently selected.
-   *
-   * To render an uncontrolled radio group, use the `defaultValue` prop instead.
-   */
-  value: d.any
-});
-const zt = ({
+process.env.NODE_ENV !== "production" && (De.displayName = "RadioGroup");
+const on = ({
   className: e,
   name: t,
-  label: o,
-  disabled: r,
-  defaultValue: n,
-  checked: u,
-  "data-testid": l = "radio-button-group",
-  onChange: g,
-  children: a
+  label: i,
+  disabled: o,
+  defaultValue: l,
+  checked: n,
+  "data-testid": u = "radio-button-group",
+  onChange: m,
+  children: f
 }) => {
-  a || console.error(
+  f || console.error(
     "[Marola - Radio Button component]A new component version using RadioGroup is available. Please use that instead."
   );
-  const [p, s] = Ve(u), i = Q(P["legacy-radio--input"], r && P["legacy-radio--input__disabled"]), c = Q(P["legacy-radio--label"], r && P["legacy-radio--label__disabled"]), m = Q(P["legacy-radio"], r && P["legacy-radio--disabled"], e);
-  Se(() => {
-    s(u);
-  }, [u]);
-  const y = () => {
-    if (r)
+  const [r, a] = Ke(n), s = ce(j["legacy-radio--input"], o && j["legacy-radio--input__disabled"]), p = ce(j["legacy-radio--label"], o && j["legacy-radio--label__disabled"]), w = ce(j["legacy-radio"], o && j["legacy-radio--disabled"], e);
+  Fe(() => {
+    a(n);
+  }, [n]);
+  const M = () => {
+    if (o)
       return;
-    const C = !p;
-    s(C), g(C);
+    const b = !r;
+    a(b), m(b);
   };
-  return a ? /* @__PURE__ */ V(Ne, { children: /* @__PURE__ */ V(
-    Re,
+  return f ? /* @__PURE__ */ V(He, { children: /* @__PURE__ */ V(
+    De,
     {
-      "data-testid": l,
-      onValueChange: g,
+      "data-testid": u,
+      onValueChange: (b, S) => m(b, S.event),
       name: t,
-      defaultValue: n,
+      defaultValue: l,
       className: e,
-      children: a
+      children: f
     }
-  ) }) : /* @__PURE__ */ le("div", { "data-testid": l, onClick: () => y(), className: m, children: [
-    /* @__PURE__ */ V("input", { name: t, type: "radio", checked: p, readOnly: !0 }),
-    /* @__PURE__ */ V("span", { className: i, children: p && /* @__PURE__ */ V(De, { icon: "circle", color: "var(--accent)", size: 8 }) }),
-    /* @__PURE__ */ V(Me, { className: c, variant: "base-lg", children: o })
+  ) }) : /* @__PURE__ */ Me("div", { "data-testid": u, onClick: () => M(), className: w, children: [
+    /* @__PURE__ */ V("input", { name: t, type: "radio", checked: r, readOnly: !0 }),
+    /* @__PURE__ */ V("span", { className: s, children: r && /* @__PURE__ */ V(We, { icon: "circle", color: "var(--accent)", size: 8 }) }),
+    /* @__PURE__ */ V(ze, { className: p, variant: "base-lg", children: i })
   ] });
 };
 export {
-  zt as RadioButton,
-  Ut as RadioOption
+  on as RadioButton,
+  ln as RadioOption
 };