chiperos-ai-components-library 0.1.5 → 0.1.6

package/dist/chiperos-ai-components-library.js

@@ -141,12 +141,12 @@ const Gn = "-", Ma = (e) => {
       }
       b === "[" ? c++ : b === "]" && c--;
     }
-    const f = s.length === 0 ? d : d.substring(l), m = f.startsWith(Bo), v = m ? f.substring(1) : f, $ = u && u > l ? u - l : void 0;
+    const $ = s.length === 0 ? d : d.substring(l), m = $.startsWith(Bo), v = m ? $.substring(1) : $, f = u && u > l ? u - l : void 0;
     return {
       modifiers: s,
       hasImportantModifier: m,
       baseClassName: v,
-      maybePostfixModifierPosition: $
+      maybePostfixModifierPosition: f
     };
   };
   return n ? (d) => n({
@@ -176,26 +176,26 @@ const Gn = "-", Ma = (e) => {
     const c = a[s], {
       modifiers: l,
       hasImportantModifier: u,
-      baseClassName: f,
+      baseClassName: $,
       maybePostfixModifierPosition: m
     } = n(c);
-    let v = !!m, $ = r(v ? f.substring(0, m) : f);
-    if (!$) {
+    let v = !!m, f = r(v ? $.substring(0, m) : $);
+    if (!f) {
       if (!v) {
         d = c + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if ($ = r(f), !$) {
+      if (f = r($), !f) {
         d = c + (d.length > 0 ? " " + d : d);
         continue;
       }
       v = !1;
     }
-    const g = Wa(l).join(":"), b = u ? g + Bo : g, y = b + $;
+    const g = Wa(l).join(":"), b = u ? g + Bo : g, y = b + f;
     if (i.includes(y))
       continue;
     i.push(y);
-    const w = o($, v);
+    const w = o(f, v);
     for (let x = 0; x < w.length; ++x) {
       const S = w[x];
       i.push(b + S);
@@ -247,7 +247,7 @@ const V = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Qa.test(e) && !ed.test(e)
 ), Wo = () => !1, ud = (e) => td.test(e), fd = (e) => nd.test(e), $d = () => {
-  const e = V("colors"), t = V("spacing"), n = V("blur"), r = V("brightness"), o = V("borderColor"), i = V("borderRadius"), a = V("borderSpacing"), d = V("borderWidth"), s = V("contrast"), c = V("grayscale"), l = V("hueRotate"), u = V("invert"), f = V("gap"), m = V("gradientColorStops"), v = V("gradientColorStopPositions"), $ = V("inset"), g = V("margin"), b = V("opacity"), y = V("padding"), w = V("saturate"), x = V("scale"), S = V("sepia"), N = V("skew"), _ = V("space"), k = V("translate"), D = () => ["auto", "contain", "none"], M = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", F, t], E = () => [F, t], z = () => ["", xe, Ne], O = () => ["auto", Je, F], j = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], Z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], R = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], U = () => ["", "0", F], ee = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], te = () => [Je, F];
+  const e = V("colors"), t = V("spacing"), n = V("blur"), r = V("brightness"), o = V("borderColor"), i = V("borderRadius"), a = V("borderSpacing"), d = V("borderWidth"), s = V("contrast"), c = V("grayscale"), l = V("hueRotate"), u = V("invert"), $ = V("gap"), m = V("gradientColorStops"), v = V("gradientColorStopPositions"), f = V("inset"), g = V("margin"), b = V("opacity"), y = V("padding"), w = V("saturate"), x = V("scale"), S = V("sepia"), N = V("skew"), _ = V("space"), k = V("translate"), D = () => ["auto", "contain", "none"], M = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", F, t], E = () => [F, t], z = () => ["", xe, Ne], O = () => ["auto", Je, F], j = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], Z = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], R = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], U = () => ["", "0", F], ee = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], te = () => [Je, F];
   return {
     cacheSize: 500,
     separator: ":",
@@ -424,63 +424,63 @@ const V = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [$]
+        inset: [f]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [$]
+        "inset-x": [f]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [$]
+        "inset-y": [f]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [$]
+        start: [f]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [$]
+        end: [f]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [$]
+        top: [f]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [$]
+        right: [f]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [$]
+        bottom: [f]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [$]
+        left: [f]
       }],
       /**
        * Visibility
@@ -630,21 +630,21 @@ const V = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [f]
+        gap: [$]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [f]
+        "gap-x": [$]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [f]
+        "gap-y": [$]
       }],
       /**
        * Justify Content
@@ -2393,26 +2393,26 @@ const xr = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Cr = zo, g
   const { variants: o, defaultVariants: i } = t, a = Object.keys(o).map((c) => {
     const l = n?.[c], u = i?.[c];
     if (l === null) return null;
-    const f = xr(l) || xr(u);
-    return o[c][f];
+    const $ = xr(l) || xr(u);
+    return o[c][$];
   }), d = n && Object.entries(n).reduce((c, l) => {
-    let [u, f] = l;
-    return f === void 0 || (c[u] = f), c;
+    let [u, $] = l;
+    return $ === void 0 || (c[u] = $), c;
   }, {}), s = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((c, l) => {
-    let { class: u, className: f, ...m } = l;
+    let { class: u, className: $, ...m } = l;
     return Object.entries(m).every((v) => {
-      let [$, g] = v;
+      let [f, g] = v;
       return Array.isArray(g) ? g.includes({
         ...i,
         ...d
-      }[$]) : {
+      }[f]) : {
         ...i,
         ...d
-      }[$] === g;
+      }[f] === g;
     }) ? [
       ...c,
       u,
-      f
+      $
     ] : c;
   }, []);
   return Cr(e, a, s, n?.class, n?.className);
@@ -2557,8 +2557,8 @@ const bd = h.forwardRef(
     ...d
   }, s) => {
     const c = () => typeof t == "number" ? `gap-${t}` : "", l = () => {
-      const f = [];
-      return f.push(`grid-cols-${r}`), n && f.push(`md:grid-cols-${n}`), f.push(`lg:grid-cols-${e}`), f.join(" ");
+      const $ = [];
+      return $.push(`grid-cols-${r}`), n && $.push(`md:grid-cols-${n}`), $.push(`lg:grid-cols-${e}`), $.join(" ");
     }, u = typeof t == "string" ? { gap: t, ...a } : a;
     return /* @__PURE__ */ p(
       "div",
@@ -2572,10 +2572,10 @@ const bd = h.forwardRef(
         ),
         style: u,
         ...d,
-        children: h.Children.map(o, (f) => h.isValidElement(f) ? h.cloneElement(f, {
-          ...f.props,
-          className: I("w-full", f.props.className)
-        }) : f)
+        children: h.Children.map(o, ($) => h.isValidElement($) ? h.cloneElement($, {
+          ...$.props,
+          className: I("w-full", $.props.className)
+        }) : $)
       }
     );
   }
@@ -2651,8 +2651,8 @@ function C(e, t, n) {
     d._zod.traits.add(e), t(d, s);
     const c = a.prototype, l = Object.keys(c);
     for (let u = 0; u < l.length; u++) {
-      const f = l[u];
-      f in d || (d[f] = c[f].bind(d));
+      const $ = l[u];
+      $ in d || (d[$] = c[$].bind(d));
     }
   }
   const o = n?.Parent ?? Object;
@@ -3086,17 +3086,17 @@ const os = (e) => {
             continue;
         } else if (c)
           continue;
-        const f = a.issues.length, m = u._zod.check(a);
+        const $ = a.issues.length, m = u._zod.check(a);
         if (m instanceof Promise && s?.async === !1)
           throw new qe();
         if (l || m instanceof Promise)
           l = (l ?? Promise.resolve()).then(async () => {
-            await m, a.issues.length !== f && (c || (c = Ye(a, f)));
+            await m, a.issues.length !== $ && (c || (c = Ye(a, $)));
           });
         else {
-          if (a.issues.length === f)
+          if (a.issues.length === $)
             continue;
-          c || (c = Ye(a, f));
+          c || (c = Ye(a, $));
         }
       }
       return l ? l.then(() => a) : a;
@@ -5060,8 +5060,8 @@ var Uu = ";ext=", He = function(t) {
   return "([".concat($e, "]{1,").concat(t, "})");
 };
 function li(e) {
-  var t = "20", n = "15", r = "9", o = "6", i = "[  \\t,]*", a = "[:\\.．]?[  \\t,-]*", d = "#?", s = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", c = "(?:[xｘ#＃~～]|int|ｉｎｔ)", l = "[- ]+", u = "[  \\t]*", f = "(?:,{2}|;)", m = Uu + He(t), v = i + s + a + He(t) + d, $ = i + c + a + He(r) + d, g = l + He(o) + "#", b = u + f + a + He(n) + d, y = u + "(?:,)+" + a + He(r) + d;
-  return m + "|" + v + "|" + $ + "|" + g + "|" + b + "|" + y;
+  var t = "20", n = "15", r = "9", o = "6", i = "[  \\t,]*", a = "[:\\.．]?[  \\t,-]*", d = "#?", s = "(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)", c = "(?:[xｘ#＃~～]|int|ｉｎｔ)", l = "[- ]+", u = "[  \\t]*", $ = "(?:,{2}|;)", m = Uu + He(t), v = i + s + a + He(t) + d, f = i + c + a + He(r) + d, g = l + He(o) + "#", b = u + $ + a + He(n) + d, y = u + "(?:,)+" + a + He(r) + d;
+  return m + "|" + v + "|" + f + "|" + g + "|" + b + "|" + y;
 }
 var Wu = "[" + $e + "]{" + or + "}", Vu = "[" + ir + "]{0,1}(?:[" + zt + "]*[" + $e + "]){3,}[" + zt + $e + "]*", Hu = new RegExp("^[" + ir + "]{0,1}(?:[" + zt + "]*[" + $e + "]){1,2}$", "i"), Gu = Vu + // Phone number extensions
 "(?:" + li() + ")?", Ku = new RegExp(
@@ -5598,7 +5598,7 @@ function B0(e, t, n) {
       throw a === "TOO_SHORT" ? new Ae("TOO_SHORT") : new Ae("NOT_A_NUMBER");
     return {};
   }
-  var d = V0(o, t.defaultCountry, t.defaultCallingCode, n), s = d.country, c = d.nationalNumber, l = d.countryCallingCode, u = d.countryCallingCodeSource, f = d.carrierCode;
+  var d = V0(o, t.defaultCountry, t.defaultCallingCode, n), s = d.country, c = d.nationalNumber, l = d.countryCallingCode, u = d.countryCallingCodeSource, $ = d.carrierCode;
   if (!n.hasSelectedNumberingPlan()) {
     if (t.v2)
       throw new Ae("INVALID_COUNTRY");
@@ -5616,13 +5616,13 @@ function B0(e, t, n) {
   }
   if (t.v2) {
     var m = new s0(l, c, n.metadata);
-    return s && (m.country = s), f && (m.carrierCode = f), i && (m.ext = i), m.__countryCallingCodeSource = u, m;
+    return s && (m.country = s), $ && (m.carrierCode = $), i && (m.ext = i), m.__countryCallingCodeSource = u, m;
   }
   var v = (t.extended ? n.hasSelectedNumberingPlan() : s) ? Ce(c, n.nationalNumberPattern()) : !1;
   return t.extended ? {
     country: s,
     countryCallingCode: l,
-    carrierCode: f,
+    carrierCode: $,
     valid: v,
     possible: v ? !0 : !!(t.extended === !0 && n.possibleLengths() && di(c, s, n)),
     phone: c,
@@ -5679,11 +5679,11 @@ function V0(e, t, n, r) {
       countryCallingCodeSource: i,
       countryCallingCode: a
     };
-  var c = An(Qr(d), s, r), l = c.nationalNumber, u = c.carrierCode, f = si(a, {
+  var c = An(Qr(d), s, r), l = c.nationalNumber, u = c.carrierCode, $ = si(a, {
     nationalNumber: l,
     metadata: r
   });
-  return f && (s = f, f === "001" || r.selectNumberingPlan(s)), {
+  return $ && (s = $, $ === "001" || r.selectNumberingPlan(s)), {
     country: s,
     countryCallingCode: a,
     countryCallingCodeSource: i,
@@ -5885,8 +5885,8 @@ const mn = (e, t) => {
     validateOnChange: c = !0,
     validateOnBlur: l = !0,
     ...u
-  }, f) => {
-    const [m, v] = pt(!1), [$, g] = pt(!1), [b, y] = pt(null), w = !!r || !!b, x = typeof r == "string" ? r : b, S = i === "password" && d, N = S && $ ? "text" : i;
+  }, $) => {
+    const [m, v] = pt(!1), [f, g] = pt(!1), [b, y] = pt(null), w = !!r || !!b, x = typeof r == "string" ? r : b, S = i === "password" && d, N = S && f ? "text" : i;
     wa(() => {
       if (e && s) {
         const O = mn(e, s);
@@ -5908,7 +5908,7 @@ const mn = (e, t) => {
       }
       u.onBlur && u.onBlur(O);
     }, M = () => {
-      g(!$);
+      g(!f);
     }, B = I(
       // Layout
       "flex items-center gap-2",
@@ -5947,7 +5947,7 @@ const mn = (e, t) => {
         /* @__PURE__ */ p(
           "input",
           {
-            ref: f,
+            ref: $,
             type: N,
             value: e,
             onChange: _,
@@ -5970,9 +5970,9 @@ const mn = (e, t) => {
             disabled: n,
             className: z,
             "data-testid": "password-toggle",
-            "aria-label": $ ? "Hide password" : "Show password",
+            "aria-label": f ? "Hide password" : "Show password",
             tabIndex: -1,
-            children: $ ? /* @__PURE__ */ p(Sa, { size: 20 }) : /* @__PURE__ */ p(_a, { size: 20 })
+            children: f ? /* @__PURE__ */ p(Sa, { size: 20 }) : /* @__PURE__ */ p(_a, { size: 20 })
           }
         )
       ] }),
@@ -6300,10 +6300,10 @@ const p1 = ({ color: e = "#312e4d" }) => /* @__PURE__ */ p(
     bodyText: c,
     button: l,
     onClick: u,
-    className: f,
+    className: $,
     ...m
   }, v) => {
-    const $ = {
+    const f = {
       primary: "#312e4d",
       error: "#d4002c",
       brand: "#00995a"
@@ -6327,11 +6327,11 @@ const p1 = ({ color: e = "#312e4d" }) => /* @__PURE__ */ p(
         className: I(
           "bg-white border border-[#ecebf0] rounded-xl p-5 px-8 flex gap-2",
           u && "cursor-pointer hover:shadow-md transition-shadow",
-          f
+          $
         ),
         ...m,
         children: [
-          /* @__PURE__ */ p("div", { className: "flex items-center justify-center shrink-0", children: d || /* @__PURE__ */ p(p1, { color: $[s] }) }),
+          /* @__PURE__ */ p("div", { className: "flex items-center justify-center shrink-0", children: d || /* @__PURE__ */ p(p1, { color: f[s] }) }),
           /* @__PURE__ */ P("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
             /* @__PURE__ */ P("div", { className: "flex items-center justify-between gap-2 w-full", children: [
               /* @__PURE__ */ p(
@@ -6654,8 +6654,8 @@ const so = {
               a && /* @__PURE__ */ p(
                 "button",
                 {
-                  onClick: (f) => {
-                    f.stopPropagation(), a.onClick?.();
+                  onClick: ($) => {
+                    $.stopPropagation(), a.onClick?.();
                   },
                   disabled: !a.onClick,
                   className: I(
@@ -6675,8 +6675,8 @@ const so = {
               d && /* @__PURE__ */ p(
                 "button",
                 {
-                  onClick: (f) => {
-                    f.stopPropagation(), d.onClick?.();
+                  onClick: ($) => {
+                    $.stopPropagation(), d.onClick?.();
                   },
                   className: "text-sm leading-[18px] font-semibold text-[#00995a] hover:underline",
                   style: { fontFamily: "Causten Round, sans-serif" },
@@ -6750,9 +6750,9 @@ const qt = "#00995a", Qt = 32, en = 2, b1 = () => /* @__PURE__ */ p(
     icon: c,
     currencySymbol: l = "$",
     className: u,
-    ...f
+    ...$
   }, m) => {
-    const v = C1[e], $ = c || v.icon, g = (b) => `${l}${b.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ",")}`;
+    const v = C1[e], f = c || v.icon, g = (b) => `${l}${b.toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g, ",")}`;
     return /* @__PURE__ */ P(
       "div",
       {
@@ -6761,9 +6761,9 @@ const qt = "#00995a", Qt = 32, en = 2, b1 = () => /* @__PURE__ */ p(
           "bg-white border border-[#ecebf0] rounded-xl p-5 flex gap-2",
           u
         ),
-        ...f,
+        ...$,
         children: [
-          /* @__PURE__ */ p("div", { className: "flex items-start justify-center shrink-0", children: typeof $ == "function" ? /* @__PURE__ */ p($, {}) : $ }),
+          /* @__PURE__ */ p("div", { className: "flex items-start justify-center shrink-0", children: typeof f == "function" ? /* @__PURE__ */ p(f, {}) : f }),
           /* @__PURE__ */ P("div", { className: "flex-1 flex gap-2 items-start justify-end min-w-0", children: [
             /* @__PURE__ */ P("div", { className: "flex-1 flex flex-col gap-1 min-w-0", children: [
               /* @__PURE__ */ p(
@@ -6953,12 +6953,12 @@ function dr(e, t = []) {
     const d = h.createContext(a), s = n.length;
     n = [...n, a];
     const c = (u) => {
-      const { scope: f, children: m, ...v } = u, $ = f?.[e]?.[s] || d, g = h.useMemo(() => v, Object.values(v));
-      return /* @__PURE__ */ p($.Provider, { value: g, children: m });
+      const { scope: $, children: m, ...v } = u, f = $?.[e]?.[s] || d, g = h.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ p(f.Provider, { value: g, children: m });
     };
     c.displayName = i + "Provider";
-    function l(u, f) {
-      const m = f?.[e]?.[s] || d, v = h.useContext(m);
+    function l(u, $) {
+      const m = $?.[e]?.[s] || d, v = h.useContext(m);
       if (v) return v;
       if (a !== void 0) return a;
       throw new Error(`\`${u}\` must be used within \`${i}\``);
@@ -7023,27 +7023,27 @@ function E1(e) {
   const t = e + "CollectionProvider", [n, r] = dr(t), [o, i] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = ($) => {
-    const { scope: g, children: b } = $, y = Me.useRef(null), w = Me.useRef(/* @__PURE__ */ new Map()).current;
+  ), a = (f) => {
+    const { scope: g, children: b } = f, y = Me.useRef(null), w = Me.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ p(o, { scope: g, itemMap: w, collectionRef: y, children: b });
   };
   a.displayName = t;
   const d = e + "CollectionSlot", s = Mt(d), c = Me.forwardRef(
-    ($, g) => {
-      const { scope: b, children: y } = $, w = i(d, b), x = ne(g, w.collectionRef);
+    (f, g) => {
+      const { scope: b, children: y } = f, w = i(d, b), x = ne(g, w.collectionRef);
       return /* @__PURE__ */ p(s, { ref: x, children: y });
     }
   );
   c.displayName = d;
-  const l = e + "CollectionItemSlot", u = "data-radix-collection-item", f = Mt(l), m = Me.forwardRef(
-    ($, g) => {
-      const { scope: b, children: y, ...w } = $, x = Me.useRef(null), S = ne(g, x), N = i(l, b);
-      return Me.useEffect(() => (N.itemMap.set(x, { ref: x, ...w }), () => void N.itemMap.delete(x))), /* @__PURE__ */ p(f, { [u]: "", ref: S, children: y });
+  const l = e + "CollectionItemSlot", u = "data-radix-collection-item", $ = Mt(l), m = Me.forwardRef(
+    (f, g) => {
+      const { scope: b, children: y, ...w } = f, x = Me.useRef(null), S = ne(g, x), N = i(l, b);
+      return Me.useEffect(() => (N.itemMap.set(x, { ref: x, ...w }), () => void N.itemMap.delete(x))), /* @__PURE__ */ p($, { [u]: "", ref: S, children: y });
     }
   );
   m.displayName = l;
-  function v($) {
-    const g = i(e + "CollectionConsumer", $);
+  function v(f) {
+    const g = i(e + "CollectionConsumer", f);
     return Me.useCallback(() => {
       const y = g.collectionRef.current;
       if (!y) return [];
@@ -7121,21 +7121,21 @@ var T1 = "DismissableLayer", Fn = "dismissableLayer.update", F1 = "dismissableLa
       onInteractOutside: a,
       onDismiss: d,
       ...s
-    } = e, c = h.useContext(pi), [l, u] = h.useState(null), f = l?.ownerDocument ?? globalThis?.document, [, m] = h.useState({}), v = ne(t, (_) => u(_)), $ = Array.from(c.layers), [g] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), b = $.indexOf(g), y = l ? $.indexOf(l) : -1, w = c.layersWithOutsidePointerEventsDisabled.size > 0, x = y >= b, S = z1((_) => {
+    } = e, c = h.useContext(pi), [l, u] = h.useState(null), $ = l?.ownerDocument ?? globalThis?.document, [, m] = h.useState({}), v = ne(t, (_) => u(_)), f = Array.from(c.layers), [g] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), b = f.indexOf(g), y = l ? f.indexOf(l) : -1, w = c.layersWithOutsidePointerEventsDisabled.size > 0, x = y >= b, S = z1((_) => {
       const k = _.target, D = [...c.branches].some((M) => M.contains(k));
       !x || D || (o?.(_), a?.(_), _.defaultPrevented || d?.());
-    }, f), N = Z1((_) => {
+    }, $), N = Z1((_) => {
       const k = _.target;
       [...c.branches].some((M) => M.contains(k)) || (i?.(_), a?.(_), _.defaultPrevented || d?.());
-    }, f);
+    }, $);
     return k1((_) => {
       y === c.layers.size - 1 && (r?.(_), !_.defaultPrevented && d && (_.preventDefault(), d()));
-    }, f), h.useEffect(() => {
+    }, $), h.useEffect(() => {
       if (l)
-        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (uo = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(l)), c.layers.add(l), fo(), () => {
-          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = uo);
+        return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (uo = $.body.style.pointerEvents, $.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(l)), c.layers.add(l), fo(), () => {
+          n && c.layersWithOutsidePointerEventsDisabled.size === 1 && ($.body.style.pointerEvents = uo);
         };
-    }, [l, f, n, c]), h.useEffect(() => () => {
+    }, [l, $, n, c]), h.useEffect(() => () => {
       l && (c.layers.delete(l), c.layersWithOutsidePointerEventsDisabled.delete(l), fo());
     }, [l, c]), h.useEffect(() => {
       const _ = () => m({});
@@ -7243,7 +7243,7 @@ var vn = "focusScope.autoFocusOnMount", bn = "focusScope.autoFocusOnUnmount", po
     onMountAutoFocus: o,
     onUnmountAutoFocus: i,
     ...a
-  } = e, [d, s] = h.useState(null), c = Ze(o), l = Ze(i), u = h.useRef(null), f = ne(t, ($) => s($)), m = h.useRef({
+  } = e, [d, s] = h.useState(null), c = Ze(o), l = Ze(i), u = h.useRef(null), $ = ne(t, (f) => s(f)), m = h.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -7254,7 +7254,7 @@ var vn = "focusScope.autoFocusOnMount", bn = "focusScope.autoFocusOnUnmount", po
   }).current;
   h.useEffect(() => {
     if (r) {
-      let $ = function(w) {
+      let f = function(w) {
         if (m.paused || !d) return;
         const x = w.target;
         d.contains(x) ? u.current = x : Re(u.current, { select: !0 });
@@ -7267,40 +7267,40 @@ var vn = "focusScope.autoFocusOnMount", bn = "focusScope.autoFocusOnUnmount", po
           for (const S of w)
             S.removedNodes.length > 0 && Re(d);
       };
-      document.addEventListener("focusin", $), document.addEventListener("focusout", g);
+      document.addEventListener("focusin", f), document.addEventListener("focusout", g);
       const y = new MutationObserver(b);
       return d && y.observe(d, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", $), document.removeEventListener("focusout", g), y.disconnect();
+        document.removeEventListener("focusin", f), document.removeEventListener("focusout", g), y.disconnect();
       };
     }
   }, [r, d, m.paused]), h.useEffect(() => {
     if (d) {
       mo.add(m);
-      const $ = document.activeElement;
-      if (!d.contains($)) {
+      const f = document.activeElement;
+      if (!d.contains(f)) {
         const b = new CustomEvent(vn, po);
-        d.addEventListener(vn, c), d.dispatchEvent(b), b.defaultPrevented || (U1(K1(vi(d)), { select: !0 }), document.activeElement === $ && Re(d));
+        d.addEventListener(vn, c), d.dispatchEvent(b), b.defaultPrevented || (U1(K1(vi(d)), { select: !0 }), document.activeElement === f && Re(d));
       }
       return () => {
         d.removeEventListener(vn, c), setTimeout(() => {
           const b = new CustomEvent(bn, po);
-          d.addEventListener(bn, l), d.dispatchEvent(b), b.defaultPrevented || Re($ ?? document.body, { select: !0 }), d.removeEventListener(bn, l), mo.remove(m);
+          d.addEventListener(bn, l), d.dispatchEvent(b), b.defaultPrevented || Re(f ?? document.body, { select: !0 }), d.removeEventListener(bn, l), mo.remove(m);
         }, 0);
       };
     }
   }, [d, c, l, m]);
   const v = h.useCallback(
-    ($) => {
+    (f) => {
       if (!n && !r || m.paused) return;
-      const g = $.key === "Tab" && !$.altKey && !$.ctrlKey && !$.metaKey, b = document.activeElement;
+      const g = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, b = document.activeElement;
       if (g && b) {
-        const y = $.currentTarget, [w, x] = W1(y);
-        w && x ? !$.shiftKey && b === x ? ($.preventDefault(), n && Re(w, { select: !0 })) : $.shiftKey && b === w && ($.preventDefault(), n && Re(x, { select: !0 })) : b === y && $.preventDefault();
+        const y = f.currentTarget, [w, x] = W1(y);
+        w && x ? !f.shiftKey && b === x ? (f.preventDefault(), n && Re(w, { select: !0 })) : f.shiftKey && b === w && (f.preventDefault(), n && Re(x, { select: !0 })) : b === y && f.preventDefault();
       }
     },
     [n, r, m.paused]
   );
-  return /* @__PURE__ */ p(J.div, { tabIndex: -1, ...a, ref: f, onKeyDown: v });
+  return /* @__PURE__ */ p(J.div, { tabIndex: -1, ...a, ref: $, onKeyDown: v });
 });
 gi.displayName = j1;
 function U1(e, { select: t = !1 } = {}) {
@@ -7484,7 +7484,7 @@ function yo(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const i = ge(t), a = ur(t), d = lr(a), s = _e(t), c = i === "y", l = r.x + r.width / 2 - o.width / 2, u = r.y + r.height / 2 - o.height / 2, f = r[d] / 2 - o[d] / 2;
+  const i = ge(t), a = ur(t), d = lr(a), s = _e(t), c = i === "y", l = r.x + r.width / 2 - o.width / 2, u = r.y + r.height / 2 - o.height / 2, $ = r[d] / 2 - o[d] / 2;
   let m;
   switch (s) {
     case "top":
@@ -7519,10 +7519,10 @@ function yo(e, t, n) {
   }
   switch (at(t)) {
     case "start":
-      m[a] -= f * (n && c ? -1 : 1);
+      m[a] -= $ * (n && c ? -1 : 1);
       break;
     case "end":
-      m[a] += f * (n && c ? -1 : 1);
+      m[a] += $ * (n && c ? -1 : 1);
       break;
   }
   return m;
@@ -7541,12 +7541,12 @@ const cf = async (e, t, n) => {
   }), {
     x: l,
     y: u
-  } = yo(c, r, s), f = r, m = {}, v = 0;
-  for (let $ = 0; $ < d.length; $++) {
+  } = yo(c, r, s), $ = r, m = {}, v = 0;
+  for (let f = 0; f < d.length; f++) {
     const {
       name: g,
       fn: b
-    } = d[$], {
+    } = d[f], {
       x: y,
       y: w,
       data: x,
@@ -7555,7 +7555,7 @@ const cf = async (e, t, n) => {
       x: l,
       y: u,
       initialPlacement: r,
-      placement: f,
+      placement: $,
       strategy: o,
       middlewareData: m,
       rects: c,
@@ -7571,19 +7571,19 @@ const cf = async (e, t, n) => {
         ...m[g],
         ...x
       }
-    }, S && v <= 50 && (v++, typeof S == "object" && (S.placement && (f = S.placement), S.rects && (c = S.rects === !0 ? await a.getElementRects({
+    }, S && v <= 50 && (v++, typeof S == "object" && (S.placement && ($ = S.placement), S.rects && (c = S.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: o
     }) : S.rects), {
       x: l,
       y: u
-    } = yo(c, f, s)), $ = -1);
+    } = yo(c, $, s)), f = -1);
   }
   return {
     x: l,
     y: u,
-    placement: f,
+    placement: $,
     strategy: o,
     middlewareData: m
   };
@@ -7602,9 +7602,9 @@ async function wt(e, t) {
     boundary: c = "clippingAncestors",
     rootBoundary: l = "viewport",
     elementContext: u = "floating",
-    altBoundary: f = !1,
+    altBoundary: $ = !1,
     padding: m = 0
-  } = Se(t, e), v = bi(m), g = d[f ? u === "floating" ? "reference" : "floating" : u], b = Ut(await i.getClippingRect({
+  } = Se(t, e), v = bi(m), g = d[$ ? u === "floating" ? "reference" : "floating" : u], b = Ut(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(g))) == null || n ? g : g.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(d.floating)),
     boundary: c,
     rootBoundary: l,
@@ -7651,15 +7651,15 @@ const lf = (e) => ({
     } = Se(e, t) || {};
     if (c == null)
       return {};
-    const u = bi(l), f = {
+    const u = bi(l), $ = {
       x: n,
       y: r
-    }, m = ur(o), v = lr(m), $ = await a.getDimensions(c), g = m === "y", b = g ? "top" : "left", y = g ? "bottom" : "right", w = g ? "clientHeight" : "clientWidth", x = i.reference[v] + i.reference[m] - f[m] - i.floating[v], S = f[m] - i.reference[m], N = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c));
+    }, m = ur(o), v = lr(m), f = await a.getDimensions(c), g = m === "y", b = g ? "top" : "left", y = g ? "bottom" : "right", w = g ? "clientHeight" : "clientWidth", x = i.reference[v] + i.reference[m] - $[m] - i.floating[v], S = $[m] - i.reference[m], N = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c));
     let _ = N ? N[w] : 0;
     (!_ || !await (a.isElement == null ? void 0 : a.isElement(N))) && (_ = d.floating[w] || i.floating[v]);
-    const k = x / 2 - S / 2, D = _ / 2 - $[v] / 2 - 1, M = Ie(u[b], D), B = Ie(u[y], D), E = M, z = _ - $[v] - B, O = _ / 2 - $[v] / 2 + k, j = Ln(E, O, z), T = !s.arrow && at(o) != null && O !== j && i.reference[v] / 2 - (O < E ? M : B) - $[v] / 2 < 0, Z = T ? O < E ? O - E : O - z : 0;
+    const k = x / 2 - S / 2, D = _ / 2 - f[v] / 2 - 1, M = Ie(u[b], D), B = Ie(u[y], D), E = M, z = _ - f[v] - B, O = _ / 2 - f[v] / 2 + k, j = Ln(E, O, z), T = !s.arrow && at(o) != null && O !== j && i.reference[v] / 2 - (O < E ? M : B) - f[v] / 2 < 0, Z = T ? O < E ? O - E : O - z : 0;
     return {
-      [m]: f[m] + Z,
+      [m]: $[m] + Z,
       data: {
         [m]: j,
         centerOffset: O - j - Z,
@@ -7686,16 +7686,16 @@ const lf = (e) => ({
       } = t, {
         mainAxis: l = !0,
         crossAxis: u = !0,
-        fallbackPlacements: f,
+        fallbackPlacements: $,
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: v = "none",
-        flipAlignment: $ = !0,
+        flipAlignment: f = !0,
         ...g
       } = Se(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const b = _e(o), y = ge(d), w = _e(d) === d, x = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), S = f || (w || !$ ? [jt(d)] : nf(d)), N = v !== "none";
-      !f && N && S.push(...df(d, $, v, x));
+      const b = _e(o), y = ge(d), w = _e(d) === d, x = await (s.isRTL == null ? void 0 : s.isRTL(c.floating)), S = $ || (w || !f ? [jt(d)] : nf(d)), N = v !== "none";
+      !$ && N && S.push(...df(d, f, v, x));
       const _ = [d, ...S], k = await wt(t, g), D = [];
       let M = ((r = i.flip) == null ? void 0 : r.overflows) || [];
       if (l && D.push(k[b]), u) {
@@ -7812,7 +7812,7 @@ async function $f(e, t) {
     elements: o
   } = e, i = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), a = _e(n), d = at(n), s = ge(n) === "y", c = yi.has(a) ? -1 : 1, l = i && s ? -1 : 1, u = Se(t, e);
   let {
-    mainAxis: f,
+    mainAxis: $,
     crossAxis: m,
     alignmentAxis: v
   } = typeof u == "number" ? {
@@ -7826,9 +7826,9 @@ async function $f(e, t) {
   };
   return d && typeof v == "number" && (m = d === "end" ? v * -1 : v), s ? {
     x: m * l,
-    y: f * c
+    y: $ * c
   } : {
-    x: f * c,
+    x: $ * c,
     y: m * l
   };
 }
@@ -7882,28 +7882,28 @@ const pf = function(e) {
       } = Se(e, t), c = {
         x: n,
         y: r
-      }, l = await wt(t, s), u = ge(_e(o)), f = cr(u);
-      let m = c[f], v = c[u];
+      }, l = await wt(t, s), u = ge(_e(o)), $ = cr(u);
+      let m = c[$], v = c[u];
       if (i) {
-        const g = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", y = m + l[g], w = m - l[b];
+        const g = $ === "y" ? "top" : "left", b = $ === "y" ? "bottom" : "right", y = m + l[g], w = m - l[b];
         m = Ln(y, m, w);
       }
       if (a) {
         const g = u === "y" ? "top" : "left", b = u === "y" ? "bottom" : "right", y = v + l[g], w = v - l[b];
         v = Ln(y, v, w);
       }
-      const $ = d.fn({
+      const f = d.fn({
         ...t,
-        [f]: m,
+        [$]: m,
         [u]: v
       });
       return {
-        ...$,
+        ...f,
         data: {
-          x: $.x - n,
-          y: $.y - r,
+          x: f.x - n,
+          y: f.y - r,
           enabled: {
-            [f]: i,
+            [$]: i,
             [u]: a
           }
         }
@@ -7927,27 +7927,27 @@ const pf = function(e) {
       } = Se(e, t), l = {
         x: n,
         y: r
-      }, u = ge(o), f = cr(u);
-      let m = l[f], v = l[u];
-      const $ = Se(d, t), g = typeof $ == "number" ? {
-        mainAxis: $,
+      }, u = ge(o), $ = cr(u);
+      let m = l[$], v = l[u];
+      const f = Se(d, t), g = typeof f == "number" ? {
+        mainAxis: f,
         crossAxis: 0
       } : {
         mainAxis: 0,
         crossAxis: 0,
-        ...$
+        ...f
       };
       if (s) {
-        const w = f === "y" ? "height" : "width", x = i.reference[f] - i.floating[w] + g.mainAxis, S = i.reference[f] + i.reference[w] - g.mainAxis;
+        const w = $ === "y" ? "height" : "width", x = i.reference[$] - i.floating[w] + g.mainAxis, S = i.reference[$] + i.reference[w] - g.mainAxis;
         m < x ? m = x : m > S && (m = S);
       }
       if (c) {
         var b, y;
-        const w = f === "y" ? "width" : "height", x = yi.has(_e(o)), S = i.reference[u] - i.floating[w] + (x && ((b = a.offset) == null ? void 0 : b[u]) || 0) + (x ? 0 : g.crossAxis), N = i.reference[u] + i.reference[w] + (x ? 0 : ((y = a.offset) == null ? void 0 : y[u]) || 0) - (x ? g.crossAxis : 0);
+        const w = $ === "y" ? "width" : "height", x = yi.has(_e(o)), S = i.reference[u] - i.floating[w] + (x && ((b = a.offset) == null ? void 0 : b[u]) || 0) + (x ? 0 : g.crossAxis), N = i.reference[u] + i.reference[w] + (x ? 0 : ((y = a.offset) == null ? void 0 : y[u]) || 0) - (x ? g.crossAxis : 0);
         v < S ? v = S : v > N && (v = N);
       }
       return {
-        [f]: m,
+        [$]: m,
         [u]: v
       };
     }
@@ -7967,17 +7967,17 @@ const pf = function(e) {
         apply: s = () => {
         },
         ...c
-      } = Se(e, t), l = await wt(t, c), u = _e(o), f = at(o), m = ge(o) === "y", {
+      } = Se(e, t), l = await wt(t, c), u = _e(o), $ = at(o), m = ge(o) === "y", {
         width: v,
-        height: $
+        height: f
       } = i.floating;
       let g, b;
-      u === "top" || u === "bottom" ? (g = u, b = f === (await (a.isRTL == null ? void 0 : a.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (b = u, g = f === "end" ? "top" : "bottom");
-      const y = $ - l.top - l.bottom, w = v - l.left - l.right, x = Ie($ - l[g], y), S = Ie(v - l[b], w), N = !t.middlewareData.shift;
+      u === "top" || u === "bottom" ? (g = u, b = $ === (await (a.isRTL == null ? void 0 : a.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (b = u, g = $ === "end" ? "top" : "bottom");
+      const y = f - l.top - l.bottom, w = v - l.left - l.right, x = Ie(f - l[g], y), S = Ie(v - l[b], w), N = !t.middlewareData.shift;
       let _ = x, k = S;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = w), (r = t.middlewareData.shift) != null && r.enabled.y && (_ = y), N && !f) {
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = w), (r = t.middlewareData.shift) != null && r.enabled.y && (_ = y), N && !$) {
         const M = se(l.left, 0), B = se(l.right, 0), E = se(l.top, 0), z = se(l.bottom, 0);
-        m ? k = v - 2 * (M !== 0 || B !== 0 ? M + B : se(l.left, l.right)) : _ = $ - 2 * (E !== 0 || z !== 0 ? E + z : se(l.top, l.bottom));
+        m ? k = v - 2 * (M !== 0 || B !== 0 ? M + B : se(l.left, l.right)) : _ = f - 2 * (E !== 0 || z !== 0 ? E + z : se(l.top, l.bottom));
       }
       await s({
         ...t,
@@ -7985,7 +7985,7 @@ const pf = function(e) {
         availableHeight: _
       });
       const D = await a.getDimensions(d.floating);
-      return v !== D.width || $ !== D.height ? {
+      return v !== D.width || f !== D.height ? {
         reset: {
           rects: !0
         }
@@ -8154,11 +8154,11 @@ function Be(e, t, n, r) {
   const d = Ef(i, n, r) ? Si(i) : ve(0);
   let s = (o.left + d.x) / a.x, c = (o.top + d.y) / a.y, l = o.width / a.x, u = o.height / a.y;
   if (i) {
-    const f = ce(i), m = r && pe(r) ? ce(r) : r;
-    let v = f, $ = Dn(v);
-    for (; $ && r && m !== v; ) {
-      const g = et($), b = $.getBoundingClientRect(), y = he($), w = b.left + ($.clientLeft + parseFloat(y.paddingLeft)) * g.x, x = b.top + ($.clientTop + parseFloat(y.paddingTop)) * g.y;
-      s *= g.x, c *= g.y, l *= g.x, u *= g.y, s += w, c += x, v = ce($), $ = Dn(v);
+    const $ = ce(i), m = r && pe(r) ? ce(r) : r;
+    let v = $, f = Dn(v);
+    for (; f && r && m !== v; ) {
+      const g = et(f), b = f.getBoundingClientRect(), y = he(f), w = b.left + (f.clientLeft + parseFloat(y.paddingLeft)) * g.x, x = b.top + (f.clientTop + parseFloat(y.paddingTop)) * g.y;
+      s *= g.x, c *= g.y, l *= g.x, u *= g.y, s += w, c += x, v = ce(f), f = Dn(v);
     }
   }
   return Ut({
@@ -8198,12 +8198,12 @@ function Rf(e) {
     const m = Be(r);
     c = et(r), l.x = m.x + r.clientLeft, l.y = m.y + r.clientTop;
   }
-  const f = a && !u && !i ? _i(a, s) : ve(0);
+  const $ = a && !u && !i ? _i(a, s) : ve(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - s.scrollLeft * c.x + l.x + f.x,
-    y: n.y * c.y - s.scrollTop * c.y + l.y + f.y
+    x: n.x * c.x - s.scrollLeft * c.x + l.x + $.x,
+    y: n.y * c.y - s.scrollTop * c.y + l.y + $.y
   };
 }
 function Af(e) {
@@ -8231,7 +8231,7 @@ function Of(e, t) {
   }
   const c = on(r);
   if (c <= 0) {
-    const l = r.ownerDocument, u = l.body, f = getComputedStyle(u), m = l.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, v = Math.abs(r.clientWidth - u.clientWidth - m);
+    const l = r.ownerDocument, u = l.body, $ = getComputedStyle(u), m = l.compatMode === "CSS1Compat" && parseFloat($.marginLeft) + parseFloat($.marginRight) || 0, v = Math.abs(r.clientWidth - u.clientWidth - m);
     v <= So && (i -= v);
   } else c <= So && (i += c);
   return {
@@ -8331,10 +8331,10 @@ function Df(e, t, n) {
       s.x = m.x + t.clientLeft, s.y = m.y + t.clientTop;
     } else o && c();
   i && !r && o && c();
-  const l = o && !r && !i ? _i(o, d) : ve(0), u = a.left + d.scrollLeft - s.x - l.x, f = a.top + d.scrollTop - s.y - l.y;
+  const l = o && !r && !i ? _i(o, d) : ve(0), u = a.left + d.scrollLeft - s.x - l.x, $ = a.top + d.scrollTop - s.y - l.y;
   return {
     x: u,
-    y: f,
+    y: $,
     width: a.width,
     height: a.height
   };
@@ -8410,13 +8410,13 @@ function jf(e, t) {
     const c = e.getBoundingClientRect(), {
       left: l,
       top: u,
-      width: f,
+      width: $,
       height: m
     } = c;
-    if (d || t(), !f || !m)
+    if (d || t(), !$ || !m)
       return;
-    const v = Rt(u), $ = Rt(o.clientWidth - (l + f)), g = Rt(o.clientHeight - (u + m)), b = Rt(l), w = {
-      rootMargin: -v + "px " + -$ + "px " + -g + "px " + -b + "px",
+    const v = Rt(u), f = Rt(o.clientWidth - (l + $)), g = Rt(o.clientHeight - (u + m)), b = Rt(l), w = {
+      rootMargin: -v + "px " + -f + "px " + -g + "px " + -b + "px",
       threshold: se(0, Ie(1, s)) || 1
     };
     let x = !0;
@@ -8459,19 +8459,19 @@ function Uf(e, t, n, r) {
     }), i && b.addEventListener("resize", n);
   });
   const u = c && d ? jf(c, n) : null;
-  let f = -1, m = null;
+  let $ = -1, m = null;
   a && (m = new ResizeObserver((b) => {
     let [y] = b;
-    y && y.target === c && m && (m.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+    y && y.target === c && m && (m.unobserve(t), cancelAnimationFrame($), $ = requestAnimationFrame(() => {
       var w;
       (w = m) == null || w.observe(t);
     })), n();
   }), c && !s && m.observe(c), m.observe(t));
-  let v, $ = s ? Be(e) : null;
+  let v, f = s ? Be(e) : null;
   s && g();
   function g() {
     const b = Be(e);
-    $ && !Ei($, b) && n(), $ = b, v = requestAnimationFrame(g);
+    f && !Ei(f, b) && n(), f = b, v = requestAnimationFrame(g);
   }
   return n(), () => {
     var b;
@@ -8559,10 +8559,10 @@ function Qf(e) {
     placement: t,
     middlewareData: {},
     isPositioned: !1
-  }), [f, m] = h.useState(r);
-  Wt(f, r) || m(r);
-  const [v, $] = h.useState(null), [g, b] = h.useState(null), y = h.useCallback((R) => {
-    R !== N.current && (N.current = R, $(R));
+  }), [$, m] = h.useState(r);
+  Wt($, r) || m(r);
+  const [v, f] = h.useState(null), [g, b] = h.useState(null), y = h.useCallback((R) => {
+    R !== N.current && (N.current = R, f(R));
   }, []), w = h.useCallback((R) => {
     R !== _.current && (_.current = R, b(R));
   }, []), x = i || v, S = a || g, N = h.useRef(null), _ = h.useRef(null), k = h.useRef(l), D = s != null, M = wn(s), B = wn(o), E = wn(c), z = h.useCallback(() => {
@@ -8571,7 +8571,7 @@ function Qf(e) {
     const R = {
       placement: t,
       strategy: n,
-      middleware: f
+      middleware: $
     };
     B.current && (R.platform = B.current), Yf(N.current, _.current, R).then((U) => {
       const ee = {
@@ -8586,7 +8586,7 @@ function Qf(e) {
         u(ee);
       }));
     });
-  }, [f, t, n, B, E]);
+  }, [$, t, n, B, E]);
   Tt(() => {
     c === !1 && k.current.isPositioned && (k.current.isPositioned = !1, u((R) => ({
       ...R,
@@ -8750,10 +8750,10 @@ var mr = "PopperContent", [f2, $2] = Ii(mr), Mi = h.forwardRef(
       collisionBoundary: c = [],
       collisionPadding: l = 0,
       sticky: u = "partial",
-      hideWhenDetached: f = !1,
+      hideWhenDetached: $ = !1,
       updatePositionStrategy: m = "optimized",
       onPlaced: v,
-      ...$
+      ...f
     } = e, g = ki(mr, n), [b, y] = h.useState(null), w = ne(t, (A) => y(A)), [x, S] = h.useState(null), N = l2(x), _ = N?.width ?? 0, k = N?.height ?? 0, D = r + (i !== "center" ? "-" + i : ""), M = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, B = Array.isArray(c) ? c : [c], E = B.length > 0, z = {
       padding: M,
       boundary: B.filter(h2),
@@ -8787,7 +8787,7 @@ var mr = "PopperContent", [f2, $2] = Ii(mr), Mi = h.forwardRef(
         }),
         x && d2({ element: x, padding: d }),
         m2({ arrowWidth: _, arrowHeight: k }),
-        f && a2({ strategy: "referenceHidden", ...z })
+        $ && a2({ strategy: "referenceHidden", ...z })
       ]
     }), [U, ee] = Zi(T), te = Ze(v);
     ae(() => {
@@ -8834,10 +8834,10 @@ var mr = "PopperContent", [f2, $2] = Ii(mr), Mi = h.forwardRef(
               {
                 "data-side": U,
                 "data-align": ee,
-                ...$,
+                ...f,
                 ref: w,
                 style: {
-                  ...$.style,
+                  ...f.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: Z ? void 0 : "none"
@@ -8909,9 +8909,9 @@ var m2 = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
-    const { placement: n, rects: r, middlewareData: o } = t, a = o.arrow?.centerOffset !== 0, d = a ? 0 : e.arrowWidth, s = a ? 0 : e.arrowHeight, [c, l] = Zi(n), u = { start: "0%", center: "50%", end: "100%" }[l], f = (o.arrow?.x ?? 0) + d / 2, m = (o.arrow?.y ?? 0) + s / 2;
-    let v = "", $ = "";
-    return c === "bottom" ? (v = a ? u : `${f}px`, $ = `${-s}px`) : c === "top" ? (v = a ? u : `${f}px`, $ = `${r.floating.height + s}px`) : c === "right" ? (v = `${-s}px`, $ = a ? u : `${m}px`) : c === "left" && (v = `${r.floating.width + s}px`, $ = a ? u : `${m}px`), { data: { x: v, y: $ } };
+    const { placement: n, rects: r, middlewareData: o } = t, a = o.arrow?.centerOffset !== 0, d = a ? 0 : e.arrowWidth, s = a ? 0 : e.arrowHeight, [c, l] = Zi(n), u = { start: "0%", center: "50%", end: "100%" }[l], $ = (o.arrow?.x ?? 0) + d / 2, m = (o.arrow?.y ?? 0) + s / 2;
+    let v = "", f = "";
+    return c === "bottom" ? (v = a ? u : `${$}px`, f = `${-s}px`) : c === "top" ? (v = a ? u : `${$}px`, f = `${r.floating.height + s}px`) : c === "right" ? (v = `${-s}px`, f = a ? u : `${m}px`) : c === "left" && (v = `${r.floating.width + s}px`, f = a ? u : `${m}px`), { data: { x: v, y: f } };
   }
 });
 function Zi(e) {
@@ -9023,22 +9023,22 @@ var E2 = function(e) {
   };
   o.forEach(c);
   var l = function(u) {
-    !u || s.has(u) || Array.prototype.forEach.call(u.children, function(f) {
-      if (d.has(f))
-        l(f);
+    !u || s.has(u) || Array.prototype.forEach.call(u.children, function($) {
+      if (d.has($))
+        l($);
       else
         try {
-          var m = f.getAttribute(r), v = m !== null && m !== "false", $ = (Ge.get(f) || 0) + 1, g = (i.get(f) || 0) + 1;
-          Ge.set(f, $), i.set(f, g), a.push(f), $ === 1 && v && At.set(f, !0), g === 1 && f.setAttribute(n, "true"), v || f.setAttribute(r, "true");
+          var m = $.getAttribute(r), v = m !== null && m !== "false", f = (Ge.get($) || 0) + 1, g = (i.get($) || 0) + 1;
+          Ge.set($, f), i.set($, g), a.push($), f === 1 && v && At.set($, !0), g === 1 && $.setAttribute(n, "true"), v || $.setAttribute(r, "true");
         } catch (b) {
-          console.error("aria-hidden: cannot operate on ", f, b);
+          console.error("aria-hidden: cannot operate on ", $, b);
         }
     });
   };
   return l(t), d.clear(), xn++, function() {
     a.forEach(function(u) {
-      var f = Ge.get(u) - 1, m = i.get(u) - 1;
-      Ge.set(u, f), i.set(u, m), f || (At.has(u) || u.removeAttribute(r), At.delete(u)), m || u.removeAttribute(n);
+      var $ = Ge.get(u) - 1, m = i.get(u) - 1;
+      Ge.set(u, $), i.set(u, m), $ || (At.has(u) || u.removeAttribute(r), At.delete(u)), m || u.removeAttribute(n);
     }), xn--, xn || (Ge = /* @__PURE__ */ new WeakMap(), Ge = /* @__PURE__ */ new WeakMap(), At = /* @__PURE__ */ new WeakMap(), It = {});
   };
 }, I2 = function(e, t, n) {
@@ -9196,11 +9196,11 @@ var Hi = Z2(), Sn = function() {
     onScrollCapture: Sn,
     onWheelCapture: Sn,
     onTouchMoveCapture: Sn
-  }), o = r[0], i = r[1], a = e.forwardProps, d = e.children, s = e.className, c = e.removeScrollBar, l = e.enabled, u = e.shards, f = e.sideCar, m = e.noRelative, v = e.noIsolation, $ = e.inert, g = e.allowPinchZoom, b = e.as, y = b === void 0 ? "div" : b, w = e.gapMode, x = Wi(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = f, N = M2([n, t]), _ = me(me({}, x), o);
+  }), o = r[0], i = r[1], a = e.forwardProps, d = e.children, s = e.className, c = e.removeScrollBar, l = e.enabled, u = e.shards, $ = e.sideCar, m = e.noRelative, v = e.noIsolation, f = e.inert, g = e.allowPinchZoom, b = e.as, y = b === void 0 ? "div" : b, w = e.gapMode, x = Wi(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = $, N = M2([n, t]), _ = me(me({}, x), o);
   return h.createElement(
     h.Fragment,
     null,
-    l && h.createElement(S, { sideCar: Hi, removeScrollBar: c, shards: u, noRelative: m, noIsolation: v, inert: $, setCallbacks: i, allowPinchZoom: !!g, lockRef: n, gapMode: w }),
+    l && h.createElement(S, { sideCar: Hi, removeScrollBar: c, shards: u, noRelative: m, noIsolation: v, inert: f, setCallbacks: i, allowPinchZoom: !!g, lockRef: n, gapMode: w }),
     a ? h.cloneElement(h.Children.only(d), me(me({}, _), { ref: N })) : h.createElement(y, me({}, _, { className: s, ref: N }), d)
   );
 });
@@ -9399,12 +9399,12 @@ var Ke = zn ? { passive: !1 } : !1, t3 = function(e) {
 }, a3 = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, d3 = function(e, t, n, r, o) {
-  var i = a3(e, window.getComputedStyle(t).direction), a = i * r, d = n.target, s = t.contains(d), c = !1, l = a > 0, u = 0, f = 0;
+  var i = a3(e, window.getComputedStyle(t).direction), a = i * r, d = n.target, s = t.contains(d), c = !1, l = a > 0, u = 0, $ = 0;
   do {
     if (!d)
       break;
-    var m = Yi(e, d), v = m[0], $ = m[1], g = m[2], b = $ - g - i * v;
-    (v || b) && Xi(e, d) && (u += b, f += v);
+    var m = Yi(e, d), v = m[0], f = m[1], g = m[2], b = f - g - i * v;
+    (v || b) && Xi(e, d) && (u += b, $ += v);
     var y = d.parentNode;
     d = y && y.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? y.host : y;
   } while (
@@ -9412,7 +9412,7 @@ var Ke = zn ? { passive: !1 } : !1, t3 = function(e) {
     !s && d !== document.body || // self content
     s && (t.contains(d) || t === d)
   );
-  return (l && Math.abs(u) < 1 || !l && Math.abs(f) < 1) && (c = !0), c;
+  return (l && Math.abs(u) < 1 || !l && Math.abs($) < 1) && (c = !0), c;
 }, kt = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, ko = function(e) {
@@ -9434,33 +9434,33 @@ function u3(e) {
   }, [e]), h.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(o));
-      var $ = O2([e.lockRef.current], (e.shards || []).map(To), !0).filter(Boolean);
-      return $.forEach(function(g) {
+      var f = O2([e.lockRef.current], (e.shards || []).map(To), !0).filter(Boolean);
+      return f.forEach(function(g) {
         return g.classList.add("allow-interactivity-".concat(o));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(o)), $.forEach(function(g) {
+        document.body.classList.remove("block-interactivity-".concat(o)), f.forEach(function(g) {
           return g.classList.remove("allow-interactivity-".concat(o));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var d = h.useCallback(function($, g) {
-    if ("touches" in $ && $.touches.length === 2 || $.type === "wheel" && $.ctrlKey)
+  var d = h.useCallback(function(f, g) {
+    if ("touches" in f && f.touches.length === 2 || f.type === "wheel" && f.ctrlKey)
       return !a.current.allowPinchZoom;
-    var b = kt($), y = n.current, w = "deltaX" in $ ? $.deltaX : y[0] - b[0], x = "deltaY" in $ ? $.deltaY : y[1] - b[1], S, N = $.target, _ = Math.abs(w) > Math.abs(x) ? "h" : "v";
-    if ("touches" in $ && _ === "h" && N.type === "range")
+    var b = kt(f), y = n.current, w = "deltaX" in f ? f.deltaX : y[0] - b[0], x = "deltaY" in f ? f.deltaY : y[1] - b[1], S, N = f.target, _ = Math.abs(w) > Math.abs(x) ? "h" : "v";
+    if ("touches" in f && _ === "h" && N.type === "range")
       return !1;
     var k = Oo(_, N);
     if (!k)
       return !0;
     if (k ? S = _ : (S = _ === "v" ? "h" : "v", k = Oo(_, N)), !k)
       return !1;
-    if (!r.current && "changedTouches" in $ && (w || x) && (r.current = S), !S)
+    if (!r.current && "changedTouches" in f && (w || x) && (r.current = S), !S)
       return !0;
     var D = r.current || S;
-    return d3(D, g, $, D === "h" ? w : x);
-  }, []), s = h.useCallback(function($) {
-    var g = $;
+    return d3(D, g, f, D === "h" ? w : x);
+  }, []), s = h.useCallback(function(f) {
+    var g = f;
     if (!(!Xe.length || Xe[Xe.length - 1] !== i)) {
       var b = "deltaY" in g ? ko(g) : kt(g), y = t.current.filter(function(S) {
         return S.name === g.type && (S.target === g.target || g.target === S.shadowParent) && s3(S.delta, b);
@@ -9476,28 +9476,28 @@ function u3(e) {
         x && g.cancelable && g.preventDefault();
       }
     }
-  }, []), c = h.useCallback(function($, g, b, y) {
-    var w = { name: $, delta: g, target: b, should: y, shadowParent: f3(b) };
+  }, []), c = h.useCallback(function(f, g, b, y) {
+    var w = { name: f, delta: g, target: b, should: y, shadowParent: f3(b) };
     t.current.push(w), setTimeout(function() {
       t.current = t.current.filter(function(x) {
         return x !== w;
       });
     }, 1);
-  }, []), l = h.useCallback(function($) {
-    n.current = kt($), r.current = void 0;
-  }, []), u = h.useCallback(function($) {
-    c($.type, ko($), $.target, d($, e.lockRef.current));
-  }, []), f = h.useCallback(function($) {
-    c($.type, kt($), $.target, d($, e.lockRef.current));
+  }, []), l = h.useCallback(function(f) {
+    n.current = kt(f), r.current = void 0;
+  }, []), u = h.useCallback(function(f) {
+    c(f.type, ko(f), f.target, d(f, e.lockRef.current));
+  }, []), $ = h.useCallback(function(f) {
+    c(f.type, kt(f), f.target, d(f, e.lockRef.current));
   }, []);
   h.useEffect(function() {
     return Xe.push(i), e.setCallbacks({
       onScrollCapture: u,
       onWheelCapture: u,
-      onTouchMoveCapture: f
+      onTouchMoveCapture: $
     }), document.addEventListener("wheel", s, Ke), document.addEventListener("touchmove", s, Ke), document.addEventListener("touchstart", l, Ke), function() {
-      Xe = Xe.filter(function($) {
-        return $ !== i;
+      Xe = Xe.filter(function(f) {
+        return f !== i;
       }), document.removeEventListener("wheel", s, Ke), document.removeEventListener("touchmove", s, Ke), document.removeEventListener("touchstart", l, Ke);
     };
   }, []);
@@ -9535,10 +9535,10 @@ var p3 = [" ", "Enter", "ArrowUp", "ArrowDown"], h3 = [" ", "Enter"], je = "Sele
     dir: c,
     name: l,
     autoComplete: u,
-    disabled: f,
+    disabled: $,
     required: m,
     form: v
-  } = e, $ = cn(t), [g, b] = h.useState(null), [y, w] = h.useState(null), [x, S] = h.useState(!1), N = A1(c), [_, k] = Ro({
+  } = e, f = cn(t), [g, b] = h.useState(null), [y, w] = h.useState(null), [x, S] = h.useState(!1), N = A1(c), [_, k] = Ro({
     prop: r,
     defaultProp: o ?? !1,
     onChange: i,
@@ -9549,7 +9549,7 @@ var p3 = [" ", "Enter", "ArrowUp", "ArrowDown"], h3 = [" ", "Enter"], je = "Sele
     onChange: s,
     caller: je
   }), B = h.useRef(null), E = g ? v || !!g.closest("form") : !0, [z, O] = h.useState(/* @__PURE__ */ new Set()), j = Array.from(z).map((T) => T.props.value).join(";");
-  return /* @__PURE__ */ p(g2, { ...$, children: /* @__PURE__ */ P(
+  return /* @__PURE__ */ p(g2, { ...f, children: /* @__PURE__ */ P(
     g3,
     {
       required: m,
@@ -9567,7 +9567,7 @@ var p3 = [" ", "Enter", "ArrowUp", "ArrowDown"], h3 = [" ", "Enter"], je = "Sele
       onOpenChange: k,
       dir: N,
       triggerPointerDownPosRef: B,
-      disabled: f,
+      disabled: $,
       children: [
         /* @__PURE__ */ p(dn.Provider, { scope: t, children: /* @__PURE__ */ p(
           v3,
@@ -9595,7 +9595,7 @@ var p3 = [" ", "Enter", "ArrowUp", "ArrowDown"], h3 = [" ", "Enter"], je = "Sele
             autoComplete: u,
             value: D,
             onChange: (T) => M(T.target.value),
-            disabled: f,
+            disabled: $,
             form: v,
             children: [
               D === void 0 ? /* @__PURE__ */ p("option", { value: "" }) : null,
@@ -9611,13 +9611,13 @@ var p3 = [" ", "Enter", "ArrowUp", "ArrowDown"], h3 = [" ", "Enter"], je = "Sele
 qi.displayName = je;
 var Qi = "SelectTrigger", ea = h.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: r = !1, ...o } = e, i = cn(n), a = ke(Qi, n), d = a.disabled || r, s = ne(t, a.onTriggerChange), c = sn(n), l = h.useRef("touch"), [u, f, m] = ba(($) => {
-      const g = c().filter((w) => !w.disabled), b = g.find((w) => w.value === a.value), y = ya(g, $, b);
+    const { __scopeSelect: n, disabled: r = !1, ...o } = e, i = cn(n), a = ke(Qi, n), d = a.disabled || r, s = ne(t, a.onTriggerChange), c = sn(n), l = h.useRef("touch"), [u, $, m] = ba((f) => {
+      const g = c().filter((w) => !w.disabled), b = g.find((w) => w.value === a.value), y = ya(g, f, b);
       y !== void 0 && a.onValueChange(y.value);
-    }), v = ($) => {
-      d || (a.onOpenChange(!0), m()), $ && (a.triggerPointerDownPosRef.current = {
-        x: Math.round($.pageX),
-        y: Math.round($.pageY)
+    }), v = (f) => {
+      d || (a.onOpenChange(!0), m()), f && (a.triggerPointerDownPosRef.current = {
+        x: Math.round(f.pageX),
+        y: Math.round(f.pageY)
       });
     };
     return /* @__PURE__ */ p(v2, { asChild: !0, ...i, children: /* @__PURE__ */ p(
@@ -9636,17 +9636,17 @@ var Qi = "SelectTrigger", ea = h.forwardRef(
         "data-placeholder": va(a.value) ? "" : void 0,
         ...o,
         ref: s,
-        onClick: Q(o.onClick, ($) => {
-          $.currentTarget.focus(), l.current !== "mouse" && v($);
+        onClick: Q(o.onClick, (f) => {
+          f.currentTarget.focus(), l.current !== "mouse" && v(f);
         }),
-        onPointerDown: Q(o.onPointerDown, ($) => {
-          l.current = $.pointerType;
-          const g = $.target;
-          g.hasPointerCapture($.pointerId) && g.releasePointerCapture($.pointerId), $.button === 0 && $.ctrlKey === !1 && $.pointerType === "mouse" && (v($), $.preventDefault());
+        onPointerDown: Q(o.onPointerDown, (f) => {
+          l.current = f.pointerType;
+          const g = f.target;
+          g.hasPointerCapture(f.pointerId) && g.releasePointerCapture(f.pointerId), f.button === 0 && f.ctrlKey === !1 && f.pointerType === "mouse" && (v(f), f.preventDefault());
         }),
-        onKeyDown: Q(o.onKeyDown, ($) => {
+        onKeyDown: Q(o.onKeyDown, (f) => {
           const g = u.current !== "";
-          !($.ctrlKey || $.altKey || $.metaKey) && $.key.length === 1 && f($.key), !(g && $.key === " ") && p3.includes($.key) && (v(), $.preventDefault());
+          !(f.ctrlKey || f.altKey || f.metaKey) && f.key.length === 1 && $(f.key), !(g && f.key === " ") && p3.includes(f.key) && (v(), f.preventDefault());
         })
       }
     ) });
@@ -9710,10 +9710,10 @@ var fe = 10, [aa, Te] = st(Ue), x3 = "SelectContentImpl", C3 = Mt("SelectContent
       align: c,
       alignOffset: l,
       arrowPadding: u,
-      collisionBoundary: f,
+      collisionBoundary: $,
       collisionPadding: m,
       sticky: v,
-      hideWhenDetached: $,
+      hideWhenDetached: f,
       avoidCollisions: g,
       //
       ...b
@@ -9780,10 +9780,10 @@ var fe = 10, [aa, Te] = st(Ue), x3 = "SelectContentImpl", C3 = Mt("SelectContent
       align: c,
       alignOffset: l,
       arrowPadding: u,
-      collisionBoundary: f,
+      collisionBoundary: $,
       collisionPadding: m,
       sticky: v,
-      hideWhenDetached: $,
+      hideWhenDetached: f,
       avoidCollisions: g
     } : {};
     return /* @__PURE__ */ p(
@@ -9865,8 +9865,8 @@ var fe = 10, [aa, Te] = st(Ue), x3 = "SelectContentImpl", C3 = Mt("SelectContent
 );
 da.displayName = x3;
 var S3 = "SelectItemAlignedPosition", sa = h.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: r, ...o } = e, i = ke(Ue, n), a = Te(Ue, n), [d, s] = h.useState(null), [c, l] = h.useState(null), u = ne(t, (_) => l(_)), f = sn(n), m = h.useRef(!1), v = h.useRef(!0), { viewport: $, selectedItem: g, selectedItemText: b, focusSelectedItem: y } = a, w = h.useCallback(() => {
-    if (i.trigger && i.valueNode && d && c && $ && g && b) {
+  const { __scopeSelect: n, onPlaced: r, ...o } = e, i = ke(Ue, n), a = Te(Ue, n), [d, s] = h.useState(null), [c, l] = h.useState(null), u = ne(t, (_) => l(_)), $ = sn(n), m = h.useRef(!1), v = h.useRef(!0), { viewport: f, selectedItem: g, selectedItemText: b, focusSelectedItem: y } = a, w = h.useCallback(() => {
+    if (i.trigger && i.valueNode && d && c && f && g && b) {
       const _ = i.trigger.getBoundingClientRect(), k = c.getBoundingClientRect(), D = i.valueNode.getBoundingClientRect(), M = b.getBoundingClientRect();
       if (i.dir !== "rtl") {
         const H = M.left - k.left, q = D.left - H, le = _.left - q, Le = _.width + le, ln = Math.max(Le, k.width), un = window.innerWidth - fe, fn = co(q, [
@@ -9886,11 +9886,11 @@ var S3 = "SelectItemAlignedPosition", sa = h.forwardRef((e, t) => {
         ]);
         d.style.minWidth = Le + "px", d.style.right = fn + "px";
       }
-      const B = f(), E = window.innerHeight - fe * 2, z = $.scrollHeight, O = window.getComputedStyle(c), j = parseInt(O.borderTopWidth, 10), T = parseInt(O.paddingTop, 10), Z = parseInt(O.borderBottomWidth, 10), R = parseInt(O.paddingBottom, 10), U = j + T + z + R + Z, ee = Math.min(g.offsetHeight * 5, U), te = window.getComputedStyle($), ct = parseInt(te.paddingTop, 10), lt = parseInt(te.paddingBottom, 10), Pe = _.top + _.height / 2 - fe, We = E - Pe, Fe = g.offsetHeight / 2, A = g.offsetTop + Fe, Y = j + T + A, oe = U - Y;
+      const B = $(), E = window.innerHeight - fe * 2, z = f.scrollHeight, O = window.getComputedStyle(c), j = parseInt(O.borderTopWidth, 10), T = parseInt(O.paddingTop, 10), Z = parseInt(O.borderBottomWidth, 10), R = parseInt(O.paddingBottom, 10), U = j + T + z + R + Z, ee = Math.min(g.offsetHeight * 5, U), te = window.getComputedStyle(f), ct = parseInt(te.paddingTop, 10), lt = parseInt(te.paddingBottom, 10), Pe = _.top + _.height / 2 - fe, We = E - Pe, Fe = g.offsetHeight / 2, A = g.offsetTop + Fe, Y = j + T + A, oe = U - Y;
       if (Y <= Pe) {
         const H = B.length > 0 && g === B[B.length - 1].ref.current;
         d.style.bottom = "0px";
-        const q = c.clientHeight - $.offsetTop - $.offsetHeight, le = Math.max(
+        const q = c.clientHeight - f.offsetTop - f.offsetHeight, le = Math.max(
           We,
           Fe + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (H ? lt : 0) + q + Z
@@ -9901,20 +9901,20 @@ var S3 = "SelectItemAlignedPosition", sa = h.forwardRef((e, t) => {
         d.style.top = "0px";
         const le = Math.max(
           Pe,
-          j + $.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          j + f.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (H ? ct : 0) + Fe
         ) + oe;
-        d.style.height = le + "px", $.scrollTop = Y - Pe + $.offsetTop;
+        d.style.height = le + "px", f.scrollTop = Y - Pe + f.offsetTop;
       }
       d.style.margin = `${fe}px 0`, d.style.minHeight = ee + "px", d.style.maxHeight = E + "px", r?.(), requestAnimationFrame(() => m.current = !0);
     }
   }, [
-    f,
+    $,
     i.trigger,
     i.valueNode,
     d,
     c,
-    $,
+    f,
     g,
     b,
     i.dir,
@@ -10032,11 +10032,11 @@ var [P3, gr] = st(Ue, {}), Bn = "SelectViewport", ca = h.forwardRef(
             ...o.style
           },
           onScroll: Q(o.onScroll, (c) => {
-            const l = c.currentTarget, { contentWrapper: u, shouldExpandOnScrollRef: f } = a;
-            if (f?.current && u) {
+            const l = c.currentTarget, { contentWrapper: u, shouldExpandOnScrollRef: $ } = a;
+            if ($?.current && u) {
               const m = Math.abs(s.current - l.scrollTop);
               if (m > 0) {
-                const v = window.innerHeight - fe * 2, $ = parseFloat(u.style.minHeight), g = parseFloat(u.style.height), b = Math.max($, g);
+                const v = window.innerHeight - fe * 2, f = parseFloat(u.style.minHeight), g = parseFloat(u.style.height), b = Math.max(f, g);
                 if (b < v) {
                   const y = b + m, w = Math.min(v, y), x = y - w;
                   u.style.height = w + "px", u.style.bottom === "0px" && (l.scrollTop = x > 0 ? x : 0, u.style.justifyContent = "flex-end");
@@ -10073,10 +10073,10 @@ var Vt = "SelectItem", [I3, fa] = st(Vt), $a = h.forwardRef(
       disabled: o = !1,
       textValue: i,
       ...a
-    } = e, d = ke(Vt, n), s = Te(Vt, n), c = d.value === r, [l, u] = h.useState(i ?? ""), [f, m] = h.useState(!1), v = ne(
+    } = e, d = ke(Vt, n), s = Te(Vt, n), c = d.value === r, [l, u] = h.useState(i ?? ""), [$, m] = h.useState(!1), v = ne(
       t,
       (y) => s.itemRefCallback?.(y, r, o)
-    ), $ = sr(), g = h.useRef("touch"), b = () => {
+    ), f = sr(), g = h.useRef("touch"), b = () => {
       o || (d.onValueChange(r), d.onOpenChange(!1));
     };
     if (r === "")
@@ -10089,7 +10089,7 @@ var Vt = "SelectItem", [I3, fa] = st(Vt), $a = h.forwardRef(
         scope: n,
         value: r,
         disabled: o,
-        textId: $,
+        textId: f,
         isSelected: c,
         onItemTextChange: h.useCallback((y) => {
           u((w) => w || (y?.textContent ?? "").trim());
@@ -10105,9 +10105,9 @@ var Vt = "SelectItem", [I3, fa] = st(Vt), $a = h.forwardRef(
               J.div,
               {
                 role: "option",
-                "aria-labelledby": $,
-                "data-highlighted": f ? "" : void 0,
-                "aria-selected": c && f,
+                "aria-labelledby": f,
+                "data-highlighted": $ ? "" : void 0,
+                "aria-selected": c && $,
                 "data-state": c ? "checked" : "unchecked",
                 "aria-disabled": o || void 0,
                 "data-disabled": o ? "" : void 0,
@@ -10145,7 +10145,7 @@ var Vt = "SelectItem", [I3, fa] = st(Vt), $a = h.forwardRef(
 $a.displayName = Vt;
 var $t = "SelectItemText", pa = h.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, ...i } = e, a = ke($t, n), d = Te($t, n), s = fa($t, n), c = b3($t, n), [l, u] = h.useState(null), f = ne(
+    const { __scopeSelect: n, className: r, style: o, ...i } = e, a = ke($t, n), d = Te($t, n), s = fa($t, n), c = b3($t, n), [l, u] = h.useState(null), $ = ne(
       t,
       (b) => u(b),
       s.onItemTextChange,
@@ -10153,9 +10153,9 @@ var $t = "SelectItemText", pa = h.forwardRef(
     ), m = l?.textContent, v = h.useMemo(
       () => /* @__PURE__ */ p("option", { value: s.value, disabled: s.disabled, children: m }, s.value),
       [s.disabled, s.value, m]
-    ), { onNativeOptionAdd: $, onNativeOptionRemove: g } = c;
-    return ae(() => ($(v), () => g(v)), [$, g, v]), /* @__PURE__ */ P(Hn, { children: [
-      /* @__PURE__ */ p(J.span, { id: s.textId, ...i, ref: f }),
+    ), { onNativeOptionAdd: f, onNativeOptionRemove: g } = c;
+    return ae(() => (f(v), () => g(v)), [f, g, v]), /* @__PURE__ */ P(Hn, { children: [
+      /* @__PURE__ */ p(J.span, { id: s.textId, ...i, ref: $ }),
       s.isSelected && a.valueNode && !a.valueNodeHasChildren ? Ht.createPortal(i.children, a.valueNode) : null
     ] });
   }
@@ -10522,9 +10522,9 @@ function t$({
   loading: s = !1,
   emptyMessage: c = "No data available"
 }) {
-  const [l, u] = pt(1), f = d !== void 0 ? d : l, m = (x) => {
+  const [l, u] = pt(1), $ = d !== void 0 ? d : l, m = (x) => {
     d === void 0 && u(x), a?.(x);
-  }, v = Math.ceil(t.length / n), $ = (f - 1) * n, g = $ + n, b = t.slice($, g), y = (x, S, N) => {
+  }, v = Math.ceil(t.length / n), f = ($ - 1) * n, g = f + n, b = t.slice(f, g), y = (x, S, N) => {
     if (x.render)
       return x.render(S, N);
     const _ = S[x.key];
@@ -10616,7 +10616,7 @@ function t$({
             children: /* @__PURE__ */ p(
               _1,
               {
-                currentPage: f,
+                currentPage: $,
                 totalPages: v,
                 onPageChange: m
               }
@@ -10663,16 +10663,16 @@ const n$ = ({
         {
           className: "flex gap-4 w-full",
           "data-testid": "table-header-cards",
-          children: c.map((f, m) => /* @__PURE__ */ P(
+          children: c.map(($, m) => /* @__PURE__ */ P(
             "div",
             {
               className: "bg-white border border-[#ecebf0] rounded-xl p-4 flex-1 flex gap-2",
               "data-testid": `table-header-card-${m}`,
               children: [
-                f.icon && /* @__PURE__ */ p("div", { className: "shrink-0", "data-testid": `table-header-card-icon-${m}`, children: f.icon }),
+                $.icon && /* @__PURE__ */ p("div", { className: "shrink-0", "data-testid": `table-header-card-icon-${m}`, children: $.icon }),
                 /* @__PURE__ */ P("div", { className: "flex flex-col gap-1 flex-1", children: [
-                  /* @__PURE__ */ p("span", { className: "text-base font-medium text-[#575385] leading-5", children: f.label }),
-                  /* @__PURE__ */ p("span", { className: "text-xl font-semibold text-[#312e4d] leading-[22px]", children: f.value })
+                  /* @__PURE__ */ p("span", { className: "text-base font-medium text-[#575385] leading-5", children: $.label }),
+                  /* @__PURE__ */ p("span", { className: "text-xl font-semibold text-[#312e4d] leading-[22px]", children: $.value })
                 ] })
               ]
             },
@@ -10693,7 +10693,7 @@ const n$ = ({
                 {
                   type: "text",
                   value: r,
-                  onChange: (f) => o?.(f.target.value),
+                  onChange: ($) => o?.($.target.value),
                   placeholder: n,
                   className: I(
                     "w-full h-11 pl-10 pr-4 py-3",
@@ -10714,24 +10714,24 @@ const n$ = ({
           {
             className: "flex gap-4 items-center shrink-0",
             "data-testid": "table-header-buttons",
-            children: d.map((f, m) => /* @__PURE__ */ p(
+            children: d.map(($, m) => /* @__PURE__ */ p(
               "div",
               {
                 "data-testid": `table-header-button-${m}`,
-                children: f.isDropdown && f.dropdownOptions ? (
+                children: $.isDropdown && $.dropdownOptions ? (
                   /* Dropdown Button */
                   /* @__PURE__ */ p("div", { className: "relative", children: /* @__PURE__ */ p(
                     Vn,
                     {
-                      variant: f.variant === "primary" ? "primary" : "default",
-                      options: f.dropdownOptions,
-                      value: f.dropdownValue,
-                      onChange: (v) => f.onDropdownChange?.(v),
-                      placeholder: f.label,
-                      label: f.dropdownLabel,
+                      variant: $.variant === "primary" ? "primary" : "default",
+                      options: $.dropdownOptions,
+                      value: $.dropdownValue,
+                      onChange: (v) => $.onDropdownChange?.(v),
+                      placeholder: $.label,
+                      label: $.dropdownLabel,
                       className: I(
                         "h-11",
-                        f.variant === "outline" ? "border-[#00b56b]" : ""
+                        $.variant === "outline" ? "border-[#00b56b]" : ""
                       )
                     }
                   ) })
@@ -10740,10 +10740,10 @@ const n$ = ({
                   /* @__PURE__ */ p(
                     Vo,
                     {
-                      variant: f.variant === "outline" ? "secondary" : "primary",
-                      onClick: f.onClick,
+                      variant: $.variant === "outline" ? "secondary" : "primary",
+                      onClick: $.onClick,
                       className: "h-11",
-                      children: f.label
+                      children: $.label
                     }
                   )
                 )
@@ -10763,19 +10763,18 @@ const n$ = ({
               /* @__PURE__ */ p(Oa, { size: 16, className: "text-[#312e4d]" }),
               /* @__PURE__ */ p("span", { className: "text-base leading-5 text-[#312e4d]", children: "Filter by" })
             ] }),
-            i.map((f, m) => /* @__PURE__ */ p(
+            i.map(($, m) => /* @__PURE__ */ p(
               "div",
               {
                 className: "min-w-[120px]",
                 "data-testid": `table-header-filter-${m}`,
-                children: f.options && f.options.length > 0 ? /* @__PURE__ */ p(
+                children: $.options && $.options.length > 0 ? /* @__PURE__ */ p(
                   Vn,
                   {
-                    options: f.options,
-                    value: f.value,
-                    onChange: (v) => f.onChange?.(v),
-                    placeholder: f.placeholder || f.label,
-                    label: f.label,
+                    options: $.options,
+                    value: $.value,
+                    onChange: (v) => $.onChange?.(v),
+                    placeholder: $.placeholder || $.label,
                     className: "h-11"
                   }
                 ) : /* @__PURE__ */ P(
@@ -10788,15 +10787,15 @@ const n$ = ({
                       "text-base leading-5 text-[#312e4d]",
                       "hover:border-[#a29fba] transition-colors"
                     ),
-                    onClick: () => f.onChange?.(""),
+                    onClick: () => $.onChange?.(""),
                     children: [
-                      /* @__PURE__ */ p("span", { children: f.placeholder || f.label }),
+                      /* @__PURE__ */ p("span", { children: $.placeholder || $.label }),
                       /* @__PURE__ */ p(Mo, { size: 16 })
                     ]
                   }
                 )
               },
-              f.key
+              $.key
             ))
           ]
         }