@altimateai/ui-components 0.0.77-beta.3 → 0.0.77-beta.4

package/dist/Stack.js

@@ -1,4 +1,4 @@
-import { j as g, S as ys, d as xs } from "./index2.js";
+import { j as h, S as ys, d as xs } from "./index2.js";
 import * as l from "react";
 import ve, { useLayoutEffect as ws, useEffect as Cs, forwardRef as H, createElement as Qe, useState as Es } from "react";
 import * as qn from "react-dom";
@@ -139,10 +139,10 @@ const Ht = "-", Ps = (e) => {
       }
       y === "[" ? u++ : y === "]" && u--;
     }
-    const h = c.length === 0 ? i : i.substring(d), m = h.startsWith(er), v = m ? h.substring(1) : h, p = f && f > d ? f - d : void 0;
+    const m = c.length === 0 ? i : i.substring(d), g = m.startsWith(er), v = g ? m.substring(1) : m, p = f && f > d ? f - d : void 0;
     return {
       modifiers: c,
-      hasImportantModifier: m,
+      hasImportantModifier: g,
       baseClassName: v,
       maybePostfixModifierPosition: p
     };
@@ -174,16 +174,16 @@ const Ht = "-", Ps = (e) => {
     const u = a[c], {
       modifiers: d,
       hasImportantModifier: f,
-      baseClassName: h,
-      maybePostfixModifierPosition: m
+      baseClassName: m,
+      maybePostfixModifierPosition: g
     } = n(u);
-    let v = !!m, p = r(v ? h.substring(0, m) : h);
+    let v = !!g, p = r(v ? m.substring(0, g) : m);
     if (!p) {
       if (!v) {
         i = u + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (p = r(h), !p) {
+      if (p = r(m), !p) {
         i = u + (i.length > 0 ? " " + i : i);
         continue;
       }
@@ -236,16 +236,16 @@ function Ls(e, ...t) {
 const _ = (e) => {
   const t = (n) => n[e] || [];
   return t.isThemeGetter = !0, t;
-}, nr = /^\[(?:([a-z-]+):)?(.+)\]$/i, Fs = /^\d+\/\d+$/, $s = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ws = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Vs = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, zs = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Bs = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Hs = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ne = (e) => Re(e) || $s.has(e) || Fs.test(e), ie = (e) => ke(e, "length", Qs), Re = (e) => !!e && !Number.isNaN(Number(e)), vt = (e) => ke(e, "number", Re), Le = (e) => !!e && Number.isInteger(Number(e)), Gs = (e) => e.endsWith("%") && Re(e.slice(0, -1)), N = (e) => nr.test(e), le = (e) => Ws.test(e), Us = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ks = (e) => ke(e, Us, rr), Ys = (e) => ke(e, "position", rr), Xs = /* @__PURE__ */ new Set(["image", "url"]), qs = (e) => ke(e, Xs, ea), Zs = (e) => ke(e, "", Js), Fe = () => !0, ke = (e, t, n) => {
+}, nr = /^\[(?:([a-z-]+):)?(.+)\]$/i, Fs = /^\d+\/\d+$/, $s = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ws = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zs = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Vs = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Bs = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Hs = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ne = (e) => Re(e) || $s.has(e) || Fs.test(e), ie = (e) => ke(e, "length", Qs), Re = (e) => !!e && !Number.isNaN(Number(e)), vt = (e) => ke(e, "number", Re), Le = (e) => !!e && Number.isInteger(Number(e)), Gs = (e) => e.endsWith("%") && Re(e.slice(0, -1)), N = (e) => nr.test(e), le = (e) => Ws.test(e), Us = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Ks = (e) => ke(e, Us, rr), Ys = (e) => ke(e, "position", rr), Xs = /* @__PURE__ */ new Set(["image", "url"]), qs = (e) => ke(e, Xs, ea), Zs = (e) => ke(e, "", Js), Fe = () => !0, ke = (e, t, n) => {
   const r = nr.exec(e);
   return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
 }, Qs = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  Vs.test(e) && !zs.test(e)
+  zs.test(e) && !Vs.test(e)
 ), rr = () => !1, Js = (e) => Bs.test(e), ea = (e) => Hs.test(e), ta = () => {
-  const e = _("colors"), t = _("spacing"), n = _("blur"), r = _("brightness"), o = _("borderColor"), s = _("borderRadius"), a = _("borderSpacing"), i = _("borderWidth"), c = _("contrast"), u = _("grayscale"), d = _("hueRotate"), f = _("invert"), h = _("gap"), m = _("gradientColorStops"), v = _("gradientColorStopPositions"), p = _("inset"), b = _("margin"), y = _("opacity"), x = _("padding"), C = _("saturate"), w = _("scale"), E = _("sepia"), P = _("skew"), R = _("space"), S = _("translate"), I = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", N, t], A = () => [N, t], L = () => ["", ne, ie], j = () => ["auto", Re, N], B = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], V = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", N], U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [Re, N];
+  const e = _("colors"), t = _("spacing"), n = _("blur"), r = _("brightness"), o = _("borderColor"), s = _("borderRadius"), a = _("borderSpacing"), i = _("borderWidth"), c = _("contrast"), u = _("grayscale"), d = _("hueRotate"), f = _("invert"), m = _("gap"), g = _("gradientColorStops"), v = _("gradientColorStopPositions"), p = _("inset"), b = _("margin"), y = _("opacity"), x = _("padding"), C = _("saturate"), w = _("scale"), E = _("sepia"), P = _("skew"), R = _("space"), S = _("translate"), I = () => ["auto", "contain", "none"], D = () => ["auto", "hidden", "clip", "visible", "scroll"], F = () => ["auto", N, t], A = () => [N, t], L = () => ["", ne, ie], j = () => ["auto", Re, N], B = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], W = () => ["", "0", N], U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [Re, N];
   return {
     cacheSize: 500,
     separator: ":",
@@ -628,21 +628,21 @@ const _ = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [h]
+        gap: [m]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [h]
+        "gap-x": [m]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [h]
+        "gap-y": [m]
       }],
       /**
        * Justify Content
@@ -1237,21 +1237,21 @@ const _ = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [m]
+        from: [g]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [m]
+        via: [g]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [m]
+        to: [g]
       }],
       // Borders
       /**
@@ -1639,14 +1639,14 @@ const _ = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...V(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...z(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": V()
+        "bg-blend": z()
       }],
       // Filters
       /**
@@ -2304,9 +2304,9 @@ function oa(e) {
     const { children: s, ...a } = r, i = l.Children.toArray(s), c = i.find(la);
     if (c) {
       const u = c.props.children, d = i.map((f) => f === c ? l.Children.count(u) > 1 ? l.Children.only(null) : l.isValidElement(u) ? u.props.children : null : f);
-      return /* @__PURE__ */ g.jsx(t, { ...a, ref: o, children: l.isValidElement(u) ? l.cloneElement(u, void 0, d) : null });
+      return /* @__PURE__ */ h.jsx(t, { ...a, ref: o, children: l.isValidElement(u) ? l.cloneElement(u, void 0, d) : null });
     }
-    return /* @__PURE__ */ g.jsx(t, { ...a, ref: o, children: s });
+    return /* @__PURE__ */ h.jsx(t, { ...a, ref: o, children: s });
   });
   return n.displayName = `${e}.Slot`, n;
 }
@@ -2349,14 +2349,14 @@ const Sn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, An = Qn, G
   const { variants: o, defaultVariants: s } = t, a = Object.keys(o).map((u) => {
     const d = n == null ? void 0 : n[u], f = s == null ? void 0 : s[u];
     if (d === null) return null;
-    const h = Sn(d) || Sn(f);
-    return o[u][h];
+    const m = Sn(d) || Sn(f);
+    return o[u][m];
   }), i = n && Object.entries(n).reduce((u, d) => {
-    let [f, h] = d;
-    return h === void 0 || (u[f] = h), u;
+    let [f, m] = d;
+    return m === void 0 || (u[f] = m), u;
   }, {}), c = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((u, d) => {
-    let { class: f, className: h, ...m } = d;
-    return Object.entries(m).every((v) => {
+    let { class: f, className: m, ...g } = d;
+    return Object.entries(g).every((v) => {
       let [p, b] = v;
       return Array.isArray(b) ? b.includes({
         ...s,
@@ -2368,7 +2368,7 @@ const Sn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, An = Qn, G
     }) ? [
       ...u,
       f,
-      h
+      m
     ] : u;
   }, []);
   return An(e, a, c, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
@@ -2400,13 +2400,13 @@ function De(...e) {
       };
   };
 }
-function z(...e) {
+function V(...e) {
   return l.useCallback(De(...e), e);
 }
 function da(e, t) {
   const n = l.createContext(t), r = (s) => {
     const { children: a, ...i } = s, c = l.useMemo(() => i, Object.values(i));
-    return /* @__PURE__ */ g.jsx(n.Provider, { value: c, children: a });
+    return /* @__PURE__ */ h.jsx(n.Provider, { value: c, children: a });
   };
   r.displayName = e + "Provider";
   function o(s) {
@@ -2424,13 +2424,13 @@ function ae(e, t = []) {
     n = [...n, a];
     const u = (f) => {
       var y;
-      const { scope: h, children: m, ...v } = f, p = ((y = h == null ? void 0 : h[e]) == null ? void 0 : y[c]) || i, b = l.useMemo(() => v, Object.values(v));
-      return /* @__PURE__ */ g.jsx(p.Provider, { value: b, children: m });
+      const { scope: m, children: g, ...v } = f, p = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[c]) || i, b = l.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ h.jsx(p.Provider, { value: b, children: g });
     };
     u.displayName = s + "Provider";
-    function d(f, h) {
+    function d(f, m) {
       var p;
-      const m = ((p = h == null ? void 0 : h[e]) == null ? void 0 : p[c]) || i, v = l.useContext(m);
+      const g = ((p = m == null ? void 0 : m[e]) == null ? void 0 : p[c]) || i, v = l.useContext(g);
       if (v) return v;
       if (a !== void 0) return a;
       throw new Error(`\`${f}\` must be used within \`${s}\``);
@@ -2471,9 +2471,9 @@ var or = l.forwardRef((e, t) => {
   const { children: n, ...r } = e, o = l.Children.toArray(n), s = o.find(ma);
   if (s) {
     const a = s.props.children, i = o.map((c) => c === s ? l.Children.count(a) > 1 ? l.Children.only(null) : l.isValidElement(a) ? a.props.children : null : c);
-    return /* @__PURE__ */ g.jsx(Ot, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
+    return /* @__PURE__ */ h.jsx(Ot, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
   }
-  return /* @__PURE__ */ g.jsx(Ot, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ h.jsx(Ot, { ...r, ref: t, children: n });
 });
 or.displayName = "Slot";
 var Ot = l.forwardRef((e, t) => {
@@ -2489,7 +2489,7 @@ var Ot = l.forwardRef((e, t) => {
   return l.Children.count(n) > 1 ? l.Children.only(null) : null;
 });
 Ot.displayName = "SlotClone";
-var pa = ({ children: e }) => /* @__PURE__ */ g.jsx(g.Fragment, { children: e });
+var pa = ({ children: e }) => /* @__PURE__ */ h.jsx(h.Fragment, { children: e });
 function ma(e) {
   return l.isValidElement(e) && e.type === pa;
 }
@@ -2528,7 +2528,7 @@ var va = [
 ], $ = va.reduce((e, t) => {
   const n = l.forwardRef((r, o) => {
     const { asChild: s, ...a } = r, i = s ? or : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g.jsx(i, { ...a, ref: o });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ h.jsx(i, { ...a, ref: o });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
@@ -2557,7 +2557,7 @@ var xa = "DismissableLayer", Tt = "dismissableLayer.update", wa = "dismissableLa
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Ve = l.forwardRef(
+}), ze = l.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
@@ -2567,26 +2567,26 @@ var xa = "DismissableLayer", Tt = "dismissableLayer.update", wa = "dismissableLa
       onInteractOutside: a,
       onDismiss: i,
       ...c
-    } = e, u = l.useContext(sr), [d, f] = l.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = l.useState({}), v = z(t, (R) => f(R)), p = Array.from(u.layers), [b] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), y = p.indexOf(b), x = d ? p.indexOf(d) : -1, C = u.layersWithOutsidePointerEventsDisabled.size > 0, w = x >= y, E = Ra((R) => {
+    } = e, u = l.useContext(sr), [d, f] = l.useState(null), m = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = l.useState({}), v = V(t, (R) => f(R)), p = Array.from(u.layers), [b] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), y = p.indexOf(b), x = d ? p.indexOf(d) : -1, C = u.layersWithOutsidePointerEventsDisabled.size > 0, w = x >= y, E = Ra((R) => {
       const S = R.target, I = [...u.branches].some((D) => D.contains(S));
       !w || I || (o == null || o(R), a == null || a(R), R.defaultPrevented || i == null || i());
-    }, h), P = Pa((R) => {
+    }, m), P = Pa((R) => {
       const S = R.target;
       [...u.branches].some((D) => D.contains(S)) || (s == null || s(R), a == null || a(R), R.defaultPrevented || i == null || i());
-    }, h);
+    }, m);
     return ya((R) => {
       x === u.layers.size - 1 && (r == null || r(R), !R.defaultPrevented && i && (R.preventDefault(), i()));
-    }, h), l.useEffect(() => {
+    }, m), l.useEffect(() => {
       if (d)
-        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (On = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(d)), u.layers.add(d), Tn(), () => {
-          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = On);
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (On = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(d)), u.layers.add(d), Tn(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = On);
         };
-    }, [d, h, n, u]), l.useEffect(() => () => {
+    }, [d, m, n, u]), l.useEffect(() => () => {
       d && (u.layers.delete(d), u.layersWithOutsidePointerEventsDisabled.delete(d), Tn());
     }, [d, u]), l.useEffect(() => {
-      const R = () => m({});
+      const R = () => g({});
       return document.addEventListener(Tt, R), () => document.removeEventListener(Tt, R);
-    }, []), /* @__PURE__ */ g.jsx(
+    }, []), /* @__PURE__ */ h.jsx(
       $.div,
       {
         ...c,
@@ -2605,16 +2605,16 @@ var xa = "DismissableLayer", Tt = "dismissableLayer.update", wa = "dismissableLa
     );
   }
 );
-Ve.displayName = xa;
+ze.displayName = xa;
 var Ea = "DismissableLayerBranch", ar = l.forwardRef((e, t) => {
-  const n = l.useContext(sr), r = l.useRef(null), o = z(t, r);
+  const n = l.useContext(sr), r = l.useRef(null), o = V(t, r);
   return l.useEffect(() => {
     const s = r.current;
     if (s)
       return n.branches.add(s), () => {
         n.branches.delete(s);
       };
-  }, [n.branches]), /* @__PURE__ */ g.jsx($.div, { ...e, ref: o });
+  }, [n.branches]), /* @__PURE__ */ h.jsx($.div, { ...e, ref: o });
 });
 ar.displayName = Ea;
 function Ra(e, t = globalThis == null ? void 0 : globalThis.document) {
@@ -2669,7 +2669,7 @@ function ir(e, t, n, { discrete: r }) {
   const o = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? ba(o, s) : o.dispatchEvent(s);
 }
-var Qu = Ve, Ju = ar, be = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
+var Qu = ze, Ju = ar, be = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
 }, Sa = l.useId || (() => {
 }), Aa = 0;
 function Pe(e) {
@@ -2788,48 +2788,48 @@ function kn(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const s = me(t), a = Yt(t), i = Kt(a), c = se(t), u = s === "y", d = r.x + r.width / 2 - o.width / 2, f = r.y + r.height / 2 - o.height / 2, h = r[i] / 2 - o[i] / 2;
-  let m;
+  const s = me(t), a = Yt(t), i = Kt(a), c = se(t), u = s === "y", d = r.x + r.width / 2 - o.width / 2, f = r.y + r.height / 2 - o.height / 2, m = r[i] / 2 - o[i] / 2;
+  let g;
   switch (c) {
     case "top":
-      m = {
+      g = {
         x: d,
         y: r.y - o.height
       };
       break;
     case "bottom":
-      m = {
+      g = {
         x: d,
         y: r.y + r.height
       };
       break;
     case "right":
-      m = {
+      g = {
         x: r.x + r.width,
         y: f
       };
       break;
     case "left":
-      m = {
+      g = {
         x: r.x - o.width,
         y: f
       };
       break;
     default:
-      m = {
+      g = {
         x: r.x,
         y: r.y
       };
   }
   switch (je(t)) {
     case "start":
-      m[a] -= h * (n && u ? -1 : 1);
+      g[a] -= m * (n && u ? -1 : 1);
       break;
     case "end":
-      m[a] += h * (n && u ? -1 : 1);
+      g[a] += m * (n && u ? -1 : 1);
       break;
   }
-  return m;
+  return g;
 }
 const _a = async (e, t, n) => {
   const {
@@ -2845,7 +2845,7 @@ const _a = async (e, t, n) => {
   }), {
     x: d,
     y: f
-  } = kn(u, r, c), h = r, m = {}, v = 0;
+  } = kn(u, r, c), m = r, g = {}, v = 0;
   for (let p = 0; p < i.length; p++) {
     const {
       name: b,
@@ -2859,9 +2859,9 @@ const _a = async (e, t, n) => {
       x: d,
       y: f,
       initialPlacement: r,
-      placement: h,
+      placement: m,
       strategy: o,
-      middlewareData: m,
+      middlewareData: g,
       rects: u,
       platform: a,
       elements: {
@@ -2869,27 +2869,27 @@ const _a = async (e, t, n) => {
         floating: t
       }
     });
-    d = x ?? d, f = C ?? f, m = {
-      ...m,
+    d = x ?? d, f = C ?? f, g = {
+      ...g,
       [b]: {
-        ...m[b],
+        ...g[b],
         ...w
       }
-    }, E && v <= 50 && (v++, typeof E == "object" && (E.placement && (h = E.placement), E.rects && (u = E.rects === !0 ? await a.getElementRects({
+    }, E && v <= 50 && (v++, typeof E == "object" && (E.placement && (m = E.placement), E.rects && (u = E.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: o
     }) : E.rects), {
       x: d,
       y: f
-    } = kn(u, h, c)), p = -1);
+    } = kn(u, m, c)), p = -1);
   }
   return {
     x: d,
     y: f,
-    placement: h,
+    placement: m,
     strategy: o,
-    middlewareData: m
+    middlewareData: g
   };
 };
 async function $e(e, t) {
@@ -2906,9 +2906,9 @@ async function $e(e, t) {
     boundary: u = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
-    altBoundary: h = !1,
-    padding: m = 0
-  } = oe(t, e), v = lr(m), b = i[h ? f === "floating" ? "reference" : "floating" : f], y = ot(await s.getClippingRect({
+    altBoundary: m = !1,
+    padding: g = 0
+  } = oe(t, e), v = lr(g), b = i[m ? f === "floating" ? "reference" : "floating" : f], y = ot(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(b))) == null || n ? b : b.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)),
     boundary: u,
     rootBoundary: d,
@@ -2955,20 +2955,20 @@ const La = (e) => ({
     } = oe(e, t) || {};
     if (u == null)
       return {};
-    const f = lr(d), h = {
+    const f = lr(d), m = {
       x: n,
       y: r
-    }, m = Yt(o), v = Kt(m), p = await a.getDimensions(u), b = m === "y", y = b ? "top" : "left", x = b ? "bottom" : "right", C = b ? "clientHeight" : "clientWidth", w = s.reference[v] + s.reference[m] - h[m] - s.floating[v], E = h[m] - s.reference[m], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    }, g = Yt(o), v = Kt(g), p = await a.getDimensions(u), b = g === "y", y = b ? "top" : "left", x = b ? "bottom" : "right", C = b ? "clientHeight" : "clientWidth", w = s.reference[v] + s.reference[g] - m[g] - s.floating[v], E = m[g] - s.reference[g], P = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
     let R = P ? P[C] : 0;
     (!R || !await (a.isElement == null ? void 0 : a.isElement(P))) && (R = i.floating[C] || s.floating[v]);
-    const S = w / 2 - E / 2, I = R / 2 - p[v] / 2 - 1, D = fe(f[y], I), F = fe(f[x], I), A = D, L = R - p[v] - F, j = R / 2 - p[v] / 2 + S, B = kt(A, j, L), T = !c.arrow && je(o) != null && j !== B && s.reference[v] / 2 - (j < A ? D : F) - p[v] / 2 < 0, V = T ? j < A ? j - A : j - L : 0;
+    const S = w / 2 - E / 2, I = R / 2 - p[v] / 2 - 1, D = fe(f[y], I), F = fe(f[x], I), A = D, L = R - p[v] - F, j = R / 2 - p[v] / 2 + S, B = kt(A, j, L), T = !c.arrow && je(o) != null && j !== B && s.reference[v] / 2 - (j < A ? D : F) - p[v] / 2 < 0, z = T ? j < A ? j - A : j - L : 0;
     return {
-      [m]: h[m] + V,
+      [g]: m[g] + z,
       data: {
-        [m]: B,
-        centerOffset: j - B - V,
+        [g]: B,
+        centerOffset: j - B - z,
         ...T && {
-          alignmentOffset: V
+          alignmentOffset: z
         }
       },
       reset: T
@@ -2990,16 +2990,16 @@ const La = (e) => ({
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
-        fallbackPlacements: h,
-        fallbackStrategy: m = "bestFit",
+        fallbackPlacements: m,
+        fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: v = "none",
         flipAlignment: p = !0,
         ...b
       } = oe(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = se(o), x = me(i), C = se(i) === i, w = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), E = h || (C || !p ? [rt(i)] : Da(i)), P = v !== "none";
-      !h && P && E.push(...Ia(i, p, v, w));
+      const y = se(o), x = me(i), C = se(i) === i, w = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), E = m || (C || !p ? [rt(i)] : Da(i)), P = v !== "none";
+      !m && P && E.push(...Ia(i, p, v, w));
       const R = [i, ...E], S = await $e(t, b), I = [];
       let D = ((r = s.flip) == null ? void 0 : r.overflows) || [];
       if (d && I.push(S[y]), f) {
@@ -3022,12 +3022,12 @@ const La = (e) => ({
               placement: B
             }
           };
-        let T = (A = D.filter((V) => V.overflows[0] <= 0).sort((V, O) => V.overflows[1] - O.overflows[1])[0]) == null ? void 0 : A.placement;
+        let T = (A = D.filter((z) => z.overflows[0] <= 0).sort((z, O) => z.overflows[1] - O.overflows[1])[0]) == null ? void 0 : A.placement;
         if (!T)
-          switch (m) {
+          switch (g) {
             case "bestFit": {
               var L;
-              const V = (L = D.filter((O) => {
+              const z = (L = D.filter((O) => {
                 if (P) {
                   const W = me(O.placement);
                   return W === x || // Create a bias to the `y` side axis due to horizontal
@@ -3036,7 +3036,7 @@ const La = (e) => ({
                 }
                 return !0;
               }).map((O) => [O.placement, O.overflows.filter((W) => W > 0).reduce((W, U) => W + U, 0)]).sort((O, W) => O[1] - W[1])[0]) == null ? void 0 : L[0];
-              V && (T = V);
+              z && (T = z);
               break;
             }
             case "initialPlacement":
@@ -3114,8 +3114,8 @@ async function Wa(e, t) {
     elements: o
   } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), a = se(n), i = je(n), c = me(n) === "y", u = ["left", "top"].includes(a) ? -1 : 1, d = s && c ? -1 : 1, f = oe(t, e);
   let {
-    mainAxis: h,
-    crossAxis: m,
+    mainAxis: m,
+    crossAxis: g,
     alignmentAxis: v
   } = typeof f == "number" ? {
     mainAxis: f,
@@ -3126,15 +3126,15 @@ async function Wa(e, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return i && typeof v == "number" && (m = i === "end" ? v * -1 : v), c ? {
-    x: m * d,
-    y: h * u
+  return i && typeof v == "number" && (g = i === "end" ? v * -1 : v), c ? {
+    x: g * d,
+    y: m * u
   } : {
-    x: h * u,
-    y: m * d
+    x: m * u,
+    y: g * d
   };
 }
-const Va = function(e) {
+const za = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -3156,7 +3156,7 @@ const Va = function(e) {
       };
     }
   };
-}, za = function(e) {
+}, Va = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -3184,11 +3184,11 @@ const Va = function(e) {
       } = oe(e, t), u = {
         x: n,
         y: r
-      }, d = await $e(t, c), f = me(se(o)), h = Ut(f);
-      let m = u[h], v = u[f];
+      }, d = await $e(t, c), f = me(se(o)), m = Ut(f);
+      let g = u[m], v = u[f];
       if (s) {
-        const b = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", x = m + d[b], C = m - d[y];
-        m = kt(x, m, C);
+        const b = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", x = g + d[b], C = g - d[y];
+        g = kt(x, g, C);
       }
       if (a) {
         const b = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", x = v + d[b], C = v - d[y];
@@ -3196,7 +3196,7 @@ const Va = function(e) {
       }
       const p = i.fn({
         ...t,
-        [h]: m,
+        [m]: g,
         [f]: v
       });
       return {
@@ -3205,7 +3205,7 @@ const Va = function(e) {
           x: p.x - n,
           y: p.y - r,
           enabled: {
-            [h]: s,
+            [m]: s,
             [f]: a
           }
         }
@@ -3229,8 +3229,8 @@ const Va = function(e) {
       } = oe(e, t), d = {
         x: n,
         y: r
-      }, f = me(o), h = Ut(f);
-      let m = d[h], v = d[f];
+      }, f = me(o), m = Ut(f);
+      let g = d[m], v = d[f];
       const p = oe(i, t), b = typeof p == "number" ? {
         mainAxis: p,
         crossAxis: 0
@@ -3240,16 +3240,16 @@ const Va = function(e) {
         ...p
       };
       if (c) {
-        const C = h === "y" ? "height" : "width", w = s.reference[h] - s.floating[C] + b.mainAxis, E = s.reference[h] + s.reference[C] - b.mainAxis;
-        m < w ? m = w : m > E && (m = E);
+        const C = m === "y" ? "height" : "width", w = s.reference[m] - s.floating[C] + b.mainAxis, E = s.reference[m] + s.reference[C] - b.mainAxis;
+        g < w ? g = w : g > E && (g = E);
       }
       if (u) {
         var y, x;
-        const C = h === "y" ? "width" : "height", w = ["top", "left"].includes(se(o)), E = s.reference[f] - s.floating[C] + (w && ((y = a.offset) == null ? void 0 : y[f]) || 0) + (w ? 0 : b.crossAxis), P = s.reference[f] + s.reference[C] + (w ? 0 : ((x = a.offset) == null ? void 0 : x[f]) || 0) - (w ? b.crossAxis : 0);
+        const C = m === "y" ? "width" : "height", w = ["top", "left"].includes(se(o)), E = s.reference[f] - s.floating[C] + (w && ((y = a.offset) == null ? void 0 : y[f]) || 0) + (w ? 0 : b.crossAxis), P = s.reference[f] + s.reference[C] + (w ? 0 : ((x = a.offset) == null ? void 0 : x[f]) || 0) - (w ? b.crossAxis : 0);
         v < E ? v = E : v > P && (v = P);
       }
       return {
-        [h]: m,
+        [m]: g,
         [f]: v
       };
     }
@@ -3269,17 +3269,17 @@ const Va = function(e) {
         apply: c = () => {
         },
         ...u
-      } = oe(e, t), d = await $e(t, u), f = se(o), h = je(o), m = me(o) === "y", {
+      } = oe(e, t), d = await $e(t, u), f = se(o), m = je(o), g = me(o) === "y", {
         width: v,
         height: p
       } = s.floating;
       let b, y;
-      f === "top" || f === "bottom" ? (b = f, y = h === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = f, b = h === "end" ? "top" : "bottom");
+      f === "top" || f === "bottom" ? (b = f, y = m === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = f, b = m === "end" ? "top" : "bottom");
       const x = p - d.top - d.bottom, C = v - d.left - d.right, w = fe(p - d[b], x), E = fe(v - d[y], C), P = !t.middlewareData.shift;
       let R = w, S = E;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (S = C), (r = t.middlewareData.shift) != null && r.enabled.y && (R = x), P && !h) {
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (S = C), (r = t.middlewareData.shift) != null && r.enabled.y && (R = x), P && !m) {
         const D = K(d.left, 0), F = K(d.right, 0), A = K(d.top, 0), L = K(d.bottom, 0);
-        m ? S = v - 2 * (D !== 0 || F !== 0 ? D + F : K(d.left, d.right)) : R = p - 2 * (A !== 0 || L !== 0 ? A + L : K(d.top, d.bottom));
+        g ? S = v - 2 * (D !== 0 || F !== 0 ? D + F : K(d.left, d.right)) : R = p - 2 * (A !== 0 || L !== 0 ? A + L : K(d.top, d.bottom));
       }
       await c({
         ...t,
@@ -3321,7 +3321,7 @@ function J(e) {
 function In(e) {
   return !it() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Y(e).ShadowRoot;
 }
-function ze(e) {
+function Ve(e) {
   const {
     overflow: t,
     overflowX: n,
@@ -3389,7 +3389,7 @@ function ge(e) {
 }
 function ur(e) {
   const t = ge(e);
-  return Ne(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : J(t) && ze(t) ? t : ur(t);
+  return Ne(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : J(t) && Ve(t) ? t : ur(t);
 }
 function We(e, t, n) {
   var r;
@@ -3397,7 +3397,7 @@ function We(e, t, n) {
   const o = ur(e), s = o === ((r = e.ownerDocument) == null ? void 0 : r.body), a = Y(o);
   if (s) {
     const i = jt(a);
-    return t.concat(a, a.visualViewport || [], ze(o) ? o : [], i && n ? We(i) : []);
+    return t.concat(a, a.visualViewport || [], Ve(o) ? o : [], i && n ? We(i) : []);
   }
   return t.concat(o, We(o, [], n));
 }
@@ -3451,9 +3451,9 @@ function ye(e, t, n, r) {
   const i = Ya(s, n, r) ? fr(s) : pe(0);
   let c = (o.left + i.x) / a.x, u = (o.top + i.y) / a.y, d = o.width / a.x, f = o.height / a.y;
   if (s) {
-    const h = Y(s), m = r && X(r) ? Y(r) : r;
-    let v = h, p = jt(v);
-    for (; p && r && m !== v; ) {
+    const m = Y(s), g = r && X(r) ? Y(r) : r;
+    let v = m, p = jt(v);
+    for (; p && r && g !== v; ) {
       const b = Se(p), y = p.getBoundingClientRect(), x = q(p), C = y.left + (p.clientLeft + parseFloat(x.paddingLeft)) * b.x, w = y.top + (p.clientTop + parseFloat(x.paddingTop)) * b.y;
       c *= b.x, u *= b.y, d *= b.x, f *= b.y, c += C, u += w, v = Y(p), p = jt(v);
     }
@@ -3480,9 +3480,9 @@ function Xa(e) {
     scrollTop: 0
   }, u = pe(1);
   const d = pe(0), f = J(r);
-  if ((f || !f && !s) && ((Ie(r) !== "body" || ze(a)) && (c = ct(r)), J(r))) {
-    const h = ye(r);
-    u = Se(r), d.x = h.x + r.clientLeft, d.y = h.y + r.clientTop;
+  if ((f || !f && !s) && ((Ie(r) !== "body" || Ve(a)) && (c = ct(r)), J(r))) {
+    const m = ye(r);
+    u = Se(r), d.x = m.x + r.clientLeft, d.y = m.y + r.clientTop;
   }
   return {
     width: n.width * u.x,
@@ -3564,7 +3564,7 @@ function ei(e, t) {
   let a = s ? ge(e) : e;
   for (; X(a) && !Ne(a); ) {
     const i = q(a), c = Xt(a);
-    !c && i.position === "fixed" && (o = null), (s ? !c && !o : !c && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || ze(a) && !c && pr(e, a)) ? r = r.filter((d) => d !== a) : o = i, a = ge(a);
+    !c && i.position === "fixed" && (o = null), (s ? !c && !o : !c && i.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || Ve(a) && !c && pr(e, a)) ? r = r.filter((d) => d !== a) : o = i, a = ge(a);
   }
   return t.set(e, r), r;
 }
@@ -3604,20 +3604,20 @@ function ri(e, t, n) {
   };
   const c = pe(0);
   if (r || !r && !s)
-    if ((Ie(t) !== "body" || ze(o)) && (i = ct(t)), r) {
-      const m = ye(t, !0, s, t);
-      c.x = m.x + t.clientLeft, c.y = m.y + t.clientTop;
+    if ((Ie(t) !== "body" || Ve(o)) && (i = ct(t)), r) {
+      const g = ye(t, !0, s, t);
+      c.x = g.x + t.clientLeft, c.y = g.y + t.clientTop;
     } else o && (c.x = It(o));
   let u = 0, d = 0;
   if (o && !r && !s) {
-    const m = o.getBoundingClientRect();
-    d = m.top + i.scrollTop, u = m.left + i.scrollLeft - // RTL <body> scrollbar.
-    It(o, m);
+    const g = o.getBoundingClientRect();
+    d = g.top + i.scrollTop, u = g.left + i.scrollLeft - // RTL <body> scrollbar.
+    It(o, g);
   }
-  const f = a.left + i.scrollLeft - c.x - u, h = a.top + i.scrollTop - c.y - d;
+  const f = a.left + i.scrollLeft - c.x - u, m = a.top + i.scrollTop - c.y - d;
   return {
     x: f,
-    y: h,
+    y: m,
     width: a.width,
     height: a.height
   };
@@ -3691,12 +3691,12 @@ function ii(e, t) {
       left: u,
       top: d,
       width: f,
-      height: h
+      height: m
     } = e.getBoundingClientRect();
-    if (i || t(), !f || !h)
+    if (i || t(), !f || !m)
       return;
-    const m = Ue(d), v = Ue(o.clientWidth - (u + f)), p = Ue(o.clientHeight - (d + h)), b = Ue(u), x = {
-      rootMargin: -m + "px " + -v + "px " + -p + "px " + -b + "px",
+    const g = Ue(d), v = Ue(o.clientWidth - (u + f)), p = Ue(o.clientHeight - (d + m)), b = Ue(u), x = {
+      rootMargin: -g + "px " + -v + "px " + -p + "px " + -b + "px",
       threshold: K(0, fe(1, c)) || 1
     };
     let C = !0;
@@ -3739,14 +3739,14 @@ function li(e, t, n, r) {
     }), s && y.addEventListener("resize", n);
   });
   const f = u && i ? ii(u, n) : null;
-  let h = -1, m = null;
-  a && (m = new ResizeObserver((y) => {
+  let m = -1, g = null;
+  a && (g = new ResizeObserver((y) => {
     let [x] = y;
-    x && x.target === u && m && (m.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+    x && x.target === u && g && (g.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var C;
-      (C = m) == null || C.observe(t);
+      (C = g) == null || C.observe(t);
     })), n();
-  }), u && !c && m.observe(u), m.observe(t));
+  }), u && !c && g.observe(u), g.observe(t));
   let v, p = c ? ye(e) : null;
   c && b();
   function b() {
@@ -3757,10 +3757,10 @@ function li(e, t, n, r) {
     var y;
     d.forEach((x) => {
       o && x.removeEventListener("scroll", n), s && x.removeEventListener("resize", n);
-    }), f == null || f(), (y = m) == null || y.disconnect(), m = null, c && cancelAnimationFrame(v);
+    }), f == null || f(), (y = g) == null || y.disconnect(), g = null, c && cancelAnimationFrame(v);
   };
 }
-const ci = Va, ui = za, di = Fa, fi = Ha, pi = $a, Ln = La, mi = Ba, gi = (e, t, n) => {
+const ci = za, ui = Va, di = Fa, fi = Ha, pi = $a, Ln = La, mi = Ba, gi = (e, t, n) => {
   const r = /* @__PURE__ */ new Map(), o = {
     platform: ai,
     ...n
@@ -3838,8 +3838,8 @@ function hi(e) {
     placement: t,
     middlewareData: {},
     isPositioned: !1
-  }), [h, m] = l.useState(r);
-  st(h, r) || m(r);
+  }), [m, g] = l.useState(r);
+  st(m, r) || g(r);
   const [v, p] = l.useState(null), [b, y] = l.useState(null), x = l.useCallback((O) => {
     O !== P.current && (P.current = O, p(O));
   }, []), C = l.useCallback((O) => {
@@ -3850,7 +3850,7 @@ function hi(e) {
     const O = {
       placement: t,
       strategy: n,
-      middleware: h
+      middleware: m
     };
     F.current && (O.platform = F.current), gi(P.current, R.current, O).then((W) => {
       const U = {
@@ -3865,7 +3865,7 @@ function hi(e) {
         f(U);
       }));
     });
-  }, [h, t, n, F, A]);
+  }, [m, t, n, F, A]);
   Je(() => {
     u === !1 && S.current.isPositioned && (S.current.isPositioned = !1, f((O) => ({
       ...O,
@@ -3890,7 +3890,7 @@ function hi(e) {
   }), [x, C]), T = l.useMemo(() => ({
     reference: w,
     floating: E
-  }), [w, E]), V = l.useMemo(() => {
+  }), [w, E]), z = l.useMemo(() => {
     const O = {
       position: n,
       left: 0,
@@ -3916,8 +3916,8 @@ function hi(e) {
     update: L,
     refs: B,
     elements: T,
-    floatingStyles: V
-  }), [d, L, B, T, V]);
+    floatingStyles: z
+  }), [d, L, B, T, z]);
 }
 const vi = (e) => {
   function t(n) {
@@ -3964,7 +3964,7 @@ const vi = (e) => {
 });
 var Pi = "Arrow", hr = l.forwardRef((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...s } = e;
-  return /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ h.jsx(
     $.svg,
     {
       ...s,
@@ -3973,7 +3973,7 @@ var Pi = "Arrow", hr = l.forwardRef((e, t) => {
       height: o,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: e.asChild ? n : /* @__PURE__ */ g.jsx("polygon", { points: "0,0 30,0 15,10" })
+      children: e.asChild ? n : /* @__PURE__ */ h.jsx("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
@@ -4003,15 +4003,15 @@ function Qt(e) {
 }
 var Jt = "Popper", [vr, ut] = ae(Jt), [Ai, br] = vr(Jt), yr = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = l.useState(null);
-  return /* @__PURE__ */ g.jsx(Ai, { scope: t, anchor: r, onAnchorChange: o, children: n });
+  return /* @__PURE__ */ h.jsx(Ai, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
 yr.displayName = Jt;
 var xr = "PopperAnchor", wr = l.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, s = br(xr, n), a = l.useRef(null), i = z(t, a);
+    const { __scopePopper: n, virtualRef: r, ...o } = e, s = br(xr, n), a = l.useRef(null), i = V(t, a);
     return l.useEffect(() => {
       s.onAnchorChange((r == null ? void 0 : r.current) || a.current);
-    }), r ? null : /* @__PURE__ */ g.jsx($.div, { ...o, ref: i });
+    }), r ? null : /* @__PURE__ */ h.jsx($.div, { ...o, ref: i });
   }
 );
 wr.displayName = xr;
@@ -4029,21 +4029,21 @@ var en = "PopperContent", [Ni, Oi] = vr(en), Cr = l.forwardRef(
       collisionBoundary: u = [],
       collisionPadding: d = 0,
       sticky: f = "partial",
-      hideWhenDetached: h = !1,
-      updatePositionStrategy: m = "optimized",
+      hideWhenDetached: m = !1,
+      updatePositionStrategy: g = "optimized",
       onPlaced: v,
       ...p
-    } = e, b = br(en, n), [y, x] = l.useState(null), C = z(t, (_e) => x(_e)), [w, E] = l.useState(null), P = Qt(w), R = (P == null ? void 0 : P.width) ?? 0, S = (P == null ? void 0 : P.height) ?? 0, I = r + (s !== "center" ? "-" + s : ""), D = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, F = Array.isArray(u) ? u : [u], A = F.length > 0, L = {
+    } = e, b = br(en, n), [y, x] = l.useState(null), C = V(t, (_e) => x(_e)), [w, E] = l.useState(null), P = Qt(w), R = (P == null ? void 0 : P.width) ?? 0, S = (P == null ? void 0 : P.height) ?? 0, I = r + (s !== "center" ? "-" + s : ""), D = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, F = Array.isArray(u) ? u : [u], A = F.length > 0, L = {
       padding: D,
       boundary: F.filter(ki),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: A
-    }, { refs: j, floatingStyles: B, placement: T, isPositioned: V, middlewareData: O } = hi({
+    }, { refs: j, floatingStyles: B, placement: T, isPositioned: z, middlewareData: O } = hi({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: I,
       whileElementsMounted: (..._e) => li(..._e, {
-        animationFrame: m === "always"
+        animationFrame: g === "always"
       }),
       elements: {
         reference: b.anchor
@@ -4066,23 +4066,23 @@ var en = "PopperContent", [Ni, Oi] = vr(en), Cr = l.forwardRef(
         }),
         w && Ri({ element: w, padding: i }),
         Di({ arrowWidth: R, arrowHeight: S }),
-        h && Ei({ strategy: "referenceHidden", ...L })
+        m && Ei({ strategy: "referenceHidden", ...L })
       ]
     }), [W, U] = Pr(T), G = re(v);
     be(() => {
-      V && (G == null || G());
-    }, [V, G]);
+      z && (G == null || G());
+    }, [z, G]);
     const us = (hn = O.arrow) == null ? void 0 : hn.x, ds = (vn = O.arrow) == null ? void 0 : vn.y, fs = ((bn = O.arrow) == null ? void 0 : bn.centerOffset) !== 0, [ps, ms] = l.useState();
     return be(() => {
       y && ms(window.getComputedStyle(y).zIndex);
-    }, [y]), /* @__PURE__ */ g.jsx(
+    }, [y]), /* @__PURE__ */ h.jsx(
       "div",
       {
         ref: j.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...B,
-          transform: V ? B.transform : "translate(0, -200%)",
+          transform: z ? B.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: ps,
@@ -4099,7 +4099,7 @@ var en = "PopperContent", [Ni, Oi] = vr(en), Cr = l.forwardRef(
           }
         },
         dir: e.dir,
-        children: /* @__PURE__ */ g.jsx(
+        children: /* @__PURE__ */ h.jsx(
           Ni,
           {
             scope: n,
@@ -4108,7 +4108,7 @@ var en = "PopperContent", [Ni, Oi] = vr(en), Cr = l.forwardRef(
             arrowX: us,
             arrowY: ds,
             shouldHideArrow: fs,
-            children: /* @__PURE__ */ g.jsx(
+            children: /* @__PURE__ */ h.jsx(
               $.div,
               {
                 "data-side": W,
@@ -4119,7 +4119,7 @@ var en = "PopperContent", [Ni, Oi] = vr(en), Cr = l.forwardRef(
                   ...p.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: V ? void 0 : "none"
+                  animation: z ? void 0 : "none"
                 }
               }
             )
@@ -4141,7 +4141,7 @@ var Er = "PopperArrow", Ti = {
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ g.jsx(
+    /* @__PURE__ */ h.jsx(
       "span",
       {
         ref: s.onArrowChange,
@@ -4164,7 +4164,7 @@ var Er = "PopperArrow", Ti = {
           }[s.placedSide],
           visibility: s.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ g.jsx(
+        children: /* @__PURE__ */ h.jsx(
           Si,
           {
             ...o,
@@ -4189,9 +4189,9 @@ var Di = (e) => ({
   options: e,
   fn(t) {
     var b, y, x;
-    const { placement: n, rects: r, middlewareData: o } = t, a = ((b = o.arrow) == null ? void 0 : b.centerOffset) !== 0, i = a ? 0 : e.arrowWidth, c = a ? 0 : e.arrowHeight, [u, d] = Pr(n), f = { start: "0%", center: "50%", end: "100%" }[d], h = (((y = o.arrow) == null ? void 0 : y.x) ?? 0) + i / 2, m = (((x = o.arrow) == null ? void 0 : x.y) ?? 0) + c / 2;
+    const { placement: n, rects: r, middlewareData: o } = t, a = ((b = o.arrow) == null ? void 0 : b.centerOffset) !== 0, i = a ? 0 : e.arrowWidth, c = a ? 0 : e.arrowHeight, [u, d] = Pr(n), f = { start: "0%", center: "50%", end: "100%" }[d], m = (((y = o.arrow) == null ? void 0 : y.x) ?? 0) + i / 2, g = (((x = o.arrow) == null ? void 0 : x.y) ?? 0) + c / 2;
     let v = "", p = "";
-    return u === "bottom" ? (v = a ? f : `${h}px`, p = `${-c}px`) : u === "top" ? (v = a ? f : `${h}px`, p = `${r.floating.height + c}px`) : u === "right" ? (v = `${-c}px`, p = a ? f : `${m}px`) : u === "left" && (v = `${r.floating.width + c}px`, p = a ? f : `${m}px`), { data: { x: v, y: p } };
+    return u === "bottom" ? (v = a ? f : `${m}px`, p = `${-c}px`) : u === "top" ? (v = a ? f : `${m}px`, p = `${r.floating.height + c}px`) : u === "right" ? (v = `${-c}px`, p = a ? f : `${g}px`) : u === "left" && (v = `${r.floating.width + c}px`, p = a ? f : `${g}px`), { data: { x: v, y: p } };
   }
 });
 function Pr(e) {
@@ -4203,14 +4203,14 @@ var Sr = yr, tn = wr, Ar = Cr, Nr = Rr, ji = "Portal", dt = l.forwardRef((e, t)
   const { container: n, ...r } = e, [o, s] = l.useState(!1);
   be(() => s(!0), []);
   const a = n || o && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return a ? Rs.createPortal(/* @__PURE__ */ g.jsx($.div, { ...r, ref: t }), a) : null;
+  return a ? Rs.createPortal(/* @__PURE__ */ h.jsx($.div, { ...r, ref: t }), a) : null;
 });
 dt.displayName = ji;
 function Ii(e, t) {
   return l.useReducer((n, r) => t[n][r] ?? n, e);
 }
 var te = (e) => {
-  const { present: t, children: n } = e, r = Mi(t), o = typeof n == "function" ? n({ present: r.isPresent }) : l.Children.only(n), s = z(r.ref, _i(o));
+  const { present: t, children: n } = e, r = Mi(t), o = typeof n == "function" ? n({ present: r.isPresent }) : l.Children.only(n), s = V(r.ref, _i(o));
   return typeof n == "function" || r.isPresent ? l.cloneElement(o, { ref: s }) : null;
 };
 te.displayName = "Presence";
@@ -4234,25 +4234,25 @@ function Mi(e) {
   }, [i]), be(() => {
     const u = r.current, d = o.current;
     if (d !== e) {
-      const h = s.current, m = Ke(u);
-      e ? c("MOUNT") : m === "none" || (u == null ? void 0 : u.display) === "none" ? c("UNMOUNT") : c(d && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+      const m = s.current, g = Ke(u);
+      e ? c("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? c("UNMOUNT") : c(d && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
   }, [e, c]), be(() => {
     if (t) {
       let u;
-      const d = t.ownerDocument.defaultView ?? window, f = (m) => {
-        const p = Ke(r.current).includes(m.animationName);
-        if (m.target === t && p && (c("ANIMATION_END"), !o.current)) {
+      const d = t.ownerDocument.defaultView ?? window, f = (g) => {
+        const p = Ke(r.current).includes(g.animationName);
+        if (g.target === t && p && (c("ANIMATION_END"), !o.current)) {
           const b = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", u = d.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = b);
           });
         }
-      }, h = (m) => {
-        m.target === t && (s.current = Ke(r.current));
+      }, m = (g) => {
+        g.target === t && (s.current = Ke(r.current));
       };
-      return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        d.clearTimeout(u), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        d.clearTimeout(u), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
       c("ANIMATION_END");
@@ -4275,9 +4275,9 @@ var Li = l.forwardRef((e, t) => {
   const { children: n, ...r } = e, o = l.Children.toArray(n), s = o.find(Fi);
   if (s) {
     const a = s.props.children, i = o.map((c) => c === s ? l.Children.count(a) > 1 ? l.Children.only(null) : l.isValidElement(a) ? a.props.children : null : c);
-    return /* @__PURE__ */ g.jsx(Mt, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
+    return /* @__PURE__ */ h.jsx(Mt, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
   }
-  return /* @__PURE__ */ g.jsx(Mt, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ h.jsx(Mt, { ...r, ref: t, children: n });
 });
 Li.displayName = "Slot";
 var Mt = l.forwardRef((e, t) => {
@@ -4293,7 +4293,7 @@ var Mt = l.forwardRef((e, t) => {
   return l.Children.count(n) > 1 ? l.Children.only(null) : null;
 });
 Mt.displayName = "SlotClone";
-var Or = ({ children: e }) => /* @__PURE__ */ g.jsx(g.Fragment, { children: e });
+var Or = ({ children: e }) => /* @__PURE__ */ h.jsx(h.Fragment, { children: e });
 function Fi(e) {
   return l.isValidElement(e) && e.type === Or;
 }
@@ -4318,7 +4318,7 @@ function Me({
   onChange: n = () => {
   }
 }) {
-  const [r, o] = Vi({ defaultProp: t, onChange: n }), s = e !== void 0, a = s ? e : r, i = re(n), c = l.useCallback(
+  const [r, o] = zi({ defaultProp: t, onChange: n }), s = e !== void 0, a = s ? e : r, i = re(n), c = l.useCallback(
     (u) => {
       if (s) {
         const f = typeof u == "function" ? u(e) : u;
@@ -4330,7 +4330,7 @@ function Me({
   );
   return [a, c];
 }
-function Vi({
+function zi({
   defaultProp: e,
   onChange: t
 }) {
@@ -4339,8 +4339,8 @@ function Vi({
     o.current !== r && (s(r), o.current = r);
   }, [r, o, s]), n;
 }
-var zi = "VisuallyHidden", Tr = l.forwardRef(
-  (e, t) => /* @__PURE__ */ g.jsx(
+var Vi = "VisuallyHidden", Tr = l.forwardRef(
+  (e, t) => /* @__PURE__ */ h.jsx(
     $.span,
     {
       ...e,
@@ -4362,7 +4362,7 @@ var zi = "VisuallyHidden", Tr = l.forwardRef(
     }
   )
 );
-Tr.displayName = zi;
+Tr.displayName = Vi;
 var Bi = Tr, [ft, ed] = ae("Tooltip", [
   ut
 ]), pt = ut(), kr = "TooltipProvider", Hi = 700, _t = "tooltip.open", [Gi, nn] = ft(kr), Dr = (e) => {
@@ -4376,7 +4376,7 @@ var Bi = Tr, [ft, ed] = ae("Tooltip", [
   return l.useEffect(() => {
     const d = u.current;
     return () => window.clearTimeout(d);
-  }, []), /* @__PURE__ */ g.jsx(
+  }, []), /* @__PURE__ */ h.jsx(
     Gi,
     {
       scope: t,
@@ -4410,28 +4410,28 @@ var mt = "Tooltip", [Ui, Be] = ft(mt), jr = (e) => {
     onOpenChange: s,
     disableHoverableContent: a,
     delayDuration: i
-  } = e, c = nn(mt, e.__scopeTooltip), u = pt(t), [d, f] = l.useState(null), h = Pe(), m = l.useRef(0), v = a ?? c.disableHoverableContent, p = i ?? c.delayDuration, b = l.useRef(!1), [y = !1, x] = Me({
+  } = e, c = nn(mt, e.__scopeTooltip), u = pt(t), [d, f] = l.useState(null), m = Pe(), g = l.useRef(0), v = a ?? c.disableHoverableContent, p = i ?? c.delayDuration, b = l.useRef(!1), [y = !1, x] = Me({
     prop: r,
     defaultProp: o,
     onChange: (R) => {
       R ? (c.onOpen(), document.dispatchEvent(new CustomEvent(_t))) : c.onClose(), s == null || s(R);
     }
   }), C = l.useMemo(() => y ? b.current ? "delayed-open" : "instant-open" : "closed", [y]), w = l.useCallback(() => {
-    window.clearTimeout(m.current), m.current = 0, b.current = !1, x(!0);
+    window.clearTimeout(g.current), g.current = 0, b.current = !1, x(!0);
   }, [x]), E = l.useCallback(() => {
-    window.clearTimeout(m.current), m.current = 0, x(!1);
+    window.clearTimeout(g.current), g.current = 0, x(!1);
   }, [x]), P = l.useCallback(() => {
-    window.clearTimeout(m.current), m.current = window.setTimeout(() => {
-      b.current = !0, x(!0), m.current = 0;
+    window.clearTimeout(g.current), g.current = window.setTimeout(() => {
+      b.current = !0, x(!0), g.current = 0;
     }, p);
   }, [p, x]);
   return l.useEffect(() => () => {
-    m.current && (window.clearTimeout(m.current), m.current = 0);
-  }, []), /* @__PURE__ */ g.jsx(Sr, { ...u, children: /* @__PURE__ */ g.jsx(
+    g.current && (window.clearTimeout(g.current), g.current = 0);
+  }, []), /* @__PURE__ */ h.jsx(Sr, { ...u, children: /* @__PURE__ */ h.jsx(
     Ui,
     {
       scope: t,
-      contentId: h,
+      contentId: m,
       open: y,
       stateAttribute: C,
       trigger: d,
@@ -4440,7 +4440,7 @@ var mt = "Tooltip", [Ui, Be] = ft(mt), jr = (e) => {
         c.isOpenDelayed ? P() : w();
       }, [c.isOpenDelayed, P, w]),
       onTriggerLeave: l.useCallback(() => {
-        v ? E() : (window.clearTimeout(m.current), m.current = 0);
+        v ? E() : (window.clearTimeout(g.current), g.current = 0);
       }, [E, v]),
       onOpen: w,
       onClose: E,
@@ -4452,16 +4452,16 @@ var mt = "Tooltip", [Ui, Be] = ft(mt), jr = (e) => {
 jr.displayName = mt;
 var Lt = "TooltipTrigger", Ir = l.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: n, ...r } = e, o = Be(Lt, n), s = nn(Lt, n), a = pt(n), i = l.useRef(null), c = z(t, i, o.onTriggerChange), u = l.useRef(!1), d = l.useRef(!1), f = l.useCallback(() => u.current = !1, []);
-    return l.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ g.jsx(tn, { asChild: !0, ...a, children: /* @__PURE__ */ g.jsx(
+    const { __scopeTooltip: n, ...r } = e, o = Be(Lt, n), s = nn(Lt, n), a = pt(n), i = l.useRef(null), c = V(t, i, o.onTriggerChange), u = l.useRef(!1), d = l.useRef(!1), f = l.useCallback(() => u.current = !1, []);
+    return l.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ h.jsx(tn, { asChild: !0, ...a, children: /* @__PURE__ */ h.jsx(
       $.button,
       {
         "aria-describedby": o.open ? o.contentId : void 0,
         "data-state": o.stateAttribute,
         ...r,
         ref: c,
-        onPointerMove: k(e.onPointerMove, (h) => {
-          h.pointerType !== "touch" && !d.current && !s.isPointerInTransitRef.current && (o.onTriggerEnter(), d.current = !0);
+        onPointerMove: k(e.onPointerMove, (m) => {
+          m.pointerType !== "touch" && !d.current && !s.isPointerInTransitRef.current && (o.onTriggerEnter(), d.current = !0);
         }),
         onPointerLeave: k(e.onPointerLeave, () => {
           o.onTriggerLeave(), d.current = !1;
@@ -4483,40 +4483,40 @@ var rn = "TooltipPortal", [Ki, Yi] = ft(rn, {
   forceMount: void 0
 }), Mr = (e) => {
   const { __scopeTooltip: t, forceMount: n, children: r, container: o } = e, s = Be(rn, t);
-  return /* @__PURE__ */ g.jsx(Ki, { scope: t, forceMount: n, children: /* @__PURE__ */ g.jsx(te, { present: n || s.open, children: /* @__PURE__ */ g.jsx(dt, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ h.jsx(Ki, { scope: t, forceMount: n, children: /* @__PURE__ */ h.jsx(te, { present: n || s.open, children: /* @__PURE__ */ h.jsx(dt, { asChild: !0, container: o, children: r }) }) });
 };
 Mr.displayName = rn;
 var Oe = "TooltipContent", _r = l.forwardRef(
   (e, t) => {
     const n = Yi(Oe, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...s } = e, a = Be(Oe, e.__scopeTooltip);
-    return /* @__PURE__ */ g.jsx(te, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ g.jsx(Lr, { side: o, ...s, ref: t }) : /* @__PURE__ */ g.jsx(Xi, { side: o, ...s, ref: t }) });
+    return /* @__PURE__ */ h.jsx(te, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ h.jsx(Lr, { side: o, ...s, ref: t }) : /* @__PURE__ */ h.jsx(Xi, { side: o, ...s, ref: t }) });
   }
 ), Xi = l.forwardRef((e, t) => {
-  const n = Be(Oe, e.__scopeTooltip), r = nn(Oe, e.__scopeTooltip), o = l.useRef(null), s = z(t, o), [a, i] = l.useState(null), { trigger: c, onClose: u } = n, d = o.current, { onPointerInTransitChange: f } = r, h = l.useCallback(() => {
+  const n = Be(Oe, e.__scopeTooltip), r = nn(Oe, e.__scopeTooltip), o = l.useRef(null), s = V(t, o), [a, i] = l.useState(null), { trigger: c, onClose: u } = n, d = o.current, { onPointerInTransitChange: f } = r, m = l.useCallback(() => {
     i(null), f(!1);
-  }, [f]), m = l.useCallback(
+  }, [f]), g = l.useCallback(
     (v, p) => {
       const b = v.currentTarget, y = { x: v.clientX, y: v.clientY }, x = Ji(y, b.getBoundingClientRect()), C = el(y, x), w = tl(p.getBoundingClientRect()), E = rl([...C, ...w]);
       i(E), f(!0);
     },
     [f]
   );
-  return l.useEffect(() => () => h(), [h]), l.useEffect(() => {
+  return l.useEffect(() => () => m(), [m]), l.useEffect(() => {
     if (c && d) {
-      const v = (b) => m(b, d), p = (b) => m(b, c);
+      const v = (b) => g(b, d), p = (b) => g(b, c);
       return c.addEventListener("pointerleave", v), d.addEventListener("pointerleave", p), () => {
         c.removeEventListener("pointerleave", v), d.removeEventListener("pointerleave", p);
       };
     }
-  }, [c, d, m, h]), l.useEffect(() => {
+  }, [c, d, g, m]), l.useEffect(() => {
     if (a) {
       const v = (p) => {
         const b = p.target, y = { x: p.clientX, y: p.clientY }, x = (c == null ? void 0 : c.contains(b)) || (d == null ? void 0 : d.contains(b)), C = !nl(y, a);
-        x ? h() : C && (h(), u());
+        x ? m() : C && (m(), u());
       };
       return document.addEventListener("pointermove", v), () => document.removeEventListener("pointermove", v);
     }
-  }, [c, d, a, u, h]), /* @__PURE__ */ g.jsx(Lr, { ...e, ref: s });
+  }, [c, d, a, u, m]), /* @__PURE__ */ h.jsx(Lr, { ...e, ref: s });
 }), [qi, Zi] = ft(mt, { isInside: !1 }), Lr = l.forwardRef(
   (e, t) => {
     const {
@@ -4529,14 +4529,14 @@ var Oe = "TooltipContent", _r = l.forwardRef(
     } = e, c = Be(Oe, n), u = pt(n), { onClose: d } = c;
     return l.useEffect(() => (document.addEventListener(_t, d), () => document.removeEventListener(_t, d)), [d]), l.useEffect(() => {
       if (c.trigger) {
-        const f = (h) => {
-          const m = h.target;
-          m != null && m.contains(c.trigger) && d();
+        const f = (m) => {
+          const g = m.target;
+          g != null && g.contains(c.trigger) && d();
         };
         return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
       }
-    }, [c.trigger, d]), /* @__PURE__ */ g.jsx(
-      Ve,
+    }, [c.trigger, d]), /* @__PURE__ */ h.jsx(
+      ze,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
@@ -4544,7 +4544,7 @@ var Oe = "TooltipContent", _r = l.forwardRef(
         onPointerDownOutside: a,
         onFocusOutside: (f) => f.preventDefault(),
         onDismiss: d,
-        children: /* @__PURE__ */ g.jsxs(
+        children: /* @__PURE__ */ h.jsxs(
           Ar,
           {
             "data-state": c.stateAttribute,
@@ -4560,8 +4560,8 @@ var Oe = "TooltipContent", _r = l.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ g.jsx(Or, { children: r }),
-              /* @__PURE__ */ g.jsx(qi, { scope: n, isInside: !0, children: /* @__PURE__ */ g.jsx(Bi, { id: c.contentId, role: "tooltip", children: o || r }) })
+              /* @__PURE__ */ h.jsx(Or, { children: r }),
+              /* @__PURE__ */ h.jsx(qi, { scope: n, isInside: !0, children: /* @__PURE__ */ h.jsx(Bi, { id: c.contentId, role: "tooltip", children: o || r }) })
             ]
           }
         )
@@ -4576,7 +4576,7 @@ var Fr = "TooltipArrow", Qi = l.forwardRef(
     return Zi(
       Fr,
       n
-    ).isInside ? null : /* @__PURE__ */ g.jsx(Nr, { ...o, ...r, ref: t });
+    ).isInside ? null : /* @__PURE__ */ h.jsx(Nr, { ...o, ...r, ref: t });
   }
 );
 Qi.displayName = Fr;
@@ -4673,7 +4673,7 @@ function ol(e) {
   return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
 }
 var sl = Dr, al = jr, il = Ir, ll = Mr, $r = _r;
-const td = sl, cl = al, ul = il, Wr = l.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ g.jsx(ll, { children: /* @__PURE__ */ g.jsx(
+const td = sl, cl = al, ul = il, Wr = l.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ h.jsx(ll, { children: /* @__PURE__ */ h.jsx(
   $r,
   {
     ref: r,
@@ -4690,10 +4690,10 @@ const dl = ({
   children: e,
   title: t,
   ...n
-}) => t ? /* @__PURE__ */ g.jsxs(cl, { ...n, children: [
-  /* @__PURE__ */ g.jsx(ul, { asChild: !0, children: /* @__PURE__ */ g.jsx("span", { className: "al-max-w-full", children: e }) }),
-  /* @__PURE__ */ g.jsx(Wr, { children: t })
-] }) : /* @__PURE__ */ g.jsx(g.Fragment, { children: e }), fl = Gt(
+}) => t ? /* @__PURE__ */ h.jsxs(cl, { ...n, children: [
+  /* @__PURE__ */ h.jsx(ul, { asChild: !0, children: /* @__PURE__ */ h.jsx("span", { className: "al-max-w-full", children: e }) }),
+  /* @__PURE__ */ h.jsx(Wr, { children: t })
+] }) : /* @__PURE__ */ h.jsx(h.Fragment, { children: e }), fl = Gt(
   "al-inline-flex al-items-center al-justify-center al-gap-2 al-whitespace-nowrap al-text-sm al-font-medium al-ring-offset-background al-transition-colors focus-visible:al-outline-none focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2 disabled:al-pointer-events-none disabled:al-opacity-50 [&_svg]:al-pointer-events-none [&_svg]:al-size-4 [&_svg]:al-shrink-0",
   {
     variants: {
@@ -4720,7 +4720,7 @@ const dl = ({
     }
   }
 ), pl = ({ className: e, variant: t, size: n, asChild: r = !1, title: o, ...s }, a) => {
-  const i = r ? sa : "button", c = /* @__PURE__ */ g.jsx(
+  const i = r ? sa : "button", c = /* @__PURE__ */ h.jsx(
     i,
     {
       className: M(fl({ variant: t, size: n, className: e })),
@@ -4729,14 +4729,14 @@ const dl = ({
       "aria-label": s["aria-label"] || o
     }
   );
-  return o ? /* @__PURE__ */ g.jsx(dl, { title: o, children: c }) : c;
+  return o ? /* @__PURE__ */ h.jsx(dl, { title: o, children: c }) : c;
 }, ml = l.forwardRef(pl), gl = ml;
 gl.displayName = "Button";
-function Vr(e) {
+function zr(e) {
   const t = l.useRef({ value: e, previous: e });
   return l.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var on = "Checkbox", [hl, nd] = ae(on), [vl, bl] = hl(on), zr = l.forwardRef(
+var on = "Checkbox", [hl, nd] = ae(on), [vl, bl] = hl(on), Vr = l.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
@@ -4749,19 +4749,19 @@ var on = "Checkbox", [hl, nd] = ae(on), [vl, bl] = hl(on), zr = l.forwardRef(
       onCheckedChange: u,
       form: d,
       ...f
-    } = e, [h, m] = l.useState(null), v = z(t, (w) => m(w)), p = l.useRef(!1), b = h ? d || !!h.closest("form") : !0, [y = !1, x] = Me({
+    } = e, [m, g] = l.useState(null), v = V(t, (w) => g(w)), p = l.useRef(!1), b = m ? d || !!m.closest("form") : !0, [y = !1, x] = Me({
       prop: o,
       defaultProp: s,
       onChange: u
     }), C = l.useRef(y);
     return l.useEffect(() => {
-      const w = h == null ? void 0 : h.form;
+      const w = m == null ? void 0 : m.form;
       if (w) {
         const E = () => x(C.current);
         return w.addEventListener("reset", E), () => w.removeEventListener("reset", E);
       }
-    }, [h, x]), /* @__PURE__ */ g.jsxs(vl, { scope: n, state: y, disabled: i, children: [
-      /* @__PURE__ */ g.jsx(
+    }, [m, x]), /* @__PURE__ */ h.jsxs(vl, { scope: n, state: y, disabled: i, children: [
+      /* @__PURE__ */ h.jsx(
         $.button,
         {
           type: "button",
@@ -4782,10 +4782,10 @@ var on = "Checkbox", [hl, nd] = ae(on), [vl, bl] = hl(on), zr = l.forwardRef(
           })
         }
       ),
-      b && /* @__PURE__ */ g.jsx(
+      b && /* @__PURE__ */ h.jsx(
         yl,
         {
-          control: h,
+          control: m,
           bubbles: !p.current,
           name: r,
           value: c,
@@ -4800,11 +4800,11 @@ var on = "Checkbox", [hl, nd] = ae(on), [vl, bl] = hl(on), zr = l.forwardRef(
     ] });
   }
 );
-zr.displayName = on;
+Vr.displayName = on;
 var Br = "CheckboxIndicator", Hr = l.forwardRef(
   (e, t) => {
     const { __scopeCheckbox: n, forceMount: r, ...o } = e, s = bl(Br, n);
-    return /* @__PURE__ */ g.jsx(te, { present: r || de(s.state) || s.state === !0, children: /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ h.jsx(te, { present: r || de(s.state) || s.state === !0, children: /* @__PURE__ */ h.jsx(
       $.span,
       {
         "data-state": Gr(s.state),
@@ -4818,16 +4818,16 @@ var Br = "CheckboxIndicator", Hr = l.forwardRef(
 );
 Hr.displayName = Br;
 var yl = (e) => {
-  const { control: t, checked: n, bubbles: r = !0, defaultChecked: o, ...s } = e, a = l.useRef(null), i = Vr(n), c = Qt(t);
+  const { control: t, checked: n, bubbles: r = !0, defaultChecked: o, ...s } = e, a = l.useRef(null), i = zr(n), c = Qt(t);
   l.useEffect(() => {
-    const d = a.current, f = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(f, "checked").set;
-    if (i !== n && m) {
+    const d = a.current, f = window.HTMLInputElement.prototype, g = Object.getOwnPropertyDescriptor(f, "checked").set;
+    if (i !== n && g) {
       const v = new Event("click", { bubbles: r });
-      d.indeterminate = de(n), m.call(d, de(n) ? !1 : n), d.dispatchEvent(v);
+      d.indeterminate = de(n), g.call(d, de(n) ? !1 : n), d.dispatchEvent(v);
     }
   }, [i, n, r]);
   const u = l.useRef(de(n) ? !1 : n);
-  return /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ h.jsx(
     "input",
     {
       type: "checkbox",
@@ -4853,8 +4853,8 @@ function de(e) {
 function Gr(e) {
   return de(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-var Ur = zr, xl = Hr;
-const Kr = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+var Ur = Vr, xl = Hr;
+const Kr = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   Ur,
   {
     ref: n,
@@ -4863,11 +4863,11 @@ const Kr = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
       e
     ),
     ...t,
-    children: /* @__PURE__ */ g.jsx(
+    children: /* @__PURE__ */ h.jsx(
       xl,
       {
         className: M("al-flex al-items-center al-justify-center al-text-current"),
-        children: /* @__PURE__ */ g.jsx(
+        children: /* @__PURE__ */ h.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -4879,7 +4879,7 @@ const Kr = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ g.jsx("path", { d: "M20 6 9 17l-5-5" })
+            children: /* @__PURE__ */ h.jsx("path", { d: "M20 6 9 17l-5-5" })
           }
         )
       }
@@ -4891,9 +4891,9 @@ var Ft = l.forwardRef((e, t) => {
   const { children: n, ...r } = e, o = l.Children.toArray(n), s = o.find(Cl);
   if (s) {
     const a = s.props.children, i = o.map((c) => c === s ? l.Children.count(a) > 1 ? l.Children.only(null) : l.isValidElement(a) ? a.props.children : null : c);
-    return /* @__PURE__ */ g.jsx($t, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
+    return /* @__PURE__ */ h.jsx($t, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
   }
-  return /* @__PURE__ */ g.jsx($t, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ h.jsx($t, { ...r, ref: t, children: n });
 });
 Ft.displayName = "Slot";
 var $t = l.forwardRef((e, t) => {
@@ -4909,7 +4909,7 @@ var $t = l.forwardRef((e, t) => {
   return l.Children.count(n) > 1 ? l.Children.only(null) : null;
 });
 $t.displayName = "SlotClone";
-var wl = ({ children: e }) => /* @__PURE__ */ g.jsx(g.Fragment, { children: e });
+var wl = ({ children: e }) => /* @__PURE__ */ h.jsx(h.Fragment, { children: e });
 function Cl(e) {
   return l.isValidElement(e) && e.type === wl;
 }
@@ -4932,27 +4932,27 @@ function Pl(e) {
   const t = e + "CollectionProvider", [n, r] = ae(t), [o, s] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = (m) => {
-    const { scope: v, children: p } = m, b = ve.useRef(null), y = ve.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ g.jsx(o, { scope: v, itemMap: y, collectionRef: b, children: p });
+  ), a = (g) => {
+    const { scope: v, children: p } = g, b = ve.useRef(null), y = ve.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ h.jsx(o, { scope: v, itemMap: y, collectionRef: b, children: p });
   };
   a.displayName = t;
   const i = e + "CollectionSlot", c = ve.forwardRef(
-    (m, v) => {
-      const { scope: p, children: b } = m, y = s(i, p), x = z(v, y.collectionRef);
-      return /* @__PURE__ */ g.jsx(Ft, { ref: x, children: b });
+    (g, v) => {
+      const { scope: p, children: b } = g, y = s(i, p), x = V(v, y.collectionRef);
+      return /* @__PURE__ */ h.jsx(Ft, { ref: x, children: b });
     }
   );
   c.displayName = i;
   const u = e + "CollectionItemSlot", d = "data-radix-collection-item", f = ve.forwardRef(
-    (m, v) => {
-      const { scope: p, children: b, ...y } = m, x = ve.useRef(null), C = z(v, x), w = s(u, p);
-      return ve.useEffect(() => (w.itemMap.set(x, { ref: x, ...y }), () => void w.itemMap.delete(x))), /* @__PURE__ */ g.jsx(Ft, { [d]: "", ref: C, children: b });
+    (g, v) => {
+      const { scope: p, children: b, ...y } = g, x = ve.useRef(null), C = V(v, x), w = s(u, p);
+      return ve.useEffect(() => (w.itemMap.set(x, { ref: x, ...y }), () => void w.itemMap.delete(x))), /* @__PURE__ */ h.jsx(Ft, { [d]: "", ref: C, children: b });
     }
   );
   f.displayName = u;
-  function h(m) {
-    const v = s(e + "CollectionConsumer", m);
+  function m(g) {
+    const v = s(e + "CollectionConsumer", g);
     return ve.useCallback(() => {
       const b = v.collectionRef.current;
       if (!b) return [];
@@ -4964,7 +4964,7 @@ function Pl(e) {
   }
   return [
     { Provider: a, Slot: c, ItemSlot: f },
-    h,
+    m,
     r
   ];
 }
@@ -4977,7 +4977,7 @@ var xt = "rovingFocusGroup.onEntryFocus", Al = { bubbles: !1, cancelable: !0 },
   gt,
   [Nl]
 ), [Tl, kl] = Ol(gt), Zr = l.forwardRef(
-  (e, t) => /* @__PURE__ */ g.jsx(Wt.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ g.jsx(Wt.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ g.jsx(Dl, { ...e, ref: t }) }) })
+  (e, t) => /* @__PURE__ */ h.jsx(Wt.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ h.jsx(Wt.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ h.jsx(Dl, { ...e, ref: t }) }) })
 );
 Zr.displayName = gt;
 var Dl = l.forwardRef((e, t) => {
@@ -4992,16 +4992,16 @@ var Dl = l.forwardRef((e, t) => {
     onEntryFocus: u,
     preventScrollOnEntryFocus: d = !1,
     ...f
-  } = e, h = l.useRef(null), m = z(t, h), v = Yr(s), [p = null, b] = Me({
+  } = e, m = l.useRef(null), g = V(t, m), v = Yr(s), [p = null, b] = Me({
     prop: a,
     defaultProp: i,
     onChange: c
   }), [y, x] = l.useState(!1), C = re(u), w = Xr(n), E = l.useRef(!1), [P, R] = l.useState(0);
   return l.useEffect(() => {
-    const S = h.current;
+    const S = m.current;
     if (S)
       return S.addEventListener(xt, C), () => S.removeEventListener(xt, C);
-  }, [C]), /* @__PURE__ */ g.jsx(
+  }, [C]), /* @__PURE__ */ h.jsx(
     Tl,
     {
       scope: n,
@@ -5022,13 +5022,13 @@ var Dl = l.forwardRef((e, t) => {
         () => R((S) => S - 1),
         []
       ),
-      children: /* @__PURE__ */ g.jsx(
+      children: /* @__PURE__ */ h.jsx(
         $.div,
         {
           tabIndex: y || P === 0 ? -1 : 0,
           "data-orientation": r,
           ...f,
-          ref: m,
+          ref: g,
           style: { outline: "none", ...e.style },
           onMouseDown: k(e.onMouseDown, () => {
             E.current = !0;
@@ -5059,18 +5059,18 @@ var Dl = l.forwardRef((e, t) => {
       active: o = !1,
       tabStopId: s,
       ...a
-    } = e, i = Pe(), c = s || i, u = kl(Qr, n), d = u.currentTabStopId === c, f = Xr(n), { onFocusableItemAdd: h, onFocusableItemRemove: m } = u;
+    } = e, i = Pe(), c = s || i, u = kl(Qr, n), d = u.currentTabStopId === c, f = Xr(n), { onFocusableItemAdd: m, onFocusableItemRemove: g } = u;
     return l.useEffect(() => {
       if (r)
-        return h(), () => m();
-    }, [r, h, m]), /* @__PURE__ */ g.jsx(
+        return m(), () => g();
+    }, [r, m, g]), /* @__PURE__ */ h.jsx(
       Wt.ItemSlot,
       {
         scope: n,
         id: c,
         focusable: r,
         active: o,
-        children: /* @__PURE__ */ g.jsx(
+        children: /* @__PURE__ */ h.jsx(
           $.span,
           {
             tabIndex: d ? 0 : -1,
@@ -5134,7 +5134,7 @@ function eo(e, t = !1) {
 function _l(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Ll = Zr, Fl = Jr, sn = "Radio", [$l, to] = ae(sn), [Wl, Vl] = $l(sn), no = l.forwardRef(
+var Ll = Zr, Fl = Jr, sn = "Radio", [$l, to] = ae(sn), [Wl, zl] = $l(sn), no = l.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: n,
@@ -5146,9 +5146,9 @@ var Ll = Zr, Fl = Jr, sn = "Radio", [$l, to] = ae(sn), [Wl, Vl] = $l(sn), no = l
       onCheck: c,
       form: u,
       ...d
-    } = e, [f, h] = l.useState(null), m = z(t, (b) => h(b)), v = l.useRef(!1), p = f ? u || !!f.closest("form") : !0;
-    return /* @__PURE__ */ g.jsxs(Wl, { scope: n, checked: o, disabled: a, children: [
-      /* @__PURE__ */ g.jsx(
+    } = e, [f, m] = l.useState(null), g = V(t, (b) => m(b)), v = l.useRef(!1), p = f ? u || !!f.closest("form") : !0;
+    return /* @__PURE__ */ h.jsxs(Wl, { scope: n, checked: o, disabled: a, children: [
+      /* @__PURE__ */ h.jsx(
         $.button,
         {
           type: "button",
@@ -5159,14 +5159,14 @@ var Ll = Zr, Fl = Jr, sn = "Radio", [$l, to] = ae(sn), [Wl, Vl] = $l(sn), no = l
           disabled: a,
           value: i,
           ...d,
-          ref: m,
+          ref: g,
           onClick: k(e.onClick, (b) => {
             o || c == null || c(), p && (v.current = b.isPropagationStopped(), v.current || b.stopPropagation());
           })
         }
       ),
-      p && /* @__PURE__ */ g.jsx(
-        zl,
+      p && /* @__PURE__ */ h.jsx(
+        Vl,
         {
           control: f,
           bubbles: !v.current,
@@ -5185,8 +5185,8 @@ var Ll = Zr, Fl = Jr, sn = "Radio", [$l, to] = ae(sn), [Wl, Vl] = $l(sn), no = l
 no.displayName = sn;
 var ro = "RadioIndicator", oo = l.forwardRef(
   (e, t) => {
-    const { __scopeRadio: n, forceMount: r, ...o } = e, s = Vl(ro, n);
-    return /* @__PURE__ */ g.jsx(te, { present: r || s.checked, children: /* @__PURE__ */ g.jsx(
+    const { __scopeRadio: n, forceMount: r, ...o } = e, s = zl(ro, n);
+    return /* @__PURE__ */ h.jsx(te, { present: r || s.checked, children: /* @__PURE__ */ h.jsx(
       $.span,
       {
         "data-state": so(s.checked),
@@ -5198,15 +5198,15 @@ var ro = "RadioIndicator", oo = l.forwardRef(
   }
 );
 oo.displayName = ro;
-var zl = (e) => {
-  const { control: t, checked: n, bubbles: r = !0, ...o } = e, s = l.useRef(null), a = Vr(n), i = Qt(t);
+var Vl = (e) => {
+  const { control: t, checked: n, bubbles: r = !0, ...o } = e, s = l.useRef(null), a = zr(n), i = Qt(t);
   return l.useEffect(() => {
     const c = s.current, u = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(u, "checked").set;
     if (a !== n && f) {
-      const h = new Event("click", { bubbles: r });
-      f.call(c, n), c.dispatchEvent(h);
+      const m = new Event("click", { bubbles: r });
+      f.call(c, n), c.dispatchEvent(m);
     }
-  }, [a, n, r]), /* @__PURE__ */ g.jsx(
+  }, [a, n, r]), /* @__PURE__ */ h.jsx(
     "input",
     {
       type: "radio",
@@ -5245,13 +5245,13 @@ var Bl = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], an = "RadioGroup",
       dir: u,
       loop: d = !0,
       onValueChange: f,
-      ...h
-    } = e, m = ao(n), v = Yr(u), [p, b] = Me({
+      ...m
+    } = e, g = ao(n), v = Yr(u), [p, b] = Me({
       prop: s,
       defaultProp: o,
       onChange: f
     });
-    return /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ h.jsx(
       Gl,
       {
         scope: n,
@@ -5260,15 +5260,15 @@ var Bl = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], an = "RadioGroup",
         disabled: i,
         value: p,
         onValueChange: b,
-        children: /* @__PURE__ */ g.jsx(
+        children: /* @__PURE__ */ h.jsx(
           Ll,
           {
             asChild: !0,
-            ...m,
+            ...g,
             orientation: c,
             dir: v,
             loop: d,
-            children: /* @__PURE__ */ g.jsx(
+            children: /* @__PURE__ */ h.jsx(
               $.div,
               {
                 role: "radiogroup",
@@ -5276,7 +5276,7 @@ var Bl = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], an = "RadioGroup",
                 "aria-orientation": c,
                 "data-disabled": i ? "" : void 0,
                 dir: v,
-                ...h,
+                ...m,
                 ref: t
               }
             )
@@ -5289,22 +5289,22 @@ var Bl = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], an = "RadioGroup",
 lo.displayName = an;
 var co = "RadioGroupItem", uo = l.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: r, ...o } = e, s = Ul(co, n), a = s.disabled || r, i = ao(n), c = io(n), u = l.useRef(null), d = z(t, u), f = s.value === o.value, h = l.useRef(!1);
+    const { __scopeRadioGroup: n, disabled: r, ...o } = e, s = Ul(co, n), a = s.disabled || r, i = ao(n), c = io(n), u = l.useRef(null), d = V(t, u), f = s.value === o.value, m = l.useRef(!1);
     return l.useEffect(() => {
-      const m = (p) => {
-        Bl.includes(p.key) && (h.current = !0);
-      }, v = () => h.current = !1;
-      return document.addEventListener("keydown", m), document.addEventListener("keyup", v), () => {
-        document.removeEventListener("keydown", m), document.removeEventListener("keyup", v);
+      const g = (p) => {
+        Bl.includes(p.key) && (m.current = !0);
+      }, v = () => m.current = !1;
+      return document.addEventListener("keydown", g), document.addEventListener("keyup", v), () => {
+        document.removeEventListener("keydown", g), document.removeEventListener("keyup", v);
       };
-    }, []), /* @__PURE__ */ g.jsx(
+    }, []), /* @__PURE__ */ h.jsx(
       Fl,
       {
         asChild: !0,
         ...i,
         focusable: !a,
         active: f,
-        children: /* @__PURE__ */ g.jsx(
+        children: /* @__PURE__ */ h.jsx(
           no,
           {
             disabled: a,
@@ -5315,12 +5315,12 @@ var co = "RadioGroupItem", uo = l.forwardRef(
             name: s.name,
             ref: d,
             onCheck: () => s.onValueChange(o.value),
-            onKeyDown: k((m) => {
-              m.key === "Enter" && m.preventDefault();
+            onKeyDown: k((g) => {
+              g.key === "Enter" && g.preventDefault();
             }),
             onFocus: k(o.onFocus, () => {
-              var m;
-              h.current && ((m = u.current) == null || m.click());
+              var g;
+              m.current && ((g = u.current) == null || g.click());
             })
           }
         )
@@ -5332,14 +5332,14 @@ uo.displayName = co;
 var Kl = "RadioGroupIndicator", fo = l.forwardRef(
   (e, t) => {
     const { __scopeRadioGroup: n, ...r } = e, o = io(n);
-    return /* @__PURE__ */ g.jsx(oo, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ h.jsx(oo, { ...o, ...r, ref: t });
   }
 );
 fo.displayName = Kl;
 var po = lo, mo = uo, Yl = fo;
-const Xl = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(po, { className: M("al-grid al-gap-2", e), ...t, ref: n }));
+const Xl = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(po, { className: M("al-grid al-gap-2", e), ...t, ref: n }));
 Xl.displayName = po.displayName;
-const go = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+const go = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   mo,
   {
     ref: n,
@@ -5348,27 +5348,27 @@ const go = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
       e
     ),
     ...t,
-    children: /* @__PURE__ */ g.jsx(Yl, { className: "al-flex al-items-center al-justify-center", children: /* @__PURE__ */ g.jsx(ys, { className: "al-h-2.5 al-w-2.5 al-fill-current al-text-current" }) })
+    children: /* @__PURE__ */ h.jsx(Yl, { className: "al-flex al-items-center al-justify-center", children: /* @__PURE__ */ h.jsx(ys, { className: "al-h-2.5 al-w-2.5 al-fill-current al-text-current" }) })
   }
 ));
 go.displayName = mo.displayName;
 const ql = l.forwardRef(
   ({ className: e, type: t, icon: n, iconPosition: r = "left", insetRing: o = !1, ...s }, a) => {
     const i = "al-flex al-h-10 al-w-full al-rounded-md al-border al-border-input al-bg-background al-py-2 al-text-base al-ring-offset-background file:al-border-0 file:al-bg-transparent file:al-text-sm file:al-font-medium file:al-text-foreground placeholder:al-text-muted-foreground focus-visible:al-outline-none disabled:al-cursor-not-allowed disabled:al-opacity-50 md:al-text-sm", c = o ? "focus-visible:al-ring-1 focus-visible:al-ring-inset focus-visible:al-ring-ring" : "focus-visible:al-ring-2 focus-visible:al-ring-ring focus-visible:al-ring-offset-2";
-    return t === "checkbox" ? /* @__PURE__ */ g.jsx(
+    return t === "checkbox" ? /* @__PURE__ */ h.jsx(
       Kr,
       {
         className: e,
         ...s
       }
-    ) : t === "radio" ? /* @__PURE__ */ g.jsx(
+    ) : t === "radio" ? /* @__PURE__ */ h.jsx(
       go,
       {
         className: e,
         ...s
       }
-    ) : n ? /* @__PURE__ */ g.jsxs("div", { className: "al-relative al-w-full", children: [
-      /* @__PURE__ */ g.jsx(
+    ) : n ? /* @__PURE__ */ h.jsxs("div", { className: "al-relative al-w-full", children: [
+      /* @__PURE__ */ h.jsx(
         "input",
         {
           type: t,
@@ -5382,17 +5382,17 @@ const ql = l.forwardRef(
           ...s
         }
       ),
-      /* @__PURE__ */ g.jsx(
+      /* @__PURE__ */ h.jsx(
         "div",
         {
           className: M(
             "al-absolute al-top-0 al-flex al-h-10 al-items-center al-pointer-events-none",
             r === "left" ? "al-left-3" : "al-right-3"
           ),
-          children: /* @__PURE__ */ g.jsx(n, { size: 16, className: "al-text-muted-foreground" })
+          children: /* @__PURE__ */ h.jsx(n, { size: 16, className: "al-text-muted-foreground" })
         }
       )
-    ] }) : /* @__PURE__ */ g.jsx(
+    ] }) : /* @__PURE__ */ h.jsx(
       "input",
       {
         type: t,
@@ -5405,7 +5405,7 @@ const ql = l.forwardRef(
 );
 ql.displayName = "Input";
 const Zl = l.forwardRef(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     "textarea",
     {
       className: M(
@@ -5453,10 +5453,10 @@ var Ql = {
  */
 const od = (e, t, n, r) => {
   const o = H(
-    ({ color: s = "currentColor", size: a = 24, stroke: i = 2, title: c, className: u, children: d, ...f }, h) => Qe(
+    ({ color: s = "currentColor", size: a = 24, stroke: i = 2, title: c, className: u, children: d, ...f }, m) => Qe(
       "svg",
       {
-        ref: h,
+        ref: m,
         ...Ql[e],
         width: a,
         height: a,
@@ -5471,7 +5471,7 @@ const od = (e, t, n, r) => {
       },
       [
         c && Qe("title", { key: "svg-title" }, c),
-        ...r.map(([m, v]) => Qe(m, v)),
+        ...r.map(([g, v]) => Qe(g, v)),
         ...Array.isArray(d) ? d : [d]
       ]
     )
@@ -5485,7 +5485,7 @@ var wt = "focusScope.autoFocusOnMount", Ct = "focusScope.autoFocusOnUnmount", $n
     onMountAutoFocus: o,
     onUnmountAutoFocus: s,
     ...a
-  } = e, [i, c] = l.useState(null), u = re(o), d = re(s), f = l.useRef(null), h = z(t, (p) => c(p)), m = l.useRef({
+  } = e, [i, c] = l.useState(null), u = re(o), d = re(s), f = l.useRef(null), m = V(t, (p) => c(p)), g = l.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -5497,11 +5497,11 @@ var wt = "focusScope.autoFocusOnMount", Ct = "focusScope.autoFocusOnUnmount", $n
   l.useEffect(() => {
     if (r) {
       let p = function(C) {
-        if (m.paused || !i) return;
+        if (g.paused || !i) return;
         const w = C.target;
         i.contains(w) ? f.current = w : ce(f.current, { select: !0 });
       }, b = function(C) {
-        if (m.paused || !i) return;
+        if (g.paused || !i) return;
         const w = C.relatedTarget;
         w !== null && (i.contains(w) || ce(f.current, { select: !0 }));
       }, y = function(C) {
@@ -5515,9 +5515,9 @@ var wt = "focusScope.autoFocusOnMount", Ct = "focusScope.autoFocusOnUnmount", $n
         document.removeEventListener("focusin", p), document.removeEventListener("focusout", b), x.disconnect();
       };
     }
-  }, [r, i, m.paused]), l.useEffect(() => {
+  }, [r, i, g.paused]), l.useEffect(() => {
     if (i) {
-      Vn.add(m);
+      zn.add(g);
       const p = document.activeElement;
       if (!i.contains(p)) {
         const y = new CustomEvent(wt, $n);
@@ -5526,23 +5526,23 @@ var wt = "focusScope.autoFocusOnMount", Ct = "focusScope.autoFocusOnUnmount", $n
       return () => {
         i.removeEventListener(wt, u), setTimeout(() => {
           const y = new CustomEvent(Ct, $n);
-          i.addEventListener(Ct, d), i.dispatchEvent(y), y.defaultPrevented || ce(p ?? document.body, { select: !0 }), i.removeEventListener(Ct, d), Vn.remove(m);
+          i.addEventListener(Ct, d), i.dispatchEvent(y), y.defaultPrevented || ce(p ?? document.body, { select: !0 }), i.removeEventListener(Ct, d), zn.remove(g);
         }, 0);
       };
     }
-  }, [i, u, d, m]);
+  }, [i, u, d, g]);
   const v = l.useCallback(
     (p) => {
-      if (!n && !r || m.paused) return;
+      if (!n && !r || g.paused) return;
       const b = p.key === "Tab" && !p.altKey && !p.ctrlKey && !p.metaKey, y = document.activeElement;
       if (b && y) {
         const x = p.currentTarget, [C, w] = tc(x);
         C && w ? !p.shiftKey && y === w ? (p.preventDefault(), n && ce(C, { select: !0 })) : p.shiftKey && y === C && (p.preventDefault(), n && ce(w, { select: !0 })) : y === x && p.preventDefault();
       }
     },
-    [n, r, m.paused]
+    [n, r, g.paused]
   );
-  return /* @__PURE__ */ g.jsx($.div, { tabIndex: -1, ...a, ref: h, onKeyDown: v });
+  return /* @__PURE__ */ h.jsx($.div, { tabIndex: -1, ...a, ref: m, onKeyDown: v });
 });
 ln.displayName = Jl;
 function ec(e, { select: t = !1 } = {}) {
@@ -5586,21 +5586,21 @@ function ce(e, { select: t = !1 } = {}) {
     e.focus({ preventScroll: !0 }), e !== n && rc(e) && t && e.select();
   }
 }
-var Vn = oc();
+var zn = oc();
 function oc() {
   let e = [];
   return {
     add(t) {
       const n = e[0];
-      t !== n && (n == null || n.pause()), e = zn(e, t), e.unshift(t);
+      t !== n && (n == null || n.pause()), e = Vn(e, t), e.unshift(t);
     },
     remove(t) {
       var n;
-      e = zn(e, t), (n = e[0]) == null || n.resume();
+      e = Vn(e, t), (n = e[0]) == null || n.resume();
     }
   };
 }
-function zn(e, t) {
+function Vn(e, t) {
   const n = [...e], r = n.indexOf(t);
   return r !== -1 && n.splice(r, 1), n;
 }
@@ -5769,11 +5769,11 @@ var xo = mc(), Pt = function() {
     onScrollCapture: Pt,
     onWheelCapture: Pt,
     onTouchMoveCapture: Pt
-  }), o = r[0], s = r[1], a = e.forwardProps, i = e.children, c = e.className, u = e.removeScrollBar, d = e.enabled, f = e.shards, h = e.sideCar, m = e.noIsolation, v = e.inert, p = e.allowPinchZoom, b = e.as, y = b === void 0 ? "div" : b, x = e.gapMode, C = bo(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = h, E = dc([n, t]), P = Q(Q({}, C), o);
+  }), o = r[0], s = r[1], a = e.forwardProps, i = e.children, c = e.className, u = e.removeScrollBar, d = e.enabled, f = e.shards, m = e.sideCar, g = e.noIsolation, v = e.inert, p = e.allowPinchZoom, b = e.as, y = b === void 0 ? "div" : b, x = e.gapMode, C = bo(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), w = m, E = dc([n, t]), P = Q(Q({}, C), o);
   return l.createElement(
     l.Fragment,
     null,
-    d && l.createElement(w, { sideCar: xo, removeScrollBar: u, shards: f, noIsolation: m, inert: v, setCallbacks: s, allowPinchZoom: !!p, lockRef: n, gapMode: x }),
+    d && l.createElement(w, { sideCar: xo, removeScrollBar: u, shards: f, noIsolation: g, inert: v, setCallbacks: s, allowPinchZoom: !!p, lockRef: n, gapMode: x }),
     a ? l.cloneElement(l.Children.only(i), Q(Q({}, P), { ref: E })) : l.createElement(y, Q({}, P, { className: c, ref: E }), i)
   );
 });
@@ -5911,19 +5911,19 @@ var xc = function() {
     return Rc(o);
   }, [o]);
   return l.createElement(Pc, { styles: Sc(s, !t, o, n ? "" : "!important") });
-}, Vt = !1;
+}, zt = !1;
 if (typeof window < "u")
   try {
     var Ye = Object.defineProperty({}, "passive", {
       get: function() {
-        return Vt = !0, !0;
+        return zt = !0, !0;
       }
     });
     window.addEventListener("test", Ye, Ye), window.removeEventListener("test", Ye, Ye);
   } catch {
-    Vt = !1;
+    zt = !1;
   }
-var we = Vt ? { passive: !1 } : !1, Oc = function(e) {
+var we = zt ? { passive: !1 } : !1, Oc = function(e) {
   return e.tagName === "TEXTAREA";
 }, Co = function(e, t) {
   if (!(e instanceof Element))
@@ -5972,16 +5972,16 @@ var we = Vt ? { passive: !1 } : !1, Oc = function(e) {
 }, Ic = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, Mc = function(e, t, n, r, o) {
-  var s = Ic(e, window.getComputedStyle(t).direction), a = s * r, i = n.target, c = t.contains(i), u = !1, d = a > 0, f = 0, h = 0;
+  var s = Ic(e, window.getComputedStyle(t).direction), a = s * r, i = n.target, c = t.contains(i), u = !1, d = a > 0, f = 0, m = 0;
   do {
-    var m = Ro(e, i), v = m[0], p = m[1], b = m[2], y = p - b - s * v;
-    (v || y) && Eo(e, i) && (f += y, h += v), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+    var g = Ro(e, i), v = g[0], p = g[1], b = g[2], y = p - b - s * v;
+    (v || y) && Eo(e, i) && (f += y, m += v), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
   } while (
     // portaled content
     !c && i !== document.body || // self content
     c && (t.contains(i) || t === i)
   );
-  return (d && (Math.abs(f) < 1 || !o) || !d && (Math.abs(h) < 1 || !o)) && (u = !0), u;
+  return (d && (Math.abs(f) < 1 || !o) || !d && (Math.abs(m) < 1 || !o)) && (u = !0), u;
 }, Xe = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, Kn = function(e) {
@@ -6056,26 +6056,26 @@ function $c(e) {
     n.current = Xe(p), r.current = void 0;
   }, []), f = l.useCallback(function(p) {
     u(p.type, Kn(p), p.target, i(p, e.lockRef.current));
-  }, []), h = l.useCallback(function(p) {
+  }, []), m = l.useCallback(function(p) {
     u(p.type, Xe(p), p.target, i(p, e.lockRef.current));
   }, []);
   l.useEffect(function() {
     return Ce.push(s), e.setCallbacks({
       onScrollCapture: f,
       onWheelCapture: f,
-      onTouchMoveCapture: h
+      onTouchMoveCapture: m
     }), document.addEventListener("wheel", c, we), document.addEventListener("touchmove", c, we), document.addEventListener("touchstart", d, we), function() {
       Ce = Ce.filter(function(p) {
         return p !== s;
       }), document.removeEventListener("wheel", c, we), document.removeEventListener("touchmove", c, we), document.removeEventListener("touchstart", d, we);
     };
   }, []);
-  var m = e.removeScrollBar, v = e.inert;
+  var g = e.removeScrollBar, v = e.inert;
   return l.createElement(
     l.Fragment,
     null,
     v ? l.createElement(s, { styles: Lc(o) }) : null,
-    m ? l.createElement(Nc, { gapMode: e.gapMode }) : null
+    g ? l.createElement(Nc, { gapMode: e.gapMode }) : null
   );
 }
 function Wc(e) {
@@ -6083,12 +6083,12 @@ function Wc(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const Vc = gc(xo, $c);
+const zc = gc(xo, $c);
 var cn = l.forwardRef(function(e, t) {
-  return l.createElement(ht, Q({}, e, { ref: t, sideCar: Vc }));
+  return l.createElement(ht, Q({}, e, { ref: t, sideCar: zc }));
 });
 cn.classNames = ht.classNames;
-var zc = function(e) {
+var Vc = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
@@ -6112,27 +6112,27 @@ var zc = function(e) {
   };
   o.forEach(u);
   var d = function(f) {
-    !f || c.has(f) || Array.prototype.forEach.call(f.children, function(h) {
-      if (i.has(h))
-        d(h);
+    !f || c.has(f) || Array.prototype.forEach.call(f.children, function(m) {
+      if (i.has(m))
+        d(m);
       else
         try {
-          var m = h.getAttribute(r), v = m !== null && m !== "false", p = (Ee.get(h) || 0) + 1, b = (s.get(h) || 0) + 1;
-          Ee.set(h, p), s.set(h, b), a.push(h), p === 1 && v && qe.set(h, !0), b === 1 && h.setAttribute(n, "true"), v || h.setAttribute(r, "true");
+          var g = m.getAttribute(r), v = g !== null && g !== "false", p = (Ee.get(m) || 0) + 1, b = (s.get(m) || 0) + 1;
+          Ee.set(m, p), s.set(m, b), a.push(m), p === 1 && v && qe.set(m, !0), b === 1 && m.setAttribute(n, "true"), v || m.setAttribute(r, "true");
         } catch (y) {
-          console.error("aria-hidden: cannot operate on ", h, y);
+          console.error("aria-hidden: cannot operate on ", m, y);
         }
     });
   };
   return d(t), i.clear(), At++, function() {
     a.forEach(function(f) {
-      var h = Ee.get(f) - 1, m = s.get(f) - 1;
-      Ee.set(f, h), s.set(f, m), h || (qe.has(f) || f.removeAttribute(r), qe.delete(f)), m || f.removeAttribute(n);
+      var m = Ee.get(f) - 1, g = s.get(f) - 1;
+      Ee.set(f, m), s.set(f, g), m || (qe.has(f) || f.removeAttribute(r), qe.delete(f)), g || f.removeAttribute(n);
     }), At--, At || (Ee = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), qe = /* @__PURE__ */ new WeakMap(), Ze = {});
   };
 }, So = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
-  var r = Array.from(Array.isArray(e) ? e : [e]), o = zc(e);
+  var r = Array.from(Array.isArray(e) ? e : [e]), o = Vc(e);
   return o ? (r.push.apply(r, Array.from(o.querySelectorAll("[aria-live]"))), Hc(r, o, n, "aria-hidden")) : function() {
     return null;
   };
@@ -6140,12 +6140,12 @@ var zc = function(e) {
   const { children: n, ...r } = e, o = l.Children.toArray(n), s = o.find(Uc);
   if (s) {
     const a = s.props.children, i = o.map((c) => c === s ? l.Children.count(a) > 1 ? l.Children.only(null) : l.isValidElement(a) ? a.props.children : null : c);
-    return /* @__PURE__ */ g.jsx(zt, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
+    return /* @__PURE__ */ h.jsx(Vt, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
   }
-  return /* @__PURE__ */ g.jsx(zt, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ h.jsx(Vt, { ...r, ref: t, children: n });
 });
 Ao.displayName = "Slot";
-var zt = l.forwardRef((e, t) => {
+var Vt = l.forwardRef((e, t) => {
   const { children: n, ...r } = e;
   if (l.isValidElement(n)) {
     const o = Yc(n);
@@ -6157,8 +6157,8 @@ var zt = l.forwardRef((e, t) => {
   }
   return l.Children.count(n) > 1 ? l.Children.only(null) : null;
 });
-zt.displayName = "SlotClone";
-var Gc = ({ children: e }) => /* @__PURE__ */ g.jsx(g.Fragment, { children: e });
+Vt.displayName = "SlotClone";
+var Gc = ({ children: e }) => /* @__PURE__ */ h.jsx(h.Fragment, { children: e });
 function Uc(e) {
   return l.isValidElement(e) && e.type === Gc;
 }
@@ -6190,7 +6190,7 @@ var un = "Dialog", [No, sd] = ae(un), [Xc, Z] = No(un), Oo = (e) => {
     defaultProp: o,
     onChange: s
   });
-  return /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ h.jsx(
     Xc,
     {
       scope: t,
@@ -6210,8 +6210,8 @@ var un = "Dialog", [No, sd] = ae(un), [Xc, Z] = No(un), Oo = (e) => {
 Oo.displayName = un;
 var To = "DialogTrigger", ko = l.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = Z(To, n), s = z(t, o.triggerRef);
-    return /* @__PURE__ */ g.jsx(
+    const { __scopeDialog: n, ...r } = e, o = Z(To, n), s = V(t, o.triggerRef);
+    return /* @__PURE__ */ h.jsx(
       $.button,
       {
         type: "button",
@@ -6231,13 +6231,13 @@ var dn = "DialogPortal", [qc, Do] = No(dn, {
   forceMount: void 0
 }), jo = (e) => {
   const { __scopeDialog: t, forceMount: n, children: r, container: o } = e, s = Z(dn, t);
-  return /* @__PURE__ */ g.jsx(qc, { scope: t, forceMount: n, children: l.Children.map(r, (a) => /* @__PURE__ */ g.jsx(te, { present: n || s.open, children: /* @__PURE__ */ g.jsx(dt, { asChild: !0, container: o, children: a }) })) });
+  return /* @__PURE__ */ h.jsx(qc, { scope: t, forceMount: n, children: l.Children.map(r, (a) => /* @__PURE__ */ h.jsx(te, { present: n || s.open, children: /* @__PURE__ */ h.jsx(dt, { asChild: !0, container: o, children: a }) })) });
 };
 jo.displayName = dn;
 var at = "DialogOverlay", Io = l.forwardRef(
   (e, t) => {
     const n = Do(at, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = Z(at, e.__scopeDialog);
-    return s.modal ? /* @__PURE__ */ g.jsx(te, { present: r || s.open, children: /* @__PURE__ */ g.jsx(Zc, { ...o, ref: t }) }) : null;
+    return s.modal ? /* @__PURE__ */ h.jsx(te, { present: r || s.open, children: /* @__PURE__ */ h.jsx(Zc, { ...o, ref: t }) }) : null;
   }
 );
 Io.displayName = at;
@@ -6247,7 +6247,7 @@ var Zc = l.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ g.jsx(cn, { as: Ao, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ g.jsx(
+      /* @__PURE__ */ h.jsx(cn, { as: Ao, allowPinchZoom: !0, shards: [o.contentRef], children: /* @__PURE__ */ h.jsx(
         $.div,
         {
           "data-state": pn(o.open),
@@ -6261,17 +6261,17 @@ var Zc = l.forwardRef(
 ), xe = "DialogContent", Mo = l.forwardRef(
   (e, t) => {
     const n = Do(xe, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = Z(xe, e.__scopeDialog);
-    return /* @__PURE__ */ g.jsx(te, { present: r || s.open, children: s.modal ? /* @__PURE__ */ g.jsx(Qc, { ...o, ref: t }) : /* @__PURE__ */ g.jsx(Jc, { ...o, ref: t }) });
+    return /* @__PURE__ */ h.jsx(te, { present: r || s.open, children: s.modal ? /* @__PURE__ */ h.jsx(Qc, { ...o, ref: t }) : /* @__PURE__ */ h.jsx(Jc, { ...o, ref: t }) });
   }
 );
 Mo.displayName = xe;
 var Qc = l.forwardRef(
   (e, t) => {
-    const n = Z(xe, e.__scopeDialog), r = l.useRef(null), o = z(t, n.contentRef, r);
+    const n = Z(xe, e.__scopeDialog), r = l.useRef(null), o = V(t, n.contentRef, r);
     return l.useEffect(() => {
       const s = r.current;
       if (s) return So(s);
-    }, []), /* @__PURE__ */ g.jsx(
+    }, []), /* @__PURE__ */ h.jsx(
       _o,
       {
         ...e,
@@ -6296,7 +6296,7 @@ var Qc = l.forwardRef(
 ), Jc = l.forwardRef(
   (e, t) => {
     const n = Z(xe, e.__scopeDialog), r = l.useRef(!1), o = l.useRef(!1);
-    return /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ h.jsx(
       _o,
       {
         ...e,
@@ -6318,9 +6318,9 @@ var Qc = l.forwardRef(
   }
 ), _o = l.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...a } = e, i = Z(xe, n), c = l.useRef(null), u = z(t, c);
-    return vo(), /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-      /* @__PURE__ */ g.jsx(
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...a } = e, i = Z(xe, n), c = l.useRef(null), u = V(t, c);
+    return vo(), /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+      /* @__PURE__ */ h.jsx(
         ln,
         {
           asChild: !0,
@@ -6328,8 +6328,8 @@ var Qc = l.forwardRef(
           trapped: r,
           onMountAutoFocus: o,
           onUnmountAutoFocus: s,
-          children: /* @__PURE__ */ g.jsx(
-            Ve,
+          children: /* @__PURE__ */ h.jsx(
+            ze,
             {
               role: "dialog",
               id: i.contentId,
@@ -6343,30 +6343,30 @@ var Qc = l.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-        /* @__PURE__ */ g.jsx(eu, { titleId: i.titleId }),
-        /* @__PURE__ */ g.jsx(nu, { contentRef: c, descriptionId: i.descriptionId })
+      /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+        /* @__PURE__ */ h.jsx(eu, { titleId: i.titleId }),
+        /* @__PURE__ */ h.jsx(nu, { contentRef: c, descriptionId: i.descriptionId })
       ] })
     ] });
   }
 ), fn = "DialogTitle", Lo = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = Z(fn, n);
-    return /* @__PURE__ */ g.jsx($.h2, { id: o.titleId, ...r, ref: t });
+    return /* @__PURE__ */ h.jsx($.h2, { id: o.titleId, ...r, ref: t });
   }
 );
 Lo.displayName = fn;
 var Fo = "DialogDescription", $o = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = Z(Fo, n);
-    return /* @__PURE__ */ g.jsx($.p, { id: o.descriptionId, ...r, ref: t });
+    return /* @__PURE__ */ h.jsx($.p, { id: o.descriptionId, ...r, ref: t });
   }
 );
 $o.displayName = Fo;
-var Wo = "DialogClose", Vo = l.forwardRef(
+var Wo = "DialogClose", zo = l.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, ...r } = e, o = Z(Wo, n);
-    return /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ h.jsx(
       $.button,
       {
         type: "button",
@@ -6377,16 +6377,16 @@ var Wo = "DialogClose", Vo = l.forwardRef(
     );
   }
 );
-Vo.displayName = Wo;
+zo.displayName = Wo;
 function pn(e) {
   return e ? "open" : "closed";
 }
-var zo = "DialogTitleWarning", [ad, Bo] = da(zo, {
+var Vo = "DialogTitleWarning", [ad, Bo] = da(Vo, {
   contentName: xe,
   titleName: fn,
   docsSlug: "dialog"
 }), eu = ({ titleId: e }) => {
-  const t = Bo(zo), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+  const t = Bo(Vo), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -6401,7 +6401,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     const o = (s = e.current) == null ? void 0 : s.getAttribute("aria-describedby");
     t && o && (document.getElementById(t) || console.warn(r));
   }, [r, e, t]), null;
-}, ru = Oo, ou = ko, su = jo, Ho = Io, Go = Mo, Uo = Lo, Ko = $o, Yo = Vo;
+}, ru = Oo, ou = ko, su = jo, Ho = Io, Go = Mo, Uo = Lo, Ko = $o, Yo = zo;
 function Xn(e, t) {
   if (typeof e == "function")
     return e(t);
@@ -6432,9 +6432,9 @@ function lu(e) {
     const { children: s, ...a } = r, i = l.Children.toArray(s), c = i.find(du);
     if (c) {
       const u = c.props.children, d = i.map((f) => f === c ? l.Children.count(u) > 1 ? l.Children.only(null) : l.isValidElement(u) ? u.props.children : null : f);
-      return /* @__PURE__ */ g.jsx(t, { ...a, ref: o, children: l.isValidElement(u) ? l.cloneElement(u, void 0, d) : null });
+      return /* @__PURE__ */ h.jsx(t, { ...a, ref: o, children: l.isValidElement(u) ? l.cloneElement(u, void 0, d) : null });
     }
-    return /* @__PURE__ */ g.jsx(t, { ...a, ref: o, children: s });
+    return /* @__PURE__ */ h.jsx(t, { ...a, ref: o, children: s });
   });
   return n.displayName = `${e}.Slot`, n;
 }
@@ -6491,10 +6491,10 @@ var mu = [
 ], gu = mu.reduce((e, t) => {
   const n = /* @__PURE__ */ lu(`Primitive.${t}`), r = l.forwardRef((o, s) => {
     const { asChild: a, ...i } = o, c = a ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ g.jsx(c, { ...i, ref: s });
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ h.jsx(c, { ...i, ref: s });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
-}, {}), hu = "Label", Xo = l.forwardRef((e, t) => /* @__PURE__ */ g.jsx(
+}, {}), hu = "Label", Xo = l.forwardRef((e, t) => /* @__PURE__ */ h.jsx(
   gu.label,
   {
     ...e,
@@ -6509,10 +6509,10 @@ Xo.displayName = hu;
 var qo = Xo;
 const vu = Gt(
   "al-text-sm al-font-medium al-leading-none peer-disabled:al-cursor-not-allowed peer-disabled:al-opacity-70"
-), bu = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(qo, { ref: n, className: M(vu(), e), ...t }));
+), bu = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(qo, { ref: n, className: M(vu(), e), ...t }));
 bu.displayName = qo.displayName;
 const yu = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     "div",
     {
       ref: n,
@@ -6526,7 +6526,7 @@ const yu = H(
 );
 yu.displayName = "Card";
 const xu = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     "div",
     {
       ref: n,
@@ -6537,7 +6537,7 @@ const xu = H(
 );
 xu.displayName = "CardHeader";
 const wu = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
     "div",
     {
       ref: n,
@@ -6548,18 +6548,18 @@ const wu = H(
 );
 wu.displayName = "CardTitle";
 const Cu = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: M("al-text-sm al-text-muted-foreground", e), ...t })
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: M("al-text-sm al-text-muted-foreground", e), ...t })
 );
 Cu.displayName = "CardDescription";
 const Eu = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: M("al-p-6 al-pt-0", e), ...t })
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: M("al-p-6 al-pt-0", e), ...t })
 );
 Eu.displayName = "CardContent";
 const Ru = H(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx("div", { ref: n, className: M("al-flex al-items-center al-p-6 al-pt-0", e), ...t })
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx("div", { ref: n, className: M("al-flex al-items-center al-p-6 al-pt-0", e), ...t })
 );
 Ru.displayName = "CardFooter";
-const id = ru, ld = ou, Pu = su, cd = Yo, Zo = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+const id = ru, ld = ou, Pu = su, cd = Yo, Zo = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   Ho,
   {
     ref: n,
@@ -6571,9 +6571,9 @@ const id = ru, ld = ou, Pu = su, cd = Yo, Zo = H(({ className: e, ...t }, n) =>
   }
 ));
 Zo.displayName = Ho.displayName;
-const Su = H(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ g.jsxs(Pu, { children: [
-  /* @__PURE__ */ g.jsx(Zo, {}),
-  /* @__PURE__ */ g.jsxs(
+const Su = H(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ h.jsxs(Pu, { children: [
+  /* @__PURE__ */ h.jsx(Zo, {}),
+  /* @__PURE__ */ h.jsxs(
     Go,
     {
       ref: r,
@@ -6584,16 +6584,16 @@ const Su = H(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ g.jsxs(
       ...n,
       children: [
         t,
-        /* @__PURE__ */ g.jsxs(Yo, { className: "al-absolute al-right-4 al-top-4 al-rounded-sm al-opacity-70 al-ring-offset-background al-transition-opacity hover:al-opacity-100 focus:al-outline-none focus:al-ring-2 focus:al-ring-ring focus:al-ring-offset-2 disabled:al-pointer-events-none data-[state=open]:al-bg-accent data-[state=open]:al-text-muted-foreground", children: [
-          /* @__PURE__ */ g.jsx(xs, { className: "al-h-4 al-w-4" }),
-          /* @__PURE__ */ g.jsx("span", { className: "al-sr-only", children: "Close" })
+        /* @__PURE__ */ h.jsxs(Yo, { className: "al-absolute al-right-4 al-top-4 al-rounded-sm al-opacity-70 al-ring-offset-background al-transition-opacity hover:al-opacity-100 focus:al-outline-none focus:al-ring-2 focus:al-ring-ring focus:al-ring-offset-2 disabled:al-pointer-events-none data-[state=open]:al-bg-accent data-[state=open]:al-text-muted-foreground", children: [
+          /* @__PURE__ */ h.jsx(xs, { className: "al-h-4 al-w-4" }),
+          /* @__PURE__ */ h.jsx("span", { className: "al-sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 Su.displayName = Go.displayName;
-const Au = ({ className: e, ...t }) => /* @__PURE__ */ g.jsx(
+const Au = ({ className: e, ...t }) => /* @__PURE__ */ h.jsx(
   "div",
   {
     className: M("al-flex al-flex-col al-space-y-1.5 al-text-center sm:al-text-left", e),
@@ -6601,7 +6601,7 @@ const Au = ({ className: e, ...t }) => /* @__PURE__ */ g.jsx(
   }
 );
 Au.displayName = "DialogHeader";
-const Nu = ({ className: e, ...t }) => /* @__PURE__ */ g.jsx(
+const Nu = ({ className: e, ...t }) => /* @__PURE__ */ h.jsx(
   "div",
   {
     className: M(
@@ -6612,7 +6612,7 @@ const Nu = ({ className: e, ...t }) => /* @__PURE__ */ g.jsx(
   }
 );
 Nu.displayName = "DialogFooter";
-const Ou = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+const Ou = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   Uo,
   {
     ref: n,
@@ -6621,7 +6621,7 @@ const Ou = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
   }
 ));
 Ou.displayName = Uo.displayName;
-const Tu = H(({ className: e, ...t }, n) => /* @__PURE__ */ g.jsx(
+const Tu = H(({ className: e, ...t }, n) => /* @__PURE__ */ h.jsx(
   Ko,
   {
     ref: n,
@@ -6634,9 +6634,9 @@ var Qo = l.forwardRef((e, t) => {
   const { children: n, ...r } = e, o = l.Children.toArray(n), s = o.find(Du);
   if (s) {
     const a = s.props.children, i = o.map((c) => c === s ? l.Children.count(a) > 1 ? l.Children.only(null) : l.isValidElement(a) ? a.props.children : null : c);
-    return /* @__PURE__ */ g.jsx(Bt, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
+    return /* @__PURE__ */ h.jsx(Bt, { ...r, ref: t, children: l.isValidElement(a) ? l.cloneElement(a, void 0, i) : null });
   }
-  return /* @__PURE__ */ g.jsx(Bt, { ...r, ref: t, children: n });
+  return /* @__PURE__ */ h.jsx(Bt, { ...r, ref: t, children: n });
 });
 Qo.displayName = "Slot";
 var Bt = l.forwardRef((e, t) => {
@@ -6652,7 +6652,7 @@ var Bt = l.forwardRef((e, t) => {
   return l.Children.count(n) > 1 ? l.Children.only(null) : null;
 });
 Bt.displayName = "SlotClone";
-var ku = ({ children: e }) => /* @__PURE__ */ g.jsx(g.Fragment, { children: e });
+var ku = ({ children: e }) => /* @__PURE__ */ h.jsx(h.Fragment, { children: e });
 function Du(e) {
   return l.isValidElement(e) && e.type === ku;
 }
@@ -6681,20 +6681,20 @@ var mn = "Popover", [Jo, ud] = ae(mn, [
     defaultOpen: o,
     onOpenChange: s,
     modal: a = !1
-  } = e, i = He(t), c = l.useRef(null), [u, d] = l.useState(!1), [f = !1, h] = Me({
+  } = e, i = He(t), c = l.useRef(null), [u, d] = l.useState(!1), [f = !1, m] = Me({
     prop: r,
     defaultProp: o,
     onChange: s
   });
-  return /* @__PURE__ */ g.jsx(Sr, { ...i, children: /* @__PURE__ */ g.jsx(
+  return /* @__PURE__ */ h.jsx(Sr, { ...i, children: /* @__PURE__ */ h.jsx(
     Mu,
     {
       scope: t,
       contentId: Pe(),
       triggerRef: c,
       open: f,
-      onOpenChange: h,
-      onOpenToggle: l.useCallback(() => h((m) => !m), [h]),
+      onOpenChange: m,
+      onOpenToggle: l.useCallback(() => m((g) => !g), [m]),
       hasCustomAnchor: u,
       onCustomAnchorAdd: l.useCallback(() => d(!0), []),
       onCustomAnchorRemove: l.useCallback(() => d(!1), []),
@@ -6707,13 +6707,13 @@ es.displayName = mn;
 var ts = "PopoverAnchor", _u = l.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = he(ts, n), s = He(n), { onCustomAnchorAdd: a, onCustomAnchorRemove: i } = o;
-    return l.useEffect(() => (a(), () => i()), [a, i]), /* @__PURE__ */ g.jsx(tn, { ...s, ...r, ref: t });
+    return l.useEffect(() => (a(), () => i()), [a, i]), /* @__PURE__ */ h.jsx(tn, { ...s, ...r, ref: t });
   }
 );
 _u.displayName = ts;
 var ns = "PopoverTrigger", rs = l.forwardRef(
   (e, t) => {
-    const { __scopePopover: n, ...r } = e, o = he(ns, n), s = He(n), a = z(t, o.triggerRef), i = /* @__PURE__ */ g.jsx(
+    const { __scopePopover: n, ...r } = e, o = he(ns, n), s = He(n), a = V(t, o.triggerRef), i = /* @__PURE__ */ h.jsx(
       $.button,
       {
         type: "button",
@@ -6726,7 +6726,7 @@ var ns = "PopoverTrigger", rs = l.forwardRef(
         onClick: k(e.onClick, o.onOpenToggle)
       }
     );
-    return o.hasCustomAnchor ? i : /* @__PURE__ */ g.jsx(tn, { asChild: !0, ...s, children: i });
+    return o.hasCustomAnchor ? i : /* @__PURE__ */ h.jsx(tn, { asChild: !0, ...s, children: i });
   }
 );
 rs.displayName = ns;
@@ -6734,23 +6734,23 @@ var gn = "PopoverPortal", [Lu, Fu] = Jo(gn, {
   forceMount: void 0
 }), os = (e) => {
   const { __scopePopover: t, forceMount: n, children: r, container: o } = e, s = he(gn, t);
-  return /* @__PURE__ */ g.jsx(Lu, { scope: t, forceMount: n, children: /* @__PURE__ */ g.jsx(te, { present: n || s.open, children: /* @__PURE__ */ g.jsx(dt, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ h.jsx(Lu, { scope: t, forceMount: n, children: /* @__PURE__ */ h.jsx(te, { present: n || s.open, children: /* @__PURE__ */ h.jsx(dt, { asChild: !0, container: o, children: r }) }) });
 };
 os.displayName = gn;
 var Te = "PopoverContent", ss = l.forwardRef(
   (e, t) => {
     const n = Fu(Te, e.__scopePopover), { forceMount: r = n.forceMount, ...o } = e, s = he(Te, e.__scopePopover);
-    return /* @__PURE__ */ g.jsx(te, { present: r || s.open, children: s.modal ? /* @__PURE__ */ g.jsx($u, { ...o, ref: t }) : /* @__PURE__ */ g.jsx(Wu, { ...o, ref: t }) });
+    return /* @__PURE__ */ h.jsx(te, { present: r || s.open, children: s.modal ? /* @__PURE__ */ h.jsx($u, { ...o, ref: t }) : /* @__PURE__ */ h.jsx(Wu, { ...o, ref: t }) });
   }
 );
 ss.displayName = Te;
 var $u = l.forwardRef(
   (e, t) => {
-    const n = he(Te, e.__scopePopover), r = l.useRef(null), o = z(t, r), s = l.useRef(!1);
+    const n = he(Te, e.__scopePopover), r = l.useRef(null), o = V(t, r), s = l.useRef(!1);
     return l.useEffect(() => {
       const a = r.current;
       if (a) return So(a);
-    }, []), /* @__PURE__ */ g.jsx(cn, { as: Qo, allowPinchZoom: !0, children: /* @__PURE__ */ g.jsx(
+    }, []), /* @__PURE__ */ h.jsx(cn, { as: Qo, allowPinchZoom: !0, children: /* @__PURE__ */ h.jsx(
       as,
       {
         ...e,
@@ -6780,7 +6780,7 @@ var $u = l.forwardRef(
 ), Wu = l.forwardRef(
   (e, t) => {
     const n = he(Te, e.__scopePopover), r = l.useRef(!1), o = l.useRef(!1);
-    return /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ h.jsx(
       as,
       {
         ...e,
@@ -6813,8 +6813,8 @@ var $u = l.forwardRef(
       onFocusOutside: u,
       onInteractOutside: d,
       ...f
-    } = e, h = he(Te, n), m = He(n);
-    return vo(), /* @__PURE__ */ g.jsx(
+    } = e, m = he(Te, n), g = He(n);
+    return vo(), /* @__PURE__ */ h.jsx(
       ln,
       {
         asChild: !0,
@@ -6822,8 +6822,8 @@ var $u = l.forwardRef(
         trapped: r,
         onMountAutoFocus: o,
         onUnmountAutoFocus: s,
-        children: /* @__PURE__ */ g.jsx(
-          Ve,
+        children: /* @__PURE__ */ h.jsx(
+          ze,
           {
             asChild: !0,
             disableOutsidePointerEvents: a,
@@ -6831,14 +6831,14 @@ var $u = l.forwardRef(
             onEscapeKeyDown: i,
             onPointerDownOutside: c,
             onFocusOutside: u,
-            onDismiss: () => h.onOpenChange(!1),
-            children: /* @__PURE__ */ g.jsx(
+            onDismiss: () => m.onOpenChange(!1),
+            children: /* @__PURE__ */ h.jsx(
               Ar,
               {
-                "data-state": ls(h.open),
+                "data-state": ls(m.open),
                 role: "dialog",
-                id: h.contentId,
-                ...m,
+                id: m.contentId,
+                ...g,
                 ...f,
                 ref: t,
                 style: {
@@ -6856,10 +6856,10 @@ var $u = l.forwardRef(
       }
     );
   }
-), is = "PopoverClose", Vu = l.forwardRef(
+), is = "PopoverClose", zu = l.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = he(is, n);
-    return /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ h.jsx(
       $.button,
       {
         type: "button",
@@ -6870,19 +6870,19 @@ var $u = l.forwardRef(
     );
   }
 );
-Vu.displayName = is;
-var zu = "PopoverArrow", Bu = l.forwardRef(
+zu.displayName = is;
+var Vu = "PopoverArrow", Bu = l.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...r } = e, o = He(n);
-    return /* @__PURE__ */ g.jsx(Nr, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ h.jsx(Nr, { ...o, ...r, ref: t });
   }
 );
-Bu.displayName = zu;
+Bu.displayName = Vu;
 function ls(e) {
   return e ? "open" : "closed";
 }
 var Hu = es, Gu = rs, Uu = os, cs = ss;
-const dd = Hu, fd = Gu, Ku = H(({ className: e, align: t = "center", sideOffset: n = 4, ...r }, o) => /* @__PURE__ */ g.jsx(Uu, { children: /* @__PURE__ */ g.jsx(
+const dd = Hu, fd = Gu, Ku = H(({ className: e, align: t = "center", sideOffset: n = 4, ...r }, o) => /* @__PURE__ */ h.jsx(Uu, { children: /* @__PURE__ */ h.jsx(
   cs,
   {
     ref: o,
@@ -6967,9 +6967,13 @@ const ue = Gt("", {
   "page-heading": "h2",
   "section-heading": "h3"
 }, md = (e) => {
-  const { variant: t = "body", children: n, className: r, role: o } = e;
+  const { variant: t = "body", children: n, className: r, ...o } = e;
   let s, a;
-  const i = () => e.weight;
+  const i = () => e.weight, {
+    weight: c,
+    size: u,
+    ...d
+  } = o;
   if (t === "page-heading")
     s = "semibold", a = void 0;
   else if (t === "section-heading")
@@ -6979,20 +6983,27 @@ const ue = Gt("", {
   else if (t === "table-header")
     s = i() ?? "medium", a = void 0;
   else if (t === "body") {
-    const u = e;
-    s = u.weight ?? "regular", a = u.size ?? "regular";
+    const m = e;
+    s = m.weight ?? "regular", a = m.size ?? "regular";
   } else if (t === "caption") {
-    const u = e;
-    s = u.weight ?? "regular", a = u.size;
+    const m = e;
+    s = m.weight ?? "regular", a = m.size;
   } else if (t === "button") {
-    const u = e;
-    s = "medium", a = u.size ? `button-${u.size}` : "button-sm";
+    const m = e;
+    s = "medium", a = m.size ? `button-${m.size}` : "button-sm";
   } else {
-    const u = e;
-    s = "regular", a = u.size ? `placeholder-${u.size}` : "placeholder-large";
+    const m = e;
+    s = "regular", a = m.size ? `placeholder-${m.size}` : "placeholder-large";
   }
-  const c = Yu[t];
-  return /* @__PURE__ */ g.jsx(c, { className: M(ue({ variant: t, weight: s, size: a }), r), role: o, children: n });
+  const f = Yu[t];
+  return /* @__PURE__ */ h.jsx(
+    f,
+    {
+      className: M(ue({ variant: t, weight: s, size: a }), r),
+      ...d,
+      children: n
+    }
+  );
 }, gd = H(function({
   children: t,
   wrap: n = !1,
@@ -7005,7 +7016,7 @@ const ue = Gt("", {
   tag: u = "div",
   ...d
 }, f) {
-  const h = (v) => ({
+  const m = (v) => ({
     none: "al-gap-0",
     xxs: "al-gap-0.5",
     // 2px
@@ -7033,7 +7044,7 @@ const ue = Gt("", {
     // 64px
     "8xl": "al-gap-20"
     // 80px
-  })[v], m = M(
+  })[v], g = M(
     "al-flex",
     // Direction
     c === "column" ? "al-flex-col" : "al-flex-row",
@@ -7059,14 +7070,14 @@ const ue = Gt("", {
     // Flex
     s && `al-flex-[${s}]`,
     // Gap
-    h(a),
+    m(a),
     i
   );
   return Qe(
     u,
     {
       ...d,
-      className: m,
+      className: g,
       ref: f
     },
     t
@@ -7123,7 +7134,7 @@ export {
   go as ai,
   Ru as aj,
   Cu as ak,
-  Vu as al,
+  zu as al,
   cd as am,
   ld as an,
   Au as ao,
@@ -7134,7 +7145,7 @@ export {
   Me as b,
   od as c,
   k as d,
-  Vr as e,
+  zr as e,
   Qt as f,
   M as g,
   Gt as h,
@@ -7149,8 +7160,8 @@ export {
   te as q,
   So as r,
   vo as s,
-  Ve as t,
-  z as u,
+  ze as t,
+  V as u,
   Ll as v,
   Ar as w,
   Fl as x,