@stackable-labs/embeddables 1.66.0 → 1.66.1

package/dist/react.js

@@ -1,11 +1,11 @@
 import { jsxs as U, jsx as p, Fragment as _e } from "react/jsx-runtime";
-import * as f from "react";
-import I, { createContext as Xc, useState as le, useRef as Be, useEffect as ce, useContext as Zc, createElement as pn, useMemo as Bt, forwardRef as us, useLayoutEffect as Jc, useCallback as Re } from "react";
+import * as u from "react";
+import I, { createContext as Xc, useState as le, useRef as Me, useEffect as ce, useContext as Zc, createElement as pn, useMemo as Bt, forwardRef as us, useLayoutEffect as Jc, useCallback as Re } from "react";
 import * as Cn from "react-dom";
 import fs from "react-dom";
 const Qc = () => {
   try {
-    return "49b6c20a-8cce-4426-b6e2-6fe0a69d2b42";
+    return "4515fdf3-989f-49b7-8a46-3af41fb2312d";
   } catch {
     return "dev";
   }
@@ -50,7 +50,7 @@ const Qc = () => {
     messageHandlers: /* @__PURE__ */ new Set()
   }, a = (i) => {
     const c = i.data;
-    !c || typeof c != "object" || !("type" in c) || ("extensionId" in c ? c.extensionId : void 0) !== e.id || (c.type === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((u) => u(c)));
+    !c || typeof c != "object" || !("type" in c) || ("extensionId" in c ? c.extensionId : void 0) !== e.id || (c.type === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((f) => f(c)));
   };
   return window.addEventListener("message", a), dt.set(e.id, s), s;
 }, Ue = (e, t) => {
@@ -434,44 +434,47 @@ const il = (e) => {
   components: n = {},
   children: o
 }) => {
-  const [r, s] = le(!1), a = Be(null), i = Be(null);
-  return ce(() => {
+  const [r, s] = le(!1), a = Me(null), i = Me(null), c = Me(t);
+  return c.current = t, ce(() => {
     if (!a.current) return;
-    let c = !1;
+    let d = !1;
     return (async () => {
-      const u = a.current;
-      if (u) {
-        console.log("[ExtensionProvider] Initializing with", e.length, "extensions"), i.current = il(t);
-        for (const l of e)
-          l.enabled && !c && (console.log("[ExtensionProvider] Creating sandbox for", l.id, "bundleUrl:", l.bundleUrl), await el(l, u), console.log("[ExtensionProvider] Sandbox created for", l.id));
-        c || (console.log("[ExtensionProvider] Ready"), s(!0));
-      }
+      const l = a.current;
+      if (!l) return;
+      console.log("[ExtensionProvider] Initializing with", e.length, "extensions");
+      const m = new Proxy({}, {
+        get: (h, b) => c.current[b]
+      });
+      i.current = il(m);
+      for (const h of e)
+        h.enabled && !d && (console.log("[ExtensionProvider] Creating sandbox for", h.id, "bundleUrl:", h.bundleUrl), await el(h, l), console.log("[ExtensionProvider] Sandbox created for", h.id));
+      d || (console.log("[ExtensionProvider] Ready"), s(!0));
     })(), () => {
-      var u;
-      c = !0;
-      for (const l of e)
-        tl(l.id);
-      (u = i.current) == null || u.call(i);
+      var l;
+      d = !0;
+      for (const m of e)
+        tl(m.id);
+      (l = i.current) == null || l.call(i);
     };
-  }, [e, t]), /* @__PURE__ */ U(hs.Provider, { value: { extensions: e, components: n, ready: r }, children: [
+  }, [e]), /* @__PURE__ */ U(hs.Provider, { value: { extensions: e, components: n, ready: r }, children: [
     /* @__PURE__ */ p("div", { ref: a, style: { display: "none" } }),
     o
   ] });
 }, gs = () => Zc(hs), ll = (e) => Ut.includes(e), dl = (e, t = {}) => {
   const { surfaceId: n, logPrefix: o = "[NodeRenderer]" } = t, r = (s, a, i = 0) => {
-    var g, b, h;
+    var h, b, g;
     if (s.type === "text")
       return s.text || null;
     if (!s.tag) return null;
     if (s.tag === "__fragment")
-      return /* @__PURE__ */ p(I.Fragment, { children: (g = s.children) == null ? void 0 : g.map((v, y) => r(v, a, y)) }, i);
+      return /* @__PURE__ */ p(I.Fragment, { children: (h = s.children) == null ? void 0 : h.map((v, y) => r(v, a, y)) }, i);
     if (!ll(s.tag))
       return console.warn(`${o} Unknown UI tag rejected: <${s.tag}>`), null;
     const c = e[s.tag];
     if (!c)
       return s.tag.startsWith("ui-") ? (console.warn(`${o} Unregistered UI tag: <${s.tag}>`), null) : /* @__PURE__ */ p(I.Fragment, { children: (b = s.children) == null ? void 0 : b.map((v, y) => r(v, a, y)) }, i);
-    const { filtered: d, stripped: u } = ul(s.tag, s.attrs);
-    u.length > 0 && console.warn(`${o} Attributes not allowed on <${s.tag}>, stripped: ${u.join(", ")}`);
+    const { filtered: d, stripped: f } = ul(s.tag, s.attrs);
+    f.length > 0 && console.warn(`${o} Attributes not allowed on <${s.tag}>, stripped: ${f.join(", ")}`);
     const l = fl(s.tag, s.children);
     if (l.length > 0 && console.warn(`${o} Invalid children in <${s.tag}>: ${l.join(", ")}`), s.actionId) {
       const v = s.actionId;
@@ -493,7 +496,7 @@ const il = (e) => {
         );
       };
     }
-    const m = (h = s.children) == null ? void 0 : h.map((v, y) => r(v, a, y));
+    const m = (g = s.children) == null ? void 0 : g.map((v, y) => r(v, a, y));
     return /* @__PURE__ */ pn(c, { ...d, key: i }, m && m.length > 0 ? m : void 0);
   };
   return r;
@@ -529,10 +532,10 @@ const il = (e) => {
   fallback: r = null,
   render: s
 }) => {
-  const { extensions: a, components: i, ready: c } = gs(), [d, u] = le({}), l = Be(""), m = Bt(() => a.filter((v) => v.enabled && v.manifest.targets.includes(e)), [a.map((v) => v.id).join(","), e]), g = Bt(() => dl(i, { surfaceId: e, logPrefix: "[ExtensionSlot]" }), [e, i]);
+  const { extensions: a, components: i, ready: c } = gs(), [d, f] = le({}), l = Me(""), m = Bt(() => a.filter((v) => v.enabled && v.manifest.targets.includes(e)), [a.map((v) => v.id).join(","), e]), h = Bt(() => dl(i, { surfaceId: e, logPrefix: "[ExtensionSlot]" }), [e, i]);
   if (ce(() => {
     const v = m.map((w) => w.id).join(",");
-    if (l.current !== v && (l.current = v, u({})), !c || m.length === 0)
+    if (l.current !== v && (l.current = v, f({})), !c || m.length === 0)
       return;
     const y = (w) => {
       const x = w.data;
@@ -547,8 +550,8 @@ const il = (e) => {
           });
           if (!N)
             return;
-          const T = g(x.tree, w.source ?? null);
-          u((R) => ({
+          const T = h(x.tree, w.source ?? null);
+          f((R) => ({
             ...R,
             [N.id]: T
           }));
@@ -576,11 +579,11 @@ const il = (e) => {
     }), () => {
       window.removeEventListener("message", y);
     };
-  }, [c, m, e, t, g]), !c)
+  }, [c, m, e, t, h]), !c)
     return null;
   if (m.length === 0)
     return r ? /* @__PURE__ */ p("div", { "data-extension-slot": e, title: e, className: n, children: r }) : null;
-  const b = m.map((v) => ({ id: v.id, children: d[v.id] })).filter((v) => !!v.children), h = b.length > 0 ? b.flatMap((v, y, w) => {
+  const b = m.map((v) => ({ id: v.id, children: d[v.id] })).filter((v) => !!v.children), g = b.length > 0 ? b.flatMap((v, y, w) => {
     const x = s ? s({
       extensionId: v.id,
       children: v.children,
@@ -600,7 +603,7 @@ const il = (e) => {
       k
     ];
   }) : r;
-  return /* @__PURE__ */ p("div", { "data-extension-slot": e, title: e, className: n, children: h });
+  return /* @__PURE__ */ p("div", { "data-extension-slot": e, title: e, className: n, children: g });
 };
 function ml(e) {
   if (typeof document > "u") return;
@@ -827,19 +830,19 @@ class kl {
           d
         ], n.error !== void 0) {
           s = !1;
-          const u = typeof n.error == "function" ? await n.error(d) : n.error, l = typeof n.description == "function" ? await n.description(d) : n.description, g = typeof u == "object" && !I.isValidElement(u) ? u : {
-            message: u
+          const f = typeof n.error == "function" ? await n.error(d) : n.error, l = typeof n.description == "function" ? await n.description(d) : n.description, h = typeof f == "object" && !I.isValidElement(f) ? f : {
+            message: f
           };
           this.create({
             id: o,
             type: "error",
             description: l,
-            ...g
+            ...h
           });
         }
       }).finally(() => {
         s && (this.dismiss(o), o = void 0), n.finally == null || n.finally.call(n);
-      }), c = () => new Promise((d, u) => i.then(() => a[0] === "reject" ? u(a[1]) : d(a[1])).catch(u));
+      }), c = () => new Promise((d, f) => i.then(() => a[0] === "reject" ? f(a[1]) : d(a[1])).catch(f));
       return typeof o != "string" && typeof o != "number" ? {
         unwrap: c
       } : Object.assign(o, {
@@ -881,7 +884,7 @@ function en(e) {
   return e.label !== void 0;
 }
 const Al = 3, Il = "24px", _l = "16px", vr = 4e3, Ml = 356, Ol = 14, Ll = 45, Dl = 200;
-function De(...e) {
+function ze(...e) {
   return e.filter(Boolean).join(" ");
 }
 function zl(e) {
@@ -890,7 +893,7 @@ function zl(e) {
 }
 const $l = (e) => {
   var t, n, o, r, s, a, i, c, d;
-  const { invert: u, toast: l, unstyled: m, interacting: g, setHeights: b, visibleToasts: h, heights: v, index: y, toasts: w, expanded: x, removeToast: k, defaultRichColors: N, closeButton: T, style: R, cancelButtonStyle: S, actionButtonStyle: A, className: D = "", descriptionClassName: O = "", duration: H, position: V, gap: W, expandByDefault: Q, classNames: _, icons: G, closeButtonAriaLabel: E = "Close toast" } = e, [P, C] = I.useState(null), [L, F] = I.useState(null), [M, Y] = I.useState(!1), [j, ee] = I.useState(!1), [z, q] = I.useState(!1), [Z, ie] = I.useState(!1), [re, ne] = I.useState(!1), [ue, fe] = I.useState(0), [at, Ke] = I.useState(0), Te = I.useRef(l.duration || H || vr), Kt = I.useRef(null), be = I.useRef(null), Bc = y === 0, Hc = y + 1 <= h, xe = l.type, gt = l.dismissible !== !1, Vc = l.className || "", Wc = l.descriptionClassName || "", Xt = I.useMemo(() => v.findIndex((te) => te.toastId === l.id) || 0, [
+  const { invert: f, toast: l, unstyled: m, interacting: h, setHeights: b, visibleToasts: g, heights: v, index: y, toasts: w, expanded: x, removeToast: k, defaultRichColors: N, closeButton: T, style: R, cancelButtonStyle: S, actionButtonStyle: A, className: D = "", descriptionClassName: O = "", duration: H, position: V, gap: W, expandByDefault: Q, classNames: _, icons: G, closeButtonAriaLabel: E = "Close toast" } = e, [P, C] = I.useState(null), [L, F] = I.useState(null), [M, Y] = I.useState(!1), [j, ee] = I.useState(!1), [z, q] = I.useState(!1), [Z, ie] = I.useState(!1), [re, ne] = I.useState(!1), [ue, fe] = I.useState(0), [at, Ke] = I.useState(0), Te = I.useRef(l.duration || H || vr), Kt = I.useRef(null), be = I.useRef(null), Bc = y === 0, Hc = y + 1 <= g, xe = l.type, gt = l.dismissible !== !1, Vc = l.className || "", Wc = l.descriptionClassName || "", Xt = I.useMemo(() => v.findIndex((te) => te.toastId === l.id) || 0, [
     v,
     l.id
   ]), Uc = I.useMemo(() => {
@@ -905,7 +908,7 @@ const $l = (e) => {
   ]), Yn = I.useRef(0), vt = I.useRef(0), dr = I.useRef(0), bt = I.useRef(null), [jc, Gc] = V.split("-"), ur = I.useMemo(() => v.reduce((te, me, ge) => ge >= Xt ? te : te + me.height, 0), [
     v,
     Xt
-  ]), fr = Cl(), Yc = l.invert || u, qn = xe === "loading";
+  ]), fr = Cl(), Yc = l.invert || f, qn = xe === "loading";
   vt.current = I.useMemo(() => Xt * W + ur, [
     Xt,
     ur
@@ -970,7 +973,7 @@ const $l = (e) => {
   I.useEffect(() => {
     if (l.promise && xe === "loading" || l.duration === 1 / 0 || l.type === "loading") return;
     let te;
-    return x || g || fr ? (() => {
+    return x || h || fr ? (() => {
       if (dr.current < Yn.current) {
         const Se = (/* @__PURE__ */ new Date()).getTime() - Yn.current;
         Te.current = Te.current - Se;
@@ -983,7 +986,7 @@ const $l = (e) => {
     })(), () => clearTimeout(te);
   }, [
     x,
-    g,
+    h,
     l,
     xe,
     fr,
@@ -999,12 +1002,12 @@ const $l = (e) => {
     if (G != null && G.loading) {
       var me;
       return /* @__PURE__ */ I.createElement("div", {
-        className: De(_ == null ? void 0 : _.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
+        className: ze(_ == null ? void 0 : _.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
         "data-visible": xe === "loading"
       }, G.loading);
     }
     return /* @__PURE__ */ I.createElement(vl, {
-      className: De(_ == null ? void 0 : _.loader, l == null || (te = l.classNames) == null ? void 0 : te.loader),
+      className: ze(_ == null ? void 0 : _.loader, l == null || (te = l.classNames) == null ? void 0 : te.loader),
       visible: xe === "loading"
     });
   }
@@ -1013,7 +1016,7 @@ const $l = (e) => {
   return /* @__PURE__ */ I.createElement("li", {
     tabIndex: 0,
     ref: be,
-    className: De(D, Vc, _ == null ? void 0 : _.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, _ == null ? void 0 : _.default, _ == null ? void 0 : _[xe], l == null || (n = l.classNames) == null ? void 0 : n[xe]),
+    className: ze(D, Vc, _ == null ? void 0 : _.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, _ == null ? void 0 : _.default, _ == null ? void 0 : _[xe], l == null || (n = l.classNames) == null ? void 0 : n[xe]),
     "data-sonner-toast": "",
     "data-rich-colors": (pr = l.richColors) != null ? pr : N,
     "data-styled": !(l.jsx || l.unstyled || m),
@@ -1103,19 +1106,19 @@ const $l = (e) => {
     } : () => {
       Xe(), l.onDismiss == null || l.onDismiss.call(l, l);
     },
-    className: De(_ == null ? void 0 : _.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
+    className: ze(_ == null ? void 0 : _.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
   }, (mr = G == null ? void 0 : G.close) != null ? mr : Sl) : null, (xe || l.icon || l.promise) && l.icon !== null && ((G == null ? void 0 : G[xe]) !== null || l.icon) ? /* @__PURE__ */ I.createElement("div", {
     "data-icon": "",
-    className: De(_ == null ? void 0 : _.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
+    className: ze(_ == null ? void 0 : _.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
   }, l.promise || l.type === "loading" && !l.icon ? l.icon || qc() : null, l.type !== "loading" ? Kc : null) : null, /* @__PURE__ */ I.createElement("div", {
     "data-content": "",
-    className: De(_ == null ? void 0 : _.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
+    className: ze(_ == null ? void 0 : _.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
   }, /* @__PURE__ */ I.createElement("div", {
     "data-title": "",
-    className: De(_ == null ? void 0 : _.title, l == null || (a = l.classNames) == null ? void 0 : a.title)
+    className: ze(_ == null ? void 0 : _.title, l == null || (a = l.classNames) == null ? void 0 : a.title)
   }, l.jsx ? l.jsx : typeof l.title == "function" ? l.title() : l.title), l.description ? /* @__PURE__ */ I.createElement("div", {
     "data-description": "",
-    className: De(O, Wc, _ == null ? void 0 : _.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
+    className: ze(O, Wc, _ == null ? void 0 : _.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
   }, typeof l.description == "function" ? l.description() : l.description) : null), /* @__PURE__ */ I.isValidElement(l.cancel) ? l.cancel : l.cancel && en(l.cancel) ? /* @__PURE__ */ I.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
@@ -1123,7 +1126,7 @@ const $l = (e) => {
     onClick: (te) => {
       en(l.cancel) && gt && (l.cancel.onClick == null || l.cancel.onClick.call(l.cancel, te), Xe());
     },
-    className: De(_ == null ? void 0 : _.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
+    className: ze(_ == null ? void 0 : _.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
   }, l.cancel.label) : null, /* @__PURE__ */ I.isValidElement(l.action) ? l.action : l.action && en(l.action) ? /* @__PURE__ */ I.createElement("button", {
     "data-button": !0,
     "data-action": !0,
@@ -1131,7 +1134,7 @@ const $l = (e) => {
     onClick: (te) => {
       en(l.action) && (l.action.onClick == null || l.action.onClick.call(l.action, te), !te.defaultPrevented && Xe());
     },
-    className: De(_ == null ? void 0 : _.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
+    className: ze(_ == null ? void 0 : _.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
   }, l.action.label) : null);
 };
 function br() {
@@ -1152,8 +1155,8 @@ function Fl(e, t) {
         "right",
         "bottom",
         "left"
-      ].forEach((u) => {
-        n[`${a}-${u}`] = typeof d == "number" ? `${d}px` : d;
+      ].forEach((f) => {
+        n[`${a}-${f}`] = typeof d == "number" ? `${d}px` : d;
       });
     }
     typeof o == "number" || typeof o == "string" ? c(o) : typeof o == "object" ? [
@@ -1170,7 +1173,7 @@ const Bl = /* @__PURE__ */ I.forwardRef(function(t, n) {
   const { id: o, invert: r, position: s = "bottom-right", hotkey: a = [
     "altKey",
     "KeyT"
-  ], expand: i, closeButton: c, className: d, offset: u, mobileOffset: l, theme: m = "light", richColors: g, duration: b, style: h, visibleToasts: v = Al, toastOptions: y, dir: w = br(), gap: x = Ol, icons: k, containerAriaLabel: N = "Notifications" } = t, [T, R] = I.useState([]), S = I.useMemo(() => o ? T.filter((M) => M.toasterId === o) : T.filter((M) => !M.toasterId), [
+  ], expand: i, closeButton: c, className: d, offset: f, mobileOffset: l, theme: m = "light", richColors: h, duration: b, style: g, visibleToasts: v = Al, toastOptions: y, dir: w = br(), gap: x = Ol, icons: k, containerAriaLabel: N = "Notifications" } = t, [T, R] = I.useState([]), S = I.useMemo(() => o ? T.filter((M) => M.toasterId === o) : T.filter((M) => !M.toasterId), [
     T,
     o
   ]), A = I.useMemo(() => Array.from(new Set([
@@ -1287,8 +1290,8 @@ const Bl = /* @__PURE__ */ I.forwardRef(function(t, n) {
         "--front-toast-height": `${((j = D[0]) == null ? void 0 : j.height) || 0}px`,
         "--width": `${Ml}px`,
         "--gap": `${x}px`,
-        ...h,
-        ...Fl(u, l)
+        ...g,
+        ...Fl(f, l)
       },
       onBlur: (q) => {
         L.current && !q.currentTarget.contains(q.relatedTarget) && (L.current = !1, C.current && (C.current.focus({
@@ -1315,7 +1318,7 @@ const Bl = /* @__PURE__ */ I.forwardRef(function(t, n) {
         icons: k,
         index: Z,
         toast: q,
-        defaultRichColors: g,
+        defaultRichColors: h,
         duration: (ie = y == null ? void 0 : y.duration) != null ? ie : b,
         className: y == null ? void 0 : y.className,
         descriptionClassName: y == null ? void 0 : y.descriptionClassName,
@@ -1503,7 +1506,7 @@ const Kl = us(
       ...i
     },
     [
-      ...a.map(([d, u]) => pn(d, u)),
+      ...a.map(([d, f]) => pn(d, f)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -2028,9 +2031,9 @@ const tu = (e, t) => {
     return;
   const i = t === 0 ? e.join(mn) : e.slice(t).join(mn), c = a.length;
   for (let d = 0; d < c; d++) {
-    const u = a[d];
-    if (u.validator(i))
-      return u.classGroupId;
+    const f = a[d];
+    if (f.validator(i))
+      return f.classGroupId;
   }
 }, su = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), n = t.indexOf(":"), o = t.slice(0, n);
@@ -2126,32 +2129,32 @@ const tu = (e, t) => {
   let o = (r) => {
     const s = [];
     let a = 0, i = 0, c = 0, d;
-    const u = r.length;
-    for (let h = 0; h < u; h++) {
-      const v = r[h];
+    const f = r.length;
+    for (let g = 0; g < f; g++) {
+      const v = r[g];
       if (a === 0 && i === 0) {
         if (v === Cr) {
-          s.push(r.slice(c, h)), c = h + 1;
+          s.push(r.slice(c, g)), c = g + 1;
           continue;
         }
         if (v === "/") {
-          d = h;
+          d = g;
           continue;
         }
       }
       v === "[" ? a++ : v === "]" ? a-- : v === "(" ? i++ : v === ")" && i--;
     }
     const l = s.length === 0 ? r : r.slice(c);
-    let m = l, g = !1;
-    l.endsWith(ho) ? (m = l.slice(0, -1), g = !0) : (
+    let m = l, h = !1;
+    l.endsWith(ho) ? (m = l.slice(0, -1), h = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      l.startsWith(ho) && (m = l.slice(1), g = !0)
+      l.startsWith(ho) && (m = l.slice(1), h = !0)
     );
     const b = d && d > c ? d - c : void 0;
-    return kr(s, g, m, b);
+    return kr(s, h, m, b);
   };
   if (t) {
     const r = t + Cr, s = o;
@@ -2192,30 +2195,30 @@ const tu = (e, t) => {
   } = t, a = [], i = e.trim().split(bu);
   let c = "";
   for (let d = i.length - 1; d >= 0; d -= 1) {
-    const u = i[d], {
+    const f = i[d], {
       isExternal: l,
       modifiers: m,
-      hasImportantModifier: g,
+      hasImportantModifier: h,
       baseClassName: b,
-      maybePostfixModifierPosition: h
-    } = n(u);
+      maybePostfixModifierPosition: g
+    } = n(f);
     if (l) {
-      c = u + (c.length > 0 ? " " + c : c);
+      c = f + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let v = !!h, y = o(v ? b.substring(0, h) : b);
+    let v = !!g, y = o(v ? b.substring(0, g) : b);
     if (!y) {
       if (!v) {
-        c = u + (c.length > 0 ? " " + c : c);
+        c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
       if (y = o(b), !y) {
-        c = u + (c.length > 0 ? " " + c : c);
+        c = f + (c.length > 0 ? " " + c : c);
         continue;
       }
       v = !1;
     }
-    const w = m.length === 0 ? "" : m.length === 1 ? m[0] : s(m).join(":"), x = g ? w + ho : w, k = x + y;
+    const w = m.length === 0 ? "" : m.length === 1 ? m[0] : s(m).join(":"), x = h ? w + ho : w, k = x + y;
     if (a.indexOf(k) > -1)
       continue;
     a.push(k);
@@ -2224,7 +2227,7 @@ const tu = (e, t) => {
       const R = N[T];
       a.push(x + R);
     }
-    c = u + (c.length > 0 ? " " + c : c);
+    c = f + (c.length > 0 ? " " + c : c);
   }
   return c;
 }, wu = (...e) => {
@@ -2242,14 +2245,14 @@ const tu = (e, t) => {
 }, xu = (e, ...t) => {
   let n, o, r, s;
   const a = (c) => {
-    const d = t.reduce((u, l) => l(u), e());
+    const d = t.reduce((f, l) => l(f), e());
     return n = vu(d), o = n.cache.get, r = n.cache.set, s = i, i(c);
   }, i = (c) => {
     const d = o(c);
     if (d)
       return d;
-    const u = yu(c, n);
-    return r(c, u), u;
+    const f = yu(c, n);
+    return r(c, f), f;
   };
   return s = a, (...c) => s(wu(...c));
 }, Su = [], pe = (e) => {
@@ -2267,7 +2270,7 @@ const tu = (e, t) => {
   const o = Os.exec(e);
   return o ? o[1] ? t(o[1]) : n : !1;
 }, Ds = (e) => e === "position" || e === "percentage", zs = (e) => e === "image" || e === "url", $s = (e) => e === "length" || e === "size" || e === "bg-size", Fs = (e) => e === "length", Hu = (e) => e === "number", Bs = (e) => e === "family-name", Hs = (e) => e === "number" || e === "weight", Vs = (e) => e === "shadow", Vu = () => {
-  const e = pe("color"), t = pe("font"), n = pe("text"), o = pe("font-weight"), r = pe("tracking"), s = pe("leading"), a = pe("breakpoint"), i = pe("container"), c = pe("spacing"), d = pe("radius"), u = pe("shadow"), l = pe("inset-shadow"), m = pe("text-shadow"), g = pe("drop-shadow"), b = pe("blur"), h = pe("perspective"), v = pe("aspect"), y = pe("ease"), w = pe("animate"), x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], k = () => [
+  const e = pe("color"), t = pe("font"), n = pe("text"), o = pe("font-weight"), r = pe("tracking"), s = pe("leading"), a = pe("breakpoint"), i = pe("container"), c = pe("spacing"), d = pe("radius"), f = pe("shadow"), l = pe("inset-shadow"), m = pe("text-shadow"), h = pe("drop-shadow"), b = pe("blur"), g = pe("perspective"), v = pe("aspect"), y = pe("ease"), w = pe("animate"), x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], k = () => [
     "center",
     "top",
     "bottom",
@@ -3788,7 +3791,7 @@ const tu = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          u,
+          f,
           nn,
           tn
         ]
@@ -4144,7 +4147,7 @@ const tu = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          g,
+          h,
           nn,
           tn
         ]
@@ -4372,7 +4375,7 @@ const tu = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [h, B, $]
+        perspective: [g, B, $]
       }],
       /**
        * Perspective Origin
@@ -4936,24 +4939,24 @@ const Tr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Pr = Ts, E
   var o;
   if ((t == null ? void 0 : t.variants) == null) return Pr(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
   const { variants: r, defaultVariants: s } = t, a = Object.keys(r).map((d) => {
-    const u = n == null ? void 0 : n[d], l = s == null ? void 0 : s[d];
-    if (u === null) return null;
-    const m = Tr(u) || Tr(l);
+    const f = n == null ? void 0 : n[d], l = s == null ? void 0 : s[d];
+    if (f === null) return null;
+    const m = Tr(f) || Tr(l);
     return r[d][m];
-  }), i = n && Object.entries(n).reduce((d, u) => {
-    let [l, m] = u;
+  }), i = n && Object.entries(n).reduce((d, f) => {
+    let [l, m] = f;
     return m === void 0 || (d[l] = m), d;
-  }, {}), c = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, u) => {
-    let { class: l, className: m, ...g } = u;
-    return Object.entries(g).every((b) => {
-      let [h, v] = b;
+  }, {}), c = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, f) => {
+    let { class: l, className: m, ...h } = f;
+    return Object.entries(h).every((b) => {
+      let [g, v] = b;
       return Array.isArray(v) ? v.includes({
         ...s,
         ...i
-      }[h]) : {
+      }[g]) : {
         ...s,
         ...i
-      }[h] === v;
+      }[g] === v;
     }) ? [
       ...d,
       l,
@@ -4984,15 +4987,15 @@ function Ws(...e) {
   };
 }
 function ae(...e) {
-  return f.useCallback(Ws(...e), e);
+  return u.useCallback(Ws(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
 function Ht(e) {
-  const t = /* @__PURE__ */ ju(e), n = f.forwardRef((o, r) => {
-    const { children: s, ...a } = o, i = f.Children.toArray(s), c = i.find(Yu);
+  const t = /* @__PURE__ */ ju(e), n = u.forwardRef((o, r) => {
+    const { children: s, ...a } = o, i = u.Children.toArray(s), c = i.find(Yu);
     if (c) {
-      const d = c.props.children, u = i.map((l) => l === c ? f.Children.count(d) > 1 ? f.Children.only(null) : f.isValidElement(d) ? d.props.children : null : l);
-      return /* @__PURE__ */ p(t, { ...a, ref: r, children: f.isValidElement(d) ? f.cloneElement(d, void 0, u) : null });
+      const d = c.props.children, f = i.map((l) => l === c ? u.Children.count(d) > 1 ? u.Children.only(null) : u.isValidElement(d) ? d.props.children : null : l);
+      return /* @__PURE__ */ p(t, { ...a, ref: r, children: u.isValidElement(d) ? u.cloneElement(d, void 0, f) : null });
     }
     return /* @__PURE__ */ p(t, { ...a, ref: r, children: s });
   });
@@ -5001,13 +5004,13 @@ function Ht(e) {
 var Us = /* @__PURE__ */ Ht("Slot");
 // @__NO_SIDE_EFFECTS__
 function ju(e) {
-  const t = f.forwardRef((n, o) => {
+  const t = u.forwardRef((n, o) => {
     const { children: r, ...s } = n;
-    if (f.isValidElement(r)) {
+    if (u.isValidElement(r)) {
       const a = Ku(r), i = qu(s, r.props);
-      return r.type !== f.Fragment && (i.ref = o ? Ws(o, a) : a), f.cloneElement(r, i);
+      return r.type !== u.Fragment && (i.ref = o ? Ws(o, a) : a), u.cloneElement(r, i);
     }
-    return f.Children.count(r) > 1 ? f.Children.only(null) : null;
+    return u.Children.count(r) > 1 ? u.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
@@ -5018,7 +5021,7 @@ function Gu(e) {
   return t.displayName = `${e}.Slottable`, t.__radixId = js, t;
 }
 function Yu(e) {
-  return f.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === js;
+  return u.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === js;
 }
 function qu(e, t) {
   const n = { ...t };
@@ -5055,7 +5058,7 @@ var Xu = [
   "svg",
   "ul"
 ], X = Xu.reduce((e, t) => {
-  const n = /* @__PURE__ */ Ht(`Primitive.${t}`), o = f.forwardRef((r, s) => {
+  const n = /* @__PURE__ */ Ht(`Primitive.${t}`), o = u.forwardRef((r, s) => {
     const { asChild: a, ...i } = r, c = a ? n : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(c, { ...i, ref: s });
   });
@@ -5076,7 +5079,7 @@ var Gs = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), Ju = "VisuallyHidden", Ys = f.forwardRef(
+}), Ju = "VisuallyHidden", Ys = u.forwardRef(
   (e, t) => /* @__PURE__ */ p(
     X.span,
     {
@@ -5091,28 +5094,28 @@ var Qu = Ys;
 function we(e, t = []) {
   let n = [];
   function o(s, a) {
-    const i = f.createContext(a), c = n.length;
+    const i = u.createContext(a), c = n.length;
     n = [...n, a];
     const d = (l) => {
       var y;
-      const { scope: m, children: g, ...b } = l, h = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[c]) || i, v = f.useMemo(() => b, Object.values(b));
-      return /* @__PURE__ */ p(h.Provider, { value: v, children: g });
+      const { scope: m, children: h, ...b } = l, g = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[c]) || i, v = u.useMemo(() => b, Object.values(b));
+      return /* @__PURE__ */ p(g.Provider, { value: v, children: h });
     };
     d.displayName = s + "Provider";
-    function u(l, m) {
-      var h;
-      const g = ((h = m == null ? void 0 : m[e]) == null ? void 0 : h[c]) || i, b = f.useContext(g);
+    function f(l, m) {
+      var g;
+      const h = ((g = m == null ? void 0 : m[e]) == null ? void 0 : g[c]) || i, b = u.useContext(h);
       if (b) return b;
       if (a !== void 0) return a;
       throw new Error(`\`${l}\` must be used within \`${s}\``);
     }
-    return [d, u];
+    return [d, f];
   }
   const r = () => {
-    const s = n.map((a) => f.createContext(a));
+    const s = n.map((a) => u.createContext(a));
     return function(i) {
       const c = (i == null ? void 0 : i[e]) || s;
-      return f.useMemo(
+      return u.useMemo(
         () => ({ [`__scope${e}`]: { ...i, [e]: c } }),
         [i, c]
       );
@@ -5133,7 +5136,7 @@ function ef(...e) {
         const l = c(s)[`__scope${d}`];
         return { ...i, ...l };
       }, {});
-      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
+      return u.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
     };
   };
   return n.scopeName = t.scopeName, n;
@@ -5142,27 +5145,27 @@ function qs(e) {
   const t = e + "CollectionProvider", [n, o] = we(t), [r, s] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = (h) => {
-    const { scope: v, children: y } = h, w = I.useRef(null), x = I.useRef(/* @__PURE__ */ new Map()).current;
+  ), a = (g) => {
+    const { scope: v, children: y } = g, w = I.useRef(null), x = I.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ p(r, { scope: v, itemMap: x, collectionRef: w, children: y });
   };
   a.displayName = t;
   const i = e + "CollectionSlot", c = /* @__PURE__ */ Ht(i), d = I.forwardRef(
-    (h, v) => {
-      const { scope: y, children: w } = h, x = s(i, y), k = ae(v, x.collectionRef);
+    (g, v) => {
+      const { scope: y, children: w } = g, x = s(i, y), k = ae(v, x.collectionRef);
       return /* @__PURE__ */ p(c, { ref: k, children: w });
     }
   );
   d.displayName = i;
-  const u = e + "CollectionItemSlot", l = "data-radix-collection-item", m = /* @__PURE__ */ Ht(u), g = I.forwardRef(
-    (h, v) => {
-      const { scope: y, children: w, ...x } = h, k = I.useRef(null), N = ae(v, k), T = s(u, y);
+  const f = e + "CollectionItemSlot", l = "data-radix-collection-item", m = /* @__PURE__ */ Ht(f), h = I.forwardRef(
+    (g, v) => {
+      const { scope: y, children: w, ...x } = g, k = I.useRef(null), N = ae(v, k), T = s(f, y);
       return I.useEffect(() => (T.itemMap.set(k, { ref: k, ...x }), () => void T.itemMap.delete(k))), /* @__PURE__ */ p(m, { [l]: "", ref: N, children: w });
     }
   );
-  g.displayName = u;
-  function b(h) {
-    const v = s(e + "CollectionConsumer", h);
+  h.displayName = f;
+  function b(g) {
+    const v = s(e + "CollectionConsumer", g);
     return I.useCallback(() => {
       const w = v.collectionRef.current;
       if (!w) return [];
@@ -5173,7 +5176,7 @@ function qs(e) {
     }, [v.collectionRef, v.itemMap]);
   }
   return [
-    { Provider: a, Slot: d, ItemSlot: g },
+    { Provider: a, Slot: d, ItemSlot: h },
     b,
     o
   ];
@@ -5184,8 +5187,8 @@ function J(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
       return t == null ? void 0 : t(r);
   };
 }
-var de = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
-}, tf = f[" useInsertionEffect ".trim().toString()] || de;
+var de = globalThis != null && globalThis.document ? u.useLayoutEffect : () => {
+}, tf = u[" useInsertionEffect ".trim().toString()] || de;
 function je({
   prop: e,
   defaultProp: t,
@@ -5198,22 +5201,22 @@ function je({
     onChange: n
   }), i = e !== void 0, c = i ? e : r;
   {
-    const u = f.useRef(e !== void 0);
-    f.useEffect(() => {
-      const l = u.current;
+    const f = u.useRef(e !== void 0);
+    u.useEffect(() => {
+      const l = f.current;
       l !== i && console.warn(
         `${o} is changing from ${l ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), u.current = i;
+      ), f.current = i;
     }, [i, o]);
   }
-  const d = f.useCallback(
-    (u) => {
+  const d = u.useCallback(
+    (f) => {
       var l;
       if (i) {
-        const m = of(u) ? u(e) : u;
+        const m = of(f) ? f(e) : f;
         m !== e && ((l = a.current) == null || l.call(a, m));
       } else
-        s(u);
+        s(f);
     },
     [i, e, s, a]
   );
@@ -5223,10 +5226,10 @@ function nf({
   defaultProp: e,
   onChange: t
 }) {
-  const [n, o] = f.useState(e), r = f.useRef(n), s = f.useRef(t);
+  const [n, o] = u.useState(e), r = u.useRef(n), s = u.useRef(t);
   return tf(() => {
     s.current = t;
-  }, [t]), f.useEffect(() => {
+  }, [t]), u.useEffect(() => {
     var a;
     r.current !== n && ((a = s.current) == null || a.call(s, n), r.current = n);
   }, [n, r]), [n, o, s];
@@ -5235,15 +5238,15 @@ function of(e) {
   return typeof e == "function";
 }
 function rf(e, t) {
-  return f.useReducer((n, o) => t[n][o] ?? n, e);
+  return u.useReducer((n, o) => t[n][o] ?? n, e);
 }
-var Le = (e) => {
-  const { present: t, children: n } = e, o = sf(t), r = typeof n == "function" ? n({ present: o.isPresent }) : f.Children.only(n), s = ae(o.ref, af(r));
-  return typeof n == "function" || o.isPresent ? f.cloneElement(r, { ref: s }) : null;
+var De = (e) => {
+  const { present: t, children: n } = e, o = sf(t), r = typeof n == "function" ? n({ present: o.isPresent }) : u.Children.only(n), s = ae(o.ref, af(r));
+  return typeof n == "function" || o.isPresent ? u.cloneElement(r, { ref: s }) : null;
 };
-Le.displayName = "Presence";
+De.displayName = "Presence";
 function sf(e) {
-  const [t, n] = f.useState(), o = f.useRef(null), r = f.useRef(e), s = f.useRef("none"), a = e ? "mounted" : "unmounted", [i, c] = rf(a, {
+  const [t, n] = u.useState(), o = u.useRef(null), r = u.useRef(e), s = u.useRef("none"), a = e ? "mounted" : "unmounted", [i, c] = rf(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -5256,37 +5259,37 @@ function sf(e) {
       MOUNT: "mounted"
     }
   });
-  return f.useEffect(() => {
+  return u.useEffect(() => {
     const d = on(o.current);
     s.current = i === "mounted" ? d : "none";
   }, [i]), de(() => {
-    const d = o.current, u = r.current;
-    if (u !== e) {
-      const m = s.current, g = on(d);
-      e ? c("MOUNT") : g === "none" || (d == null ? void 0 : d.display) === "none" ? c("UNMOUNT") : c(u && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    const d = o.current, f = r.current;
+    if (f !== e) {
+      const m = s.current, h = on(d);
+      e ? c("MOUNT") : h === "none" || (d == null ? void 0 : d.display) === "none" ? c("UNMOUNT") : c(f && m !== h ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
     }
   }, [e, c]), de(() => {
     if (t) {
       let d;
-      const u = t.ownerDocument.defaultView ?? window, l = (g) => {
-        const h = on(o.current).includes(CSS.escape(g.animationName));
-        if (g.target === t && h && (c("ANIMATION_END"), !r.current)) {
+      const f = t.ownerDocument.defaultView ?? window, l = (h) => {
+        const g = on(o.current).includes(CSS.escape(h.animationName));
+        if (h.target === t && g && (c("ANIMATION_END"), !r.current)) {
           const v = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", d = u.setTimeout(() => {
+          t.style.animationFillMode = "forwards", d = f.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
           });
         }
-      }, m = (g) => {
-        g.target === t && (s.current = on(o.current));
+      }, m = (h) => {
+        h.target === t && (s.current = on(o.current));
       };
       return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", l), t.addEventListener("animationend", l), () => {
-        u.clearTimeout(d), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", l), t.removeEventListener("animationend", l);
+        f.clearTimeout(d), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", l), t.removeEventListener("animationend", l);
       };
     } else
       c("ANIMATION_END");
   }, [t, c]), {
     isPresent: ["mounted", "unmountSuspended"].includes(i),
-    ref: f.useCallback((d) => {
+    ref: u.useCallback((d) => {
       o.current = d ? getComputedStyle(d) : null, n(d);
     }, [])
   };
@@ -5299,15 +5302,15 @@ function af(e) {
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var cf = f[" useId ".trim().toString()] || (() => {
+var cf = u[" useId ".trim().toString()] || (() => {
 }), lf = 0;
 function ht(e) {
-  const [t, n] = f.useState(cf());
+  const [t, n] = u.useState(cf());
   return de(() => {
     n((o) => o ?? String(lf++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-var Rn = "Collapsible", [df] = we(Rn), [uf, $o] = df(Rn), Ks = f.forwardRef(
+var Rn = "Collapsible", [df] = we(Rn), [uf, $o] = df(Rn), Ks = u.forwardRef(
   (e, t) => {
     const {
       __scopeCollapsible: n,
@@ -5329,7 +5332,7 @@ var Rn = "Collapsible", [df] = we(Rn), [uf, $o] = df(Rn), Ks = f.forwardRef(
         disabled: s,
         contentId: ht(),
         open: c,
-        onOpenToggle: f.useCallback(() => d((u) => !u), [d]),
+        onOpenToggle: u.useCallback(() => d((f) => !f), [d]),
         children: /* @__PURE__ */ p(
           X.div,
           {
@@ -5344,7 +5347,7 @@ var Rn = "Collapsible", [df] = we(Rn), [uf, $o] = df(Rn), Ks = f.forwardRef(
   }
 );
 Ks.displayName = Rn;
-var Xs = "CollapsibleTrigger", Zs = f.forwardRef(
+var Xs = "CollapsibleTrigger", Zs = u.forwardRef(
   (e, t) => {
     const { __scopeCollapsible: n, ...o } = e, r = $o(Xs, n);
     return /* @__PURE__ */ p(
@@ -5364,16 +5367,16 @@ var Xs = "CollapsibleTrigger", Zs = f.forwardRef(
   }
 );
 Zs.displayName = Xs;
-var Fo = "CollapsibleContent", Js = f.forwardRef(
+var Fo = "CollapsibleContent", Js = u.forwardRef(
   (e, t) => {
     const { forceMount: n, ...o } = e, r = $o(Fo, e.__scopeCollapsible);
-    return /* @__PURE__ */ p(Le, { present: n || r.open, children: ({ present: s }) => /* @__PURE__ */ p(ff, { ...o, ref: t, present: s }) });
+    return /* @__PURE__ */ p(De, { present: n || r.open, children: ({ present: s }) => /* @__PURE__ */ p(ff, { ...o, ref: t, present: s }) });
   }
 );
 Js.displayName = Fo;
-var ff = f.forwardRef((e, t) => {
-  const { __scopeCollapsible: n, present: o, children: r, ...s } = e, a = $o(Fo, n), [i, c] = f.useState(o), d = f.useRef(null), u = ae(t, d), l = f.useRef(0), m = l.current, g = f.useRef(0), b = g.current, h = a.open || i, v = f.useRef(h), y = f.useRef(void 0);
-  return f.useEffect(() => {
+var ff = u.forwardRef((e, t) => {
+  const { __scopeCollapsible: n, present: o, children: r, ...s } = e, a = $o(Fo, n), [i, c] = u.useState(o), d = u.useRef(null), f = ae(t, d), l = u.useRef(0), m = l.current, h = u.useRef(0), b = h.current, g = a.open || i, v = u.useRef(g), y = u.useRef(void 0);
+  return u.useEffect(() => {
     const w = requestAnimationFrame(() => v.current = !1);
     return () => cancelAnimationFrame(w);
   }, []), de(() => {
@@ -5384,7 +5387,7 @@ var ff = f.forwardRef((e, t) => {
         animationName: w.style.animationName
       }, w.style.transitionDuration = "0s", w.style.animationName = "none";
       const x = w.getBoundingClientRect();
-      l.current = x.height, g.current = x.width, v.current || (w.style.transitionDuration = y.current.transitionDuration, w.style.animationName = y.current.animationName), c(o);
+      l.current = x.height, h.current = x.width, v.current || (w.style.transitionDuration = y.current.transitionDuration, w.style.animationName = y.current.animationName), c(o);
     }
   }, [a.open, o]), /* @__PURE__ */ p(
     X.div,
@@ -5392,49 +5395,49 @@ var ff = f.forwardRef((e, t) => {
       "data-state": Bo(a.open),
       "data-disabled": a.disabled ? "" : void 0,
       id: a.contentId,
-      hidden: !h,
+      hidden: !g,
       ...s,
-      ref: u,
+      ref: f,
       style: {
         "--radix-collapsible-content-height": m ? `${m}px` : void 0,
         "--radix-collapsible-content-width": b ? `${b}px` : void 0,
         ...e.style
       },
-      children: h && r
+      children: g && r
     }
   );
 });
 function Bo(e) {
   return e ? "open" : "closed";
 }
-var pf = Ks, mf = f.createContext(void 0);
+var pf = Ks, mf = u.createContext(void 0);
 function jt(e) {
-  const t = f.useContext(mf);
+  const t = u.useContext(mf);
   return e || t || "ltr";
 }
 function ve(e) {
-  const t = f.useRef(e);
-  return f.useEffect(() => {
+  const t = u.useRef(e);
+  return u.useEffect(() => {
     t.current = e;
-  }), f.useMemo(() => (...n) => {
+  }), u.useMemo(() => (...n) => {
     var o;
     return (o = t.current) == null ? void 0 : o.call(t, ...n);
   }, []);
 }
 function hf(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = ve(e);
-  f.useEffect(() => {
+  u.useEffect(() => {
     const o = (r) => {
       r.key === "Escape" && n(r);
     };
     return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
   }, [n, t]);
 }
-var gf = "DismissableLayer", go = "dismissableLayer.update", vf = "dismissableLayer.pointerDownOutside", bf = "dismissableLayer.focusOutside", Ir, Qs = f.createContext({
+var gf = "DismissableLayer", go = "dismissableLayer.update", vf = "dismissableLayer.pointerDownOutside", bf = "dismissableLayer.focusOutside", Ir, Qs = u.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Ho = f.forwardRef(
+}), Ho = u.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: n = !1,
@@ -5444,7 +5447,7 @@ var gf = "DismissableLayer", go = "dismissableLayer.update", vf = "dismissableLa
       onInteractOutside: a,
       onDismiss: i,
       ...c
-    } = e, d = f.useContext(Qs), [u, l] = f.useState(null), m = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = f.useState({}), b = ae(t, (R) => l(R)), h = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = h.indexOf(v), w = u ? h.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, k = w >= y, N = xf((R) => {
+    } = e, d = u.useContext(Qs), [f, l] = u.useState(null), m = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = u.useState({}), b = ae(t, (R) => l(R)), g = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = g.indexOf(v), w = f ? g.indexOf(f) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, k = w >= y, N = xf((R) => {
       const S = R.target, A = [...d.branches].some((D) => D.contains(S));
       !k || A || (r == null || r(R), a == null || a(R), R.defaultPrevented || i == null || i());
     }, m), T = Sf((R) => {
@@ -5453,15 +5456,15 @@ var gf = "DismissableLayer", go = "dismissableLayer.update", vf = "dismissableLa
     }, m);
     return hf((R) => {
       w === d.layers.size - 1 && (o == null || o(R), !R.defaultPrevented && i && (R.preventDefault(), i()));
-    }, m), f.useEffect(() => {
-      if (u)
-        return n && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (Ir = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(u)), d.layers.add(u), _r(), () => {
+    }, m), u.useEffect(() => {
+      if (f)
+        return n && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (Ir = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(f)), d.layers.add(f), _r(), () => {
           n && d.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = Ir);
         };
-    }, [u, m, n, d]), f.useEffect(() => () => {
-      u && (d.layers.delete(u), d.layersWithOutsidePointerEventsDisabled.delete(u), _r());
-    }, [u, d]), f.useEffect(() => {
-      const R = () => g({});
+    }, [f, m, n, d]), u.useEffect(() => () => {
+      f && (d.layers.delete(f), d.layersWithOutsidePointerEventsDisabled.delete(f), _r());
+    }, [f, d]), u.useEffect(() => {
+      const R = () => h({});
       return document.addEventListener(go, R), () => document.removeEventListener(go, R);
     }, []), /* @__PURE__ */ p(
       X.div,
@@ -5483,9 +5486,9 @@ var gf = "DismissableLayer", go = "dismissableLayer.update", vf = "dismissableLa
   }
 );
 Ho.displayName = gf;
-var yf = "DismissableLayerBranch", wf = f.forwardRef((e, t) => {
-  const n = f.useContext(Qs), o = f.useRef(null), r = ae(t, o);
-  return f.useEffect(() => {
+var yf = "DismissableLayerBranch", wf = u.forwardRef((e, t) => {
+  const n = u.useContext(Qs), o = u.useRef(null), r = ae(t, o);
+  return u.useEffect(() => {
     const s = o.current;
     if (s)
       return n.branches.add(s), () => {
@@ -5495,9 +5498,9 @@ var yf = "DismissableLayerBranch", wf = f.forwardRef((e, t) => {
 });
 wf.displayName = yf;
 function xf(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = ve(e), o = f.useRef(!1), r = f.useRef(() => {
+  const n = ve(e), o = u.useRef(!1), r = u.useRef(() => {
   });
-  return f.useEffect(() => {
+  return u.useEffect(() => {
     const s = (i) => {
       if (i.target && !o.current) {
         let c = function() {
@@ -5525,8 +5528,8 @@ function xf(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function Sf(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = ve(e), o = f.useRef(!1);
-  return f.useEffect(() => {
+  const n = ve(e), o = u.useRef(!1);
+  return u.useEffect(() => {
     const r = (s) => {
       s.target && !o.current && ea(bf, n, { originalEvent: s }, {
         discrete: !1
@@ -5546,14 +5549,14 @@ function ea(e, t, n, { discrete: o }) {
   const r = n.originalEvent.target, s = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && r.addEventListener(e, t, { once: !0 }), o ? Zu(r, s) : r.dispatchEvent(s);
 }
-var Xn = "focusScope.autoFocusOnMount", Zn = "focusScope.autoFocusOnUnmount", Mr = { bubbles: !1, cancelable: !0 }, Cf = "FocusScope", ta = f.forwardRef((e, t) => {
+var Xn = "focusScope.autoFocusOnMount", Zn = "focusScope.autoFocusOnUnmount", Mr = { bubbles: !1, cancelable: !0 }, Cf = "FocusScope", ta = u.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: o = !1,
     onMountAutoFocus: r,
     onUnmountAutoFocus: s,
     ...a
-  } = e, [i, c] = f.useState(null), d = ve(r), u = ve(s), l = f.useRef(null), m = ae(t, (h) => c(h)), g = f.useRef({
+  } = e, [i, c] = u.useState(null), d = ve(r), f = ve(s), l = u.useRef(null), m = ae(t, (g) => c(g)), h = u.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -5562,14 +5565,14 @@ var Xn = "focusScope.autoFocusOnMount", Zn = "focusScope.autoFocusOnUnmount", Mr
       this.paused = !1;
     }
   }).current;
-  f.useEffect(() => {
+  u.useEffect(() => {
     if (o) {
-      let h = function(x) {
-        if (g.paused || !i) return;
+      let g = function(x) {
+        if (h.paused || !i) return;
         const k = x.target;
         i.contains(k) ? l.current = k : Qe(l.current, { select: !0 });
       }, v = function(x) {
-        if (g.paused || !i) return;
+        if (h.paused || !i) return;
         const k = x.relatedTarget;
         k !== null && (i.contains(k) || Qe(l.current, { select: !0 }));
       }, y = function(x) {
@@ -5577,38 +5580,38 @@ var Xn = "focusScope.autoFocusOnMount", Zn = "focusScope.autoFocusOnUnmount", Mr
           for (const N of x)
             N.removedNodes.length > 0 && Qe(i);
       };
-      document.addEventListener("focusin", h), document.addEventListener("focusout", v);
+      document.addEventListener("focusin", g), document.addEventListener("focusout", v);
       const w = new MutationObserver(y);
       return i && w.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", h), document.removeEventListener("focusout", v), w.disconnect();
+        document.removeEventListener("focusin", g), document.removeEventListener("focusout", v), w.disconnect();
       };
     }
-  }, [o, i, g.paused]), f.useEffect(() => {
+  }, [o, i, h.paused]), u.useEffect(() => {
     if (i) {
-      Lr.add(g);
-      const h = document.activeElement;
-      if (!i.contains(h)) {
+      Lr.add(h);
+      const g = document.activeElement;
+      if (!i.contains(g)) {
         const y = new CustomEvent(Xn, Mr);
-        i.addEventListener(Xn, d), i.dispatchEvent(y), y.defaultPrevented || (kf(Pf(na(i)), { select: !0 }), document.activeElement === h && Qe(i));
+        i.addEventListener(Xn, d), i.dispatchEvent(y), y.defaultPrevented || (kf(Pf(na(i)), { select: !0 }), document.activeElement === g && Qe(i));
       }
       return () => {
         i.removeEventListener(Xn, d), setTimeout(() => {
           const y = new CustomEvent(Zn, Mr);
-          i.addEventListener(Zn, u), i.dispatchEvent(y), y.defaultPrevented || Qe(h ?? document.body, { select: !0 }), i.removeEventListener(Zn, u), Lr.remove(g);
+          i.addEventListener(Zn, f), i.dispatchEvent(y), y.defaultPrevented || Qe(g ?? document.body, { select: !0 }), i.removeEventListener(Zn, f), Lr.remove(h);
         }, 0);
       };
     }
-  }, [i, d, u, g]);
-  const b = f.useCallback(
-    (h) => {
-      if (!n && !o || g.paused) return;
-      const v = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, y = document.activeElement;
+  }, [i, d, f, h]);
+  const b = u.useCallback(
+    (g) => {
+      if (!n && !o || h.paused) return;
+      const v = g.key === "Tab" && !g.altKey && !g.ctrlKey && !g.metaKey, y = document.activeElement;
       if (v && y) {
-        const w = h.currentTarget, [x, k] = Ef(w);
-        x && k ? !h.shiftKey && y === k ? (h.preventDefault(), n && Qe(x, { select: !0 })) : h.shiftKey && y === x && (h.preventDefault(), n && Qe(k, { select: !0 })) : y === w && h.preventDefault();
+        const w = g.currentTarget, [x, k] = Ef(w);
+        x && k ? !g.shiftKey && y === k ? (g.preventDefault(), n && Qe(x, { select: !0 })) : g.shiftKey && y === x && (g.preventDefault(), n && Qe(k, { select: !0 })) : y === w && g.preventDefault();
       }
     },
-    [n, o, g.paused]
+    [n, o, h.paused]
   );
   return /* @__PURE__ */ p(X.div, { tabIndex: -1, ...a, ref: m, onKeyDown: b });
 });
@@ -5675,9 +5678,9 @@ function Dr(e, t) {
 function Pf(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Af = "Portal", Vo = f.forwardRef((e, t) => {
+var Af = "Portal", Vo = u.forwardRef((e, t) => {
   var i;
-  const { container: n, ...o } = e, [r, s] = f.useState(!1);
+  const { container: n, ...o } = e, [r, s] = u.useState(!1);
   de(() => s(!0), []);
   const a = n || r && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
   return a ? fs.createPortal(/* @__PURE__ */ p(X.div, { ...o, ref: t }), a) : null;
@@ -5685,7 +5688,7 @@ var Af = "Portal", Vo = f.forwardRef((e, t) => {
 Vo.displayName = Af;
 var Jn = 0;
 function If() {
-  f.useEffect(() => {
+  u.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
     return document.body.insertAdjacentElement("afterbegin", e[0] ?? zr()), document.body.insertAdjacentElement("beforeend", e[1] ?? zr()), Jn++, () => {
       Jn === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Jn--;
@@ -5696,14 +5699,14 @@ function zr() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
-var ze = function() {
-  return ze = Object.assign || function(t) {
+var $e = function() {
+  return $e = Object.assign || function(t) {
     for (var n, o = 1, r = arguments.length; o < r; o++) {
       n = arguments[o];
       for (var s in n) Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
     }
     return t;
-  }, ze.apply(this, arguments);
+  }, $e.apply(this, arguments);
 };
 function oa(e, t) {
   var n = {};
@@ -5743,7 +5746,7 @@ function Lf(e, t) {
   })[0];
   return n.callback = t, n.facade;
 }
-var Df = typeof window < "u" ? f.useLayoutEffect : f.useEffect, $r = /* @__PURE__ */ new WeakMap();
+var Df = typeof window < "u" ? u.useLayoutEffect : u.useEffect, $r = /* @__PURE__ */ new WeakMap();
 function zf(e, t) {
   var n = Lf(null, function(o) {
     return e.forEach(function(r) {
@@ -5804,17 +5807,17 @@ function Ff(e, t) {
         n = [], i.forEach(s), a = n;
       }
       var c = function() {
-        var u = a;
-        a = [], u.forEach(s);
+        var f = a;
+        a = [], f.forEach(s);
       }, d = function() {
         return Promise.resolve().then(c);
       };
       d(), n = {
-        push: function(u) {
-          a.push(u), d();
+        push: function(f) {
+          a.push(f), d();
         },
-        filter: function(u) {
-          return a = a.filter(u), n;
+        filter: function(f) {
+          return a = a.filter(f), n;
         }
       };
     }
@@ -5824,7 +5827,7 @@ function Ff(e, t) {
 function Bf(e) {
   e === void 0 && (e = {});
   var t = Ff(null);
-  return t.options = ze({ async: !0, ssr: !1 }, e), t;
+  return t.options = $e({ async: !0, ssr: !1 }, e), t;
 }
 var ra = function(e) {
   var t = e.sideCar, n = oa(e, ["sideCar"]);
@@ -5833,24 +5836,24 @@ var ra = function(e) {
   var o = t.read();
   if (!o)
     throw new Error("Sidecar medium not found");
-  return f.createElement(o, ze({}, n));
+  return u.createElement(o, $e({}, n));
 };
 ra.isSideCarExport = !0;
 function Hf(e, t) {
   return e.useMedium(t), ra;
 }
 var sa = Bf(), eo = function() {
-}, Nn = f.forwardRef(function(e, t) {
-  var n = f.useRef(null), o = f.useState({
+}, Nn = u.forwardRef(function(e, t) {
+  var n = u.useRef(null), o = u.useState({
     onScrollCapture: eo,
     onWheelCapture: eo,
     onTouchMoveCapture: eo
-  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, u = e.enabled, l = e.shards, m = e.sideCar, g = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, k = oa(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, T = zf([n, t]), R = ze(ze({}, k), r);
-  return f.createElement(
-    f.Fragment,
+  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, f = e.enabled, l = e.shards, m = e.sideCar, h = e.noRelative, b = e.noIsolation, g = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, k = oa(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, T = zf([n, t]), R = $e($e({}, k), r);
+  return u.createElement(
+    u.Fragment,
     null,
-    u && f.createElement(N, { sideCar: sa, removeScrollBar: d, shards: l, noRelative: g, noIsolation: b, inert: h, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
-    a ? f.cloneElement(f.Children.only(i), ze(ze({}, R), { ref: T })) : f.createElement(w, ze({}, R, { className: c, ref: T }), i)
+    f && u.createElement(N, { sideCar: sa, removeScrollBar: d, shards: l, noRelative: h, noIsolation: b, inert: g, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
+    a ? u.cloneElement(u.Children.only(i), $e($e({}, R), { ref: T })) : u.createElement(w, $e({}, R, { className: c, ref: T }), i)
   );
 });
 Nn.defaultProps = {
@@ -5894,7 +5897,7 @@ var Gf = function() {
 }, Yf = function() {
   var e = Gf();
   return function(t, n) {
-    f.useEffect(function() {
+    u.useEffect(function() {
       return e.add(t), function() {
         e.remove();
       };
@@ -5974,7 +5977,7 @@ var Gf = function() {
   var e = parseInt(document.body.getAttribute(kt) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Qf = function() {
-  f.useEffect(function() {
+  u.useEffect(function() {
     return document.body.setAttribute(kt, (Fr() + 1).toString()), function() {
       var e = Fr() - 1;
       e <= 0 ? document.body.removeAttribute(kt) : document.body.setAttribute(kt, e.toString());
@@ -5983,10 +5986,10 @@ var Gf = function() {
 }, ep = function(e) {
   var t = e.noRelative, n = e.noImportant, o = e.gapMode, r = o === void 0 ? "margin" : o;
   Qf();
-  var s = f.useMemo(function() {
+  var s = u.useMemo(function() {
     return Xf(r);
   }, [r]);
-  return f.createElement(Zf, { styles: Jf(s, !t, r, n ? "" : "!important") });
+  return u.createElement(Zf, { styles: Jf(s, !t, r, n ? "" : "!important") });
 }, vo = !1;
 if (typeof window < "u")
   try {
@@ -6048,11 +6051,11 @@ var wt = vo ? { passive: !1 } : !1, tp = function(e) {
 }, ap = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, ip = function(e, t, n, o, r) {
-  var s = ap(e, window.getComputedStyle(t).direction), a = s * o, i = n.target, c = t.contains(i), d = !1, u = a > 0, l = 0, m = 0;
+  var s = ap(e, window.getComputedStyle(t).direction), a = s * o, i = n.target, c = t.contains(i), d = !1, f = a > 0, l = 0, m = 0;
   do {
     if (!i)
       break;
-    var g = la(e, i), b = g[0], h = g[1], v = g[2], y = h - v - s * b;
+    var h = la(e, i), b = h[0], g = h[1], v = h[2], y = g - v - s * b;
     (b || y) && ca(e, i) && (l += y, m += b);
     var w = i.parentNode;
     i = w && w.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? w.host : w;
@@ -6061,7 +6064,7 @@ var wt = vo ? { passive: !1 } : !1, tp = function(e) {
     !c && i !== document.body || // self content
     c && (t.contains(i) || t === i)
   );
-  return (u && Math.abs(l) < 1 || !u && Math.abs(m) < 1) && (d = !0), d;
+  return (f && Math.abs(l) < 1 || !f && Math.abs(m) < 1) && (d = !0), d;
 }, sn = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, Hr = function(e) {
@@ -6077,27 +6080,27 @@ var wt = vo ? { passive: !1 } : !1, tp = function(e) {
 `);
 }, dp = 0, xt = [];
 function up(e) {
-  var t = f.useRef([]), n = f.useRef([0, 0]), o = f.useRef(), r = f.useState(dp++)[0], s = f.useState(aa)[0], a = f.useRef(e);
-  f.useEffect(function() {
+  var t = u.useRef([]), n = u.useRef([0, 0]), o = u.useRef(), r = u.useState(dp++)[0], s = u.useState(aa)[0], a = u.useRef(e);
+  u.useEffect(function() {
     a.current = e;
-  }, [e]), f.useEffect(function() {
+  }, [e]), u.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(r));
-      var h = _f([e.lockRef.current], (e.shards || []).map(Vr), !0).filter(Boolean);
-      return h.forEach(function(v) {
+      var g = _f([e.lockRef.current], (e.shards || []).map(Vr), !0).filter(Boolean);
+      return g.forEach(function(v) {
         return v.classList.add("allow-interactivity-".concat(r));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(r)), h.forEach(function(v) {
+        document.body.classList.remove("block-interactivity-".concat(r)), g.forEach(function(v) {
           return v.classList.remove("allow-interactivity-".concat(r));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var i = f.useCallback(function(h, v) {
-    if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
+  var i = u.useCallback(function(g, v) {
+    if ("touches" in g && g.touches.length === 2 || g.type === "wheel" && g.ctrlKey)
       return !a.current.allowPinchZoom;
-    var y = sn(h), w = n.current, x = "deltaX" in h ? h.deltaX : w[0] - y[0], k = "deltaY" in h ? h.deltaY : w[1] - y[1], N, T = h.target, R = Math.abs(x) > Math.abs(k) ? "h" : "v";
-    if ("touches" in h && R === "h" && T.type === "range")
+    var y = sn(g), w = n.current, x = "deltaX" in g ? g.deltaX : w[0] - y[0], k = "deltaY" in g ? g.deltaY : w[1] - y[1], N, T = g.target, R = Math.abs(x) > Math.abs(k) ? "h" : "v";
+    if ("touches" in g && R === "h" && T.type === "range")
       return !1;
     var S = window.getSelection(), A = S && S.anchorNode, D = A ? A === T || A.contains(T) : !1;
     if (D)
@@ -6107,12 +6110,12 @@ function up(e) {
       return !0;
     if (O ? N = R : (N = R === "v" ? "h" : "v", O = Br(R, T)), !O)
       return !1;
-    if (!o.current && "changedTouches" in h && (x || k) && (o.current = N), !N)
+    if (!o.current && "changedTouches" in g && (x || k) && (o.current = N), !N)
       return !0;
     var H = o.current || N;
-    return ip(H, v, h, H === "h" ? x : k);
-  }, []), c = f.useCallback(function(h) {
-    var v = h;
+    return ip(H, v, g, H === "h" ? x : k);
+  }, []), c = u.useCallback(function(g) {
+    var v = g;
     if (!(!xt.length || xt[xt.length - 1] !== s)) {
       var y = "deltaY" in v ? Hr(v) : sn(v), w = t.current.filter(function(N) {
         return N.name === v.type && (N.target === v.target || v.target === N.shadowParent) && cp(N.delta, y);
@@ -6128,37 +6131,37 @@ function up(e) {
         k && v.cancelable && v.preventDefault();
       }
     }
-  }, []), d = f.useCallback(function(h, v, y, w) {
-    var x = { name: h, delta: v, target: y, should: w, shadowParent: fp(y) };
+  }, []), d = u.useCallback(function(g, v, y, w) {
+    var x = { name: g, delta: v, target: y, should: w, shadowParent: fp(y) };
     t.current.push(x), setTimeout(function() {
       t.current = t.current.filter(function(k) {
         return k !== x;
       });
     }, 1);
-  }, []), u = f.useCallback(function(h) {
-    n.current = sn(h), o.current = void 0;
-  }, []), l = f.useCallback(function(h) {
-    d(h.type, Hr(h), h.target, i(h, e.lockRef.current));
-  }, []), m = f.useCallback(function(h) {
-    d(h.type, sn(h), h.target, i(h, e.lockRef.current));
+  }, []), f = u.useCallback(function(g) {
+    n.current = sn(g), o.current = void 0;
+  }, []), l = u.useCallback(function(g) {
+    d(g.type, Hr(g), g.target, i(g, e.lockRef.current));
+  }, []), m = u.useCallback(function(g) {
+    d(g.type, sn(g), g.target, i(g, e.lockRef.current));
   }, []);
-  f.useEffect(function() {
+  u.useEffect(function() {
     return xt.push(s), e.setCallbacks({
       onScrollCapture: l,
       onWheelCapture: l,
       onTouchMoveCapture: m
-    }), document.addEventListener("wheel", c, wt), document.addEventListener("touchmove", c, wt), document.addEventListener("touchstart", u, wt), function() {
-      xt = xt.filter(function(h) {
-        return h !== s;
-      }), document.removeEventListener("wheel", c, wt), document.removeEventListener("touchmove", c, wt), document.removeEventListener("touchstart", u, wt);
+    }), document.addEventListener("wheel", c, wt), document.addEventListener("touchmove", c, wt), document.addEventListener("touchstart", f, wt), function() {
+      xt = xt.filter(function(g) {
+        return g !== s;
+      }), document.removeEventListener("wheel", c, wt), document.removeEventListener("touchmove", c, wt), document.removeEventListener("touchstart", f, wt);
     };
   }, []);
-  var g = e.removeScrollBar, b = e.inert;
-  return f.createElement(
-    f.Fragment,
+  var h = e.removeScrollBar, b = e.inert;
+  return u.createElement(
+    u.Fragment,
     null,
-    b ? f.createElement(s, { styles: lp(r) }) : null,
-    g ? f.createElement(ep, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+    b ? u.createElement(s, { styles: lp(r) }) : null,
+    h ? u.createElement(ep, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
 function fp(e) {
@@ -6167,8 +6170,8 @@ function fp(e) {
   return t;
 }
 const pp = Hf(sa, up);
-var da = f.forwardRef(function(e, t) {
-  return f.createElement(Nn, ze({}, e, { ref: t, sideCar: pp }));
+var da = u.forwardRef(function(e, t) {
+  return u.createElement(Nn, $e({}, e, { ref: t, sideCar: pp }));
 });
 da.classNames = Nn.classNames;
 var mp = function(e) {
@@ -6194,23 +6197,23 @@ var mp = function(e) {
     !l || i.has(l) || (i.add(l), d(l.parentNode));
   };
   r.forEach(d);
-  var u = function(l) {
+  var f = function(l) {
     !l || c.has(l) || Array.prototype.forEach.call(l.children, function(m) {
       if (i.has(m))
-        u(m);
+        f(m);
       else
         try {
-          var g = m.getAttribute(o), b = g !== null && g !== "false", h = (St.get(m) || 0) + 1, v = (s.get(m) || 0) + 1;
-          St.set(m, h), s.set(m, v), a.push(m), h === 1 && b && an.set(m, !0), v === 1 && m.setAttribute(n, "true"), b || m.setAttribute(o, "true");
+          var h = m.getAttribute(o), b = h !== null && h !== "false", g = (St.get(m) || 0) + 1, v = (s.get(m) || 0) + 1;
+          St.set(m, g), s.set(m, v), a.push(m), g === 1 && b && an.set(m, !0), v === 1 && m.setAttribute(n, "true"), b || m.setAttribute(o, "true");
         } catch (y) {
           console.error("aria-hidden: cannot operate on ", m, y);
         }
     });
   };
-  return u(t), i.clear(), no++, function() {
+  return f(t), i.clear(), no++, function() {
     a.forEach(function(l) {
-      var m = St.get(l) - 1, g = s.get(l) - 1;
-      St.set(l, m), s.set(l, g), m || (an.has(l) || l.removeAttribute(o), an.delete(l)), g || l.removeAttribute(n);
+      var m = St.get(l) - 1, h = s.get(l) - 1;
+      St.set(l, m), s.set(l, h), m || (an.has(l) || l.removeAttribute(o), an.delete(l)), h || l.removeAttribute(n);
     }), no--, no || (St = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new WeakMap(), an = /* @__PURE__ */ new WeakMap(), cn = {});
   };
 }, vp = function(e, t, n) {
@@ -6239,27 +6242,27 @@ function bp() {
   }
   var n = typeof Object.is == "function" ? Object.is : t, o = e.useState, r = e.useEffect, s = e.useLayoutEffect, a = e.useDebugValue;
   function i(l, m) {
-    var g = m(), b = o({ inst: { value: g, getSnapshot: m } }), h = b[0].inst, v = b[1];
+    var h = m(), b = o({ inst: { value: h, getSnapshot: m } }), g = b[0].inst, v = b[1];
     return s(
       function() {
-        h.value = g, h.getSnapshot = m, c(h) && v({ inst: h });
+        g.value = h, g.getSnapshot = m, c(g) && v({ inst: g });
       },
-      [l, g, m]
+      [l, h, m]
     ), r(
       function() {
-        return c(h) && v({ inst: h }), l(function() {
-          c(h) && v({ inst: h });
+        return c(g) && v({ inst: g }), l(function() {
+          c(g) && v({ inst: g });
         });
       },
       [l]
-    ), a(g), g;
+    ), a(h), h;
   }
   function c(l) {
     var m = l.getSnapshot;
     l = l.value;
     try {
-      var g = m();
-      return !n(l, g);
+      var h = m();
+      return !n(l, h);
     } catch {
       return !0;
     }
@@ -6267,8 +6270,8 @@ function bp() {
   function d(l, m) {
     return m();
   }
-  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : i;
-  return ro.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, ro;
+  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : i;
+  return ro.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : f, ro;
 }
 var Ur;
 function yp() {
@@ -6286,9 +6289,9 @@ function Sp() {
   return () => {
   };
 }
-var Wo = "Avatar", [Cp] = we(Wo), [kp, fa] = Cp(Wo), pa = f.forwardRef(
+var Wo = "Avatar", [Cp] = we(Wo), [kp, fa] = Cp(Wo), pa = u.forwardRef(
   (e, t) => {
-    const { __scopeAvatar: n, ...o } = e, [r, s] = f.useState("idle");
+    const { __scopeAvatar: n, ...o } = e, [r, s] = u.useState("idle");
     return /* @__PURE__ */ p(
       kp,
       {
@@ -6301,7 +6304,7 @@ var Wo = "Avatar", [Cp] = we(Wo), [kp, fa] = Cp(Wo), pa = f.forwardRef(
   }
 );
 pa.displayName = Wo;
-var ma = "AvatarImage", ha = f.forwardRef(
+var ma = "AvatarImage", ha = u.forwardRef(
   (e, t) => {
     const { __scopeAvatar: n, src: o, onLoadingStatusChange: r = () => {
     }, ...s } = e, a = fa(ma, n), i = Ep(o, s), c = ve((d) => {
@@ -6313,10 +6316,10 @@ var ma = "AvatarImage", ha = f.forwardRef(
   }
 );
 ha.displayName = ma;
-var ga = "AvatarFallback", va = f.forwardRef(
+var ga = "AvatarFallback", va = u.forwardRef(
   (e, t) => {
-    const { __scopeAvatar: n, delayMs: o, ...r } = e, s = fa(ga, n), [a, i] = f.useState(o === void 0);
-    return f.useEffect(() => {
+    const { __scopeAvatar: n, delayMs: o, ...r } = e, s = fa(ga, n), [a, i] = u.useState(o === void 0);
+    return u.useEffect(() => {
       if (o !== void 0) {
         const c = window.setTimeout(() => i(!0), o);
         return () => window.clearTimeout(c);
@@ -6329,7 +6332,7 @@ function jr(e, t) {
   return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
 function Ep(e, { referrerPolicy: t, crossOrigin: n }) {
-  const o = xp(), r = f.useRef(null), s = o ? (r.current || (r.current = new window.Image()), r.current) : null, [a, i] = f.useState(
+  const o = xp(), r = u.useRef(null), s = o ? (r.current || (r.current = new window.Image()), r.current) : null, [a, i] = u.useState(
     () => jr(s, e)
   );
   return de(() => {
@@ -6339,19 +6342,19 @@ function Ep(e, { referrerPolicy: t, crossOrigin: n }) {
       i(l);
     };
     if (!s) return;
-    const d = c("loaded"), u = c("error");
-    return s.addEventListener("load", d), s.addEventListener("error", u), t && (s.referrerPolicy = t), typeof n == "string" && (s.crossOrigin = n), () => {
-      s.removeEventListener("load", d), s.removeEventListener("error", u);
+    const d = c("loaded"), f = c("error");
+    return s.addEventListener("load", d), s.addEventListener("error", f), t && (s.referrerPolicy = t), typeof n == "string" && (s.crossOrigin = n), () => {
+      s.removeEventListener("load", d), s.removeEventListener("error", f);
     };
   }, [s, n, t]), a;
 }
 var Rp = pa, Np = ha, Tp = va;
 function Tn(e) {
-  const t = f.useRef({ value: e, previous: e });
-  return f.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+  const t = u.useRef({ value: e, previous: e });
+  return u.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
 function Pn(e) {
-  const [t, n] = f.useState(void 0);
+  const [t, n] = u.useState(void 0);
   return de(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
@@ -6384,26 +6387,26 @@ function Ip(e) {
     name: i,
     onCheckedChange: c,
     required: d,
-    value: u = "on",
+    value: f = "on",
     // @ts-expect-error
     internal_do_not_use_render: l
-  } = e, [m, g] = je({
+  } = e, [m, h] = je({
     prop: n,
     defaultProp: r ?? !1,
     onChange: c,
     caller: An
-  }), [b, h] = f.useState(null), [v, y] = f.useState(null), w = f.useRef(!1), x = b ? !!a || !!b.closest("form") : (
+  }), [b, g] = u.useState(null), [v, y] = u.useState(null), w = u.useRef(!1), x = b ? !!a || !!b.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), k = {
     checked: m,
     disabled: s,
-    setChecked: g,
+    setChecked: h,
     control: b,
-    setControl: h,
+    setControl: g,
     name: i,
     form: a,
-    value: u,
+    value: f,
     hasConsumerStoppedPropagationRef: w,
     required: d,
     defaultChecked: et(r) ? !1 : r,
@@ -6420,7 +6423,7 @@ function Ip(e) {
     }
   );
 }
-var ba = "CheckboxTrigger", ya = f.forwardRef(
+var ba = "CheckboxTrigger", ya = u.forwardRef(
   ({ __scopeCheckbox: e, onKeyDown: t, onClick: n, ...o }, r) => {
     const {
       control: s,
@@ -6428,13 +6431,13 @@ var ba = "CheckboxTrigger", ya = f.forwardRef(
       disabled: i,
       checked: c,
       required: d,
-      setControl: u,
+      setControl: f,
       setChecked: l,
       hasConsumerStoppedPropagationRef: m,
-      isFormControl: g,
+      isFormControl: h,
       bubbleInput: b
-    } = Uo(ba, e), h = ae(r, u), v = f.useRef(c);
-    return f.useEffect(() => {
+    } = Uo(ba, e), g = ae(r, f), v = u.useRef(c);
+    return u.useEffect(() => {
       const y = s == null ? void 0 : s.form;
       if (y) {
         const w = () => l(v.current);
@@ -6452,19 +6455,19 @@ var ba = "CheckboxTrigger", ya = f.forwardRef(
         disabled: i,
         value: a,
         ...o,
-        ref: h,
+        ref: g,
         onKeyDown: J(t, (y) => {
           y.key === "Enter" && y.preventDefault();
         }),
         onClick: J(n, (y) => {
-          l((w) => et(w) ? !0 : !w), b && g && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
+          l((w) => et(w) ? !0 : !w), b && h && (m.current = y.isPropagationStopped(), m.current || y.stopPropagation());
         })
       }
     );
   }
 );
 ya.displayName = ba;
-var wa = f.forwardRef(
+var wa = u.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
@@ -6475,7 +6478,7 @@ var wa = f.forwardRef(
       disabled: i,
       value: c,
       onCheckedChange: d,
-      form: u,
+      form: f,
       ...l
     } = e;
     return /* @__PURE__ */ p(
@@ -6488,7 +6491,7 @@ var wa = f.forwardRef(
         required: a,
         onCheckedChange: d,
         name: o,
-        form: u,
+        form: f,
         value: c,
         internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ U(_e, { children: [
           /* @__PURE__ */ p(
@@ -6511,11 +6514,11 @@ var wa = f.forwardRef(
   }
 );
 wa.displayName = An;
-var xa = "CheckboxIndicator", Sa = f.forwardRef(
+var xa = "CheckboxIndicator", Sa = u.forwardRef(
   (e, t) => {
     const { __scopeCheckbox: n, forceMount: o, ...r } = e, s = Uo(xa, n);
     return /* @__PURE__ */ p(
-      Le,
+      De,
       {
         present: o || et(s.checked) || s.checked === !0,
         children: /* @__PURE__ */ p(
@@ -6533,7 +6536,7 @@ var xa = "CheckboxIndicator", Sa = f.forwardRef(
   }
 );
 Sa.displayName = xa;
-var Ca = "CheckboxBubbleInput", ka = f.forwardRef(
+var Ca = "CheckboxBubbleInput", ka = u.forwardRef(
   ({ __scopeCheckbox: e, ...t }, n) => {
     const {
       control: o,
@@ -6543,24 +6546,24 @@ var Ca = "CheckboxBubbleInput", ka = f.forwardRef(
       required: i,
       disabled: c,
       name: d,
-      value: u,
+      value: f,
       form: l,
       bubbleInput: m,
-      setBubbleInput: g
-    } = Uo(Ca, e), b = ae(n, g), h = Tn(s), v = Pn(o);
-    f.useEffect(() => {
+      setBubbleInput: h
+    } = Uo(Ca, e), b = ae(n, h), g = Tn(s), v = Pn(o);
+    u.useEffect(() => {
       const w = m;
       if (!w) return;
       const x = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
         x,
         "checked"
       ).set, T = !r.current;
-      if (h !== s && N) {
+      if (g !== s && N) {
         const R = new Event("click", { bubbles: T });
         w.indeterminate = et(s), N.call(w, et(s) ? !1 : s), w.dispatchEvent(R);
       }
-    }, [m, h, s, r]);
-    const y = f.useRef(et(s) ? !1 : s);
+    }, [m, g, s, r]);
+    const y = u.useRef(et(s) ? !1 : s);
     return /* @__PURE__ */ p(
       X.input,
       {
@@ -6570,7 +6573,7 @@ var Ca = "CheckboxBubbleInput", ka = f.forwardRef(
         required: i,
         disabled: c,
         name: d,
-        value: u,
+        value: f,
         form: l,
         ...t,
         tabIndex: -1,
@@ -6601,7 +6604,7 @@ function et(e) {
 function Ea(e) {
   return et(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Mp = ["top", "right", "bottom", "left"], tt = Math.min, Ce = Math.max, hn = Math.round, ln = Math.floor, Fe = (e) => ({
+const Mp = ["top", "right", "bottom", "left"], tt = Math.min, Ce = Math.max, hn = Math.round, ln = Math.floor, Be = (e) => ({
   x: e,
   y: e
 }), Op = {
@@ -6628,12 +6631,12 @@ function jo(e) {
 function Go(e) {
   return e === "y" ? "height" : "width";
 }
-function $e(e) {
+function Fe(e) {
   const t = e[0];
   return t === "t" || t === "b" ? "y" : "x";
 }
 function Yo(e) {
-  return jo($e(e));
+  return jo(Fe(e));
 }
 function Lp(e, t, n) {
   n === void 0 && (n = !1);
@@ -6710,48 +6713,48 @@ function qr(e, t, n) {
     reference: o,
     floating: r
   } = e;
-  const s = $e(t), a = Yo(t), i = Go(a), c = Ye(t), d = s === "y", u = o.x + o.width / 2 - r.width / 2, l = o.y + o.height / 2 - r.height / 2, m = o[i] / 2 - r[i] / 2;
-  let g;
+  const s = Fe(t), a = Yo(t), i = Go(a), c = Ye(t), d = s === "y", f = o.x + o.width / 2 - r.width / 2, l = o.y + o.height / 2 - r.height / 2, m = o[i] / 2 - r[i] / 2;
+  let h;
   switch (c) {
     case "top":
-      g = {
-        x: u,
+      h = {
+        x: f,
         y: o.y - r.height
       };
       break;
     case "bottom":
-      g = {
-        x: u,
+      h = {
+        x: f,
         y: o.y + o.height
       };
       break;
     case "right":
-      g = {
+      h = {
         x: o.x + o.width,
         y: l
       };
       break;
     case "left":
-      g = {
+      h = {
         x: o.x - r.width,
         y: l
       };
       break;
     default:
-      g = {
+      h = {
         x: o.x,
         y: o.y
       };
   }
   switch (At(t)) {
     case "start":
-      g[a] -= m * (n && d ? -1 : 1);
+      h[a] -= m * (n && d ? -1 : 1);
       break;
     case "end":
-      g[a] += m * (n && d ? -1 : 1);
+      h[a] += m * (n && d ? -1 : 1);
       break;
   }
-  return g;
+  return h;
 }
 async function Vp(e, t) {
   var n;
@@ -6765,14 +6768,14 @@ async function Vp(e, t) {
     strategy: c
   } = e, {
     boundary: d = "clippingAncestors",
-    rootBoundary: u = "viewport",
+    rootBoundary: f = "viewport",
     elementContext: l = "floating",
     altBoundary: m = !1,
-    padding: g = 0
-  } = Ge(t, e), b = Ra(g), v = i[m ? l === "floating" ? "reference" : "floating" : l], y = vn(await s.getClippingRect({
+    padding: h = 0
+  } = Ge(t, e), b = Ra(h), v = i[m ? l === "floating" ? "reference" : "floating" : l], y = vn(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(v))) == null || n ? v : v.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)),
     boundary: d,
-    rootBoundary: u,
+    rootBoundary: f,
     strategy: c
   })), w = l === "floating" ? {
     x: o,
@@ -6813,12 +6816,12 @@ const Wp = 50, Up = async (e, t, n) => {
     floating: t,
     strategy: r
   }), {
-    x: u,
+    x: f,
     y: l
-  } = qr(d, o, c), m = o, g = 0;
+  } = qr(d, o, c), m = o, h = 0;
   const b = {};
-  for (let h = 0; h < s.length; h++) {
-    const v = s[h];
+  for (let g = 0; g < s.length; g++) {
+    const v = s[g];
     if (!v)
       continue;
     const {
@@ -6830,7 +6833,7 @@ const Wp = 50, Up = async (e, t, n) => {
       data: N,
       reset: T
     } = await w({
-      x: u,
+      x: f,
       y: l,
       initialPlacement: o,
       placement: m,
@@ -6843,20 +6846,20 @@ const Wp = 50, Up = async (e, t, n) => {
         floating: t
       }
     });
-    u = x ?? u, l = k ?? l, b[y] = {
+    f = x ?? f, l = k ?? l, b[y] = {
       ...b[y],
       ...N
-    }, T && g < Wp && (g++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (d = T.rects === !0 ? await a.getElementRects({
+    }, T && h < Wp && (h++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (d = T.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: r
     }) : T.rects), {
-      x: u,
+      x: f,
       y: l
-    } = qr(d, m, c)), h = -1);
+    } = qr(d, m, c)), g = -1);
   }
   return {
-    x: u,
+    x: f,
     y: l,
     placement: m,
     strategy: r,
@@ -6876,21 +6879,21 @@ const Wp = 50, Up = async (e, t, n) => {
       middlewareData: c
     } = t, {
       element: d,
-      padding: u = 0
+      padding: f = 0
     } = Ge(e, t) || {};
     if (d == null)
       return {};
-    const l = Ra(u), m = {
+    const l = Ra(f), m = {
       x: n,
       y: o
-    }, g = Yo(r), b = Go(g), h = await a.getDimensions(d), v = g === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", k = s.reference[b] + s.reference[g] - m[g] - s.floating[b], N = m[g] - s.reference[g], T = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
+    }, h = Yo(r), b = Go(h), g = await a.getDimensions(d), v = h === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", k = s.reference[b] + s.reference[h] - m[h] - s.floating[b], N = m[h] - s.reference[h], T = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
     let R = T ? T[x] : 0;
     (!R || !await (a.isElement == null ? void 0 : a.isElement(T))) && (R = i.floating[x] || s.floating[b]);
-    const S = k / 2 - N / 2, A = R / 2 - h[b] / 2 - 1, D = tt(l[y], A), O = tt(l[w], A), H = D, V = R - h[b] - O, W = R / 2 - h[b] / 2 + S, Q = bo(H, W, V), _ = !c.arrow && At(r) != null && W !== Q && s.reference[b] / 2 - (W < H ? D : O) - h[b] / 2 < 0, G = _ ? W < H ? W - H : W - V : 0;
+    const S = k / 2 - N / 2, A = R / 2 - g[b] / 2 - 1, D = tt(l[y], A), O = tt(l[w], A), H = D, V = R - g[b] - O, W = R / 2 - g[b] / 2 + S, Q = bo(H, W, V), _ = !c.arrow && At(r) != null && W !== Q && s.reference[b] / 2 - (W < H ? D : O) - g[b] / 2 < 0, G = _ ? W < H ? W - H : W - V : 0;
     return {
-      [g]: m[g] + G,
+      [h]: m[h] + G,
       data: {
-        [g]: Q,
+        [h]: Q,
         centerOffset: W - Q - G,
         ..._ && {
           alignmentOffset: G
@@ -6913,21 +6916,21 @@ const Wp = 50, Up = async (e, t, n) => {
         platform: c,
         elements: d
       } = t, {
-        mainAxis: u = !0,
+        mainAxis: f = !0,
         crossAxis: l = !0,
         fallbackPlacements: m,
-        fallbackStrategy: g = "bestFit",
+        fallbackStrategy: h = "bestFit",
         fallbackAxisSideDirection: b = "none",
-        flipAlignment: h = !0,
+        flipAlignment: g = !0,
         ...v
       } = Ge(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = Ye(r), w = $e(i), x = Ye(i) === i, k = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), N = m || (x || !h ? [gn(i)] : Dp(i)), T = b !== "none";
-      !m && T && N.push(...Bp(i, h, b, k));
+      const y = Ye(r), w = Fe(i), x = Ye(i) === i, k = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), N = m || (x || !g ? [gn(i)] : Dp(i)), T = b !== "none";
+      !m && T && N.push(...Bp(i, g, b, k));
       const R = [i, ...N], S = await c.detectOverflow(t, v), A = [];
       let D = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (u && A.push(S[y]), l) {
+      if (f && A.push(S[y]), l) {
         const W = Lp(r, a, k);
         A.push(S[W[0]], S[W[1]]);
       }
@@ -6937,9 +6940,9 @@ const Wp = 50, Up = async (e, t, n) => {
       }], !A.every((W) => W <= 0)) {
         var O, H;
         const W = (((O = s.flip) == null ? void 0 : O.index) || 0) + 1, Q = R[W];
-        if (Q && (!(l === "alignment" ? w !== $e(Q) : !1) || // We leave the current main axis only if every placement on that axis
+        if (Q && (!(l === "alignment" ? w !== Fe(Q) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((E) => $e(E.placement) === w ? E.overflows[0] > 0 : !0)))
+        D.every((E) => Fe(E.placement) === w ? E.overflows[0] > 0 : !0)))
           return {
             data: {
               index: W,
@@ -6951,12 +6954,12 @@ const Wp = 50, Up = async (e, t, n) => {
           };
         let _ = (H = D.filter((G) => G.overflows[0] <= 0).sort((G, E) => G.overflows[1] - E.overflows[1])[0]) == null ? void 0 : H.placement;
         if (!_)
-          switch (g) {
+          switch (h) {
             case "bestFit": {
               var V;
               const G = (V = D.filter((E) => {
                 if (T) {
-                  const P = $e(E.placement);
+                  const P = Fe(E.placement);
                   return P === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   P === "y";
@@ -7040,10 +7043,10 @@ async function qp(e, t) {
     placement: n,
     platform: o,
     elements: r
-  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), a = Ye(n), i = At(n), c = $e(n) === "y", d = Na.has(a) ? -1 : 1, u = s && c ? -1 : 1, l = Ge(t, e);
+  } = e, s = await (o.isRTL == null ? void 0 : o.isRTL(r.floating)), a = Ye(n), i = At(n), c = Fe(n) === "y", d = Na.has(a) ? -1 : 1, f = s && c ? -1 : 1, l = Ge(t, e);
   let {
     mainAxis: m,
-    crossAxis: g,
+    crossAxis: h,
     alignmentAxis: b
   } = typeof l == "number" ? {
     mainAxis: l,
@@ -7054,12 +7057,12 @@ async function qp(e, t) {
     crossAxis: l.crossAxis || 0,
     alignmentAxis: l.alignmentAxis
   };
-  return i && typeof b == "number" && (g = i === "end" ? b * -1 : b), c ? {
-    x: g * u,
+  return i && typeof b == "number" && (h = i === "end" ? b * -1 : b), c ? {
+    x: h * f,
     y: m * d
   } : {
     x: m * d,
-    y: g * u
+    y: h * f
   };
 }
 const Kp = function(e) {
@@ -7110,23 +7113,23 @@ const Kp = function(e) {
           }
         },
         ...d
-      } = Ge(e, t), u = {
+      } = Ge(e, t), f = {
         x: n,
         y: o
-      }, l = await s.detectOverflow(t, d), m = $e(Ye(r)), g = jo(m);
-      let b = u[g], h = u[m];
+      }, l = await s.detectOverflow(t, d), m = Fe(Ye(r)), h = jo(m);
+      let b = f[h], g = f[m];
       if (a) {
-        const y = g === "y" ? "top" : "left", w = g === "y" ? "bottom" : "right", x = b + l[y], k = b - l[w];
+        const y = h === "y" ? "top" : "left", w = h === "y" ? "bottom" : "right", x = b + l[y], k = b - l[w];
         b = bo(x, b, k);
       }
       if (i) {
-        const y = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", x = h + l[y], k = h - l[w];
-        h = bo(x, h, k);
+        const y = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", x = g + l[y], k = g - l[w];
+        g = bo(x, g, k);
       }
       const v = c.fn({
         ...t,
-        [g]: b,
-        [m]: h
+        [h]: b,
+        [m]: g
       });
       return {
         ...v,
@@ -7134,7 +7137,7 @@ const Kp = function(e) {
           x: v.x - n,
           y: v.y - o,
           enabled: {
-            [g]: a,
+            [h]: a,
             [m]: i
           }
         }
@@ -7155,22 +7158,22 @@ const Kp = function(e) {
         offset: i = 0,
         mainAxis: c = !0,
         crossAxis: d = !0
-      } = Ge(e, t), u = {
+      } = Ge(e, t), f = {
         x: n,
         y: o
-      }, l = $e(r), m = jo(l);
-      let g = u[m], b = u[l];
-      const h = Ge(i, t), v = typeof h == "number" ? {
-        mainAxis: h,
+      }, l = Fe(r), m = jo(l);
+      let h = f[m], b = f[l];
+      const g = Ge(i, t), v = typeof g == "number" ? {
+        mainAxis: g,
         crossAxis: 0
       } : {
         mainAxis: 0,
         crossAxis: 0,
-        ...h
+        ...g
       };
       if (c) {
         const x = m === "y" ? "height" : "width", k = s.reference[m] - s.floating[x] + v.mainAxis, N = s.reference[m] + s.reference[x] - v.mainAxis;
-        g < k ? g = k : g > N && (g = N);
+        h < k ? h = k : h > N && (h = N);
       }
       if (d) {
         var y, w;
@@ -7178,7 +7181,7 @@ const Kp = function(e) {
         b < N ? b = N : b > T && (b = T);
       }
       return {
-        [m]: g,
+        [m]: h,
         [l]: b
       };
     }
@@ -7198,17 +7201,17 @@ const Kp = function(e) {
         apply: c = () => {
         },
         ...d
-      } = Ge(e, t), u = await a.detectOverflow(t, d), l = Ye(r), m = At(r), g = $e(r) === "y", {
+      } = Ge(e, t), f = await a.detectOverflow(t, d), l = Ye(r), m = At(r), h = Fe(r) === "y", {
         width: b,
-        height: h
+        height: g
       } = s.floating;
       let v, y;
       l === "top" || l === "bottom" ? (v = l, y = m === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = l, v = m === "end" ? "top" : "bottom");
-      const w = h - u.top - u.bottom, x = b - u.left - u.right, k = tt(h - u[v], w), N = tt(b - u[y], x), T = !t.middlewareData.shift;
+      const w = g - f.top - f.bottom, x = b - f.left - f.right, k = tt(g - f[v], w), N = tt(b - f[y], x), T = !t.middlewareData.shift;
       let R = k, S = N;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (S = x), (o = t.middlewareData.shift) != null && o.enabled.y && (R = w), T && !m) {
-        const D = Ce(u.left, 0), O = Ce(u.right, 0), H = Ce(u.top, 0), V = Ce(u.bottom, 0);
-        g ? S = b - 2 * (D !== 0 || O !== 0 ? D + O : Ce(u.left, u.right)) : R = h - 2 * (H !== 0 || V !== 0 ? H + V : Ce(u.top, u.bottom));
+        const D = Ce(f.left, 0), O = Ce(f.right, 0), H = Ce(f.top, 0), V = Ce(f.bottom, 0);
+        h ? S = b - 2 * (D !== 0 || O !== 0 ? D + O : Ce(f.left, f.right)) : R = g - 2 * (H !== 0 || V !== 0 ? H + V : Ce(f.top, f.bottom));
       }
       await c({
         ...t,
@@ -7216,7 +7219,7 @@ const Kp = function(e) {
         availableHeight: R
       });
       const A = await a.getDimensions(i.floating);
-      return b !== A.width || h !== A.height ? {
+      return b !== A.width || g !== A.height ? {
         reset: {
           rects: !0
         }
@@ -7241,7 +7244,7 @@ function He(e) {
 function Ta(e) {
   return In() ? e instanceof Node || e instanceof ke(e).Node : !1;
 }
-function Me(e) {
+function Oe(e) {
   return In() ? e instanceof Element || e instanceof ke(e).Element : !1;
 }
 function qe(e) {
@@ -7256,7 +7259,7 @@ function Gt(e) {
     overflowX: n,
     overflowY: o,
     display: r
-  } = Oe(e);
+  } = Le(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && r !== "inline" && r !== "contents";
 }
 function Qp(e) {
@@ -7277,7 +7280,7 @@ function _n(e) {
 const em = /transform|translate|scale|rotate|perspective|filter/, tm = /paint|layout|strict|content/, lt = (e) => !!e && e !== "none";
 let so;
 function qo(e) {
-  const t = Me(e) ? Oe(e) : e;
+  const t = Oe(e) ? Le(e) : e;
   return lt(t.transform) || lt(t.translate) || lt(t.scale) || lt(t.rotate) || lt(t.perspective) || !Ko() && (lt(t.backdropFilter) || lt(t.filter)) || em.test(t.willChange || "") || tm.test(t.contain || "");
 }
 function nm(e) {
@@ -7297,11 +7300,11 @@ function Ko() {
 function Nt(e) {
   return /^(html|body|#document)$/.test(It(e));
 }
-function Oe(e) {
+function Le(e) {
   return ke(e).getComputedStyle(e);
 }
 function Mn(e) {
-  return Me(e) ? {
+  return Oe(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -7339,7 +7342,7 @@ function wo(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Aa(e) {
-  const t = Oe(e);
+  const t = Le(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
   const r = qe(e), s = r ? e.offsetWidth : n, a = r ? e.offsetHeight : o, i = hn(n) !== s || hn(o) !== a;
   return i && (n = s, o = a), {
@@ -7349,12 +7352,12 @@ function Aa(e) {
   };
 }
 function Xo(e) {
-  return Me(e) ? e : e.contextElement;
+  return Oe(e) ? e : e.contextElement;
 }
 function Et(e) {
   const t = Xo(e);
   if (!qe(t))
-    return Fe(1);
+    return Be(1);
   const n = t.getBoundingClientRect(), {
     width: o,
     height: r,
@@ -7366,7 +7369,7 @@ function Et(e) {
     y: i
   };
 }
-const om = /* @__PURE__ */ Fe(0);
+const om = /* @__PURE__ */ Be(0);
 function Ia(e) {
   const t = ke(e);
   return !Ko() || !t.visualViewport ? om : {
@@ -7380,20 +7383,20 @@ function rm(e, t, n) {
 function ut(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const r = e.getBoundingClientRect(), s = Xo(e);
-  let a = Fe(1);
-  t && (o ? Me(o) && (a = Et(o)) : a = Et(e));
-  const i = rm(s, n, o) ? Ia(s) : Fe(0);
-  let c = (r.left + i.x) / a.x, d = (r.top + i.y) / a.y, u = r.width / a.x, l = r.height / a.y;
+  let a = Be(1);
+  t && (o ? Oe(o) && (a = Et(o)) : a = Et(e));
+  const i = rm(s, n, o) ? Ia(s) : Be(0);
+  let c = (r.left + i.x) / a.x, d = (r.top + i.y) / a.y, f = r.width / a.x, l = r.height / a.y;
   if (s) {
-    const m = ke(s), g = o && Me(o) ? ke(o) : o;
-    let b = m, h = wo(b);
-    for (; h && o && g !== b; ) {
-      const v = Et(h), y = h.getBoundingClientRect(), w = Oe(h), x = y.left + (h.clientLeft + parseFloat(w.paddingLeft)) * v.x, k = y.top + (h.clientTop + parseFloat(w.paddingTop)) * v.y;
-      c *= v.x, d *= v.y, u *= v.x, l *= v.y, c += x, d += k, b = ke(h), h = wo(b);
+    const m = ke(s), h = o && Oe(o) ? ke(o) : o;
+    let b = m, g = wo(b);
+    for (; g && o && h !== b; ) {
+      const v = Et(g), y = g.getBoundingClientRect(), w = Le(g), x = y.left + (g.clientLeft + parseFloat(w.paddingLeft)) * v.x, k = y.top + (g.clientTop + parseFloat(w.paddingTop)) * v.y;
+      c *= v.x, d *= v.y, f *= v.x, l *= v.y, c += x, d += k, b = ke(g), g = wo(b);
     }
   }
   return vn({
-    width: u,
+    width: f,
     height: l,
     x: c,
     y: d
@@ -7423,18 +7426,18 @@ function sm(e) {
   let c = {
     scrollLeft: 0,
     scrollTop: 0
-  }, d = Fe(1);
-  const u = Fe(0), l = qe(o);
+  }, d = Be(1);
+  const f = Be(0), l = qe(o);
   if ((l || !l && !s) && ((It(o) !== "body" || Gt(a)) && (c = Mn(o)), l)) {
-    const g = ut(o);
-    d = Et(o), u.x = g.x + o.clientLeft, u.y = g.y + o.clientTop;
+    const h = ut(o);
+    d = Et(o), f.x = h.x + o.clientLeft, f.y = h.y + o.clientTop;
   }
-  const m = a && !l && !s ? _a(a, c) : Fe(0);
+  const m = a && !l && !s ? _a(a, c) : Be(0);
   return {
     width: n.width * d.x,
     height: n.height * d.y,
-    x: n.x * d.x - c.scrollLeft * d.x + u.x + m.x,
-    y: n.y * d.y - c.scrollTop * d.y + u.y + m.y
+    x: n.x * d.x - c.scrollLeft * d.x + f.x + m.x,
+    y: n.y * d.y - c.scrollTop * d.y + f.y + m.y
   };
 }
 function am(e) {
@@ -7444,7 +7447,7 @@ function im(e) {
   const t = He(e), n = Mn(e), o = e.ownerDocument.body, r = Ce(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), s = Ce(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -n.scrollLeft + On(e);
   const i = -n.scrollTop;
-  return Oe(o).direction === "rtl" && (a += Ce(t.clientWidth, o.clientWidth) - r), {
+  return Le(o).direction === "rtl" && (a += Ce(t.clientWidth, o.clientWidth) - r), {
     width: r,
     height: s,
     x: a,
@@ -7457,12 +7460,12 @@ function cm(e, t) {
   let s = o.clientWidth, a = o.clientHeight, i = 0, c = 0;
   if (r) {
     s = r.width, a = r.height;
-    const u = Ko();
-    (!u || u && t === "fixed") && (i = r.offsetLeft, c = r.offsetTop);
+    const f = Ko();
+    (!f || f && t === "fixed") && (i = r.offsetLeft, c = r.offsetTop);
   }
   const d = On(o);
   if (d <= 0) {
-    const u = o.ownerDocument, l = u.body, m = getComputedStyle(l), g = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, b = Math.abs(o.clientWidth - l.clientWidth - g);
+    const f = o.ownerDocument, l = f.body, m = getComputedStyle(l), h = f.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, b = Math.abs(o.clientWidth - l.clientWidth - h);
     b <= Jr && (s -= b);
   } else d <= Jr && (s += d);
   return {
@@ -7473,7 +7476,7 @@ function cm(e, t) {
   };
 }
 function lm(e, t) {
-  const n = ut(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, s = qe(e) ? Et(e) : Fe(1), a = e.clientWidth * s.x, i = e.clientHeight * s.y, c = r * s.x, d = o * s.y;
+  const n = ut(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, s = qe(e) ? Et(e) : Be(1), a = e.clientWidth * s.x, i = e.clientHeight * s.y, c = r * s.x, d = o * s.y;
   return {
     width: a,
     height: i,
@@ -7487,7 +7490,7 @@ function Qr(e, t, n) {
     o = cm(e, n);
   else if (t === "document")
     o = im(He(e));
-  else if (Me(t))
+  else if (Oe(t))
     o = lm(t, n);
   else {
     const r = Ia(e);
@@ -7502,18 +7505,18 @@ function Qr(e, t, n) {
 }
 function Ma(e, t) {
   const n = nt(e);
-  return n === t || !Me(n) || Nt(n) ? !1 : Oe(n).position === "fixed" || Ma(n, t);
+  return n === t || !Oe(n) || Nt(n) ? !1 : Le(n).position === "fixed" || Ma(n, t);
 }
 function dm(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = Vt(e, [], !1).filter((i) => Me(i) && It(i) !== "body"), r = null;
-  const s = Oe(e).position === "fixed";
+  let o = Vt(e, [], !1).filter((i) => Oe(i) && It(i) !== "body"), r = null;
+  const s = Le(e).position === "fixed";
   let a = s ? nt(e) : e;
-  for (; Me(a) && !Nt(a); ) {
-    const i = Oe(a), c = qo(a);
-    !c && i.position === "fixed" && (r = null), (s ? !c && !r : !c && i.position === "static" && !!r && (r.position === "absolute" || r.position === "fixed") || Gt(a) && !c && Ma(e, a)) ? o = o.filter((u) => u !== a) : r = i, a = nt(a);
+  for (; Oe(a) && !Nt(a); ) {
+    const i = Le(a), c = qo(a);
+    !c && i.position === "fixed" && (r = null), (s ? !c && !r : !c && i.position === "static" && !!r && (r.position === "absolute" || r.position === "fixed") || Gt(a) && !c && Ma(e, a)) ? o = o.filter((f) => f !== a) : r = i, a = nt(a);
   }
   return t.set(e, o), o;
 }
@@ -7525,14 +7528,14 @@ function um(e) {
     strategy: r
   } = e;
   const a = [...n === "clippingAncestors" ? _n(t) ? [] : dm(t, this._c) : [].concat(n), o], i = Qr(t, a[0], r);
-  let c = i.top, d = i.right, u = i.bottom, l = i.left;
+  let c = i.top, d = i.right, f = i.bottom, l = i.left;
   for (let m = 1; m < a.length; m++) {
-    const g = Qr(t, a[m], r);
-    c = Ce(g.top, c), d = tt(g.right, d), u = tt(g.bottom, u), l = Ce(g.left, l);
+    const h = Qr(t, a[m], r);
+    c = Ce(h.top, c), d = tt(h.right, d), f = tt(h.bottom, f), l = Ce(h.left, l);
   }
   return {
     width: d - l,
-    height: u - c,
+    height: f - c,
     x: l,
     y: c
   };
@@ -7553,17 +7556,17 @@ function pm(e, t, n) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const c = Fe(0);
+  const c = Be(0);
   function d() {
     c.x = On(r);
   }
   if (o || !o && !s)
     if ((It(t) !== "body" || Gt(r)) && (i = Mn(t)), o) {
-      const g = ut(t, !0, s, t);
-      c.x = g.x + t.clientLeft, c.y = g.y + t.clientTop;
+      const h = ut(t, !0, s, t);
+      c.x = h.x + t.clientLeft, c.y = h.y + t.clientTop;
     } else r && d();
   s && !o && r && d();
-  const u = r && !o && !s ? _a(r, i) : Fe(0), l = a.left + i.scrollLeft - c.x - u.x, m = a.top + i.scrollTop - c.y - u.y;
+  const f = r && !o && !s ? _a(r, i) : Be(0), l = a.left + i.scrollLeft - c.x - f.x, m = a.top + i.scrollTop - c.y - f.y;
   return {
     x: l,
     y: m,
@@ -7572,10 +7575,10 @@ function pm(e, t, n) {
   };
 }
 function ao(e) {
-  return Oe(e).position === "static";
+  return Le(e).position === "static";
 }
 function es(e, t) {
-  if (!qe(e) || Oe(e).position === "fixed")
+  if (!qe(e) || Le(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -7589,7 +7592,7 @@ function Oa(e, t) {
   if (!qe(e)) {
     let r = nt(e);
     for (; r && !Nt(r); ) {
-      if (Me(r) && !ao(r))
+      if (Oe(r) && !ao(r))
         return r;
       r = nt(r);
     }
@@ -7613,7 +7616,7 @@ const mm = async function(e) {
   };
 };
 function hm(e) {
-  return Oe(e).direction === "rtl";
+  return Le(e).direction === "rtl";
 }
 const gm = {
   convertOffsetParentRelativeRectToViewportRelativeRect: sm,
@@ -7624,7 +7627,7 @@ const gm = {
   getClientRects: am,
   getDimensions: fm,
   getScale: Et,
-  isElement: Me,
+  isElement: Oe,
   isRTL: hm
 };
 function La(e, t) {
@@ -7640,15 +7643,15 @@ function vm(e, t) {
   function a(i, c) {
     i === void 0 && (i = !1), c === void 0 && (c = 1), s();
     const d = e.getBoundingClientRect(), {
-      left: u,
+      left: f,
       top: l,
       width: m,
-      height: g
+      height: h
     } = d;
-    if (i || t(), !m || !g)
+    if (i || t(), !m || !h)
       return;
-    const b = ln(l), h = ln(r.clientWidth - (u + m)), v = ln(r.clientHeight - (l + g)), y = ln(u), x = {
-      rootMargin: -b + "px " + -h + "px " + -v + "px " + -y + "px",
+    const b = ln(l), g = ln(r.clientWidth - (f + m)), v = ln(r.clientHeight - (l + h)), y = ln(f), x = {
+      rootMargin: -b + "px " + -g + "px " + -v + "px " + -y + "px",
       threshold: Ce(0, tt(1, c)) || 1
     };
     let k = !0;
@@ -7684,32 +7687,32 @@ function bm(e, t, n, o) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: i = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = o, d = Xo(e), u = r || s ? [...d ? Vt(d) : [], ...t ? Vt(t) : []] : [];
-  u.forEach((y) => {
+  } = o, d = Xo(e), f = r || s ? [...d ? Vt(d) : [], ...t ? Vt(t) : []] : [];
+  f.forEach((y) => {
     r && y.addEventListener("scroll", n, {
       passive: !0
     }), s && y.addEventListener("resize", n);
   });
   const l = d && i ? vm(d, n) : null;
-  let m = -1, g = null;
-  a && (g = new ResizeObserver((y) => {
+  let m = -1, h = null;
+  a && (h = new ResizeObserver((y) => {
     let [w] = y;
-    w && w.target === d && g && t && (g.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    w && w.target === d && h && t && (h.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var x;
-      (x = g) == null || x.observe(t);
+      (x = h) == null || x.observe(t);
     })), n();
-  }), d && !c && g.observe(d), t && g.observe(t));
-  let b, h = c ? ut(e) : null;
+  }), d && !c && h.observe(d), t && h.observe(t));
+  let b, g = c ? ut(e) : null;
   c && v();
   function v() {
     const y = ut(e);
-    h && !La(h, y) && n(), h = y, b = requestAnimationFrame(v);
+    g && !La(g, y) && n(), g = y, b = requestAnimationFrame(v);
   }
   return n(), () => {
     var y;
-    u.forEach((w) => {
+    f.forEach((w) => {
       r && w.removeEventListener("scroll", n), s && w.removeEventListener("resize", n);
-    }), l == null || l(), (y = g) == null || y.disconnect(), g = null, c && cancelAnimationFrame(b);
+    }), l == null || l(), (y = h) == null || y.disconnect(), h = null, c && cancelAnimationFrame(b);
   };
 }
 const ym = Kp, wm = Xp, xm = Gp, Sm = Jp, Cm = Yp, ts = jp, km = Zp, Em = (e, t, n) => {
@@ -7765,7 +7768,7 @@ function ns(e, t) {
   return Math.round(t * n) / n;
 }
 function io(e) {
-  const t = f.useRef(e);
+  const t = u.useRef(e);
   return fn(() => {
     t.current = e;
   }), t;
@@ -7784,20 +7787,20 @@ function Tm(e) {
     transform: i = !0,
     whileElementsMounted: c,
     open: d
-  } = e, [u, l] = f.useState({
+  } = e, [f, l] = u.useState({
     x: 0,
     y: 0,
     strategy: n,
     placement: t,
     middlewareData: {},
     isPositioned: !1
-  }), [m, g] = f.useState(o);
-  bn(m, o) || g(o);
-  const [b, h] = f.useState(null), [v, y] = f.useState(null), w = f.useCallback((E) => {
-    E !== T.current && (T.current = E, h(E));
-  }, []), x = f.useCallback((E) => {
+  }), [m, h] = u.useState(o);
+  bn(m, o) || h(o);
+  const [b, g] = u.useState(null), [v, y] = u.useState(null), w = u.useCallback((E) => {
+    E !== T.current && (T.current = E, g(E));
+  }, []), x = u.useCallback((E) => {
     E !== R.current && (R.current = E, y(E));
-  }, []), k = s || b, N = a || v, T = f.useRef(null), R = f.useRef(null), S = f.useRef(u), A = c != null, D = io(c), O = io(r), H = io(d), V = f.useCallback(() => {
+  }, []), k = s || b, N = a || v, T = u.useRef(null), R = u.useRef(null), S = u.useRef(f), A = c != null, D = io(c), O = io(r), H = io(d), V = u.useCallback(() => {
     if (!T.current || !R.current)
       return;
     const E = {
@@ -7825,7 +7828,7 @@ function Tm(e) {
       isPositioned: !1
     })));
   }, [d]);
-  const W = f.useRef(!1);
+  const W = u.useRef(!1);
   fn(() => (W.current = !0, () => {
     W.current = !1;
   }), []), fn(() => {
@@ -7835,15 +7838,15 @@ function Tm(e) {
       V();
     }
   }, [k, N, V, D, A]);
-  const Q = f.useMemo(() => ({
+  const Q = u.useMemo(() => ({
     reference: T,
     floating: R,
     setReference: w,
     setFloating: x
-  }), [w, x]), _ = f.useMemo(() => ({
+  }), [w, x]), _ = u.useMemo(() => ({
     reference: k,
     floating: N
-  }), [k, N]), G = f.useMemo(() => {
+  }), [k, N]), G = u.useMemo(() => {
     const E = {
       position: n,
       left: 0,
@@ -7851,7 +7854,7 @@ function Tm(e) {
     };
     if (!_.floating)
       return E;
-    const P = ns(_.floating, u.x), C = ns(_.floating, u.y);
+    const P = ns(_.floating, f.x), C = ns(_.floating, f.y);
     return i ? {
       ...E,
       transform: "translate(" + P + "px, " + C + "px)",
@@ -7863,14 +7866,14 @@ function Tm(e) {
       left: P,
       top: C
     };
-  }, [n, i, _.floating, u.x, u.y]);
-  return f.useMemo(() => ({
-    ...u,
+  }, [n, i, _.floating, f.x, f.y]);
+  return u.useMemo(() => ({
+    ...f,
     update: V,
     refs: Q,
     elements: _,
     floatingStyles: G
-  }), [u, V, Q, _, G]);
+  }), [f, V, Q, _, G]);
 }
 const Pm = (e) => {
   function t(n) {
@@ -7939,7 +7942,7 @@ const Pm = (e) => {
     options: [e, t]
   };
 };
-var zm = "Arrow", za = f.forwardRef((e, t) => {
+var zm = "Arrow", za = u.forwardRef((e, t) => {
   const { children: n, width: o = 10, height: r = 5, ...s } = e;
   return /* @__PURE__ */ p(
     X.svg,
@@ -7956,21 +7959,21 @@ var zm = "Arrow", za = f.forwardRef((e, t) => {
 });
 za.displayName = zm;
 var $m = za, Zo = "Popper", [$a, Ln] = we(Zo), [Fm, Fa] = $a(Zo), Ba = (e) => {
-  const { __scopePopper: t, children: n } = e, [o, r] = f.useState(null);
+  const { __scopePopper: t, children: n } = e, [o, r] = u.useState(null);
   return /* @__PURE__ */ p(Fm, { scope: t, anchor: o, onAnchorChange: r, children: n });
 };
 Ba.displayName = Zo;
-var Ha = "PopperAnchor", Va = f.forwardRef(
+var Ha = "PopperAnchor", Va = u.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = e, s = Fa(Ha, n), a = f.useRef(null), i = ae(t, a), c = f.useRef(null);
-    return f.useEffect(() => {
+    const { __scopePopper: n, virtualRef: o, ...r } = e, s = Fa(Ha, n), a = u.useRef(null), i = ae(t, a), c = u.useRef(null);
+    return u.useEffect(() => {
       const d = c.current;
       c.current = (o == null ? void 0 : o.current) || a.current, d !== c.current && s.onAnchorChange(c.current);
     }), o ? null : /* @__PURE__ */ p(X.div, { ...r, ref: i });
   }
 );
 Va.displayName = Ha;
-var Jo = "PopperContent", [Bm, Hm] = $a(Jo), Wa = f.forwardRef(
+var Jo = "PopperContent", [Bm, Hm] = $a(Jo), Wa = u.forwardRef(
   (e, t) => {
     var z, q, Z, ie, re, ne;
     const {
@@ -7982,13 +7985,13 @@ var Jo = "PopperContent", [Bm, Hm] = $a(Jo), Wa = f.forwardRef(
       arrowPadding: i = 0,
       avoidCollisions: c = !0,
       collisionBoundary: d = [],
-      collisionPadding: u = 0,
+      collisionPadding: f = 0,
       sticky: l = "partial",
       hideWhenDetached: m = !1,
-      updatePositionStrategy: g = "optimized",
+      updatePositionStrategy: h = "optimized",
       onPlaced: b,
-      ...h
-    } = e, v = Fa(Jo, n), [y, w] = f.useState(null), x = ae(t, (ue) => w(ue)), [k, N] = f.useState(null), T = Pn(k), R = (T == null ? void 0 : T.width) ?? 0, S = (T == null ? void 0 : T.height) ?? 0, A = o + (s !== "center" ? "-" + s : ""), D = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, O = Array.isArray(d) ? d : [d], H = O.length > 0, V = {
+      ...g
+    } = e, v = Fa(Jo, n), [y, w] = u.useState(null), x = ae(t, (ue) => w(ue)), [k, N] = u.useState(null), T = Pn(k), R = (T == null ? void 0 : T.width) ?? 0, S = (T == null ? void 0 : T.height) ?? 0, A = o + (s !== "center" ? "-" + s : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, O = Array.isArray(d) ? d : [d], H = O.length > 0, V = {
       padding: D,
       boundary: O.filter(Wm),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -7998,7 +8001,7 @@ var Jo = "PopperContent", [Bm, Hm] = $a(Jo), Wa = f.forwardRef(
       strategy: "fixed",
       placement: A,
       whileElementsMounted: (...ue) => bm(...ue, {
-        animationFrame: g === "always"
+        animationFrame: h === "always"
       }),
       elements: {
         reference: v.anchor
@@ -8027,7 +8030,7 @@ var Jo = "PopperContent", [Bm, Hm] = $a(Jo), Wa = f.forwardRef(
     de(() => {
       G && (L == null || L());
     }, [G, L]);
-    const F = (z = E.arrow) == null ? void 0 : z.x, M = (q = E.arrow) == null ? void 0 : q.y, Y = ((Z = E.arrow) == null ? void 0 : Z.centerOffset) !== 0, [j, ee] = f.useState();
+    const F = (z = E.arrow) == null ? void 0 : z.x, M = (q = E.arrow) == null ? void 0 : q.y, Y = ((Z = E.arrow) == null ? void 0 : Z.centerOffset) !== 0, [j, ee] = u.useState();
     return de(() => {
       y && ee(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ p(
@@ -8068,10 +8071,10 @@ var Jo = "PopperContent", [Bm, Hm] = $a(Jo), Wa = f.forwardRef(
               {
                 "data-side": P,
                 "data-align": C,
-                ...h,
+                ...g,
                 ref: x,
                 style: {
-                  ...h.style,
+                  ...g.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: G ? void 0 : "none"
@@ -8090,7 +8093,7 @@ var Ua = "PopperArrow", Vm = {
   right: "left",
   bottom: "top",
   left: "right"
-}, ja = f.forwardRef(function(t, n) {
+}, ja = u.forwardRef(function(t, n) {
   const { __scopePopper: o, ...r } = t, s = Hm(Ua, o), a = Vm[s.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
@@ -8144,9 +8147,9 @@ var Um = (e) => ({
   options: e,
   fn(t) {
     var v, y, w;
-    const { placement: n, rects: o, middlewareData: r } = t, a = ((v = r.arrow) == null ? void 0 : v.centerOffset) !== 0, i = a ? 0 : e.arrowWidth, c = a ? 0 : e.arrowHeight, [d, u] = Ga(n), l = { start: "0%", center: "50%", end: "100%" }[u], m = (((y = r.arrow) == null ? void 0 : y.x) ?? 0) + i / 2, g = (((w = r.arrow) == null ? void 0 : w.y) ?? 0) + c / 2;
-    let b = "", h = "";
-    return d === "bottom" ? (b = a ? l : `${m}px`, h = `${-c}px`) : d === "top" ? (b = a ? l : `${m}px`, h = `${o.floating.height + c}px`) : d === "right" ? (b = `${-c}px`, h = a ? l : `${g}px`) : d === "left" && (b = `${o.floating.width + c}px`, h = a ? l : `${g}px`), { data: { x: b, y: h } };
+    const { placement: n, rects: o, middlewareData: r } = t, a = ((v = r.arrow) == null ? void 0 : v.centerOffset) !== 0, i = a ? 0 : e.arrowWidth, c = a ? 0 : e.arrowHeight, [d, f] = Ga(n), l = { start: "0%", center: "50%", end: "100%" }[f], m = (((y = r.arrow) == null ? void 0 : y.x) ?? 0) + i / 2, h = (((w = r.arrow) == null ? void 0 : w.y) ?? 0) + c / 2;
+    let b = "", g = "";
+    return d === "bottom" ? (b = a ? l : `${m}px`, g = `${-c}px`) : d === "top" ? (b = a ? l : `${m}px`, g = `${o.floating.height + c}px`) : d === "right" ? (b = `${-c}px`, g = a ? l : `${h}px`) : d === "left" && (b = `${o.floating.width + c}px`, g = a ? l : `${h}px`), { data: { x: b, y: g } };
   }
 });
 function Ga(e) {
@@ -8156,11 +8159,11 @@ function Ga(e) {
 var Ya = Ba, qa = Va, Ka = Wa, Xa = ja, co = "rovingFocusGroup.onEntryFocus", jm = { bubbles: !1, cancelable: !0 }, Yt = "RovingFocusGroup", [xo, Za, Gm] = qs(Yt), [Ym, Dn] = we(
   Yt,
   [Gm]
-), [qm, Km] = Ym(Yt), Ja = f.forwardRef(
+), [qm, Km] = Ym(Yt), Ja = u.forwardRef(
   (e, t) => /* @__PURE__ */ p(xo.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ p(xo.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ p(Xm, { ...e, ref: t }) }) })
 );
 Ja.displayName = Yt;
-var Xm = f.forwardRef((e, t) => {
+var Xm = u.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
     orientation: o,
@@ -8170,15 +8173,15 @@ var Xm = f.forwardRef((e, t) => {
     defaultCurrentTabStopId: i,
     onCurrentTabStopIdChange: c,
     onEntryFocus: d,
-    preventScrollOnEntryFocus: u = !1,
+    preventScrollOnEntryFocus: f = !1,
     ...l
-  } = e, m = f.useRef(null), g = ae(t, m), b = jt(s), [h, v] = je({
+  } = e, m = u.useRef(null), h = ae(t, m), b = jt(s), [g, v] = je({
     prop: a,
     defaultProp: i ?? null,
     onChange: c,
     caller: Yt
-  }), [y, w] = f.useState(!1), x = ve(d), k = Za(n), N = f.useRef(!1), [T, R] = f.useState(0);
-  return f.useEffect(() => {
+  }), [y, w] = u.useState(!1), x = ve(d), k = Za(n), N = u.useRef(!1), [T, R] = u.useState(0);
+  return u.useEffect(() => {
     const S = m.current;
     if (S)
       return S.addEventListener(co, x), () => S.removeEventListener(co, x);
@@ -8189,17 +8192,17 @@ var Xm = f.forwardRef((e, t) => {
       orientation: o,
       dir: b,
       loop: r,
-      currentTabStopId: h,
-      onItemFocus: f.useCallback(
+      currentTabStopId: g,
+      onItemFocus: u.useCallback(
         (S) => v(S),
         [v]
       ),
-      onItemShiftTab: f.useCallback(() => w(!0), []),
-      onFocusableItemAdd: f.useCallback(
+      onItemShiftTab: u.useCallback(() => w(!0), []),
+      onFocusableItemAdd: u.useCallback(
         () => R((S) => S + 1),
         []
       ),
-      onFocusableItemRemove: f.useCallback(
+      onFocusableItemRemove: u.useCallback(
         () => R((S) => S - 1),
         []
       ),
@@ -8209,7 +8212,7 @@ var Xm = f.forwardRef((e, t) => {
           tabIndex: y || T === 0 ? -1 : 0,
           "data-orientation": o,
           ...l,
-          ref: g,
+          ref: h,
           style: { outline: "none", ...e.style },
           onMouseDown: J(e.onMouseDown, () => {
             N.current = !0;
@@ -8219,10 +8222,10 @@ var Xm = f.forwardRef((e, t) => {
             if (S.target === S.currentTarget && A && !y) {
               const D = new CustomEvent(co, jm);
               if (S.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const O = k().filter((_) => _.focusable), H = O.find((_) => _.active), V = O.find((_) => _.id === h), Q = [H, V, ...O].filter(
+                const O = k().filter((_) => _.focusable), H = O.find((_) => _.active), V = O.find((_) => _.id === g), Q = [H, V, ...O].filter(
                   Boolean
                 ).map((_) => _.ref.current);
-                ti(Q, u);
+                ti(Q, f);
               }
             }
             N.current = !1;
@@ -8232,7 +8235,7 @@ var Xm = f.forwardRef((e, t) => {
       )
     }
   );
-}), Qa = "RovingFocusGroupItem", ei = f.forwardRef(
+}), Qa = "RovingFocusGroupItem", ei = u.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: n,
@@ -8241,11 +8244,11 @@ var Xm = f.forwardRef((e, t) => {
       tabStopId: s,
       children: a,
       ...i
-    } = e, c = ht(), d = s || c, u = Km(Qa, n), l = u.currentTabStopId === d, m = Za(n), { onFocusableItemAdd: g, onFocusableItemRemove: b, currentTabStopId: h } = u;
-    return f.useEffect(() => {
+    } = e, c = ht(), d = s || c, f = Km(Qa, n), l = f.currentTabStopId === d, m = Za(n), { onFocusableItemAdd: h, onFocusableItemRemove: b, currentTabStopId: g } = f;
+    return u.useEffect(() => {
       if (o)
-        return g(), () => b();
-    }, [o, g, b]), /* @__PURE__ */ p(
+        return h(), () => b();
+    }, [o, h, b]), /* @__PURE__ */ p(
       xo.ItemSlot,
       {
         scope: n,
@@ -8256,20 +8259,20 @@ var Xm = f.forwardRef((e, t) => {
           X.span,
           {
             tabIndex: l ? 0 : -1,
-            "data-orientation": u.orientation,
+            "data-orientation": f.orientation,
             ...i,
             ref: t,
             onMouseDown: J(e.onMouseDown, (v) => {
-              o ? u.onItemFocus(d) : v.preventDefault();
+              o ? f.onItemFocus(d) : v.preventDefault();
             }),
-            onFocus: J(e.onFocus, () => u.onItemFocus(d)),
+            onFocus: J(e.onFocus, () => f.onItemFocus(d)),
             onKeyDown: J(e.onKeyDown, (v) => {
               if (v.key === "Tab" && v.shiftKey) {
-                u.onItemShiftTab();
+                f.onItemShiftTab();
                 return;
               }
               if (v.target !== v.currentTarget) return;
-              const y = Qm(v, u.orientation, u.dir);
+              const y = Qm(v, f.orientation, f.dir);
               if (y !== void 0) {
                 if (v.metaKey || v.ctrlKey || v.altKey || v.shiftKey) return;
                 v.preventDefault();
@@ -8278,12 +8281,12 @@ var Xm = f.forwardRef((e, t) => {
                 else if (y === "prev" || y === "next") {
                   y === "prev" && x.reverse();
                   const k = x.indexOf(v.currentTarget);
-                  x = u.loop ? eh(x, k + 1) : x.slice(k + 1);
+                  x = f.loop ? eh(x, k + 1) : x.slice(k + 1);
                 }
                 setTimeout(() => ti(x));
               }
             }),
-            children: typeof a == "function" ? a({ isCurrentTabStop: l, hasTabStop: h != null }) : a
+            children: typeof a == "function" ? a({ isCurrentTabStop: l, hasTabStop: g != null }) : a
           }
         )
       }
@@ -8317,7 +8320,7 @@ function ti(e, t = !1) {
 function eh(e, t) {
   return e.map((n, o) => e[(t + o) % e.length]);
 }
-var ni = Ja, oi = ei, th = "Label", ri = f.forwardRef((e, t) => /* @__PURE__ */ p(
+var ni = Ja, oi = ei, th = "Label", ri = u.forwardRef((e, t) => /* @__PURE__ */ p(
   X.label,
   {
     ...e,
@@ -8333,7 +8336,7 @@ var nh = ri;
 function So(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
 }
-var Qo = "Progress", er = 100, [oh] = we(Qo), [rh, sh] = oh(Qo), si = f.forwardRef(
+var Qo = "Progress", er = 100, [oh] = we(Qo), [rh, sh] = oh(Qo), si = u.forwardRef(
   (e, t) => {
     const {
       __scopeProgress: n,
@@ -8364,7 +8367,7 @@ var Qo = "Progress", er = 100, [oh] = we(Qo), [rh, sh] = oh(Qo), si = f.forwardR
   }
 );
 si.displayName = Qo;
-var ai = "ProgressIndicator", ii = f.forwardRef(
+var ai = "ProgressIndicator", ii = u.forwardRef(
   (e, t) => {
     const { __scopeProgress: n, ...o } = e, r = sh(ai, n);
     return /* @__PURE__ */ p(
@@ -8406,7 +8409,7 @@ function ch(e, t) {
 
 Defaulting to \`null\`.`;
 }
-var lh = si, dh = ii, tr = "Radio", [uh, li] = we(tr), [fh, ph] = uh(tr), di = f.forwardRef(
+var lh = si, dh = ii, tr = "Radio", [uh, li] = we(tr), [fh, ph] = uh(tr), di = u.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: n,
@@ -8417,8 +8420,8 @@ var lh = si, dh = ii, tr = "Radio", [uh, li] = we(tr), [fh, ph] = uh(tr), di = f
       value: i = "on",
       onCheck: c,
       form: d,
-      ...u
-    } = e, [l, m] = f.useState(null), g = ae(t, (v) => m(v)), b = f.useRef(!1), h = l ? d || !!l.closest("form") : !0;
+      ...f
+    } = e, [l, m] = u.useState(null), h = ae(t, (v) => m(v)), b = u.useRef(!1), g = l ? d || !!l.closest("form") : !0;
     return /* @__PURE__ */ U(fh, { scope: n, checked: r, disabled: a, children: [
       /* @__PURE__ */ p(
         X.button,
@@ -8430,14 +8433,14 @@ var lh = si, dh = ii, tr = "Radio", [uh, li] = we(tr), [fh, ph] = uh(tr), di = f
           "data-disabled": a ? "" : void 0,
           disabled: a,
           value: i,
-          ...u,
-          ref: g,
+          ...f,
+          ref: h,
           onClick: J(e.onClick, (v) => {
-            r || c == null || c(), h && (b.current = v.isPropagationStopped(), b.current || v.stopPropagation());
+            r || c == null || c(), g && (b.current = v.isPropagationStopped(), b.current || v.stopPropagation());
           })
         }
       ),
-      h && /* @__PURE__ */ p(
+      g && /* @__PURE__ */ p(
         pi,
         {
           control: l,
@@ -8455,10 +8458,10 @@ var lh = si, dh = ii, tr = "Radio", [uh, li] = we(tr), [fh, ph] = uh(tr), di = f
   }
 );
 di.displayName = tr;
-var ui = "RadioIndicator", fi = f.forwardRef(
+var ui = "RadioIndicator", fi = u.forwardRef(
   (e, t) => {
     const { __scopeRadio: n, forceMount: o, ...r } = e, s = ph(ui, n);
-    return /* @__PURE__ */ p(Le, { present: o || s.checked, children: /* @__PURE__ */ p(
+    return /* @__PURE__ */ p(De, { present: o || s.checked, children: /* @__PURE__ */ p(
       X.span,
       {
         "data-state": mi(s.checked),
@@ -8470,7 +8473,7 @@ var ui = "RadioIndicator", fi = f.forwardRef(
   }
 );
 fi.displayName = ui;
-var mh = "RadioBubbleInput", pi = f.forwardRef(
+var mh = "RadioBubbleInput", pi = u.forwardRef(
   ({
     __scopeRadio: e,
     control: t,
@@ -8478,17 +8481,17 @@ var mh = "RadioBubbleInput", pi = f.forwardRef(
     bubbles: o = !0,
     ...r
   }, s) => {
-    const a = f.useRef(null), i = ae(a, s), c = Tn(n), d = Pn(t);
-    return f.useEffect(() => {
-      const u = a.current;
-      if (!u) return;
-      const l = window.HTMLInputElement.prototype, g = Object.getOwnPropertyDescriptor(
+    const a = u.useRef(null), i = ae(a, s), c = Tn(n), d = Pn(t);
+    return u.useEffect(() => {
+      const f = a.current;
+      if (!f) return;
+      const l = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
         l,
         "checked"
       ).set;
-      if (c !== n && g) {
+      if (c !== n && h) {
         const b = new Event("click", { bubbles: o });
-        g.call(u, n), u.dispatchEvent(b);
+        h.call(f, n), f.dispatchEvent(b);
       }
     }, [c, n, o]), /* @__PURE__ */ p(
       X.input,
@@ -8518,7 +8521,7 @@ function mi(e) {
 var hh = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup", [gh] = we(zn, [
   Dn,
   li
-]), hi = Dn(), gi = li(), [vh, bh] = gh(zn), vi = f.forwardRef(
+]), hi = Dn(), gi = li(), [vh, bh] = gh(zn), vi = u.forwardRef(
   (e, t) => {
     const {
       __scopeRadioGroup: n,
@@ -8529,10 +8532,10 @@ var hh = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup",
       disabled: i = !1,
       orientation: c,
       dir: d,
-      loop: u = !0,
+      loop: f = !0,
       onValueChange: l,
       ...m
-    } = e, g = hi(n), b = jt(d), [h, v] = je({
+    } = e, h = hi(n), b = jt(d), [g, v] = je({
       prop: s,
       defaultProp: r ?? null,
       onChange: l,
@@ -8545,16 +8548,16 @@ var hh = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup",
         name: o,
         required: a,
         disabled: i,
-        value: h,
+        value: g,
         onValueChange: v,
         children: /* @__PURE__ */ p(
           ni,
           {
             asChild: !0,
-            ...g,
+            ...h,
             orientation: c,
             dir: b,
-            loop: u,
+            loop: f,
             children: /* @__PURE__ */ p(
               X.div,
               {
@@ -8574,15 +8577,15 @@ var hh = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup",
   }
 );
 vi.displayName = zn;
-var bi = "RadioGroupItem", yi = f.forwardRef(
+var bi = "RadioGroupItem", yi = u.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: o, ...r } = e, s = bh(bi, n), a = s.disabled || o, i = hi(n), c = gi(n), d = f.useRef(null), u = ae(t, d), l = s.value === r.value, m = f.useRef(!1);
-    return f.useEffect(() => {
-      const g = (h) => {
-        hh.includes(h.key) && (m.current = !0);
+    const { __scopeRadioGroup: n, disabled: o, ...r } = e, s = bh(bi, n), a = s.disabled || o, i = hi(n), c = gi(n), d = u.useRef(null), f = ae(t, d), l = s.value === r.value, m = u.useRef(!1);
+    return u.useEffect(() => {
+      const h = (g) => {
+        hh.includes(g.key) && (m.current = !0);
       }, b = () => m.current = !1;
-      return document.addEventListener("keydown", g), document.addEventListener("keyup", b), () => {
-        document.removeEventListener("keydown", g), document.removeEventListener("keyup", b);
+      return document.addEventListener("keydown", h), document.addEventListener("keyup", b), () => {
+        document.removeEventListener("keydown", h), document.removeEventListener("keyup", b);
       };
     }, []), /* @__PURE__ */ p(
       oi,
@@ -8600,14 +8603,14 @@ var bi = "RadioGroupItem", yi = f.forwardRef(
             ...c,
             ...r,
             name: s.name,
-            ref: u,
+            ref: f,
             onCheck: () => s.onValueChange(r.value),
-            onKeyDown: J((g) => {
-              g.key === "Enter" && g.preventDefault();
+            onKeyDown: J((h) => {
+              h.key === "Enter" && h.preventDefault();
             }),
             onFocus: J(r.onFocus, () => {
-              var g;
-              m.current && ((g = d.current) == null || g.click());
+              var h;
+              m.current && ((h = d.current) == null || h.click());
             })
           }
         )
@@ -8616,7 +8619,7 @@ var bi = "RadioGroupItem", yi = f.forwardRef(
   }
 );
 yi.displayName = bi;
-var yh = "RadioGroupIndicator", wi = f.forwardRef(
+var yh = "RadioGroupIndicator", wi = u.forwardRef(
   (e, t) => {
     const { __scopeRadioGroup: n, ...o } = e, r = gi(n);
     return /* @__PURE__ */ p(fi, { ...r, ...o, ref: t });
@@ -8625,9 +8628,9 @@ var yh = "RadioGroupIndicator", wi = f.forwardRef(
 wi.displayName = yh;
 var wh = vi, xh = yi, Sh = wi;
 function Ch(e, t) {
-  return f.useReducer((n, o) => t[n][o] ?? n, e);
+  return u.useReducer((n, o) => t[n][o] ?? n, e);
 }
-var nr = "ScrollArea", [xi] = we(nr), [kh, Ne] = xi(nr), Si = f.forwardRef(
+var nr = "ScrollArea", [xi] = we(nr), [kh, Ne] = xi(nr), Si = u.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: n,
@@ -8635,7 +8638,7 @@ var nr = "ScrollArea", [xi] = we(nr), [kh, Ne] = xi(nr), Si = f.forwardRef(
       dir: r,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, c] = f.useState(null), [d, u] = f.useState(null), [l, m] = f.useState(null), [g, b] = f.useState(null), [h, v] = f.useState(null), [y, w] = f.useState(0), [x, k] = f.useState(0), [N, T] = f.useState(!1), [R, S] = f.useState(!1), A = ae(t, (O) => c(O)), D = jt(r);
+    } = e, [i, c] = u.useState(null), [d, f] = u.useState(null), [l, m] = u.useState(null), [h, b] = u.useState(null), [g, v] = u.useState(null), [y, w] = u.useState(0), [x, k] = u.useState(0), [N, T] = u.useState(!1), [R, S] = u.useState(!1), A = ae(t, (O) => c(O)), D = jt(r);
     return /* @__PURE__ */ p(
       kh,
       {
@@ -8645,14 +8648,14 @@ var nr = "ScrollArea", [xi] = we(nr), [kh, Ne] = xi(nr), Si = f.forwardRef(
         scrollHideDelay: s,
         scrollArea: i,
         viewport: d,
-        onViewportChange: u,
+        onViewportChange: f,
         content: l,
         onContentChange: m,
-        scrollbarX: g,
+        scrollbarX: h,
         onScrollbarXChange: b,
         scrollbarXEnabled: N,
         onScrollbarXEnabledChange: T,
-        scrollbarY: h,
+        scrollbarY: g,
         onScrollbarYChange: v,
         scrollbarYEnabled: R,
         onScrollbarYEnabledChange: S,
@@ -8678,9 +8681,9 @@ var nr = "ScrollArea", [xi] = we(nr), [kh, Ne] = xi(nr), Si = f.forwardRef(
   }
 );
 Si.displayName = nr;
-var Ci = "ScrollAreaViewport", ki = f.forwardRef(
+var Ci = "ScrollAreaViewport", ki = u.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: n, children: o, nonce: r, ...s } = e, a = Ne(Ci, n), i = f.useRef(null), c = ae(t, i, a.onViewportChange);
+    const { __scopeScrollArea: n, children: o, nonce: r, ...s } = e, a = Ne(Ci, n), i = u.useRef(null), c = ae(t, i, a.onViewportChange);
     return /* @__PURE__ */ U(_e, { children: [
       /* @__PURE__ */ p(
         "style",
@@ -8720,31 +8723,31 @@ var Ci = "ScrollAreaViewport", ki = f.forwardRef(
   }
 );
 ki.displayName = Ci;
-var Ve = "ScrollAreaScrollbar", Ei = f.forwardRef(
+var Ve = "ScrollAreaScrollbar", Ei = u.forwardRef(
   (e, t) => {
     const { forceMount: n, ...o } = e, r = Ne(Ve, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: a } = r, i = e.orientation === "horizontal";
-    return f.useEffect(() => (i ? s(!0) : a(!0), () => {
+    return u.useEffect(() => (i ? s(!0) : a(!0), () => {
       i ? s(!1) : a(!1);
     }), [i, s, a]), r.type === "hover" ? /* @__PURE__ */ p(Eh, { ...o, ref: t, forceMount: n }) : r.type === "scroll" ? /* @__PURE__ */ p(Rh, { ...o, ref: t, forceMount: n }) : r.type === "auto" ? /* @__PURE__ */ p(Ri, { ...o, ref: t, forceMount: n }) : r.type === "always" ? /* @__PURE__ */ p(or, { ...o, ref: t }) : null;
   }
 );
 Ei.displayName = Ve;
-var Eh = f.forwardRef((e, t) => {
-  const { forceMount: n, ...o } = e, r = Ne(Ve, e.__scopeScrollArea), [s, a] = f.useState(!1);
-  return f.useEffect(() => {
+var Eh = u.forwardRef((e, t) => {
+  const { forceMount: n, ...o } = e, r = Ne(Ve, e.__scopeScrollArea), [s, a] = u.useState(!1);
+  return u.useEffect(() => {
     const i = r.scrollArea;
     let c = 0;
     if (i) {
       const d = () => {
         window.clearTimeout(c), a(!0);
-      }, u = () => {
+      }, f = () => {
         c = window.setTimeout(() => a(!1), r.scrollHideDelay);
       };
-      return i.addEventListener("pointerenter", d), i.addEventListener("pointerleave", u), () => {
-        window.clearTimeout(c), i.removeEventListener("pointerenter", d), i.removeEventListener("pointerleave", u);
+      return i.addEventListener("pointerenter", d), i.addEventListener("pointerleave", f), () => {
+        window.clearTimeout(c), i.removeEventListener("pointerenter", d), i.removeEventListener("pointerleave", f);
       };
     }
-  }, [r.scrollArea, r.scrollHideDelay]), /* @__PURE__ */ p(Le, { present: n || s, children: /* @__PURE__ */ p(
+  }, [r.scrollArea, r.scrollHideDelay]), /* @__PURE__ */ p(De, { present: n || s, children: /* @__PURE__ */ p(
     Ri,
     {
       "data-state": s ? "visible" : "hidden",
@@ -8752,7 +8755,7 @@ var Eh = f.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), Rh = f.forwardRef((e, t) => {
+}), Rh = u.forwardRef((e, t) => {
   const { forceMount: n, ...o } = e, r = Ne(Ve, e.__scopeScrollArea), s = e.orientation === "horizontal", a = Fn(() => c("SCROLL_END"), 100), [i, c] = Ch("hidden", {
     hidden: {
       SCROLL: "scrolling"
@@ -8771,22 +8774,22 @@ var Eh = f.forwardRef((e, t) => {
       POINTER_ENTER: "interacting"
     }
   });
-  return f.useEffect(() => {
+  return u.useEffect(() => {
     if (i === "idle") {
       const d = window.setTimeout(() => c("HIDE"), r.scrollHideDelay);
       return () => window.clearTimeout(d);
     }
-  }, [i, r.scrollHideDelay, c]), f.useEffect(() => {
-    const d = r.viewport, u = s ? "scrollLeft" : "scrollTop";
+  }, [i, r.scrollHideDelay, c]), u.useEffect(() => {
+    const d = r.viewport, f = s ? "scrollLeft" : "scrollTop";
     if (d) {
-      let l = d[u];
+      let l = d[f];
       const m = () => {
-        const g = d[u];
-        l !== g && (c("SCROLL"), a()), l = g;
+        const h = d[f];
+        l !== h && (c("SCROLL"), a()), l = h;
       };
       return d.addEventListener("scroll", m), () => d.removeEventListener("scroll", m);
     }
-  }, [r.viewport, s, c, a]), /* @__PURE__ */ p(Le, { present: n || i !== "hidden", children: /* @__PURE__ */ p(
+  }, [r.viewport, s, c, a]), /* @__PURE__ */ p(De, { present: n || i !== "hidden", children: /* @__PURE__ */ p(
     or,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
@@ -8796,14 +8799,14 @@ var Eh = f.forwardRef((e, t) => {
       onPointerLeave: J(e.onPointerLeave, () => c("POINTER_LEAVE"))
     }
   ) });
-}), Ri = f.forwardRef((e, t) => {
-  const n = Ne(Ve, e.__scopeScrollArea), { forceMount: o, ...r } = e, [s, a] = f.useState(!1), i = e.orientation === "horizontal", c = Fn(() => {
+}), Ri = u.forwardRef((e, t) => {
+  const n = Ne(Ve, e.__scopeScrollArea), { forceMount: o, ...r } = e, [s, a] = u.useState(!1), i = e.orientation === "horizontal", c = Fn(() => {
     if (n.viewport) {
-      const d = n.viewport.offsetWidth < n.viewport.scrollWidth, u = n.viewport.offsetHeight < n.viewport.scrollHeight;
-      a(i ? d : u);
+      const d = n.viewport.offsetWidth < n.viewport.scrollWidth, f = n.viewport.offsetHeight < n.viewport.scrollHeight;
+      a(i ? d : f);
     }
   }, 10);
-  return Tt(n.viewport, c), Tt(n.content, c), /* @__PURE__ */ p(Le, { present: o || s, children: /* @__PURE__ */ p(
+  return Tt(n.viewport, c), Tt(n.content, c), /* @__PURE__ */ p(De, { present: o || s, children: /* @__PURE__ */ p(
     or,
     {
       "data-state": s ? "visible" : "hidden",
@@ -8811,12 +8814,12 @@ var Eh = f.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), or = f.forwardRef((e, t) => {
-  const { orientation: n = "vertical", ...o } = e, r = Ne(Ve, e.__scopeScrollArea), s = f.useRef(null), a = f.useRef(0), [i, c] = f.useState({
+}), or = u.forwardRef((e, t) => {
+  const { orientation: n = "vertical", ...o } = e, r = Ne(Ve, e.__scopeScrollArea), s = u.useRef(null), a = u.useRef(0), [i, c] = u.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), d = Ii(i.viewport, i.content), u = {
+  }), d = Ii(i.viewport, i.content), f = {
     ...o,
     sizes: i,
     onSizesChange: c,
@@ -8825,18 +8828,18 @@ var Eh = f.forwardRef((e, t) => {
     onThumbPointerUp: () => a.current = 0,
     onThumbPointerDown: (m) => a.current = m
   };
-  function l(m, g) {
-    return _h(m, a.current, i, g);
+  function l(m, h) {
+    return _h(m, a.current, i, h);
   }
   return n === "horizontal" ? /* @__PURE__ */ p(
     Nh,
     {
-      ...u,
+      ...f,
       ref: t,
       onThumbPositionChange: () => {
         if (r.viewport && s.current) {
-          const m = r.viewport.scrollLeft, g = ss(m, i, r.dir);
-          s.current.style.transform = `translate3d(${g}px, 0, 0)`;
+          const m = r.viewport.scrollLeft, h = ss(m, i, r.dir);
+          s.current.style.transform = `translate3d(${h}px, 0, 0)`;
         }
       },
       onWheelScroll: (m) => {
@@ -8849,12 +8852,12 @@ var Eh = f.forwardRef((e, t) => {
   ) : n === "vertical" ? /* @__PURE__ */ p(
     Th,
     {
-      ...u,
+      ...f,
       ref: t,
       onThumbPositionChange: () => {
         if (r.viewport && s.current) {
-          const m = r.viewport.scrollTop, g = ss(m, i);
-          s.current.style.transform = `translate3d(0, ${g}px, 0)`;
+          const m = r.viewport.scrollTop, h = ss(m, i);
+          s.current.style.transform = `translate3d(0, ${h}px, 0)`;
         }
       },
       onWheelScroll: (m) => {
@@ -8865,9 +8868,9 @@ var Eh = f.forwardRef((e, t) => {
       }
     }
   ) : null;
-}), Nh = f.forwardRef((e, t) => {
-  const { sizes: n, onSizesChange: o, ...r } = e, s = Ne(Ve, e.__scopeScrollArea), [a, i] = f.useState(), c = f.useRef(null), d = ae(t, c, s.onScrollbarXChange);
-  return f.useEffect(() => {
+}), Nh = u.forwardRef((e, t) => {
+  const { sizes: n, onSizesChange: o, ...r } = e, s = Ne(Ve, e.__scopeScrollArea), [a, i] = u.useState(), c = u.useRef(null), d = ae(t, c, s.onScrollbarXChange);
+  return u.useEffect(() => {
     c.current && i(getComputedStyle(c.current));
   }, [c]), /* @__PURE__ */ p(
     Ti,
@@ -8883,12 +8886,12 @@ var Eh = f.forwardRef((e, t) => {
         "--radix-scroll-area-thumb-width": $n(n) + "px",
         ...e.style
       },
-      onThumbPointerDown: (u) => e.onThumbPointerDown(u.x),
-      onDragScroll: (u) => e.onDragScroll(u.x),
-      onWheelScroll: (u, l) => {
+      onThumbPointerDown: (f) => e.onThumbPointerDown(f.x),
+      onDragScroll: (f) => e.onDragScroll(f.x),
+      onWheelScroll: (f, l) => {
         if (s.viewport) {
-          const m = s.viewport.scrollLeft + u.deltaX;
-          e.onWheelScroll(m), Mi(m, l) && u.preventDefault();
+          const m = s.viewport.scrollLeft + f.deltaX;
+          e.onWheelScroll(m), Mi(m, l) && f.preventDefault();
         }
       },
       onResize: () => {
@@ -8904,9 +8907,9 @@ var Eh = f.forwardRef((e, t) => {
       }
     }
   );
-}), Th = f.forwardRef((e, t) => {
-  const { sizes: n, onSizesChange: o, ...r } = e, s = Ne(Ve, e.__scopeScrollArea), [a, i] = f.useState(), c = f.useRef(null), d = ae(t, c, s.onScrollbarYChange);
-  return f.useEffect(() => {
+}), Th = u.forwardRef((e, t) => {
+  const { sizes: n, onSizesChange: o, ...r } = e, s = Ne(Ve, e.__scopeScrollArea), [a, i] = u.useState(), c = u.useRef(null), d = ae(t, c, s.onScrollbarYChange);
+  return u.useEffect(() => {
     c.current && i(getComputedStyle(c.current));
   }, [c]), /* @__PURE__ */ p(
     Ti,
@@ -8923,12 +8926,12 @@ var Eh = f.forwardRef((e, t) => {
         "--radix-scroll-area-thumb-height": $n(n) + "px",
         ...e.style
       },
-      onThumbPointerDown: (u) => e.onThumbPointerDown(u.y),
-      onDragScroll: (u) => e.onDragScroll(u.y),
-      onWheelScroll: (u, l) => {
+      onThumbPointerDown: (f) => e.onThumbPointerDown(f.y),
+      onDragScroll: (f) => e.onDragScroll(f.y),
+      onWheelScroll: (f, l) => {
         if (s.viewport) {
-          const m = s.viewport.scrollTop + u.deltaY;
-          e.onWheelScroll(m), Mi(m, l) && u.preventDefault();
+          const m = s.viewport.scrollTop + f.deltaY;
+          e.onWheelScroll(m), Mi(m, l) && f.preventDefault();
         }
       },
       onResize: () => {
@@ -8944,7 +8947,7 @@ var Eh = f.forwardRef((e, t) => {
       }
     }
   );
-}), [Ph, Ni] = xi(Ve), Ti = f.forwardRef((e, t) => {
+}), [Ph, Ni] = xi(Ve), Ti = u.forwardRef((e, t) => {
   const {
     __scopeScrollArea: n,
     sizes: o,
@@ -8954,23 +8957,23 @@ var Eh = f.forwardRef((e, t) => {
     onThumbPointerDown: i,
     onThumbPositionChange: c,
     onDragScroll: d,
-    onWheelScroll: u,
+    onWheelScroll: f,
     onResize: l,
     ...m
-  } = e, g = Ne(Ve, n), [b, h] = f.useState(null), v = ae(t, (A) => h(A)), y = f.useRef(null), w = f.useRef(""), x = g.viewport, k = o.content - o.viewport, N = ve(u), T = ve(c), R = Fn(l, 10);
+  } = e, h = Ne(Ve, n), [b, g] = u.useState(null), v = ae(t, (A) => g(A)), y = u.useRef(null), w = u.useRef(""), x = h.viewport, k = o.content - o.viewport, N = ve(f), T = ve(c), R = Fn(l, 10);
   function S(A) {
     if (y.current) {
       const D = A.clientX - y.current.left, O = A.clientY - y.current.top;
       d({ x: D, y: O });
     }
   }
-  return f.useEffect(() => {
+  return u.useEffect(() => {
     const A = (D) => {
       const O = D.target;
       (b == null ? void 0 : b.contains(O)) && N(D, k);
     };
     return document.addEventListener("wheel", A, { passive: !1 }), () => document.removeEventListener("wheel", A, { passive: !1 });
-  }, [x, b, k, N]), f.useEffect(T, [o, T]), Tt(b, R), Tt(g.content, R), /* @__PURE__ */ p(
+  }, [x, b, k, N]), u.useEffect(T, [o, T]), Tt(b, R), Tt(h.content, R), /* @__PURE__ */ p(
     Ph,
     {
       scope: n,
@@ -8987,42 +8990,42 @@ var Eh = f.forwardRef((e, t) => {
           ref: v,
           style: { position: "absolute", ...m.style },
           onPointerDown: J(e.onPointerDown, (A) => {
-            A.button === 0 && (A.target.setPointerCapture(A.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), S(A));
+            A.button === 0 && (A.target.setPointerCapture(A.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", h.viewport && (h.viewport.style.scrollBehavior = "auto"), S(A));
           }),
           onPointerMove: J(e.onPointerMove, S),
           onPointerUp: J(e.onPointerUp, (A) => {
             const D = A.target;
-            D.hasPointerCapture(A.pointerId) && D.releasePointerCapture(A.pointerId), document.body.style.webkitUserSelect = w.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
+            D.hasPointerCapture(A.pointerId) && D.releasePointerCapture(A.pointerId), document.body.style.webkitUserSelect = w.current, h.viewport && (h.viewport.style.scrollBehavior = ""), y.current = null;
           })
         }
       )
     }
   );
-}), wn = "ScrollAreaThumb", Pi = f.forwardRef(
+}), wn = "ScrollAreaThumb", Pi = u.forwardRef(
   (e, t) => {
     const { forceMount: n, ...o } = e, r = Ni(wn, e.__scopeScrollArea);
-    return /* @__PURE__ */ p(Le, { present: n || r.hasThumb, children: /* @__PURE__ */ p(Ah, { ref: t, ...o }) });
+    return /* @__PURE__ */ p(De, { present: n || r.hasThumb, children: /* @__PURE__ */ p(Ah, { ref: t, ...o }) });
   }
-), Ah = f.forwardRef(
+), Ah = u.forwardRef(
   (e, t) => {
     const { __scopeScrollArea: n, style: o, ...r } = e, s = Ne(wn, n), a = Ni(wn, n), { onThumbPositionChange: i } = a, c = ae(
       t,
       (l) => a.onThumbChange(l)
-    ), d = f.useRef(void 0), u = Fn(() => {
+    ), d = u.useRef(void 0), f = Fn(() => {
       d.current && (d.current(), d.current = void 0);
     }, 100);
-    return f.useEffect(() => {
+    return u.useEffect(() => {
       const l = s.viewport;
       if (l) {
         const m = () => {
-          if (u(), !d.current) {
-            const g = Mh(l, i);
-            d.current = g, i();
+          if (f(), !d.current) {
+            const h = Mh(l, i);
+            d.current = h, i();
           }
         };
         return i(), l.addEventListener("scroll", m), () => l.removeEventListener("scroll", m);
       }
-    }, [s.viewport, u, i]), /* @__PURE__ */ p(
+    }, [s.viewport, f, i]), /* @__PURE__ */ p(
       X.div,
       {
         "data-state": a.hasThumb ? "visible" : "hidden",
@@ -9034,8 +9037,8 @@ var Eh = f.forwardRef((e, t) => {
           ...o
         },
         onPointerDownCapture: J(e.onPointerDownCapture, (l) => {
-          const g = l.target.getBoundingClientRect(), b = l.clientX - g.left, h = l.clientY - g.top;
-          a.onThumbPointerDown({ x: b, y: h });
+          const h = l.target.getBoundingClientRect(), b = l.clientX - h.left, g = l.clientY - h.top;
+          a.onThumbPointerDown({ x: b, y: g });
         }),
         onPointerUp: J(e.onPointerUp, a.onThumbPointerUp)
       }
@@ -9043,23 +9046,23 @@ var Eh = f.forwardRef((e, t) => {
   }
 );
 Pi.displayName = wn;
-var rr = "ScrollAreaCorner", Ai = f.forwardRef(
+var rr = "ScrollAreaCorner", Ai = u.forwardRef(
   (e, t) => {
     const n = Ne(rr, e.__scopeScrollArea), o = !!(n.scrollbarX && n.scrollbarY);
     return n.type !== "scroll" && o ? /* @__PURE__ */ p(Ih, { ...e, ref: t }) : null;
   }
 );
 Ai.displayName = rr;
-var Ih = f.forwardRef((e, t) => {
-  const { __scopeScrollArea: n, ...o } = e, r = Ne(rr, n), [s, a] = f.useState(0), [i, c] = f.useState(0), d = !!(s && i);
+var Ih = u.forwardRef((e, t) => {
+  const { __scopeScrollArea: n, ...o } = e, r = Ne(rr, n), [s, a] = u.useState(0), [i, c] = u.useState(0), d = !!(s && i);
   return Tt(r.scrollbarX, () => {
     var l;
-    const u = ((l = r.scrollbarX) == null ? void 0 : l.offsetHeight) || 0;
-    r.onCornerHeightChange(u), c(u);
+    const f = ((l = r.scrollbarX) == null ? void 0 : l.offsetHeight) || 0;
+    r.onCornerHeightChange(f), c(f);
   }), Tt(r.scrollbarY, () => {
     var l;
-    const u = ((l = r.scrollbarY) == null ? void 0 : l.offsetWidth) || 0;
-    r.onCornerWidthChange(u), a(u);
+    const f = ((l = r.scrollbarY) == null ? void 0 : l.offsetWidth) || 0;
+    r.onCornerWidthChange(f), a(f);
   }), d ? /* @__PURE__ */ p(
     X.div,
     {
@@ -9089,7 +9092,7 @@ function $n(e) {
   return Math.max(o, 18);
 }
 function _h(e, t, n, o = "ltr") {
-  const r = $n(n), s = r / 2, a = t || s, i = r - a, c = n.scrollbar.paddingStart + a, d = n.scrollbar.size - n.scrollbar.paddingEnd - i, u = n.content - n.viewport, l = o === "ltr" ? [0, u] : [u * -1, 0];
+  const r = $n(n), s = r / 2, a = t || s, i = r - a, c = n.scrollbar.paddingStart + a, d = n.scrollbar.size - n.scrollbar.paddingEnd - i, f = n.content - n.viewport, l = o === "ltr" ? [0, f] : [f * -1, 0];
   return _i([c, d], l)(e);
 }
 function ss(e, t, n = "ltr") {
@@ -9115,8 +9118,8 @@ var Mh = (e, t = () => {
   })(), () => window.cancelAnimationFrame(o);
 };
 function Fn(e, t) {
-  const n = ve(e), o = f.useRef(0);
-  return f.useEffect(() => () => window.clearTimeout(o.current), []), f.useCallback(() => {
+  const n = ve(e), o = u.useRef(0);
+  return u.useEffect(() => () => window.clearTimeout(o.current), []), u.useCallback(() => {
     window.clearTimeout(o.current), o.current = window.setTimeout(n, t);
   }, [n, t]);
 }
@@ -9148,12 +9151,12 @@ var Oh = Si, Lh = ki, Dh = Ai, zh = [" ", "Enter", "ArrowUp", "ArrowDown"], $h =
     defaultValue: i,
     onValueChange: c,
     dir: d,
-    name: u,
+    name: f,
     autoComplete: l,
     disabled: m,
-    required: g,
+    required: h,
     form: b
-  } = e, h = Vn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [k, N] = f.useState(!1), T = jt(d), [R, S] = je({
+  } = e, g = Vn(t), [v, y] = u.useState(null), [w, x] = u.useState(null), [k, N] = u.useState(!1), T = jt(d), [R, S] = je({
     prop: o,
     defaultProp: r ?? !1,
     onChange: s,
@@ -9163,11 +9166,11 @@ var Oh = Si, Lh = ki, Dh = Ai, zh = [" ", "Enter", "ArrowUp", "ArrowDown"], $h =
     defaultProp: i,
     onChange: c,
     caller: ft
-  }), O = f.useRef(null), H = v ? b || !!v.closest("form") : !0, [V, W] = f.useState(/* @__PURE__ */ new Set()), Q = Array.from(V).map((_) => _.props.value).join(";");
-  return /* @__PURE__ */ p(Ya, { ...h, children: /* @__PURE__ */ U(
+  }), O = u.useRef(null), H = v ? b || !!v.closest("form") : !0, [V, W] = u.useState(/* @__PURE__ */ new Set()), Q = Array.from(V).map((_) => _.props.value).join(";");
+  return /* @__PURE__ */ p(Ya, { ...g, children: /* @__PURE__ */ U(
     Bh,
     {
-      required: g,
+      required: h,
       scope: t,
       trigger: v,
       onTriggerChange: y,
@@ -9188,10 +9191,10 @@ var Oh = Si, Lh = ki, Dh = Ai, zh = [" ", "Enter", "ArrowUp", "ArrowDown"], $h =
           Hh,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: f.useCallback((_) => {
+            onNativeOptionAdd: u.useCallback((_) => {
               W((G) => new Set(G).add(_));
             }, []),
-            onNativeOptionRemove: f.useCallback((_) => {
+            onNativeOptionRemove: u.useCallback((_) => {
               W((G) => {
                 const E = new Set(G);
                 return E.delete(_), E;
@@ -9204,9 +9207,9 @@ var Oh = Si, Lh = ki, Dh = Ai, zh = [" ", "Enter", "ArrowUp", "ArrowDown"], $h =
           nc,
           {
             "aria-hidden": !0,
-            required: g,
+            required: h,
             tabIndex: -1,
-            name: u,
+            name: f,
             autoComplete: l,
             value: A,
             onChange: (_) => D(_.target.value),
@@ -9224,15 +9227,15 @@ var Oh = Si, Lh = ki, Dh = Ai, zh = [" ", "Enter", "ArrowUp", "ArrowDown"], $h =
   ) });
 };
 Oi.displayName = ft;
-var Li = "SelectTrigger", Di = f.forwardRef(
+var Li = "SelectTrigger", Di = u.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: o = !1, ...r } = e, s = Vn(n), a = rt(Li, n), i = a.disabled || o, c = ae(t, a.onTriggerChange), d = Hn(n), u = f.useRef("touch"), [l, m, g] = rc((h) => {
-      const v = d().filter((x) => !x.disabled), y = v.find((x) => x.value === a.value), w = sc(v, h, y);
+    const { __scopeSelect: n, disabled: o = !1, ...r } = e, s = Vn(n), a = rt(Li, n), i = a.disabled || o, c = ae(t, a.onTriggerChange), d = Hn(n), f = u.useRef("touch"), [l, m, h] = rc((g) => {
+      const v = d().filter((x) => !x.disabled), y = v.find((x) => x.value === a.value), w = sc(v, g, y);
       w !== void 0 && a.onValueChange(w.value);
-    }), b = (h) => {
-      i || (a.onOpenChange(!0), g()), h && (a.triggerPointerDownPosRef.current = {
-        x: Math.round(h.pageX),
-        y: Math.round(h.pageY)
+    }), b = (g) => {
+      i || (a.onOpenChange(!0), h()), g && (a.triggerPointerDownPosRef.current = {
+        x: Math.round(g.pageX),
+        y: Math.round(g.pageY)
       });
     };
     return /* @__PURE__ */ p(qa, { asChild: !0, ...s, children: /* @__PURE__ */ p(
@@ -9251,29 +9254,29 @@ var Li = "SelectTrigger", Di = f.forwardRef(
         "data-placeholder": oc(a.value) ? "" : void 0,
         ...r,
         ref: c,
-        onClick: J(r.onClick, (h) => {
-          h.currentTarget.focus(), u.current !== "mouse" && b(h);
+        onClick: J(r.onClick, (g) => {
+          g.currentTarget.focus(), f.current !== "mouse" && b(g);
         }),
-        onPointerDown: J(r.onPointerDown, (h) => {
-          u.current = h.pointerType;
-          const v = h.target;
-          v.hasPointerCapture(h.pointerId) && v.releasePointerCapture(h.pointerId), h.button === 0 && h.ctrlKey === !1 && h.pointerType === "mouse" && (b(h), h.preventDefault());
+        onPointerDown: J(r.onPointerDown, (g) => {
+          f.current = g.pointerType;
+          const v = g.target;
+          v.hasPointerCapture(g.pointerId) && v.releasePointerCapture(g.pointerId), g.button === 0 && g.ctrlKey === !1 && g.pointerType === "mouse" && (b(g), g.preventDefault());
         }),
-        onKeyDown: J(r.onKeyDown, (h) => {
+        onKeyDown: J(r.onKeyDown, (g) => {
           const v = l.current !== "";
-          !(h.ctrlKey || h.altKey || h.metaKey) && h.key.length === 1 && m(h.key), !(v && h.key === " ") && zh.includes(h.key) && (b(), h.preventDefault());
+          !(g.ctrlKey || g.altKey || g.metaKey) && g.key.length === 1 && m(g.key), !(v && g.key === " ") && zh.includes(g.key) && (b(), g.preventDefault());
         })
       }
     ) });
   }
 );
 Di.displayName = Li;
-var zi = "SelectValue", $i = f.forwardRef(
+var zi = "SelectValue", $i = u.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: o, style: r, children: s, placeholder: a = "", ...i } = e, c = rt(zi, n), { onValueNodeHasChildrenChange: d } = c, u = s !== void 0, l = ae(t, c.onValueNodeChange);
+    const { __scopeSelect: n, className: o, style: r, children: s, placeholder: a = "", ...i } = e, c = rt(zi, n), { onValueNodeHasChildrenChange: d } = c, f = s !== void 0, l = ae(t, c.onValueNodeChange);
     return de(() => {
-      d(u);
-    }, [d, u]), /* @__PURE__ */ p(
+      d(f);
+    }, [d, f]), /* @__PURE__ */ p(
       X.span,
       {
         ...i,
@@ -9285,7 +9288,7 @@ var zi = "SelectValue", $i = f.forwardRef(
   }
 );
 $i.displayName = zi;
-var Wh = "SelectIcon", Fi = f.forwardRef(
+var Wh = "SelectIcon", Fi = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, children: o, ...r } = e;
     return /* @__PURE__ */ p(X.span, { "aria-hidden": !0, ...r, ref: t, children: o || "▼" });
@@ -9294,9 +9297,9 @@ var Wh = "SelectIcon", Fi = f.forwardRef(
 Fi.displayName = Wh;
 var Uh = "SelectPortal", Bi = (e) => /* @__PURE__ */ p(Vo, { asChild: !0, ...e });
 Bi.displayName = Uh;
-var pt = "SelectContent", Hi = f.forwardRef(
+var pt = "SelectContent", Hi = u.forwardRef(
   (e, t) => {
-    const n = rt(pt, e.__scopeSelect), [o, r] = f.useState();
+    const n = rt(pt, e.__scopeSelect), [o, r] = u.useState();
     if (de(() => {
       r(new DocumentFragment());
     }, []), !n.open) {
@@ -9310,7 +9313,7 @@ var pt = "SelectContent", Hi = f.forwardRef(
   }
 );
 Hi.displayName = pt;
-var Ie = 10, [Vi, st] = _t(pt), jh = "SelectContentImpl", Gh = /* @__PURE__ */ Ht("SelectContent.RemoveScroll"), Wi = f.forwardRef(
+var Ie = 10, [Vi, st] = _t(pt), jh = "SelectContentImpl", Gh = /* @__PURE__ */ Ht("SelectContent.RemoveScroll"), Wi = u.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -9323,37 +9326,37 @@ var Ie = 10, [Vi, st] = _t(pt), jh = "SelectContentImpl", Gh = /* @__PURE__ */ H
       side: i,
       sideOffset: c,
       align: d,
-      alignOffset: u,
+      alignOffset: f,
       arrowPadding: l,
       collisionBoundary: m,
-      collisionPadding: g,
+      collisionPadding: h,
       sticky: b,
-      hideWhenDetached: h,
+      hideWhenDetached: g,
       avoidCollisions: v,
       //
       ...y
-    } = e, w = rt(pt, n), [x, k] = f.useState(null), [N, T] = f.useState(null), R = ae(t, (z) => k(z)), [S, A] = f.useState(null), [D, O] = f.useState(
+    } = e, w = rt(pt, n), [x, k] = u.useState(null), [N, T] = u.useState(null), R = ae(t, (z) => k(z)), [S, A] = u.useState(null), [D, O] = u.useState(
       null
-    ), H = Hn(n), [V, W] = f.useState(!1), Q = f.useRef(!1);
-    f.useEffect(() => {
+    ), H = Hn(n), [V, W] = u.useState(!1), Q = u.useRef(!1);
+    u.useEffect(() => {
       if (x) return vp(x);
     }, [x]), If();
-    const _ = f.useCallback(
+    const _ = u.useCallback(
       (z) => {
         const [q, ...Z] = H().map((ne) => ne.ref.current), [ie] = Z.slice(-1), re = document.activeElement;
         for (const ne of z)
           if (ne === re || (ne == null || ne.scrollIntoView({ block: "nearest" }), ne === q && N && (N.scrollTop = 0), ne === ie && N && (N.scrollTop = N.scrollHeight), ne == null || ne.focus(), document.activeElement !== re)) return;
       },
       [H, N]
-    ), G = f.useCallback(
+    ), G = u.useCallback(
       () => _([S, x]),
       [_, S, x]
     );
-    f.useEffect(() => {
+    u.useEffect(() => {
       V && G();
     }, [V, G]);
     const { onOpenChange: E, triggerPointerDownPosRef: P } = w;
-    f.useEffect(() => {
+    u.useEffect(() => {
       if (x) {
         let z = { x: 0, y: 0 };
         const q = (ie) => {
@@ -9369,7 +9372,7 @@ var Ie = 10, [Vi, st] = _t(pt), jh = "SelectContentImpl", Gh = /* @__PURE__ */ H
           document.removeEventListener("pointermove", q), document.removeEventListener("pointerup", Z, { capture: !0 });
         };
       }
-    }, [x, E, P]), f.useEffect(() => {
+    }, [x, E, P]), u.useEffect(() => {
       const z = () => E(!1);
       return window.addEventListener("blur", z), window.addEventListener("resize", z), () => {
         window.removeEventListener("blur", z), window.removeEventListener("resize", z);
@@ -9378,13 +9381,13 @@ var Ie = 10, [Vi, st] = _t(pt), jh = "SelectContentImpl", Gh = /* @__PURE__ */ H
     const [C, L] = rc((z) => {
       const q = H().filter((re) => !re.disabled), Z = q.find((re) => re.ref.current === document.activeElement), ie = sc(q, z, Z);
       ie && setTimeout(() => ie.ref.current.focus());
-    }), F = f.useCallback(
+    }), F = u.useCallback(
       (z, q, Z) => {
         const ie = !Q.current && !Z;
         (w.value !== void 0 && w.value === q || ie) && (A(z), ie && (Q.current = !0));
       },
       [w.value]
-    ), M = f.useCallback(() => x == null ? void 0 : x.focus(), [x]), Y = f.useCallback(
+    ), M = u.useCallback(() => x == null ? void 0 : x.focus(), [x]), Y = u.useCallback(
       (z, q, Z) => {
         const ie = !Q.current && !Z;
         (w.value !== void 0 && w.value === q || ie) && O(z);
@@ -9394,12 +9397,12 @@ var Ie = 10, [Vi, st] = _t(pt), jh = "SelectContentImpl", Gh = /* @__PURE__ */ H
       side: i,
       sideOffset: c,
       align: d,
-      alignOffset: u,
+      alignOffset: f,
       arrowPadding: l,
       collisionBoundary: m,
-      collisionPadding: g,
+      collisionPadding: h,
       sticky: b,
-      hideWhenDetached: h,
+      hideWhenDetached: g,
       avoidCollisions: v
     } : {};
     return /* @__PURE__ */ p(
@@ -9481,9 +9484,9 @@ var Ie = 10, [Vi, st] = _t(pt), jh = "SelectContentImpl", Gh = /* @__PURE__ */ H
   }
 );
 Wi.displayName = jh;
-var Yh = "SelectItemAlignedPosition", Ui = f.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = rt(pt, n), a = st(pt, n), [i, c] = f.useState(null), [d, u] = f.useState(null), l = ae(t, (R) => u(R)), m = Hn(n), g = f.useRef(!1), b = f.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = f.useCallback(() => {
-    if (s.trigger && s.valueNode && i && d && h && v && y) {
+var Yh = "SelectItemAlignedPosition", Ui = u.forwardRef((e, t) => {
+  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = rt(pt, n), a = st(pt, n), [i, c] = u.useState(null), [d, f] = u.useState(null), l = ae(t, (R) => f(R)), m = Hn(n), h = u.useRef(!1), b = u.useRef(!0), { viewport: g, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = u.useCallback(() => {
+    if (s.trigger && s.valueNode && i && d && g && v && y) {
       const R = s.trigger.getBoundingClientRect(), S = d.getBoundingClientRect(), A = s.valueNode.getBoundingClientRect(), D = y.getBoundingClientRect();
       if (s.dir !== "rtl") {
         const re = D.left - S.left, ne = A.left - re, ue = R.left - ne, fe = R.width + ue, at = Math.max(fe, S.width), Ke = window.innerWidth - Ie, Te = So(ne, [
@@ -9503,11 +9506,11 @@ var Yh = "SelectItemAlignedPosition", Ui = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.right = Te + "px";
       }
-      const O = m(), H = window.innerHeight - Ie * 2, V = h.scrollHeight, W = window.getComputedStyle(d), Q = parseInt(W.borderTopWidth, 10), _ = parseInt(W.paddingTop, 10), G = parseInt(W.borderBottomWidth, 10), E = parseInt(W.paddingBottom, 10), P = Q + _ + V + E + G, C = Math.min(v.offsetHeight * 5, P), L = window.getComputedStyle(h), F = parseInt(L.paddingTop, 10), M = parseInt(L.paddingBottom, 10), Y = R.top + R.height / 2 - Ie, j = H - Y, ee = v.offsetHeight / 2, z = v.offsetTop + ee, q = Q + _ + z, Z = P - q;
+      const O = m(), H = window.innerHeight - Ie * 2, V = g.scrollHeight, W = window.getComputedStyle(d), Q = parseInt(W.borderTopWidth, 10), _ = parseInt(W.paddingTop, 10), G = parseInt(W.borderBottomWidth, 10), E = parseInt(W.paddingBottom, 10), P = Q + _ + V + E + G, C = Math.min(v.offsetHeight * 5, P), L = window.getComputedStyle(g), F = parseInt(L.paddingTop, 10), M = parseInt(L.paddingBottom, 10), Y = R.top + R.height / 2 - Ie, j = H - Y, ee = v.offsetHeight / 2, z = v.offsetTop + ee, q = Q + _ + z, Z = P - q;
       if (q <= Y) {
         const re = O.length > 0 && v === O[O.length - 1].ref.current;
         i.style.bottom = "0px";
-        const ne = d.clientHeight - h.offsetTop - h.offsetHeight, ue = Math.max(
+        const ne = d.clientHeight - g.offsetTop - g.offsetHeight, ue = Math.max(
           j,
           ee + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (re ? M : 0) + ne + G
@@ -9518,12 +9521,12 @@ var Yh = "SelectItemAlignedPosition", Ui = f.forwardRef((e, t) => {
         i.style.top = "0px";
         const ue = Math.max(
           Y,
-          Q + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          Q + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (re ? F : 0) + ee
         ) + Z;
-        i.style.height = ue + "px", h.scrollTop = q - Y + h.offsetTop;
+        i.style.height = ue + "px", g.scrollTop = q - Y + g.offsetTop;
       }
-      i.style.margin = `${Ie}px 0`, i.style.minHeight = C + "px", i.style.maxHeight = H + "px", o == null || o(), requestAnimationFrame(() => g.current = !0);
+      i.style.margin = `${Ie}px 0`, i.style.minHeight = C + "px", i.style.maxHeight = H + "px", o == null || o(), requestAnimationFrame(() => h.current = !0);
     }
   }, [
     m,
@@ -9531,18 +9534,18 @@ var Yh = "SelectItemAlignedPosition", Ui = f.forwardRef((e, t) => {
     s.valueNode,
     i,
     d,
-    h,
+    g,
     v,
     y,
     s.dir,
     o
   ]);
   de(() => x(), [x]);
-  const [k, N] = f.useState();
+  const [k, N] = u.useState();
   de(() => {
     d && N(window.getComputedStyle(d).zIndex);
   }, [d]);
-  const T = f.useCallback(
+  const T = u.useCallback(
     (R) => {
       R && b.current === !0 && (x(), w == null || w(), b.current = !1);
     },
@@ -9553,7 +9556,7 @@ var Yh = "SelectItemAlignedPosition", Ui = f.forwardRef((e, t) => {
     {
       scope: n,
       contentWrapper: i,
-      shouldExpandOnScrollRef: g,
+      shouldExpandOnScrollRef: h,
       onScrollButtonChange: T,
       children: /* @__PURE__ */ p(
         "div",
@@ -9586,7 +9589,7 @@ var Yh = "SelectItemAlignedPosition", Ui = f.forwardRef((e, t) => {
   );
 });
 Ui.displayName = Yh;
-var qh = "SelectPopperPosition", Co = f.forwardRef((e, t) => {
+var qh = "SelectPopperPosition", Co = u.forwardRef((e, t) => {
   const {
     __scopeSelect: n,
     align: o = "start",
@@ -9615,9 +9618,9 @@ var qh = "SelectPopperPosition", Co = f.forwardRef((e, t) => {
   );
 });
 Co.displayName = qh;
-var [Kh, sr] = _t(pt, {}), ko = "SelectViewport", ji = f.forwardRef(
+var [Kh, sr] = _t(pt, {}), ko = "SelectViewport", ji = u.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, nonce: o, ...r } = e, s = st(ko, n), a = sr(ko, n), i = ae(t, s.onViewportChange), c = f.useRef(0);
+    const { __scopeSelect: n, nonce: o, ...r } = e, s = st(ko, n), a = sr(ko, n), i = ae(t, s.onViewportChange), c = u.useRef(0);
     return /* @__PURE__ */ U(_e, { children: [
       /* @__PURE__ */ p(
         "style",
@@ -9649,18 +9652,18 @@ var [Kh, sr] = _t(pt, {}), ko = "SelectViewport", ji = f.forwardRef(
             ...r.style
           },
           onScroll: J(r.onScroll, (d) => {
-            const u = d.currentTarget, { contentWrapper: l, shouldExpandOnScrollRef: m } = a;
+            const f = d.currentTarget, { contentWrapper: l, shouldExpandOnScrollRef: m } = a;
             if (m != null && m.current && l) {
-              const g = Math.abs(c.current - u.scrollTop);
-              if (g > 0) {
-                const b = window.innerHeight - Ie * 2, h = parseFloat(l.style.minHeight), v = parseFloat(l.style.height), y = Math.max(h, v);
+              const h = Math.abs(c.current - f.scrollTop);
+              if (h > 0) {
+                const b = window.innerHeight - Ie * 2, g = parseFloat(l.style.minHeight), v = parseFloat(l.style.height), y = Math.max(g, v);
                 if (y < b) {
-                  const w = y + g, x = Math.min(b, w), k = w - x;
-                  l.style.height = x + "px", l.style.bottom === "0px" && (u.scrollTop = k > 0 ? k : 0, l.style.justifyContent = "flex-end");
+                  const w = y + h, x = Math.min(b, w), k = w - x;
+                  l.style.height = x + "px", l.style.bottom === "0px" && (f.scrollTop = k > 0 ? k : 0, l.style.justifyContent = "flex-end");
                 }
               }
             }
-            c.current = u.scrollTop;
+            c.current = f.scrollTop;
           })
         }
       ) })
@@ -9668,21 +9671,21 @@ var [Kh, sr] = _t(pt, {}), ko = "SelectViewport", ji = f.forwardRef(
   }
 );
 ji.displayName = ko;
-var Gi = "SelectGroup", [Xh, Zh] = _t(Gi), Jh = f.forwardRef(
+var Gi = "SelectGroup", [Xh, Zh] = _t(Gi), Jh = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e, r = ht();
     return /* @__PURE__ */ p(Xh, { scope: n, id: r, children: /* @__PURE__ */ p(X.div, { role: "group", "aria-labelledby": r, ...o, ref: t }) });
   }
 );
 Jh.displayName = Gi;
-var Yi = "SelectLabel", Qh = f.forwardRef(
+var Yi = "SelectLabel", Qh = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e, r = Zh(Yi, n);
     return /* @__PURE__ */ p(X.div, { id: r.id, ...o, ref: t });
   }
 );
 Qh.displayName = Yi;
-var Sn = "SelectItem", [eg, qi] = _t(Sn), Ki = f.forwardRef(
+var Sn = "SelectItem", [eg, qi] = _t(Sn), Ki = u.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -9690,13 +9693,13 @@ var Sn = "SelectItem", [eg, qi] = _t(Sn), Ki = f.forwardRef(
       disabled: r = !1,
       textValue: s,
       ...a
-    } = e, i = rt(Sn, n), c = st(Sn, n), d = i.value === o, [u, l] = f.useState(s ?? ""), [m, g] = f.useState(!1), b = ae(
+    } = e, i = rt(Sn, n), c = st(Sn, n), d = i.value === o, [f, l] = u.useState(s ?? ""), [m, h] = u.useState(!1), b = ae(
       t,
       (w) => {
         var x;
         return (x = c.itemRefCallback) == null ? void 0 : x.call(c, w, o, r);
       }
-    ), h = ht(), v = f.useRef("touch"), y = () => {
+    ), g = ht(), v = u.useRef("touch"), y = () => {
       r || (i.onValueChange(o), i.onOpenChange(!1));
     };
     if (o === "")
@@ -9709,9 +9712,9 @@ var Sn = "SelectItem", [eg, qi] = _t(Sn), Ki = f.forwardRef(
         scope: n,
         value: o,
         disabled: r,
-        textId: h,
+        textId: g,
         isSelected: d,
-        onItemTextChange: f.useCallback((w) => {
+        onItemTextChange: u.useCallback((w) => {
           l((x) => x || ((w == null ? void 0 : w.textContent) ?? "").trim());
         }, []),
         children: /* @__PURE__ */ p(
@@ -9720,12 +9723,12 @@ var Sn = "SelectItem", [eg, qi] = _t(Sn), Ki = f.forwardRef(
             scope: n,
             value: o,
             disabled: r,
-            textValue: u,
+            textValue: f,
             children: /* @__PURE__ */ p(
               X.div,
               {
                 role: "option",
-                "aria-labelledby": h,
+                "aria-labelledby": g,
                 "data-highlighted": m ? "" : void 0,
                 "aria-selected": d && m,
                 "data-state": d ? "checked" : "unchecked",
@@ -9734,8 +9737,8 @@ var Sn = "SelectItem", [eg, qi] = _t(Sn), Ki = f.forwardRef(
                 tabIndex: r ? void 0 : -1,
                 ...a,
                 ref: b,
-                onFocus: J(a.onFocus, () => g(!0)),
-                onBlur: J(a.onBlur, () => g(!1)),
+                onFocus: J(a.onFocus, () => h(!0)),
+                onBlur: J(a.onBlur, () => h(!1)),
                 onClick: J(a.onClick, () => {
                   v.current !== "mouse" && y();
                 }),
@@ -9766,9 +9769,9 @@ var Sn = "SelectItem", [eg, qi] = _t(Sn), Ki = f.forwardRef(
   }
 );
 Ki.displayName = Sn;
-var Dt = "SelectItemText", Xi = f.forwardRef(
+var Dt = "SelectItemText", Xi = u.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: o, style: r, ...s } = e, a = rt(Dt, n), i = st(Dt, n), c = qi(Dt, n), d = Vh(Dt, n), [u, l] = f.useState(null), m = ae(
+    const { __scopeSelect: n, className: o, style: r, ...s } = e, a = rt(Dt, n), i = st(Dt, n), c = qi(Dt, n), d = Vh(Dt, n), [f, l] = u.useState(null), m = ae(
       t,
       (y) => l(y),
       c.onItemTextChange,
@@ -9776,26 +9779,26 @@ var Dt = "SelectItemText", Xi = f.forwardRef(
         var w;
         return (w = i.itemTextRefCallback) == null ? void 0 : w.call(i, y, c.value, c.disabled);
       }
-    ), g = u == null ? void 0 : u.textContent, b = f.useMemo(
-      () => /* @__PURE__ */ p("option", { value: c.value, disabled: c.disabled, children: g }, c.value),
-      [c.disabled, c.value, g]
-    ), { onNativeOptionAdd: h, onNativeOptionRemove: v } = d;
-    return de(() => (h(b), () => v(b)), [h, v, b]), /* @__PURE__ */ U(_e, { children: [
+    ), h = f == null ? void 0 : f.textContent, b = u.useMemo(
+      () => /* @__PURE__ */ p("option", { value: c.value, disabled: c.disabled, children: h }, c.value),
+      [c.disabled, c.value, h]
+    ), { onNativeOptionAdd: g, onNativeOptionRemove: v } = d;
+    return de(() => (g(b), () => v(b)), [g, v, b]), /* @__PURE__ */ U(_e, { children: [
       /* @__PURE__ */ p(X.span, { id: c.textId, ...s, ref: m }),
       c.isSelected && a.valueNode && !a.valueNodeHasChildren ? Cn.createPortal(s.children, a.valueNode) : null
     ] });
   }
 );
 Xi.displayName = Dt;
-var Zi = "SelectItemIndicator", Ji = f.forwardRef(
+var Zi = "SelectItemIndicator", Ji = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e;
     return qi(Zi, n).isSelected ? /* @__PURE__ */ p(X.span, { "aria-hidden": !0, ...o, ref: t }) : null;
   }
 );
 Ji.displayName = Zi;
-var Eo = "SelectScrollUpButton", Qi = f.forwardRef((e, t) => {
-  const n = st(Eo, e.__scopeSelect), o = sr(Eo, e.__scopeSelect), [r, s] = f.useState(!1), a = ae(t, o.onScrollButtonChange);
+var Eo = "SelectScrollUpButton", Qi = u.forwardRef((e, t) => {
+  const n = st(Eo, e.__scopeSelect), o = sr(Eo, e.__scopeSelect), [r, s] = u.useState(!1), a = ae(t, o.onScrollButtonChange);
   return de(() => {
     if (n.viewport && n.isPositioned) {
       let i = function() {
@@ -9818,13 +9821,13 @@ var Eo = "SelectScrollUpButton", Qi = f.forwardRef((e, t) => {
   ) : null;
 });
 Qi.displayName = Eo;
-var Ro = "SelectScrollDownButton", ec = f.forwardRef((e, t) => {
-  const n = st(Ro, e.__scopeSelect), o = sr(Ro, e.__scopeSelect), [r, s] = f.useState(!1), a = ae(t, o.onScrollButtonChange);
+var Ro = "SelectScrollDownButton", ec = u.forwardRef((e, t) => {
+  const n = st(Ro, e.__scopeSelect), o = sr(Ro, e.__scopeSelect), [r, s] = u.useState(!1), a = ae(t, o.onScrollButtonChange);
   return de(() => {
     if (n.viewport && n.isPositioned) {
       let i = function() {
-        const d = c.scrollHeight - c.clientHeight, u = Math.ceil(c.scrollTop) < d;
-        s(u);
+        const d = c.scrollHeight - c.clientHeight, f = Math.ceil(c.scrollTop) < d;
+        s(f);
       };
       const c = n.viewport;
       return i(), c.addEventListener("scroll", i), () => c.removeEventListener("scroll", i);
@@ -9842,14 +9845,14 @@ var Ro = "SelectScrollDownButton", ec = f.forwardRef((e, t) => {
   ) : null;
 });
 ec.displayName = Ro;
-var tc = f.forwardRef((e, t) => {
-  const { __scopeSelect: n, onAutoScroll: o, ...r } = e, s = st("SelectScrollButton", n), a = f.useRef(null), i = Hn(n), c = f.useCallback(() => {
+var tc = u.forwardRef((e, t) => {
+  const { __scopeSelect: n, onAutoScroll: o, ...r } = e, s = st("SelectScrollButton", n), a = u.useRef(null), i = Hn(n), c = u.useCallback(() => {
     a.current !== null && (window.clearInterval(a.current), a.current = null);
   }, []);
-  return f.useEffect(() => () => c(), [c]), de(() => {
-    var u;
+  return u.useEffect(() => () => c(), [c]), de(() => {
+    var f;
     const d = i().find((l) => l.ref.current === document.activeElement);
-    (u = d == null ? void 0 : d.ref.current) == null || u.scrollIntoView({ block: "nearest" });
+    (f = d == null ? void 0 : d.ref.current) == null || f.scrollIntoView({ block: "nearest" });
   }, [i]), /* @__PURE__ */ p(
     X.div,
     {
@@ -9869,33 +9872,33 @@ var tc = f.forwardRef((e, t) => {
       })
     }
   );
-}), tg = "SelectSeparator", ng = f.forwardRef(
+}), tg = "SelectSeparator", ng = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e;
     return /* @__PURE__ */ p(X.div, { "aria-hidden": !0, ...o, ref: t });
   }
 );
 ng.displayName = tg;
-var No = "SelectArrow", og = f.forwardRef(
+var No = "SelectArrow", og = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e, r = Vn(n), s = rt(No, n), a = st(No, n);
     return s.open && a.position === "popper" ? /* @__PURE__ */ p(Xa, { ...r, ...o, ref: t }) : null;
   }
 );
 og.displayName = No;
-var rg = "SelectBubbleInput", nc = f.forwardRef(
+var rg = "SelectBubbleInput", nc = u.forwardRef(
   ({ __scopeSelect: e, value: t, ...n }, o) => {
-    const r = f.useRef(null), s = ae(o, r), a = Tn(t);
-    return f.useEffect(() => {
+    const r = u.useRef(null), s = ae(o, r), a = Tn(t);
+    return u.useEffect(() => {
       const i = r.current;
       if (!i) return;
-      const c = window.HTMLSelectElement.prototype, u = Object.getOwnPropertyDescriptor(
+      const c = window.HTMLSelectElement.prototype, f = Object.getOwnPropertyDescriptor(
         c,
         "value"
       ).set;
-      if (a !== t && u) {
+      if (a !== t && f) {
         const l = new Event("change", { bubbles: !0 });
-        u.call(i, t), i.dispatchEvent(l);
+        f.call(i, t), i.dispatchEvent(l);
       }
     }, [a, t]), /* @__PURE__ */ p(
       X.select,
@@ -9913,7 +9916,7 @@ function oc(e) {
   return e === "" || e === void 0;
 }
 function rc(e) {
-  const t = ve(e), n = f.useRef(""), o = f.useRef(0), r = f.useCallback(
+  const t = ve(e), n = u.useRef(""), o = u.useRef(0), r = u.useCallback(
     (a) => {
       const i = n.current + a;
       t(i), (function c(d) {
@@ -9921,10 +9924,10 @@ function rc(e) {
       })(i);
     },
     [t]
-  ), s = f.useCallback(() => {
+  ), s = u.useCallback(() => {
     n.current = "", window.clearTimeout(o.current);
   }, []);
-  return f.useEffect(() => () => window.clearTimeout(o.current), []), [n, r, s];
+  return u.useEffect(() => () => window.clearTimeout(o.current), []), [n, r, s];
 }
 function sc(e, t, n) {
   const r = t.length > 1 && Array.from(t).every((d) => d === t[0]) ? t[0] : t, s = n ? e.indexOf(n) : -1;
@@ -9938,7 +9941,7 @@ function sc(e, t, n) {
 function sg(e, t) {
   return e.map((n, o) => e[(t + o) % e.length]);
 }
-var ag = Oi, ig = Di, cg = $i, lg = Fi, dg = Bi, ug = Hi, fg = ji, pg = Ki, mg = Xi, hg = Ji, gg = Qi, vg = ec, bg = "Separator", as = "horizontal", yg = ["horizontal", "vertical"], ac = f.forwardRef((e, t) => {
+var ag = Oi, ig = Di, cg = $i, lg = Fi, dg = Bi, ug = Hi, fg = ji, pg = Ki, mg = Xi, hg = Ji, gg = Qi, vg = ec, bg = "Separator", as = "horizontal", yg = ["horizontal", "vertical"], ac = u.forwardRef((e, t) => {
   const { decorative: n, orientation: o = as, ...r } = e, s = wg(o) ? o : as, i = n ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
   return /* @__PURE__ */ p(
     X.div,
@@ -9954,7 +9957,7 @@ ac.displayName = bg;
 function wg(e) {
   return yg.includes(e);
 }
-var xg = ac, Wn = "Switch", [Sg] = we(Wn), [Cg, kg] = Sg(Wn), ic = f.forwardRef(
+var xg = ac, Wn = "Switch", [Sg] = we(Wn), [Cg, kg] = Sg(Wn), ic = u.forwardRef(
   (e, t) => {
     const {
       __scopeSwitch: n,
@@ -9965,9 +9968,9 @@ var xg = ac, Wn = "Switch", [Sg] = we(Wn), [Cg, kg] = Sg(Wn), ic = f.forwardRef(
       disabled: i,
       value: c = "on",
       onCheckedChange: d,
-      form: u,
+      form: f,
       ...l
-    } = e, [m, g] = f.useState(null), b = ae(t, (x) => g(x)), h = f.useRef(!1), v = m ? u || !!m.closest("form") : !0, [y, w] = je({
+    } = e, [m, h] = u.useState(null), b = ae(t, (x) => h(x)), g = u.useRef(!1), v = m ? f || !!m.closest("form") : !0, [y, w] = je({
       prop: r,
       defaultProp: s ?? !1,
       onChange: d,
@@ -9988,7 +9991,7 @@ var xg = ac, Wn = "Switch", [Sg] = we(Wn), [Cg, kg] = Sg(Wn), ic = f.forwardRef(
           ...l,
           ref: b,
           onClick: J(e.onClick, (x) => {
-            w((k) => !k), v && (h.current = x.isPropagationStopped(), h.current || x.stopPropagation());
+            w((k) => !k), v && (g.current = x.isPropagationStopped(), g.current || x.stopPropagation());
           })
         }
       ),
@@ -9996,13 +9999,13 @@ var xg = ac, Wn = "Switch", [Sg] = we(Wn), [Cg, kg] = Sg(Wn), ic = f.forwardRef(
         dc,
         {
           control: m,
-          bubbles: !h.current,
+          bubbles: !g.current,
           name: o,
           value: c,
           checked: y,
           required: a,
           disabled: i,
-          form: u,
+          form: f,
           style: { transform: "translateX(-100%)" }
         }
       )
@@ -10010,7 +10013,7 @@ var xg = ac, Wn = "Switch", [Sg] = we(Wn), [Cg, kg] = Sg(Wn), ic = f.forwardRef(
   }
 );
 ic.displayName = Wn;
-var cc = "SwitchThumb", lc = f.forwardRef(
+var cc = "SwitchThumb", lc = u.forwardRef(
   (e, t) => {
     const { __scopeSwitch: n, ...o } = e, r = kg(cc, n);
     return /* @__PURE__ */ p(
@@ -10025,7 +10028,7 @@ var cc = "SwitchThumb", lc = f.forwardRef(
   }
 );
 lc.displayName = cc;
-var Eg = "SwitchBubbleInput", dc = f.forwardRef(
+var Eg = "SwitchBubbleInput", dc = u.forwardRef(
   ({
     __scopeSwitch: e,
     control: t,
@@ -10033,17 +10036,17 @@ var Eg = "SwitchBubbleInput", dc = f.forwardRef(
     bubbles: o = !0,
     ...r
   }, s) => {
-    const a = f.useRef(null), i = ae(a, s), c = Tn(n), d = Pn(t);
-    return f.useEffect(() => {
-      const u = a.current;
-      if (!u) return;
-      const l = window.HTMLInputElement.prototype, g = Object.getOwnPropertyDescriptor(
+    const a = u.useRef(null), i = ae(a, s), c = Tn(n), d = Pn(t);
+    return u.useEffect(() => {
+      const f = a.current;
+      if (!f) return;
+      const l = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
         l,
         "checked"
       ).set;
-      if (c !== n && g) {
+      if (c !== n && h) {
         const b = new Event("click", { bubbles: o });
-        g.call(u, n), u.dispatchEvent(b);
+        h.call(f, n), f.dispatchEvent(b);
       }
     }, [c, n, o]), /* @__PURE__ */ p(
       "input",
@@ -10072,7 +10075,7 @@ function uc(e) {
 }
 var Rg = ic, Ng = lc, Un = "Tabs", [Tg] = we(Un, [
   Dn
-]), fc = Dn(), [Pg, ar] = Tg(Un), pc = f.forwardRef(
+]), fc = Dn(), [Pg, ar] = Tg(Un), pc = u.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: n,
@@ -10083,7 +10086,7 @@ var Rg = ic, Ng = lc, Un = "Tabs", [Tg] = we(Un, [
       dir: i,
       activationMode: c = "automatic",
       ...d
-    } = e, u = jt(i), [l, m] = je({
+    } = e, f = jt(i), [l, m] = je({
       prop: o,
       onChange: r,
       defaultProp: s ?? "",
@@ -10097,12 +10100,12 @@ var Rg = ic, Ng = lc, Un = "Tabs", [Tg] = we(Un, [
         value: l,
         onValueChange: m,
         orientation: a,
-        dir: u,
+        dir: f,
         activationMode: c,
         children: /* @__PURE__ */ p(
           X.div,
           {
-            dir: u,
+            dir: f,
             "data-orientation": a,
             ...d,
             ref: t
@@ -10113,7 +10116,7 @@ var Rg = ic, Ng = lc, Un = "Tabs", [Tg] = we(Un, [
   }
 );
 pc.displayName = Un;
-var mc = "TabsList", hc = f.forwardRef(
+var mc = "TabsList", hc = u.forwardRef(
   (e, t) => {
     const { __scopeTabs: n, loop: o = !0, ...r } = e, s = ar(mc, n), a = fc(n);
     return /* @__PURE__ */ p(
@@ -10138,24 +10141,24 @@ var mc = "TabsList", hc = f.forwardRef(
   }
 );
 hc.displayName = mc;
-var gc = "TabsTrigger", vc = f.forwardRef(
+var gc = "TabsTrigger", vc = u.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, value: o, disabled: r = !1, ...s } = e, a = ar(gc, n), i = fc(n), c = wc(a.baseId, o), d = xc(a.baseId, o), u = o === a.value;
+    const { __scopeTabs: n, value: o, disabled: r = !1, ...s } = e, a = ar(gc, n), i = fc(n), c = wc(a.baseId, o), d = xc(a.baseId, o), f = o === a.value;
     return /* @__PURE__ */ p(
       oi,
       {
         asChild: !0,
         ...i,
         focusable: !r,
-        active: u,
+        active: f,
         children: /* @__PURE__ */ p(
           X.button,
           {
             type: "button",
             role: "tab",
-            "aria-selected": u,
+            "aria-selected": f,
             "aria-controls": d,
-            "data-state": u ? "active" : "inactive",
+            "data-state": f ? "active" : "inactive",
             "data-disabled": r ? "" : void 0,
             disabled: r,
             id: c,
@@ -10169,7 +10172,7 @@ var gc = "TabsTrigger", vc = f.forwardRef(
             }),
             onFocus: J(e.onFocus, () => {
               const l = a.activationMode !== "manual";
-              !u && !r && l && a.onValueChange(o);
+              !f && !r && l && a.onValueChange(o);
             })
           }
         )
@@ -10178,16 +10181,16 @@ var gc = "TabsTrigger", vc = f.forwardRef(
   }
 );
 vc.displayName = gc;
-var bc = "TabsContent", yc = f.forwardRef(
+var bc = "TabsContent", yc = u.forwardRef(
   (e, t) => {
-    const { __scopeTabs: n, value: o, forceMount: r, children: s, ...a } = e, i = ar(bc, n), c = wc(i.baseId, o), d = xc(i.baseId, o), u = o === i.value, l = f.useRef(u);
-    return f.useEffect(() => {
+    const { __scopeTabs: n, value: o, forceMount: r, children: s, ...a } = e, i = ar(bc, n), c = wc(i.baseId, o), d = xc(i.baseId, o), f = o === i.value, l = u.useRef(f);
+    return u.useEffect(() => {
       const m = requestAnimationFrame(() => l.current = !1);
       return () => cancelAnimationFrame(m);
-    }, []), /* @__PURE__ */ p(Le, { present: r || u, children: ({ present: m }) => /* @__PURE__ */ p(
+    }, []), /* @__PURE__ */ p(De, { present: r || f, children: ({ present: m }) => /* @__PURE__ */ p(
       X.div,
       {
-        "data-state": u ? "active" : "inactive",
+        "data-state": f ? "active" : "inactive",
         "data-orientation": i.orientation,
         role: "tabpanel",
         "aria-labelledby": c,
@@ -10221,8 +10224,8 @@ var Ag = pc, Ig = hc, _g = vc, Mg = yc, [jn] = we("Tooltip", [
     skipDelayDuration: o = 300,
     disableHoverableContent: r = !1,
     children: s
-  } = e, a = f.useRef(!0), i = f.useRef(!1), c = f.useRef(0);
-  return f.useEffect(() => {
+  } = e, a = u.useRef(!0), i = u.useRef(!1), c = u.useRef(0);
+  return u.useEffect(() => {
     const d = c.current;
     return () => window.clearTimeout(d);
   }, []), /* @__PURE__ */ p(
@@ -10231,17 +10234,17 @@ var Ag = pc, Ig = hc, _g = vc, Mg = yc, [jn] = we("Tooltip", [
       scope: t,
       isOpenDelayedRef: a,
       delayDuration: n,
-      onOpen: f.useCallback(() => {
+      onOpen: u.useCallback(() => {
         window.clearTimeout(c.current), a.current = !1;
       }, []),
-      onClose: f.useCallback(() => {
+      onClose: u.useCallback(() => {
         window.clearTimeout(c.current), c.current = window.setTimeout(
           () => a.current = !0,
           o
         );
       }, [o]),
       isPointerInTransitRef: i,
-      onPointerInTransitChange: f.useCallback((d) => {
+      onPointerInTransitChange: u.useCallback((d) => {
         i.current = d;
       }, []),
       disableHoverableContent: r,
@@ -10259,24 +10262,24 @@ var Wt = "Tooltip", [Dg, qt] = jn(Wt), kc = (e) => {
     onOpenChange: s,
     disableHoverableContent: a,
     delayDuration: i
-  } = e, c = ir(Wt, e.__scopeTooltip), d = Gn(t), [u, l] = f.useState(null), m = ht(), g = f.useRef(0), b = a ?? c.disableHoverableContent, h = i ?? c.delayDuration, v = f.useRef(!1), [y, w] = je({
+  } = e, c = ir(Wt, e.__scopeTooltip), d = Gn(t), [f, l] = u.useState(null), m = ht(), h = u.useRef(0), b = a ?? c.disableHoverableContent, g = i ?? c.delayDuration, v = u.useRef(!1), [y, w] = je({
     prop: o,
     defaultProp: r ?? !1,
     onChange: (R) => {
       R ? (c.onOpen(), document.dispatchEvent(new CustomEvent(To))) : c.onClose(), s == null || s(R);
     },
     caller: Wt
-  }), x = f.useMemo(() => y ? v.current ? "delayed-open" : "instant-open" : "closed", [y]), k = f.useCallback(() => {
-    window.clearTimeout(g.current), g.current = 0, v.current = !1, w(!0);
-  }, [w]), N = f.useCallback(() => {
-    window.clearTimeout(g.current), g.current = 0, w(!1);
-  }, [w]), T = f.useCallback(() => {
-    window.clearTimeout(g.current), g.current = window.setTimeout(() => {
-      v.current = !0, w(!0), g.current = 0;
-    }, h);
-  }, [h, w]);
-  return f.useEffect(() => () => {
-    g.current && (window.clearTimeout(g.current), g.current = 0);
+  }), x = u.useMemo(() => y ? v.current ? "delayed-open" : "instant-open" : "closed", [y]), k = u.useCallback(() => {
+    window.clearTimeout(h.current), h.current = 0, v.current = !1, w(!0);
+  }, [w]), N = u.useCallback(() => {
+    window.clearTimeout(h.current), h.current = 0, w(!1);
+  }, [w]), T = u.useCallback(() => {
+    window.clearTimeout(h.current), h.current = window.setTimeout(() => {
+      v.current = !0, w(!0), h.current = 0;
+    }, g);
+  }, [g, w]);
+  return u.useEffect(() => () => {
+    h.current && (window.clearTimeout(h.current), h.current = 0);
   }, []), /* @__PURE__ */ p(Ya, { ...d, children: /* @__PURE__ */ p(
     Dg,
     {
@@ -10284,13 +10287,13 @@ var Wt = "Tooltip", [Dg, qt] = jn(Wt), kc = (e) => {
       contentId: m,
       open: y,
       stateAttribute: x,
-      trigger: u,
+      trigger: f,
       onTriggerChange: l,
-      onTriggerEnter: f.useCallback(() => {
+      onTriggerEnter: u.useCallback(() => {
         c.isOpenDelayedRef.current ? T() : k();
       }, [c.isOpenDelayedRef, T, k]),
-      onTriggerLeave: f.useCallback(() => {
-        b ? N() : (window.clearTimeout(g.current), g.current = 0);
+      onTriggerLeave: u.useCallback(() => {
+        b ? N() : (window.clearTimeout(h.current), h.current = 0);
       }, [N, b]),
       onOpen: k,
       onClose: N,
@@ -10300,10 +10303,10 @@ var Wt = "Tooltip", [Dg, qt] = jn(Wt), kc = (e) => {
   ) });
 };
 kc.displayName = Wt;
-var Po = "TooltipTrigger", Ec = f.forwardRef(
+var Po = "TooltipTrigger", Ec = u.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: n, ...o } = e, r = qt(Po, n), s = ir(Po, n), a = Gn(n), i = f.useRef(null), c = ae(t, i, r.onTriggerChange), d = f.useRef(!1), u = f.useRef(!1), l = f.useCallback(() => d.current = !1, []);
-    return f.useEffect(() => () => document.removeEventListener("pointerup", l), [l]), /* @__PURE__ */ p(qa, { asChild: !0, ...a, children: /* @__PURE__ */ p(
+    const { __scopeTooltip: n, ...o } = e, r = qt(Po, n), s = ir(Po, n), a = Gn(n), i = u.useRef(null), c = ae(t, i, r.onTriggerChange), d = u.useRef(!1), f = u.useRef(!1), l = u.useCallback(() => d.current = !1, []);
+    return u.useEffect(() => () => document.removeEventListener("pointerup", l), [l]), /* @__PURE__ */ p(qa, { asChild: !0, ...a, children: /* @__PURE__ */ p(
       X.button,
       {
         "aria-describedby": r.open ? r.contentId : void 0,
@@ -10311,10 +10314,10 @@ var Po = "TooltipTrigger", Ec = f.forwardRef(
         ...o,
         ref: c,
         onPointerMove: J(e.onPointerMove, (m) => {
-          m.pointerType !== "touch" && !u.current && !s.isPointerInTransitRef.current && (r.onTriggerEnter(), u.current = !0);
+          m.pointerType !== "touch" && !f.current && !s.isPointerInTransitRef.current && (r.onTriggerEnter(), f.current = !0);
         }),
         onPointerLeave: J(e.onPointerLeave, () => {
-          r.onTriggerLeave(), u.current = !1;
+          r.onTriggerLeave(), f.current = !1;
         }),
         onPointerDown: J(e.onPointerDown, () => {
           r.open && r.onClose(), d.current = !0, document.addEventListener("pointerup", l, { once: !0 });
@@ -10333,41 +10336,41 @@ var cr = "TooltipPortal", [zg, $g] = jn(cr, {
   forceMount: void 0
 }), Rc = (e) => {
   const { __scopeTooltip: t, forceMount: n, children: o, container: r } = e, s = qt(cr, t);
-  return /* @__PURE__ */ p(zg, { scope: t, forceMount: n, children: /* @__PURE__ */ p(Le, { present: n || s.open, children: /* @__PURE__ */ p(Vo, { asChild: !0, container: r, children: o }) }) });
+  return /* @__PURE__ */ p(zg, { scope: t, forceMount: n, children: /* @__PURE__ */ p(De, { present: n || s.open, children: /* @__PURE__ */ p(Vo, { asChild: !0, container: r, children: o }) }) });
 };
 Rc.displayName = cr;
-var Pt = "TooltipContent", Nc = f.forwardRef(
+var Pt = "TooltipContent", Nc = u.forwardRef(
   (e, t) => {
     const n = $g(Pt, e.__scopeTooltip), { forceMount: o = n.forceMount, side: r = "top", ...s } = e, a = qt(Pt, e.__scopeTooltip);
-    return /* @__PURE__ */ p(Le, { present: o || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ p(Tc, { side: r, ...s, ref: t }) : /* @__PURE__ */ p(Fg, { side: r, ...s, ref: t }) });
+    return /* @__PURE__ */ p(De, { present: o || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ p(Tc, { side: r, ...s, ref: t }) : /* @__PURE__ */ p(Fg, { side: r, ...s, ref: t }) });
   }
-), Fg = f.forwardRef((e, t) => {
-  const n = qt(Pt, e.__scopeTooltip), o = ir(Pt, e.__scopeTooltip), r = f.useRef(null), s = ae(t, r), [a, i] = f.useState(null), { trigger: c, onClose: d } = n, u = r.current, { onPointerInTransitChange: l } = o, m = f.useCallback(() => {
+), Fg = u.forwardRef((e, t) => {
+  const n = qt(Pt, e.__scopeTooltip), o = ir(Pt, e.__scopeTooltip), r = u.useRef(null), s = ae(t, r), [a, i] = u.useState(null), { trigger: c, onClose: d } = n, f = r.current, { onPointerInTransitChange: l } = o, m = u.useCallback(() => {
     i(null), l(!1);
-  }, [l]), g = f.useCallback(
-    (b, h) => {
-      const v = b.currentTarget, y = { x: b.clientX, y: b.clientY }, w = Wg(y, v.getBoundingClientRect()), x = Ug(y, w), k = jg(h.getBoundingClientRect()), N = Yg([...x, ...k]);
+  }, [l]), h = u.useCallback(
+    (b, g) => {
+      const v = b.currentTarget, y = { x: b.clientX, y: b.clientY }, w = Wg(y, v.getBoundingClientRect()), x = Ug(y, w), k = jg(g.getBoundingClientRect()), N = Yg([...x, ...k]);
       i(N), l(!0);
     },
     [l]
   );
-  return f.useEffect(() => () => m(), [m]), f.useEffect(() => {
-    if (c && u) {
-      const b = (v) => g(v, u), h = (v) => g(v, c);
-      return c.addEventListener("pointerleave", b), u.addEventListener("pointerleave", h), () => {
-        c.removeEventListener("pointerleave", b), u.removeEventListener("pointerleave", h);
+  return u.useEffect(() => () => m(), [m]), u.useEffect(() => {
+    if (c && f) {
+      const b = (v) => h(v, f), g = (v) => h(v, c);
+      return c.addEventListener("pointerleave", b), f.addEventListener("pointerleave", g), () => {
+        c.removeEventListener("pointerleave", b), f.removeEventListener("pointerleave", g);
       };
     }
-  }, [c, u, g, m]), f.useEffect(() => {
+  }, [c, f, h, m]), u.useEffect(() => {
     if (a) {
-      const b = (h) => {
-        const v = h.target, y = { x: h.clientX, y: h.clientY }, w = (c == null ? void 0 : c.contains(v)) || (u == null ? void 0 : u.contains(v)), x = !Gg(y, a);
+      const b = (g) => {
+        const v = g.target, y = { x: g.clientX, y: g.clientY }, w = (c == null ? void 0 : c.contains(v)) || (f == null ? void 0 : f.contains(v)), x = !Gg(y, a);
         w ? m() : x && (m(), d());
       };
       return document.addEventListener("pointermove", b), () => document.removeEventListener("pointermove", b);
     }
-  }, [c, u, a, d, m]), /* @__PURE__ */ p(Tc, { ...e, ref: s });
-}), [Bg, Hg] = jn(Wt, { isInside: !1 }), Vg = /* @__PURE__ */ Gu("TooltipContent"), Tc = f.forwardRef(
+  }, [c, f, a, d, m]), /* @__PURE__ */ p(Tc, { ...e, ref: s });
+}), [Bg, Hg] = jn(Wt, { isInside: !1 }), Vg = /* @__PURE__ */ Gu("TooltipContent"), Tc = u.forwardRef(
   (e, t) => {
     const {
       __scopeTooltip: n,
@@ -10376,16 +10379,16 @@ var Pt = "TooltipContent", Nc = f.forwardRef(
       onEscapeKeyDown: s,
       onPointerDownOutside: a,
       ...i
-    } = e, c = qt(Pt, n), d = Gn(n), { onClose: u } = c;
-    return f.useEffect(() => (document.addEventListener(To, u), () => document.removeEventListener(To, u)), [u]), f.useEffect(() => {
+    } = e, c = qt(Pt, n), d = Gn(n), { onClose: f } = c;
+    return u.useEffect(() => (document.addEventListener(To, f), () => document.removeEventListener(To, f)), [f]), u.useEffect(() => {
       if (c.trigger) {
         const l = (m) => {
-          const g = m.target;
-          g != null && g.contains(c.trigger) && u();
+          const h = m.target;
+          h != null && h.contains(c.trigger) && f();
         };
         return window.addEventListener("scroll", l, { capture: !0 }), () => window.removeEventListener("scroll", l, { capture: !0 });
       }
-    }, [c.trigger, u]), /* @__PURE__ */ p(
+    }, [c.trigger, f]), /* @__PURE__ */ p(
       Ho,
       {
         asChild: !0,
@@ -10393,7 +10396,7 @@ var Pt = "TooltipContent", Nc = f.forwardRef(
         onEscapeKeyDown: s,
         onPointerDownOutside: a,
         onFocusOutside: (l) => l.preventDefault(),
-        onDismiss: u,
+        onDismiss: f,
         children: /* @__PURE__ */ U(
           Ka,
           {
@@ -10420,7 +10423,7 @@ var Pt = "TooltipContent", Nc = f.forwardRef(
   }
 );
 Nc.displayName = Pt;
-var Pc = "TooltipArrow", Ac = f.forwardRef(
+var Pc = "TooltipArrow", Ac = u.forwardRef(
   (e, t) => {
     const { __scopeTooltip: n, ...o } = e, r = Gn(n);
     return Hg(
@@ -10488,8 +10491,8 @@ function Gg(e, t) {
   const { x: n, y: o } = e;
   let r = !1;
   for (let s = 0, a = t.length - 1; s < t.length; a = s++) {
-    const i = t[s], c = t[a], d = i.x, u = i.y, l = c.x, m = c.y;
-    u > o != m > o && n < (l - d) * (o - u) / (m - u) + d && (r = !r);
+    const i = t[s], c = t[a], d = i.x, f = i.y, l = c.x, m = c.y;
+    f > o != m > o && n < (l - d) * (o - f) / (m - f) + d && (r = !r);
   }
   return r;
 }
@@ -11555,17 +11558,17 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
   const t = e.some((o) => o.mode === "staging"), n = e.some((o) => o.mode === "dev");
   return t && n ? "Dev + Staging" : t ? "Staging Mode" : "Dev Mode";
 }, Nb = (e) => e.mode === "staging" ? "STAGING" : "DEV", Tb = ({ className: e = "", extensions: t = [], tokenErrors: n = /* @__PURE__ */ new Map() }) => {
-  const [o, r] = le([]), [s, a] = le(!1), [i, c] = le(!1), [d, u] = le(!1), l = Be(null), m = n.size > 0;
+  const [o, r] = le([]), [s, a] = le(!1), [i, c] = le(!1), [d, f] = le(!1), l = Me(null), m = n.size > 0;
   if (ce(() => {
     Eb();
   }, []), ce(() => {
     if (!m) return;
     const b = () => {
-      u(!0), setTimeout(() => u(!1), 600);
+      f(!0), setTimeout(() => f(!1), 600);
     };
     b();
-    const h = setInterval(b, 4e3);
-    return () => clearInterval(h);
+    const g = setInterval(b, 4e3);
+    return () => clearInterval(g);
   }, [m]), ce(() => {
     if (typeof window > "u") return;
     const b = () => {
@@ -11573,14 +11576,14 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
       r(v);
     };
     b();
-    const h = () => b();
-    return window.addEventListener("popstate", h), () => window.removeEventListener("popstate", h);
+    const g = () => b();
+    return window.addEventListener("popstate", g), () => window.removeEventListener("popstate", g);
   }, []), o.length === 0)
     return null;
-  const g = (b) => {
+  const h = (b) => {
     if (b.stopPropagation(), typeof window > "u") return;
-    const h = new URL(window.location.href);
-    h.searchParams.delete("_stackable_dev"), h.searchParams.delete("_stackable_staging"), window.location.href = h.toString();
+    const g = new URL(window.location.href);
+    g.searchParams.delete("_stackable_dev"), g.searchParams.delete("_stackable_staging"), window.location.href = g.toString();
   };
   return /* @__PURE__ */ U(
     "div",
@@ -11614,14 +11617,14 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
               width: "420px",
               maxWidth: "90vw"
             },
-            children: o.map((b, h) => {
+            children: o.map((b, g) => {
               var v;
               return /* @__PURE__ */ U(
                 "div",
                 {
                   style: {
                     padding: "8px 12px",
-                    borderBottom: h < o.length - 1 ? "1px solid #f3f4f6" : "none"
+                    borderBottom: g < o.length - 1 ? "1px solid #f3f4f6" : "none"
                   },
                   children: [
                     /* @__PURE__ */ U(
@@ -11750,7 +11753,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
               /* @__PURE__ */ p(
                 "button",
                 {
-                  onClick: g,
+                  onClick: h,
                   style: {
                     marginLeft: "4px",
                     backgroundColor: "rgba(0, 0, 0, 0.15)",
@@ -11783,7 +11786,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
   const r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
   return await Promise.all(
     e.filter((a) => a.manifest.permissions.includes("data:fetch")).map(async (a) => {
-      const i = o.find((m) => m.extensionId === a.id), c = i == null ? void 0 : i.token, d = i == null ? void 0 : i.mode, u = zt(t, "/proxy-token"), l = await fetch(u, {
+      const i = o.find((m) => m.extensionId === a.id), c = i == null ? void 0 : i.token, d = i == null ? void 0 : i.mode, f = zt(t, "/proxy-token"), l = await fetch(f, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -11794,8 +11797,8 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
         })
       });
       if (l.ok) {
-        const { token: m, encryptionKey: g } = await l.json();
-        r.set(a.id, { token: m, encryptionKey: g });
+        const { token: m, encryptionKey: h } = await l.json();
+        r.set(a.id, { token: m, encryptionKey: h });
       } else {
         let m = `Proxy token failed (${l.status})`;
         d && !c ? m = "Session token missing — re-run CLI" : d && (m = "Session expired or invalid — re-run CLI"), s.set(a.id, m), console.warn(`[embeddables] Failed to obtain proxy token for extension ${a.id} (${l.status}) — ${m}`);
@@ -11816,7 +11819,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
   customerEmail: a,
   customerName: i
 }) => {
-  const [c, d] = le([]), [u, l] = le([]), [m, g] = le(/* @__PURE__ */ new Map()), [b, h] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), [k, N] = le(void 0), T = Be(null), R = Be(/* @__PURE__ */ new Set()), S = Bt(() => c.filter((E) => E.manifest.permissions.includes("extend:identity")).map((E) => E.id), [c]);
+  const [c, d] = le([]), [f, l] = le([]), [m, h] = le(/* @__PURE__ */ new Map()), [b, g] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), [k, N] = le(void 0), T = Me(null), R = Me(/* @__PURE__ */ new Set()), S = Bt(() => c.filter((E) => E.manifest.permissions.includes("extend:identity")).map((E) => E.id), [c]);
   ce(() => {
     (async () => {
       const P = e;
@@ -11835,7 +11838,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
           return;
         }
         const L = await C.json(), F = vs(typeof window < "u" ? window.location.search : ""), M = await Ul(L, F), { tokens: Y, errors: j } = await Ab(M, n, o, F);
-        d(M), l(F), g(new Map(Y)), h(j);
+        d(M), l(F), h(new Map(Y)), g(j);
       } catch (C) {
         console.error("Failed to load extensions:", C);
       } finally {
@@ -11849,7 +11852,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
       const C = [];
       await Promise.all(
         c.filter((L) => L.manifest.permissions.includes("data:fetch")).map(async (L) => {
-          const F = u.find((z) => z.extensionId === L.id), M = F == null ? void 0 : F.token, Y = F == null ? void 0 : F.mode, j = zt(n, "/proxy-token"), ee = await fetch(j, {
+          const F = f.find((z) => z.extensionId === L.id), M = F == null ? void 0 : F.token, Y = F == null ? void 0 : F.mode, j = zt(n, "/proxy-token"), ee = await fetch(j, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
@@ -11865,7 +11868,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
           } else
             console.warn(`[embeddables] Proxy token refresh failed for extension ${L.id} (${ee.status}) — using stale token`);
         })
-      ), C.length > 0 && g((L) => {
+      ), C.length > 0 && h((L) => {
         const F = new Map(L);
         for (const [M, Y] of C)
           F.set(M, Y);
@@ -11873,7 +11876,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
       });
     }, 3300 * 1e3);
     return () => clearInterval(P);
-  }, [c, u, n, o]), ce(() => {
+  }, [c, f, n, o]), ce(() => {
     if (m.size === 0)
       return;
     const E = (P) => {
@@ -11883,14 +11886,14 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
       const L = C.extensionId, F = c.find((j) => j.id === L);
       if (!(F != null && F.bundleUrl))
         return;
-      const M = u.find((j) => j.extensionId === L);
+      const M = f.find((j) => j.extensionId === L);
       if (Hl(F.bundleUrl) && (M == null ? void 0 : M.mode) !== "staging")
         return;
       const Y = m.get(L);
       Y && Ue(L, { type: "extension-encryption-key", encryptionKey: Y.encryptionKey });
     };
     return window.addEventListener("message", E), () => window.removeEventListener("message", E);
-  }, [c, u, m]);
+  }, [c, f, m]);
   const A = Re((E, P) => {
     const C = Lt();
     for (const [L, F] of C) {
@@ -12210,32 +12213,32 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", _c = {
 };
 var _b = (e, t, n, o, r, s, a, i) => {
   let c = document.documentElement, d = ["light", "dark"];
-  function u(g) {
+  function f(h) {
     (Array.isArray(e) ? e : [e]).forEach((b) => {
-      let h = b === "class", v = h && s ? r.map((y) => s[y] || y) : r;
-      h ? (c.classList.remove(...v), c.classList.add(s && s[g] ? s[g] : g)) : c.setAttribute(b, g);
-    }), l(g);
+      let g = b === "class", v = g && s ? r.map((y) => s[y] || y) : r;
+      g ? (c.classList.remove(...v), c.classList.add(s && s[h] ? s[h] : h)) : c.setAttribute(b, h);
+    }), l(h);
   }
-  function l(g) {
-    i && d.includes(g) && (c.style.colorScheme = g);
+  function l(h) {
+    i && d.includes(h) && (c.style.colorScheme = h);
   }
   function m() {
     return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   }
-  if (o) u(o);
+  if (o) f(o);
   else try {
-    let g = localStorage.getItem(t) || n, b = a && g === "system" ? m() : g;
-    u(b);
+    let h = localStorage.getItem(t) || n, b = a && h === "system" ? m() : h;
+    f(b);
   } catch {
   }
-}, Mb = f.createContext(void 0), Ob = { setTheme: (e) => {
+}, Mb = u.createContext(void 0), Ob = { setTheme: (e) => {
 }, themes: [] }, Lb = () => {
   var e;
-  return (e = f.useContext(Mb)) != null ? e : Ob;
+  return (e = u.useContext(Mb)) != null ? e : Ob;
 };
-f.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: o, enableColorScheme: r, defaultTheme: s, value: a, themes: i, nonce: c, scriptProps: d }) => {
-  let u = JSON.stringify([n, t, s, e, i, a, o, r]).slice(1, -1);
-  return f.createElement("script", { ...d, suppressHydrationWarning: !0, nonce: typeof window > "u" ? c : "", dangerouslySetInnerHTML: { __html: `(${_b.toString()})(${u})` } });
+u.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: o, enableColorScheme: r, defaultTheme: s, value: a, themes: i, nonce: c, scriptProps: d }) => {
+  let f = JSON.stringify([n, t, s, e, i, a, o, r]).slice(1, -1);
+  return u.createElement("script", { ...d, suppressHydrationWarning: !0, nonce: typeof window > "u" ? c : "", dangerouslySetInnerHTML: { __html: `(${_b.toString()})(${f})` } });
 });
 const Db = ({ ...e }) => {
   const { theme: t = "system" } = Lb();
@@ -12282,7 +12285,7 @@ const Db = ({ ...e }) => {
     /* @__PURE__ */ p("g", { transform: "translate(-160.365,27.97)", children: /* @__PURE__ */ p("path", { d: "M210.68,67.03C210.68,79.37 220.68,89.37 233.03,89.37C245.38,89.37 255.37,79.37 255.37,67.03L210.68,67.03Z", opacity: "0.3" }) })
   ] })
 ] }), zc = 400, Vb = zc * 0.35, $c = ({ icon: e, isOpen: t, onClick: n }) => {
-  const o = Fb[e] ?? Bb, [r, s] = le("idle"), a = Be(t);
+  const o = Fb[e] ?? Bb, [r, s] = le("idle"), a = Me(t);
   ce(() => {
     if (a.current === t) return;
     a.current = t, s("interstitial");
@@ -12307,16 +12310,16 @@ const Db = ({ ...e }) => {
   ) });
 }, t0 = ({ children: e, icon: t, theme: n }) => {
   const [o, r] = le(!1), [s, a] = le(!0), [i, c] = le(!1), d = Re(() => {
-    r((u) => !u);
+    r((f) => !f);
   }, []);
   return ce(() => {
     o && !i && c(!0);
   }, [o, i]), ce(() => {
-    const u = () => r((h) => !h), l = () => r(!0), m = () => r(!1), g = () => a(!0), b = () => {
+    const f = () => r((g) => !g), l = () => r(!0), m = () => r(!1), h = () => a(!0), b = () => {
       r(!1), a(!1);
     };
-    return window.addEventListener("stackable:action:toggle", u), window.addEventListener("stackable:action:open", l), window.addEventListener("stackable:action:close", m), window.addEventListener("stackable:action:show", g), window.addEventListener("stackable:action:hide", b), () => {
-      window.removeEventListener("stackable:action:open", l), window.removeEventListener("stackable:action:close", m), window.removeEventListener("stackable:action:toggle", u), window.removeEventListener("stackable:action:show", g), window.removeEventListener("stackable:action:hide", b);
+    return window.addEventListener("stackable:action:toggle", f), window.addEventListener("stackable:action:open", l), window.addEventListener("stackable:action:close", m), window.addEventListener("stackable:action:show", h), window.addEventListener("stackable:action:hide", b), () => {
+      window.removeEventListener("stackable:action:open", l), window.removeEventListener("stackable:action:close", m), window.removeEventListener("stackable:action:toggle", f), window.removeEventListener("stackable:action:show", h), window.removeEventListener("stackable:action:hide", b);
     };
   }, []), /* @__PURE__ */ U(_e, { children: [
     s && /* @__PURE__ */ p(
@@ -12379,15 +12382,15 @@ const Db = ({ ...e }) => {
   if (s)
     return /* @__PURE__ */ p($t, { className: "border-none shadow-none bg-transparent", children: /* @__PURE__ */ p(Ft, { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ p(Oo, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
   if (a || !r) {
-    const u = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", l = u.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
+    const f = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", l = f.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
     return /* @__PURE__ */ p($t, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ U(Ft, { className: "p-4 pb-0 pt-2", children: [
       /* @__PURE__ */ U("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ U(Ao, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
           /* @__PURE__ */ p(
             Io,
             {
-              src: `https://ui-avatars.com/api/?name=${encodeURIComponent(u)}&background=7c3aed&color=fff&size=128`,
-              alt: u
+              src: `https://ui-avatars.com/api/?name=${encodeURIComponent(f)}&background=7c3aed&color=fff&size=128`,
+              alt: f
             }
           ),
           /* @__PURE__ */ p(_o, { className: "text-lg", children: l })
@@ -12395,7 +12398,7 @@ const Db = ({ ...e }) => {
         /* @__PURE__ */ U("div", { className: "text-center w-full space-y-1", children: [
           /* @__PURE__ */ U("div", { children: [
             /* @__PURE__ */ p("p", { className: "text-xs text-foreground/70 font-medium tracking-wide", children: "Welcome," }),
-            /* @__PURE__ */ p("h2", { className: "text-lg font-bold text-foreground leading-tight", children: u })
+            /* @__PURE__ */ p("h2", { className: "text-lg font-bold text-foreground leading-tight", children: f })
           ] }),
           t && /* @__PURE__ */ p("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ U("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
             /* @__PURE__ */ p(mo, { className: "h-3 w-3", "aria-hidden": "true" }),
@@ -12446,7 +12449,7 @@ const Db = ({ ...e }) => {
     };
   }, [e, t]);
 }, Gb = ({ customization: e }) => {
-  const t = Be(null);
+  const t = Me(null);
   return Fc("widget_conversations", t), ce(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       conversationList: e
@@ -12459,7 +12462,7 @@ const Db = ({ ...e }) => {
     }
   );
 }, Yb = ({ customization: e }) => {
-  const t = Be(null);
+  const t = Me(null);
   return Fc("widget_messages", t), ce(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       messageLog: e
@@ -12485,7 +12488,7 @@ const Db = ({ ...e }) => {
   const a = Math.max(
     uo,
     Math.min(fo, s)
-  ), { extensions: i } = gs(), c = Bt(() => i.some((S) => S.enabled && (S.manifest.targets.includes("slot.header") || S.manifest.targets.includes("slot.content"))), [i]), [d, u] = le(!1), [l, m] = le(!1), [g, b] = le("extensions"), [h, v] = le(a), [y, w] = le("loading"), x = Be(null), k = Re(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
+  ), { extensions: i } = gs(), c = Bt(() => i.some((S) => S.enabled && (S.manifest.targets.includes("slot.header") || S.manifest.targets.includes("slot.content"))), [i]), [d, f] = le(!1), [l, m] = le(!1), [h, b] = le("extensions"), [g, v] = le(a), [y, w] = le("loading"), x = Me(null), k = Re(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
     mode: "embedded",
     messageLog: { targetElement: "#widget_messages" },
     conversationList: { targetElement: "#widget_conversations" }
@@ -12558,7 +12561,7 @@ const Db = ({ ...e }) => {
       );
       v(W);
     }, A = () => {
-      u(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
+      f(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
     return document.body.style.cursor = l ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", S), window.addEventListener("mouseup", A), window.addEventListener("blur", A), () => {
       window.removeEventListener("mousemove", S), window.removeEventListener("mouseup", A), window.removeEventListener("blur", A), document.body.style.cursor = "", document.body.style.userSelect = "";
@@ -12581,7 +12584,7 @@ const Db = ({ ...e }) => {
       v(a);
       return;
     }
-    S.preventDefault(), u(!0);
+    S.preventDefault(), f(!0);
   }, [a]), R = { customerId: o, customerEmail: r };
   return /* @__PURE__ */ U("div", { "data-component": "zendesk-wrapper", className: "flex-1 flex flex-col z-10 overflow-hidden", style: { containerType: "inline-size" }, children: [
     /* @__PURE__ */ p("style", {
@@ -12594,10 +12597,10 @@ const Db = ({ ...e }) => {
         {
           "data-id": "primary-panel",
           className: "min-h-0 min-w-0 flex-none overflow-hidden flex flex-col",
-          style: { flexBasis: `${h}%` },
+          style: { flexBasis: `${g}%` },
           children: [
             /* @__PURE__ */ U("div", { className: "flex items-center justify-between px-4 py-3", children: [
-              /* @__PURE__ */ p("h2", { className: "font-semibold text-sm text-foreground", children: g === "extensions" ? "My Profile" : "My Conversations" }),
+              /* @__PURE__ */ p("h2", { className: "font-semibold text-sm text-foreground", children: h === "extensions" ? "My Profile" : "My Conversations" }),
               /* @__PURE__ */ U("div", { className: "flex items-center gap-1", children: [
                 e && /* @__PURE__ */ p("div", { className: "flex mr-1 gap-1", children: e }),
                 /* @__PURE__ */ U("div", { className: "flex rounded-lg bg-muted p-1", children: [
@@ -12609,7 +12612,7 @@ const Db = ({ ...e }) => {
                       className: K(
                         // eslint-disable-next-line @stylistic/max-len
                         "rounded-md border border-transparent p-1.5 transition-colors hover:cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
-                        g === "extensions" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+                        h === "extensions" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
                       ),
                       title: "My Profile",
                       children: /* @__PURE__ */ p(Rs, { className: "h-4 w-4" })
@@ -12622,7 +12625,7 @@ const Db = ({ ...e }) => {
                       className: K(
                         // eslint-disable-next-line @stylistic/max-len
                         "rounded-md border border-transparent p-1.5 transition-colors hover:cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
-                        g === "conversations" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+                        h === "conversations" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
                       ),
                       title: "Conversations",
                       children: /* @__PURE__ */ p(Lo, { className: "h-4 w-4" })
@@ -12632,7 +12635,7 @@ const Db = ({ ...e }) => {
               ] })
             ] }),
             /* @__PURE__ */ U("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
-              /* @__PURE__ */ U("div", { className: K("flex flex-col gap-2", g === "conversations" && "hidden"), children: [
+              /* @__PURE__ */ U("div", { className: K("flex flex-col gap-2", h === "conversations" && "hidden"), children: [
                 /* @__PURE__ */ p(jb, { customerId: o, customerEmail: r, queryApiBase: n, children: /* @__PURE__ */ p(
                   Qt,
                   {
@@ -12652,7 +12655,7 @@ const Db = ({ ...e }) => {
               ] }),
               /* @__PURE__ */ p("div", { className: K(
                 "h-full rounded-xl border border-zinc-200 bg-white p-2 shadow-sm dark:border-zinc-300",
-                g === "extensions" && "hidden"
+                h === "extensions" && "hidden"
               ), children: y === "error" ? /* @__PURE__ */ p("div", { className: "flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ p("p", { children: "Error loading conversations." }) }) : /* @__PURE__ */ p(Gb, {}) })
             ] })
           ]
@@ -12663,7 +12666,7 @@ const Db = ({ ...e }) => {
         {
           "data-id": "secondary-panel",
           className: "min-h-0 min-w-0 flex-none flex flex-col bg-white",
-          style: { flexBasis: c ? `${100 - h}%` : "100%" },
+          style: { flexBasis: c ? `${100 - g}%` : "100%" },
           children: [
             /* @__PURE__ */ p("div", { className: "flex-1 overflow-hidden", children: y === "error" ? /* @__PURE__ */ p("div", { className: "flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ p("p", { children: "Zendesk Messenger could not be loaded. Check that a valid Snippet Key is configured." }) }) : /* @__PURE__ */ p(Yb, {}) }),
             /* @__PURE__ */ U("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
@@ -12704,14 +12707,14 @@ const Db = ({ ...e }) => {
               "group/resize absolute z-20 flex items-center justify-center",
               l ? "top-0 bottom-0 w-3 -ml-2.5 cursor-col-resize" : "w-full h-3 -mt-2.5 cursor-row-resize"
             ),
-            style: l ? { left: `${h}%` } : { top: `${h}%` },
+            style: l ? { left: `${g}%` } : { top: `${g}%` },
             onMouseDown: T,
             role: "separator",
             "aria-label": "Resize panels",
             "aria-orientation": l ? "vertical" : "horizontal",
             "aria-valuemin": uo,
             "aria-valuemax": fo,
-            "aria-valuenow": Math.round(h),
+            "aria-valuenow": Math.round(g),
             children: /* @__PURE__ */ p(
               "div",
               {
@@ -12728,7 +12731,7 @@ const Db = ({ ...e }) => {
           "div",
           {
             className: K("absolute inset-0 z-40", l ? "cursor-col-resize" : "cursor-row-resize"),
-            onMouseUp: () => u(!1)
+            onMouseUp: () => f(!1)
           }
         )
       ] })