aravint-ui-navigation 1.0.8 → 1.0.11

package/dist/navigation.es.js

@@ -25,26 +25,26 @@ const An = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kn = ar, c
   const { variants: o, defaultVariants: i } = t, s = Object.keys(o).map((l) => {
     const u = n == null ? void 0 : n[l], f = i == null ? void 0 : i[l];
     if (u === null) return null;
-    const h = An(u) || An(f);
-    return o[l][h];
+    const g = An(u) || An(f);
+    return o[l][g];
   }), a = n && Object.entries(n).reduce((l, u) => {
-    let [f, h] = u;
-    return h === void 0 || (l[f] = h), l;
+    let [f, g] = u;
+    return g === void 0 || (l[f] = g), l;
   }, {}), c = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((l, u) => {
-    let { class: f, className: h, ...m } = u;
+    let { class: f, className: g, ...m } = u;
     return Object.entries(m).every((p) => {
-      let [g, x] = p;
+      let [h, x] = p;
       return Array.isArray(x) ? x.includes({
         ...i,
         ...a
-      }[g]) : {
+      }[h]) : {
         ...i,
         ...a
-      }[g] === x;
+      }[h] === x;
     }) ? [
       ...l,
       f,
-      h
+      g
     ] : l;
   }, []);
   return kn(e, s, c, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
@@ -156,23 +156,23 @@ const An = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kn = ar, c
     const i = [];
     let s = 0, a = 0, c = 0, l;
     for (let p = 0; p < o.length; p++) {
-      let g = o[p];
+      let h = o[p];
       if (s === 0 && a === 0) {
-        if (g === Ft) {
+        if (h === Ft) {
           i.push(o.slice(c, p)), c = p + jo;
           continue;
         }
-        if (g === "/") {
+        if (h === "/") {
           l = p;
           continue;
         }
       }
-      g === "[" ? s++ : g === "]" ? s-- : g === "(" ? a++ : g === ")" && a--;
+      h === "[" ? s++ : h === "]" ? s-- : h === "(" ? a++ : h === ")" && a--;
     }
-    const u = i.length === 0 ? o : o.substring(c), f = Ko(u), h = f !== u, m = l && l > c ? l - c : void 0;
+    const u = i.length === 0 ? o : o.substring(c), f = Ko(u), g = f !== u, m = l && l > c ? l - c : void 0;
     return {
       modifiers: i,
-      hasImportantModifier: h,
+      hasImportantModifier: g,
       baseClassName: f,
       maybePostfixModifierPosition: m
     };
@@ -222,16 +222,16 @@ const An = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kn = ar, c
   for (let l = a.length - 1; l >= 0; l -= 1) {
     const u = a[l], {
       isExternal: f,
-      modifiers: h,
+      modifiers: g,
       hasImportantModifier: m,
       baseClassName: p,
-      maybePostfixModifierPosition: g
+      maybePostfixModifierPosition: h
     } = n(u);
     if (f) {
       c = u + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let x = !!g, v = r(x ? p.substring(0, g) : p);
+    let x = !!h, v = r(x ? p.substring(0, h) : p);
     if (!v) {
       if (!x) {
         c = u + (c.length > 0 ? " " + c : c);
@@ -243,7 +243,7 @@ const An = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kn = ar, c
       }
       x = !1;
     }
-    const y = i(h).join(":"), w = m ? y + Bt : y, b = w + v;
+    const y = i(g).join(":"), w = m ? y + Bt : y, b = w + v;
     if (s.includes(b))
       continue;
     s.push(b);
@@ -302,7 +302,7 @@ const q = (e) => {
   const r = fr.exec(e);
   return r ? r[1] ? t(r[1]) : n : !1;
 }, mr = (e) => e === "position" || e === "percentage", gr = (e) => e === "image" || e === "url", hr = (e) => e === "length" || e === "size" || e === "bg-size", br = (e) => e === "length", hi = (e) => e === "number", bi = (e) => e === "family-name", vr = (e) => e === "shadow", vi = () => {
-  const e = q("color"), t = q("font"), n = q("text"), r = q("font-weight"), o = q("tracking"), i = q("leading"), s = q("breakpoint"), a = q("container"), c = q("spacing"), l = q("radius"), u = q("shadow"), f = q("inset-shadow"), h = q("text-shadow"), m = q("drop-shadow"), p = q("blur"), g = q("perspective"), x = q("aspect"), v = q("ease"), y = q("animate"), w = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], b = () => [
+  const e = q("color"), t = q("font"), n = q("text"), r = q("font-weight"), o = q("tracking"), i = q("leading"), s = q("breakpoint"), a = q("container"), c = q("spacing"), l = q("radius"), u = q("shadow"), f = q("inset-shadow"), g = q("text-shadow"), m = q("drop-shadow"), p = q("blur"), h = q("perspective"), x = q("aspect"), v = q("ease"), y = q("animate"), w = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], b = () => [
     "center",
     "top",
     "bottom",
@@ -328,7 +328,7 @@ const q = (e) => {
     repeat: ["", "x", "y", "space", "round"]
   }], Y = () => ["auto", "cover", "contain", mi, di, {
     size: [O, N]
-  }], ne = () => [Ot, He, Pe], $ = () => [
+  }], re = () => [Ot, He, Pe], $ = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1336,21 +1336,21 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: ne()
+        from: re()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: ne()
+        via: re()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: ne()
+        to: re()
       }],
       /**
        * Gradient Color Stops From
@@ -1776,7 +1776,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", h, et, Qe]
+        "text-shadow": ["none", g, et, Qe]
       }],
       /**
        * Text Shadow Color
@@ -2276,7 +2276,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [g, O, N]
+        perspective: [h, O, N]
       }],
       /**
        * Perspective Origin
@@ -2772,7 +2772,7 @@ const q = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, yi = /* @__PURE__ */ Qo(vi);
-function ie(...e) {
+function ee(...e) {
   return yi(ar(e));
 }
 function me(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
@@ -2812,13 +2812,13 @@ function xr(e, t = []) {
     n = [...n, s];
     const l = (f) => {
       var v;
-      const { scope: h, children: m, ...p } = f, g = ((v = h == null ? void 0 : h[e]) == null ? void 0 : v[c]) || a, x = d.useMemo(() => p, Object.values(p));
-      return /* @__PURE__ */ T(g.Provider, { value: x, children: m });
+      const { scope: g, children: m, ...p } = f, h = ((v = g == null ? void 0 : g[e]) == null ? void 0 : v[c]) || a, x = d.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ T(h.Provider, { value: x, children: m });
     };
     l.displayName = i + "Provider";
-    function u(f, h) {
-      var g;
-      const m = ((g = h == null ? void 0 : h[e]) == null ? void 0 : g[c]) || a, p = d.useContext(m);
+    function u(f, g) {
+      var h;
+      const m = ((h = g == null ? void 0 : g[e]) == null ? void 0 : h[c]) || a, p = d.useContext(m);
       if (p) return p;
       if (s !== void 0) return s;
       throw new Error(`\`${f}\` must be used within \`${i}\``);
@@ -2964,21 +2964,21 @@ var Ni = "DismissableLayer", Vt = "dismissableLayer.update", Oi = "dismissableLa
       onInteractOutside: s,
       onDismiss: a,
       ...c
-    } = e, l = d.useContext(Er), [u, f] = d.useState(null), h = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = d.useState({}), p = Ie(t, (k) => f(k)), g = Array.from(l.layers), [x] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), v = g.indexOf(x), y = u ? g.indexOf(u) : -1, w = l.layersWithOutsidePointerEventsDisabled.size > 0, b = y >= v, A = Li((k) => {
+    } = e, l = d.useContext(Er), [u, f] = d.useState(null), g = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = d.useState({}), p = Ie(t, (k) => f(k)), h = Array.from(l.layers), [x] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), v = h.indexOf(x), y = u ? h.indexOf(u) : -1, w = l.layersWithOutsidePointerEventsDisabled.size > 0, b = y >= v, A = Li((k) => {
       const R = k.target, M = [...l.branches].some((C) => C.contains(R));
       !b || M || (o == null || o(k), s == null || s(k), k.defaultPrevented || a == null || a());
-    }, h), P = _i((k) => {
+    }, g), P = _i((k) => {
       const R = k.target;
       [...l.branches].some((C) => C.contains(R)) || (i == null || i(k), s == null || s(k), k.defaultPrevented || a == null || a());
-    }, h);
+    }, g);
     return Si((k) => {
       y === l.layers.size - 1 && (r == null || r(k), !k.defaultPrevented && a && (k.preventDefault(), a()));
-    }, h), d.useEffect(() => {
+    }, g), d.useEffect(() => {
       if (u)
-        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (In = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(u)), l.layers.add(u), Mn(), () => {
-          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = In);
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (In = g.body.style.pointerEvents, g.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(u)), l.layers.add(u), Mn(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (g.body.style.pointerEvents = In);
         };
-    }, [u, h, n, l]), d.useEffect(() => () => {
+    }, [u, g, n, l]), d.useEffect(() => () => {
       u && (l.layers.delete(u), l.layersWithOutsidePointerEventsDisabled.delete(u), Mn());
     }, [u, l]), d.useEffect(() => {
       const k = () => m({});
@@ -3075,7 +3075,7 @@ function Bi(e) {
     n((r) => r ?? String($i++));
   }, [e]), t ? `radix-${t}` : "";
 }
-const Fi = ["top", "right", "bottom", "left"], Ce = Math.min, ee = Math.max, lt = Math.round, tt = Math.floor, ue = (e) => ({
+const Fi = ["top", "right", "bottom", "left"], Ce = Math.min, te = Math.max, lt = Math.round, tt = Math.floor, ue = (e) => ({
   x: e,
   y: e
 }), Vi = {
@@ -3085,7 +3085,7 @@ const Fi = ["top", "right", "bottom", "left"], Ce = Math.min, ee = Math.max, lt
   top: "bottom"
 };
 function Wt(e, t, n) {
-  return ee(e, Ce(t, n));
+  return te(e, Ce(t, n));
 }
 function ve(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -3184,7 +3184,7 @@ function _n(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const i = le(t), s = on(t), a = rn(s), c = ye(t), l = i === "y", u = r.x + r.width / 2 - o.width / 2, f = r.y + r.height / 2 - o.height / 2, h = r[a] / 2 - o[a] / 2;
+  const i = le(t), s = on(t), a = rn(s), c = ye(t), l = i === "y", u = r.x + r.width / 2 - o.width / 2, f = r.y + r.height / 2 - o.height / 2, g = r[a] / 2 - o[a] / 2;
   let m;
   switch (c) {
     case "top":
@@ -3219,10 +3219,10 @@ function _n(e, t, n) {
   }
   switch (Fe(t)) {
     case "start":
-      m[s] -= h * (n && l ? -1 : 1);
+      m[s] -= g * (n && l ? -1 : 1);
       break;
     case "end":
-      m[s] += h * (n && l ? -1 : 1);
+      m[s] += g * (n && l ? -1 : 1);
       break;
   }
   return m;
@@ -3241,9 +3241,9 @@ async function qi(e, t) {
     boundary: l = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: f = "floating",
-    altBoundary: h = !1,
+    altBoundary: g = !1,
     padding: m = 0
-  } = ve(t, e), p = Ar(m), x = a[h ? f === "floating" ? "reference" : "floating" : f], v = dt(await i.getClippingRect({
+  } = ve(t, e), p = Ar(m), x = a[g ? f === "floating" ? "reference" : "floating" : f], v = dt(await i.getClippingRect({
     element: (n = await (i.isElement == null ? void 0 : i.isElement(x))) == null || n ? x : x.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
     boundary: l,
     rootBoundary: u,
@@ -3289,10 +3289,10 @@ const Xi = 50, Zi = async (e, t, n) => {
   }), {
     x: u,
     y: f
-  } = _n(l, r, c), h = r, m = 0;
+  } = _n(l, r, c), g = r, m = 0;
   const p = {};
-  for (let g = 0; g < i.length; g++) {
-    const x = i[g];
+  for (let h = 0; h < i.length; h++) {
+    const x = i[h];
     if (!x)
       continue;
     const {
@@ -3307,7 +3307,7 @@ const Xi = 50, Zi = async (e, t, n) => {
       x: u,
       y: f,
       initialPlacement: r,
-      placement: h,
+      placement: g,
       strategy: o,
       middlewareData: p,
       rects: l,
@@ -3320,19 +3320,19 @@ const Xi = 50, Zi = async (e, t, n) => {
     u = w ?? u, f = b ?? f, p[v] = {
       ...p[v],
       ...A
-    }, P && m < Xi && (m++, typeof P == "object" && (P.placement && (h = P.placement), P.rects && (l = P.rects === !0 ? await s.getElementRects({
+    }, P && m < Xi && (m++, typeof P == "object" && (P.placement && (g = P.placement), P.rects && (l = P.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: o
     }) : P.rects), {
       x: u,
       y: f
-    } = _n(l, h, c)), g = -1);
+    } = _n(l, g, c)), h = -1);
   }
   return {
     x: u,
     y: f,
-    placement: h,
+    placement: g,
     strategy: o,
     middlewareData: p
   };
@@ -3354,15 +3354,15 @@ const Xi = 50, Zi = async (e, t, n) => {
     } = ve(e, t) || {};
     if (l == null)
       return {};
-    const f = Ar(u), h = {
+    const f = Ar(u), g = {
       x: n,
       y: r
-    }, m = on(o), p = rn(m), g = await s.getDimensions(l), x = m === "y", v = x ? "top" : "left", y = x ? "bottom" : "right", w = x ? "clientHeight" : "clientWidth", b = i.reference[p] + i.reference[m] - h[m] - i.floating[p], A = h[m] - i.reference[m], P = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l));
+    }, m = on(o), p = rn(m), h = await s.getDimensions(l), x = m === "y", v = x ? "top" : "left", y = x ? "bottom" : "right", w = x ? "clientHeight" : "clientWidth", b = i.reference[p] + i.reference[m] - g[m] - i.floating[p], A = g[m] - i.reference[m], P = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l));
     let k = P ? P[w] : 0;
     (!k || !await (s.isElement == null ? void 0 : s.isElement(P))) && (k = a.floating[w] || i.floating[p]);
-    const R = b / 2 - A / 2, M = k / 2 - g[p] / 2 - 1, C = Ce(f[v], M), S = Ce(f[y], M), I = C, z = k - g[p] - S, L = k / 2 - g[p] / 2 + R, H = Wt(I, L, z), D = !c.arrow && Fe(o) != null && L !== H && i.reference[p] / 2 - (L < I ? C : S) - g[p] / 2 < 0, V = D ? L < I ? L - I : L - z : 0;
+    const R = b / 2 - A / 2, M = k / 2 - h[p] / 2 - 1, C = Ce(f[v], M), S = Ce(f[y], M), I = C, z = k - h[p] - S, L = k / 2 - h[p] / 2 + R, H = Wt(I, L, z), D = !c.arrow && Fe(o) != null && L !== H && i.reference[p] / 2 - (L < I ? C : S) - h[p] / 2 < 0, V = D ? L < I ? L - I : L - z : 0;
     return {
-      [m]: h[m] + V,
+      [m]: g[m] + V,
       data: {
         [m]: H,
         centerOffset: L - H - V,
@@ -3389,16 +3389,16 @@ const Xi = 50, Zi = async (e, t, n) => {
       } = t, {
         mainAxis: u = !0,
         crossAxis: f = !0,
-        fallbackPlacements: h,
+        fallbackPlacements: g,
         fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: p = "none",
-        flipAlignment: g = !0,
+        flipAlignment: h = !0,
         ...x
       } = ve(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const v = ye(o), y = le(a), w = ye(a) === a, b = await (c.isRTL == null ? void 0 : c.isRTL(l.floating)), A = h || (w || !g ? [ut(a)] : Hi(a)), P = p !== "none";
-      !h && P && A.push(...Ki(a, g, p, b));
+      const v = ye(o), y = le(a), w = ye(a) === a, b = await (c.isRTL == null ? void 0 : c.isRTL(l.floating)), A = g || (w || !h ? [ut(a)] : Hi(a)), P = p !== "none";
+      !g && P && A.push(...Ki(a, h, p, b));
       const k = [a, ...A], R = await c.detectOverflow(t, x), M = [];
       let C = ((r = i.flip) == null ? void 0 : r.overflows) || [];
       if (u && M.push(R[v]), f) {
@@ -3516,7 +3516,7 @@ async function ts(e, t) {
     elements: o
   } = e, i = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), s = ye(n), a = Fe(n), c = le(n) === "y", l = kr.has(s) ? -1 : 1, u = i && c ? -1 : 1, f = ve(t, e);
   let {
-    mainAxis: h,
+    mainAxis: g,
     crossAxis: m,
     alignmentAxis: p
   } = typeof f == "number" ? {
@@ -3530,9 +3530,9 @@ async function ts(e, t) {
   };
   return a && typeof p == "number" && (m = a === "end" ? p * -1 : p), c ? {
     x: m * u,
-    y: h * l
+    y: g * l
   } : {
-    x: h * l,
+    x: g * l,
     y: m * u
   };
 }
@@ -3587,20 +3587,20 @@ const ns = function(e) {
       } = ve(e, t), u = {
         x: n,
         y: r
-      }, f = await i.detectOverflow(t, l), h = le(ye(o)), m = nn(h);
-      let p = u[m], g = u[h];
+      }, f = await i.detectOverflow(t, l), g = le(ye(o)), m = nn(g);
+      let p = u[m], h = u[g];
       if (s) {
         const v = m === "y" ? "top" : "left", y = m === "y" ? "bottom" : "right", w = p + f[v], b = p - f[y];
         p = Wt(w, p, b);
       }
       if (a) {
-        const v = h === "y" ? "top" : "left", y = h === "y" ? "bottom" : "right", w = g + f[v], b = g - f[y];
-        g = Wt(w, g, b);
+        const v = g === "y" ? "top" : "left", y = g === "y" ? "bottom" : "right", w = h + f[v], b = h - f[y];
+        h = Wt(w, h, b);
       }
       const x = c.fn({
         ...t,
         [m]: p,
-        [h]: g
+        [g]: h
       });
       return {
         ...x,
@@ -3609,7 +3609,7 @@ const ns = function(e) {
           y: x.y - r,
           enabled: {
             [m]: s,
-            [h]: a
+            [g]: a
           }
         }
       };
@@ -3632,27 +3632,27 @@ const ns = function(e) {
       } = ve(e, t), u = {
         x: n,
         y: r
-      }, f = le(o), h = nn(f);
-      let m = u[h], p = u[f];
-      const g = ve(a, t), x = typeof g == "number" ? {
-        mainAxis: g,
+      }, f = le(o), g = nn(f);
+      let m = u[g], p = u[f];
+      const h = ve(a, t), x = typeof h == "number" ? {
+        mainAxis: h,
         crossAxis: 0
       } : {
         mainAxis: 0,
         crossAxis: 0,
-        ...g
+        ...h
       };
       if (c) {
-        const w = h === "y" ? "height" : "width", b = i.reference[h] - i.floating[w] + x.mainAxis, A = i.reference[h] + i.reference[w] - x.mainAxis;
+        const w = g === "y" ? "height" : "width", b = i.reference[g] - i.floating[w] + x.mainAxis, A = i.reference[g] + i.reference[w] - x.mainAxis;
         m < b ? m = b : m > A && (m = A);
       }
       if (l) {
         var v, y;
-        const w = h === "y" ? "width" : "height", b = kr.has(ye(o)), A = i.reference[f] - i.floating[w] + (b && ((v = s.offset) == null ? void 0 : v[f]) || 0) + (b ? 0 : x.crossAxis), P = i.reference[f] + i.reference[w] + (b ? 0 : ((y = s.offset) == null ? void 0 : y[f]) || 0) - (b ? x.crossAxis : 0);
+        const w = g === "y" ? "width" : "height", b = kr.has(ye(o)), A = i.reference[f] - i.floating[w] + (b && ((v = s.offset) == null ? void 0 : v[f]) || 0) + (b ? 0 : x.crossAxis), P = i.reference[f] + i.reference[w] + (b ? 0 : ((y = s.offset) == null ? void 0 : y[f]) || 0) - (b ? x.crossAxis : 0);
         p < A ? p = A : p > P && (p = P);
       }
       return {
-        [h]: m,
+        [g]: m,
         [f]: p
       };
     }
@@ -3672,17 +3672,17 @@ const ns = function(e) {
         apply: c = () => {
         },
         ...l
-      } = ve(e, t), u = await s.detectOverflow(t, l), f = ye(o), h = Fe(o), m = le(o) === "y", {
+      } = ve(e, t), u = await s.detectOverflow(t, l), f = ye(o), g = Fe(o), m = le(o) === "y", {
         width: p,
-        height: g
+        height: h
       } = i.floating;
       let x, v;
-      f === "top" || f === "bottom" ? (x = f, v = h === (await (s.isRTL == null ? void 0 : s.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = f, x = h === "end" ? "top" : "bottom");
-      const y = g - u.top - u.bottom, w = p - u.left - u.right, b = Ce(g - u[x], y), A = Ce(p - u[v], w), P = !t.middlewareData.shift;
+      f === "top" || f === "bottom" ? (x = f, v = g === (await (s.isRTL == null ? void 0 : s.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = f, x = g === "end" ? "top" : "bottom");
+      const y = h - u.top - u.bottom, w = p - u.left - u.right, b = Ce(h - u[x], y), A = Ce(p - u[v], w), P = !t.middlewareData.shift;
       let k = b, R = A;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = w), (r = t.middlewareData.shift) != null && r.enabled.y && (k = y), P && !h) {
-        const C = ee(u.left, 0), S = ee(u.right, 0), I = ee(u.top, 0), z = ee(u.bottom, 0);
-        m ? R = p - 2 * (C !== 0 || S !== 0 ? C + S : ee(u.left, u.right)) : k = g - 2 * (I !== 0 || z !== 0 ? I + z : ee(u.top, u.bottom));
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = w), (r = t.middlewareData.shift) != null && r.enabled.y && (k = y), P && !g) {
+        const C = te(u.left, 0), S = te(u.right, 0), I = te(u.top, 0), z = te(u.bottom, 0);
+        m ? R = p - 2 * (C !== 0 || S !== 0 ? C + S : te(u.left, u.right)) : k = h - 2 * (I !== 0 || z !== 0 ? I + z : te(u.top, u.bottom));
       }
       await c({
         ...t,
@@ -3690,7 +3690,7 @@ const ns = function(e) {
         availableHeight: k
       });
       const M = await s.getDimensions(a.floating);
-      return p !== M.width || g !== M.height ? {
+      return p !== M.width || h !== M.height ? {
         reset: {
           rects: !0
         }
@@ -3704,7 +3704,7 @@ function xt() {
 function Ve(e) {
   return Tr(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function te(e) {
+function ne(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -3713,16 +3713,16 @@ function de(e) {
   return (t = (Tr(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function Tr(e) {
-  return xt() ? e instanceof Node || e instanceof te(e).Node : !1;
+  return xt() ? e instanceof Node || e instanceof ne(e).Node : !1;
 }
 function se(e) {
-  return xt() ? e instanceof Element || e instanceof te(e).Element : !1;
+  return xt() ? e instanceof Element || e instanceof ne(e).Element : !1;
 }
-function oe(e) {
-  return xt() ? e instanceof HTMLElement || e instanceof te(e).HTMLElement : !1;
+function ie(e) {
+  return xt() ? e instanceof HTMLElement || e instanceof ne(e).HTMLElement : !1;
 }
 function Ut(e) {
-  return !xt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof te(e).ShadowRoot;
+  return !xt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ne(e).ShadowRoot;
 }
 function Xe(e) {
   const {
@@ -3730,7 +3730,7 @@ function Xe(e) {
     overflowX: n,
     overflowY: r,
     display: o
-  } = re(e);
+  } = oe(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && o !== "inline" && o !== "contents";
 }
 function ss(e) {
@@ -3751,12 +3751,12 @@ function wt(e) {
 const as = /transform|translate|scale|rotate|perspective|filter/, cs = /paint|layout|strict|content/, Se = (e) => !!e && e !== "none";
 let Mt;
 function sn(e) {
-  const t = se(e) ? re(e) : e;
+  const t = se(e) ? oe(e) : e;
   return Se(t.transform) || Se(t.translate) || Se(t.scale) || Se(t.rotate) || Se(t.perspective) || !an() && (Se(t.backdropFilter) || Se(t.filter)) || as.test(t.willChange || "") || cs.test(t.contain || "");
 }
 function ls(e) {
   let t = Re(e);
-  for (; oe(t) && !Le(t); ) {
+  for (; ie(t) && !Le(t); ) {
     if (sn(t))
       return t;
     if (wt(t))
@@ -3771,8 +3771,8 @@ function an() {
 function Le(e) {
   return /^(html|body|#document)$/.test(Ve(e));
 }
-function re(e) {
-  return te(e).getComputedStyle(e);
+function oe(e) {
+  return ne(e).getComputedStyle(e);
 }
 function Et(e) {
   return se(e) ? {
@@ -3797,12 +3797,12 @@ function Re(e) {
 }
 function Pr(e) {
   const t = Re(e);
-  return Le(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : oe(t) && Xe(t) ? t : Pr(t);
+  return Le(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ie(t) && Xe(t) ? t : Pr(t);
 }
 function Ke(e, t, n) {
   var r;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = Pr(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), s = te(o);
+  const o = Pr(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), s = ne(o);
   if (i) {
     const a = jt(s);
     return t.concat(s, s.visualViewport || [], Xe(o) ? o : [], a && n ? Ke(a) : []);
@@ -3813,9 +3813,9 @@ function jt(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Sr(e) {
-  const t = re(e);
+  const t = oe(e);
   let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
-  const o = oe(e), i = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, a = lt(n) !== i || lt(r) !== s;
+  const o = ie(e), i = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, a = lt(n) !== i || lt(r) !== s;
   return a && (n = i, r = s), {
     width: n,
     height: r,
@@ -3827,7 +3827,7 @@ function cn(e) {
 }
 function De(e) {
   const t = cn(e);
-  if (!oe(t))
+  if (!ie(t))
     return ue(1);
   const n = t.getBoundingClientRect(), {
     width: r,
@@ -3842,14 +3842,14 @@ function De(e) {
 }
 const us = /* @__PURE__ */ ue(0);
 function Nr(e) {
-  const t = te(e);
+  const t = ne(e);
   return !an() || !t.visualViewport ? us : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function ds(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== te(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== ne(e) ? !1 : t;
 }
 function Oe(e, t, n, r) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
@@ -3859,11 +3859,11 @@ function Oe(e, t, n, r) {
   const a = ds(i, n, r) ? Nr(i) : ue(0);
   let c = (o.left + a.x) / s.x, l = (o.top + a.y) / s.y, u = o.width / s.x, f = o.height / s.y;
   if (i) {
-    const h = te(i), m = r && se(r) ? te(r) : r;
-    let p = h, g = jt(p);
-    for (; g && r && m !== p; ) {
-      const x = De(g), v = g.getBoundingClientRect(), y = re(g), w = v.left + (g.clientLeft + parseFloat(y.paddingLeft)) * x.x, b = v.top + (g.clientTop + parseFloat(y.paddingTop)) * x.y;
-      c *= x.x, l *= x.y, u *= x.x, f *= x.y, c += w, l += b, p = te(g), g = jt(p);
+    const g = ne(i), m = r && se(r) ? ne(r) : r;
+    let p = g, h = jt(p);
+    for (; h && r && m !== p; ) {
+      const x = De(h), v = h.getBoundingClientRect(), y = oe(h), w = v.left + (h.clientLeft + parseFloat(y.paddingLeft)) * x.x, b = v.top + (h.clientTop + parseFloat(y.paddingTop)) * x.y;
+      c *= x.x, l *= x.y, u *= x.x, f *= x.y, c += w, l += b, p = ne(h), h = jt(p);
     }
   }
   return dt({
@@ -3898,27 +3898,27 @@ function fs(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, l = ue(1);
-  const u = ue(0), f = oe(r);
+  const u = ue(0), f = ie(r);
   if ((f || !f && !i) && ((Ve(r) !== "body" || Xe(s)) && (c = Et(r)), f)) {
     const m = Oe(r);
     l = De(r), u.x = m.x + r.clientLeft, u.y = m.y + r.clientTop;
   }
-  const h = s && !f && !i ? Or(s, c) : ue(0);
+  const g = s && !f && !i ? Or(s, c) : ue(0);
   return {
     width: n.width * l.x,
     height: n.height * l.y,
-    x: n.x * l.x - c.scrollLeft * l.x + u.x + h.x,
-    y: n.y * l.y - c.scrollTop * l.y + u.y + h.y
+    x: n.x * l.x - c.scrollLeft * l.x + u.x + g.x,
+    y: n.y * l.y - c.scrollTop * l.y + u.y + g.y
   };
 }
 function ps(e) {
   return Array.from(e.getClientRects());
 }
 function ms(e) {
-  const t = de(e), n = Et(e), r = e.ownerDocument.body, o = ee(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), i = ee(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  const t = de(e), n = Et(e), r = e.ownerDocument.body, o = te(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), i = te(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let s = -n.scrollLeft + Ct(e);
   const a = -n.scrollTop;
-  return re(r).direction === "rtl" && (s += ee(t.clientWidth, r.clientWidth) - o), {
+  return oe(r).direction === "rtl" && (s += te(t.clientWidth, r.clientWidth) - o), {
     width: o,
     height: i,
     x: s,
@@ -3927,7 +3927,7 @@ function ms(e) {
 }
 const Bn = 25;
 function gs(e, t) {
-  const n = te(e), r = de(e), o = n.visualViewport;
+  const n = ne(e), r = de(e), o = n.visualViewport;
   let i = r.clientWidth, s = r.clientHeight, a = 0, c = 0;
   if (o) {
     i = o.width, s = o.height;
@@ -3936,7 +3936,7 @@ function gs(e, t) {
   }
   const l = Ct(r);
   if (l <= 0) {
-    const u = r.ownerDocument, f = u.body, h = getComputedStyle(f), m = u.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, p = Math.abs(r.clientWidth - f.clientWidth - m);
+    const u = r.ownerDocument, f = u.body, g = getComputedStyle(f), m = u.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, p = Math.abs(r.clientWidth - f.clientWidth - m);
     p <= Bn && (i -= p);
   } else l <= Bn && (i += l);
   return {
@@ -3947,7 +3947,7 @@ function gs(e, t) {
   };
 }
 function hs(e, t) {
-  const n = Oe(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, i = oe(e) ? De(e) : ue(1), s = e.clientWidth * i.x, a = e.clientHeight * i.y, c = o * i.x, l = r * i.y;
+  const n = Oe(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, i = ie(e) ? De(e) : ue(1), s = e.clientWidth * i.x, a = e.clientHeight * i.y, c = o * i.x, l = r * i.y;
   return {
     width: s,
     height: a,
@@ -3976,17 +3976,17 @@ function Fn(e, t, n) {
 }
 function Ir(e, t) {
   const n = Re(e);
-  return n === t || !se(n) || Le(n) ? !1 : re(n).position === "fixed" || Ir(n, t);
+  return n === t || !se(n) || Le(n) ? !1 : oe(n).position === "fixed" || Ir(n, t);
 }
 function bs(e, t) {
   const n = t.get(e);
   if (n)
     return n;
   let r = Ke(e, [], !1).filter((a) => se(a) && Ve(a) !== "body"), o = null;
-  const i = re(e).position === "fixed";
+  const i = oe(e).position === "fixed";
   let s = i ? Re(e) : e;
   for (; se(s) && !Le(s); ) {
-    const a = re(s), c = sn(s);
+    const a = oe(s), c = sn(s);
     !c && a.position === "fixed" && (o = null), (i ? !c && !o : !c && a.position === "static" && !!o && (o.position === "absolute" || o.position === "fixed") || Xe(s) && !c && Ir(e, s)) ? r = r.filter((u) => u !== s) : o = a, s = Re(s);
   }
   return t.set(e, r), r;
@@ -4000,9 +4000,9 @@ function vs(e) {
   } = e;
   const s = [...n === "clippingAncestors" ? wt(t) ? [] : bs(t, this._c) : [].concat(n), r], a = Fn(t, s[0], o);
   let c = a.top, l = a.right, u = a.bottom, f = a.left;
-  for (let h = 1; h < s.length; h++) {
-    const m = Fn(t, s[h], o);
-    c = ee(m.top, c), l = Ce(m.right, l), u = Ce(m.bottom, u), f = ee(m.left, f);
+  for (let g = 1; g < s.length; g++) {
+    const m = Fn(t, s[g], o);
+    c = te(m.top, c), l = Ce(m.right, l), u = Ce(m.bottom, u), f = te(m.left, f);
   }
   return {
     width: l - f,
@@ -4022,7 +4022,7 @@ function ys(e) {
   };
 }
 function xs(e, t, n) {
-  const r = oe(t), o = de(t), i = n === "fixed", s = Oe(e, !0, i, t);
+  const r = ie(t), o = de(t), i = n === "fixed", s = Oe(e, !0, i, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4037,19 +4037,19 @@ function xs(e, t, n) {
       c.x = m.x + t.clientLeft, c.y = m.y + t.clientTop;
     } else o && l();
   i && !r && o && l();
-  const u = o && !r && !i ? Or(o, a) : ue(0), f = s.left + a.scrollLeft - c.x - u.x, h = s.top + a.scrollTop - c.y - u.y;
+  const u = o && !r && !i ? Or(o, a) : ue(0), f = s.left + a.scrollLeft - c.x - u.x, g = s.top + a.scrollTop - c.y - u.y;
   return {
     x: f,
-    y: h,
+    y: g,
     width: s.width,
     height: s.height
   };
 }
 function Dt(e) {
-  return re(e).position === "static";
+  return oe(e).position === "static";
 }
 function Vn(e, t) {
-  if (!oe(e) || re(e).position === "fixed")
+  if (!ie(e) || oe(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -4057,10 +4057,10 @@ function Vn(e, t) {
   return de(e) === n && (n = n.ownerDocument.body), n;
 }
 function Mr(e, t) {
-  const n = te(e);
+  const n = ne(e);
   if (wt(e))
     return n;
-  if (!oe(e)) {
+  if (!ie(e)) {
     let o = Re(e);
     for (; o && !Le(o); ) {
       if (se(o) && !Dt(o))
@@ -4087,7 +4087,7 @@ const ws = async function(e) {
   };
 };
 function Es(e) {
-  return re(e).direction === "rtl";
+  return oe(e).direction === "rtl";
 }
 const Cs = {
   convertOffsetParentRelativeRectToViewportRelativeRect: fs,
@@ -4116,14 +4116,14 @@ function Rs(e, t) {
     const l = e.getBoundingClientRect(), {
       left: u,
       top: f,
-      width: h,
+      width: g,
       height: m
     } = l;
-    if (a || t(), !h || !m)
+    if (a || t(), !g || !m)
       return;
-    const p = tt(f), g = tt(o.clientWidth - (u + h)), x = tt(o.clientHeight - (f + m)), v = tt(u), w = {
-      rootMargin: -p + "px " + -g + "px " + -x + "px " + -v + "px",
-      threshold: ee(0, Ce(1, c)) || 1
+    const p = tt(f), h = tt(o.clientWidth - (u + g)), x = tt(o.clientHeight - (f + m)), v = tt(u), w = {
+      rootMargin: -p + "px " + -h + "px " + -x + "px " + -v + "px",
+      threshold: te(0, Ce(1, c)) || 1
     };
     let b = !0;
     function A(P) {
@@ -4165,19 +4165,19 @@ function As(e, t, n, r) {
     }), i && v.addEventListener("resize", n);
   });
   const f = l && a ? Rs(l, n) : null;
-  let h = -1, m = null;
+  let g = -1, m = null;
   s && (m = new ResizeObserver((v) => {
     let [y] = v;
-    y && y.target === l && m && t && (m.unobserve(t), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+    y && y.target === l && m && t && (m.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
       var w;
       (w = m) == null || w.observe(t);
     })), n();
   }), l && !c && m.observe(l), t && m.observe(t));
-  let p, g = c ? Oe(e) : null;
+  let p, h = c ? Oe(e) : null;
   c && x();
   function x() {
     const v = Oe(e);
-    g && !Dr(g, v) && n(), g = v, p = requestAnimationFrame(x);
+    h && !Dr(h, v) && n(), h = v, p = requestAnimationFrame(x);
   }
   return n(), () => {
     var v;
@@ -4265,10 +4265,10 @@ function Ls(e) {
     placement: t,
     middlewareData: {},
     isPositioned: !1
-  }), [h, m] = d.useState(r);
-  ft(h, r) || m(r);
-  const [p, g] = d.useState(null), [x, v] = d.useState(null), y = d.useCallback((E) => {
-    E !== P.current && (P.current = E, g(E));
+  }), [g, m] = d.useState(r);
+  ft(g, r) || m(r);
+  const [p, h] = d.useState(null), [x, v] = d.useState(null), y = d.useCallback((E) => {
+    E !== P.current && (P.current = E, h(E));
   }, []), w = d.useCallback((E) => {
     E !== k.current && (k.current = E, v(E));
   }, []), b = i || p, A = s || x, P = d.useRef(null), k = d.useRef(null), R = d.useRef(u), M = c != null, C = Lt(c), S = Lt(o), I = Lt(l), z = d.useCallback(() => {
@@ -4277,7 +4277,7 @@ function Ls(e) {
     const E = {
       placement: t,
       strategy: n,
-      middleware: h
+      middleware: g
     };
     S.current && (E.platform = S.current), Is(P.current, k.current, E).then((_) => {
       const K = {
@@ -4292,7 +4292,7 @@ function Ls(e) {
         f(K);
       }));
     });
-  }, [h, t, n, S, I]);
+  }, [g, t, n, S, I]);
   at(() => {
     l === !1 && R.current.isPositioned && (R.current.isPositioned = !1, f((E) => ({
       ...E,
@@ -4481,10 +4481,10 @@ var un = "PopperContent", [Ys, qs] = zr(un), Hr = d.forwardRef(
       collisionBoundary: l = [],
       collisionPadding: u = 0,
       sticky: f = "partial",
-      hideWhenDetached: h = !1,
+      hideWhenDetached: g = !1,
       updatePositionStrategy: m = "optimized",
       onPlaced: p,
-      ...g
+      ...h
     } = e, x = Br(un, n), [v, y] = d.useState(null), w = Ie(t, (xe) => y(xe)), [b, A] = d.useState(null), P = Gs(b), k = (P == null ? void 0 : P.width) ?? 0, R = (P == null ? void 0 : P.height) ?? 0, M = r + (i !== "center" ? "-" + i : ""), C = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, S = Array.isArray(l) ? l : [l], I = S.length > 0, z = {
       padding: C,
       boundary: S.filter(Zs),
@@ -4518,13 +4518,13 @@ var un = "PopperContent", [Ys, qs] = zr(un), Hr = d.forwardRef(
         }),
         b && Hs({ element: b, padding: a }),
         Js({ arrowWidth: k, arrowHeight: R }),
-        h && Ws({ strategy: "referenceHidden", ...z })
+        g && Ws({ strategy: "referenceHidden", ...z })
       ]
     }), [_, K] = Gr(D), Y = yt(p);
     Ee(() => {
       V && (Y == null || Y());
     }, [V, Y]);
-    const ne = (j = E.arrow) == null ? void 0 : j.x, $ = (ke = E.arrow) == null ? void 0 : ke.y, U = ((F = E.arrow) == null ? void 0 : F.centerOffset) !== 0, [X, fe] = d.useState();
+    const re = (j = E.arrow) == null ? void 0 : j.x, $ = (ke = E.arrow) == null ? void 0 : ke.y, U = ((F = E.arrow) == null ? void 0 : F.centerOffset) !== 0, [X, fe] = d.useState();
     return Ee(() => {
       v && fe(window.getComputedStyle(v).zIndex);
     }, [v]), /* @__PURE__ */ T(
@@ -4557,7 +4557,7 @@ var un = "PopperContent", [Ys, qs] = zr(un), Hr = d.forwardRef(
             scope: n,
             placedSide: _,
             onArrowChange: A,
-            arrowX: ne,
+            arrowX: re,
             arrowY: $,
             shouldHideArrow: U,
             children: /* @__PURE__ */ T(
@@ -4565,10 +4565,10 @@ var un = "PopperContent", [Ys, qs] = zr(un), Hr = d.forwardRef(
               {
                 "data-side": _,
                 "data-align": K,
-                ...g,
+                ...h,
                 ref: w,
                 style: {
-                  ...g.style,
+                  ...h.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
                   animation: V ? void 0 : "none"
@@ -4641,9 +4641,9 @@ var Js = (e) => ({
   options: e,
   fn(t) {
     var x, v, y;
-    const { placement: n, rects: r, middlewareData: o } = t, s = ((x = o.arrow) == null ? void 0 : x.centerOffset) !== 0, a = s ? 0 : e.arrowWidth, c = s ? 0 : e.arrowHeight, [l, u] = Gr(n), f = { start: "0%", center: "50%", end: "100%" }[u], h = (((v = o.arrow) == null ? void 0 : v.x) ?? 0) + a / 2, m = (((y = o.arrow) == null ? void 0 : y.y) ?? 0) + c / 2;
-    let p = "", g = "";
-    return l === "bottom" ? (p = s ? f : `${h}px`, g = `${-c}px`) : l === "top" ? (p = s ? f : `${h}px`, g = `${r.floating.height + c}px`) : l === "right" ? (p = `${-c}px`, g = s ? f : `${m}px`) : l === "left" && (p = `${r.floating.width + c}px`, g = s ? f : `${m}px`), { data: { x: p, y: g } };
+    const { placement: n, rects: r, middlewareData: o } = t, s = ((x = o.arrow) == null ? void 0 : x.centerOffset) !== 0, a = s ? 0 : e.arrowWidth, c = s ? 0 : e.arrowHeight, [l, u] = Gr(n), f = { start: "0%", center: "50%", end: "100%" }[u], g = (((v = o.arrow) == null ? void 0 : v.x) ?? 0) + a / 2, m = (((y = o.arrow) == null ? void 0 : y.y) ?? 0) + c / 2;
+    let p = "", h = "";
+    return l === "bottom" ? (p = s ? f : `${g}px`, h = `${-c}px`) : l === "top" ? (p = s ? f : `${g}px`, h = `${r.floating.height + c}px`) : l === "right" ? (p = `${-c}px`, h = s ? f : `${m}px`) : l === "left" && (p = `${r.floating.width + c}px`, h = s ? f : `${m}px`), { data: { x: p, y: h } };
   }
 });
 function Gr(e) {
@@ -4686,25 +4686,25 @@ function ia(e) {
   }, [a]), Ee(() => {
     const l = r.current, u = o.current;
     if (u !== e) {
-      const h = i.current, m = nt(l);
-      e ? c("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(u && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+      const g = i.current, m = nt(l);
+      e ? c("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(u && g !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
   }, [e, c]), Ee(() => {
     if (t) {
       let l;
       const u = t.ownerDocument.defaultView ?? window, f = (m) => {
-        const g = nt(r.current).includes(CSS.escape(m.animationName));
-        if (m.target === t && g && (c("ANIMATION_END"), !o.current)) {
+        const h = nt(r.current).includes(CSS.escape(m.animationName));
+        if (m.target === t && h && (c("ANIMATION_END"), !o.current)) {
           const x = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", l = u.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = x);
           });
         }
-      }, h = (m) => {
+      }, g = (m) => {
         m.target === t && (i.current = nt(r.current));
       };
-      return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        u.clearTimeout(l), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        u.clearTimeout(l), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
       c("ANIMATION_END");
@@ -4748,8 +4748,8 @@ function ca({
     (u) => {
       var f;
       if (a) {
-        const h = ua(u) ? u(e) : u;
-        h !== e && ((f = s.current) == null || f.call(s, h));
+        const g = ua(u) ? u(e) : u;
+        g !== e && ((f = s.current) == null || f.call(s, g));
       } else
         i(u);
     },
@@ -4842,7 +4842,7 @@ var Ye = "Tooltip", [ha, Ze] = Rt(Ye), Zr = (e) => {
     onOpenChange: i,
     disableHoverableContent: s,
     delayDuration: a
-  } = e, c = fn(Ye, e.__scopeTooltip), l = At(t), [u, f] = d.useState(null), h = Bi(), m = d.useRef(0), p = s ?? c.disableHoverableContent, g = a ?? c.delayDuration, x = d.useRef(!1), [v, y] = ca({
+  } = e, c = fn(Ye, e.__scopeTooltip), l = At(t), [u, f] = d.useState(null), g = Bi(), m = d.useRef(0), p = s ?? c.disableHoverableContent, h = a ?? c.delayDuration, x = d.useRef(!1), [v, y] = ca({
     prop: r,
     defaultProp: o ?? !1,
     onChange: (k) => {
@@ -4856,15 +4856,15 @@ var Ye = "Tooltip", [ha, Ze] = Rt(Ye), Zr = (e) => {
   }, [y]), P = d.useCallback(() => {
     window.clearTimeout(m.current), m.current = window.setTimeout(() => {
       x.current = !0, y(!0), m.current = 0;
-    }, g);
-  }, [g, y]);
+    }, h);
+  }, [h, y]);
   return d.useEffect(() => () => {
     m.current && (window.clearTimeout(m.current), m.current = 0);
   }, []), /* @__PURE__ */ T(Qs, { ...l, children: /* @__PURE__ */ T(
     ha,
     {
       scope: t,
-      contentId: h,
+      contentId: g,
       open: v,
       stateAttribute: w,
       trigger: u,
@@ -4893,8 +4893,8 @@ var Kt = "TooltipTrigger", Jr = d.forwardRef(
         "data-state": o.stateAttribute,
         ...r,
         ref: c,
-        onPointerMove: me(e.onPointerMove, (h) => {
-          h.pointerType !== "touch" && !u.current && !i.isPointerInTransitRef.current && (o.onTriggerEnter(), u.current = !0);
+        onPointerMove: me(e.onPointerMove, (g) => {
+          g.pointerType !== "touch" && !u.current && !i.isPointerInTransitRef.current && (o.onTriggerEnter(), u.current = !0);
         }),
         onPointerLeave: me(e.onPointerLeave, () => {
           o.onTriggerLeave(), u.current = !1;
@@ -4925,31 +4925,31 @@ var _e = "TooltipContent", eo = d.forwardRef(
     return /* @__PURE__ */ T(dn, { present: r || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ T(to, { side: o, ...i, ref: t }) : /* @__PURE__ */ T(ya, { side: o, ...i, ref: t }) });
   }
 ), ya = d.forwardRef((e, t) => {
-  const n = Ze(_e, e.__scopeTooltip), r = fn(_e, e.__scopeTooltip), o = d.useRef(null), i = Ie(t, o), [s, a] = d.useState(null), { trigger: c, onClose: l } = n, u = o.current, { onPointerInTransitChange: f } = r, h = d.useCallback(() => {
+  const n = Ze(_e, e.__scopeTooltip), r = fn(_e, e.__scopeTooltip), o = d.useRef(null), i = Ie(t, o), [s, a] = d.useState(null), { trigger: c, onClose: l } = n, u = o.current, { onPointerInTransitChange: f } = r, g = d.useCallback(() => {
     a(null), f(!1);
   }, [f]), m = d.useCallback(
-    (p, g) => {
-      const x = p.currentTarget, v = { x: p.clientX, y: p.clientY }, y = Ca(v, x.getBoundingClientRect()), w = Ra(v, y), b = Aa(g.getBoundingClientRect()), A = Ta([...w, ...b]);
+    (p, h) => {
+      const x = p.currentTarget, v = { x: p.clientX, y: p.clientY }, y = Ca(v, x.getBoundingClientRect()), w = Ra(v, y), b = Aa(h.getBoundingClientRect()), A = Ta([...w, ...b]);
       a(A), f(!0);
     },
     [f]
   );
-  return d.useEffect(() => () => h(), [h]), d.useEffect(() => {
+  return d.useEffect(() => () => g(), [g]), d.useEffect(() => {
     if (c && u) {
-      const p = (x) => m(x, u), g = (x) => m(x, c);
-      return c.addEventListener("pointerleave", p), u.addEventListener("pointerleave", g), () => {
-        c.removeEventListener("pointerleave", p), u.removeEventListener("pointerleave", g);
+      const p = (x) => m(x, u), h = (x) => m(x, c);
+      return c.addEventListener("pointerleave", p), u.addEventListener("pointerleave", h), () => {
+        c.removeEventListener("pointerleave", p), u.removeEventListener("pointerleave", h);
       };
     }
-  }, [c, u, m, h]), d.useEffect(() => {
+  }, [c, u, m, g]), d.useEffect(() => {
     if (s) {
-      const p = (g) => {
-        const x = g.target, v = { x: g.clientX, y: g.clientY }, y = (c == null ? void 0 : c.contains(x)) || (u == null ? void 0 : u.contains(x)), w = !ka(v, s);
-        y ? h() : w && (h(), l());
+      const p = (h) => {
+        const x = h.target, v = { x: h.clientX, y: h.clientY }, y = (c == null ? void 0 : c.contains(x)) || (u == null ? void 0 : u.contains(x)), w = !ka(v, s);
+        y ? g() : w && (g(), l());
       };
       return document.addEventListener("pointermove", p), () => document.removeEventListener("pointermove", p);
     }
-  }, [c, u, s, l, h]), /* @__PURE__ */ T(to, { ...e, ref: i });
+  }, [c, u, s, l, g]), /* @__PURE__ */ T(to, { ...e, ref: i });
 }), [xa, wa] = Rt(Ye, { isInside: !1 }), Ea = /* @__PURE__ */ Ci("TooltipContent"), to = d.forwardRef(
   (e, t) => {
     const {
@@ -4962,8 +4962,8 @@ var _e = "TooltipContent", eo = d.forwardRef(
     } = e, c = Ze(_e, n), l = At(n), { onClose: u } = c;
     return d.useEffect(() => (document.addEventListener(Gt, u), () => document.removeEventListener(Gt, u)), [u]), d.useEffect(() => {
       if (c.trigger) {
-        const f = (h) => {
-          const m = h.target;
+        const f = (g) => {
+          const m = g.target;
           m != null && m.contains(c.trigger) && u();
         };
         return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
@@ -5071,8 +5071,8 @@ function ka(e, t) {
   const { x: n, y: r } = e;
   let o = !1;
   for (let i = 0, s = t.length - 1; i < t.length; s = i++) {
-    const a = t[i], c = t[s], l = a.x, u = a.y, f = c.x, h = c.y;
-    u > r != h > r && n < (f - l) * (r - u) / (h - u) + l && (o = !o);
+    const a = t[i], c = t[s], l = a.x, u = a.y, f = c.x, g = c.y;
+    u > r != g > r && n < (f - l) * (r - u) / (g - u) + l && (o = !o);
   }
   return o;
 }
@@ -5168,19 +5168,19 @@ const Da = cr(
     style: l,
     iconButton: u = !1,
     tooltipLabel: f,
-    saveColor: h = "#003B71",
+    saveColor: g = "#003B71",
     deleteColor: m = "#FF6070",
     updateColor: p = "#003B71",
-    cancelColor: g = "#ffffff",
+    cancelColor: h = "#ffffff",
     outlineColor: x = "#003B71",
     ...v
   }, y) => {
     const b = {
       ...t && {
-        save: { backgroundColor: h },
+        save: { backgroundColor: g },
         delete: { backgroundColor: m },
         update: { backgroundColor: p },
-        cancel: { backgroundColor: g },
+        cancel: { backgroundColor: h },
         outline: { backgroundColor: x }
       }[t],
       ...l
@@ -5189,7 +5189,7 @@ const Da = cr(
       {
         ref: y,
         "data-testid": a,
-        className: ie(Da({ variant: t, size: n }), e),
+        className: ee(Da({ variant: t, size: n }), e),
         style: b,
         disabled: o || r,
         ...v,
@@ -5620,7 +5620,7 @@ function tc(e, t = {}) {
     props: a,
     stateAttributesMapping: c,
     enabled: l = !0
-  } = t, u = l ? qa(n, i) : void 0, f = l ? Xa(r, i) : void 0, h = l ? Ya(i, c) : Ne, m = l && a ? nc(a) : void 0, p = l ? qt(h, m) ?? {} : Ne;
+  } = t, u = l ? qa(n, i) : void 0, f = l ? Xa(r, i) : void 0, g = l ? Ya(i, c) : Ne, m = l && a ? nc(a) : void 0, p = l ? qt(g, m) ?? {} : Ne;
   return typeof document < "u" && (l ? Array.isArray(s) ? p.ref = Ha([p.ref, Gn(o), ...s]) : p.ref = mt(p.ref, Gn(o), s) : mt(null, null)), l ? (u !== void 0 && (p.className = go(p.className, u)), f !== void 0 && (p.style = qt(p.style, f)), p) : Ne;
 }
 function nc(e) {
@@ -5682,7 +5682,7 @@ function bo(e) {
     elementsRef: n,
     labelsRef: r,
     onMapChange: o
-  } = e, i = J(o), s = d.useRef(0), a = ze(dc).current, c = ze(uc).current, [l, u] = d.useState(0), f = d.useRef(l), h = J((v, y) => {
+  } = e, i = J(o), s = d.useRef(0), a = ze(dc).current, c = ze(uc).current, [l, u] = d.useState(0), f = d.useRef(l), g = J((v, y) => {
     c.set(v, y ?? null), f.current += 1, u(f.current);
   }), m = J((v) => {
     c.delete(v), f.current += 1, u(f.current);
@@ -5719,20 +5719,20 @@ function bo(e) {
   }, [n]), Z(() => () => {
     r && (r.current = []);
   }, [r]);
-  const g = J((v) => (a.add(v), () => {
+  const h = J((v) => (a.add(v), () => {
     a.delete(v);
   }));
   Z(() => {
     a.forEach((v) => v(p));
   }, [a, p]);
   const x = d.useMemo(() => ({
-    register: h,
+    register: g,
     unregister: m,
-    subscribeMapChange: g,
+    subscribeMapChange: h,
     elementsRef: n,
     labelsRef: r,
     nextIndexRef: s
-  }), [h, m, g, n, r, s]);
+  }), [g, m, h, n, r, s]);
   return /* @__PURE__ */ T(vn.Provider, {
     value: x,
     children: t
@@ -5796,7 +5796,7 @@ const vo = /* @__PURE__ */ d.forwardRef(function(t, n) {
     value: c,
     style: l,
     ...u
-  } = t, f = t.defaultValue !== void 0, h = d.useRef([]), [m, p] = d.useState(() => /* @__PURE__ */ new Map()), [g, x] = za({
+  } = t, f = t.defaultValue !== void 0, g = d.useRef([]), [m, p] = d.useState(() => /* @__PURE__ */ new Map()), [h, x] = za({
     controlled: c,
     default: o,
     name: "Tabs",
@@ -5809,15 +5809,15 @@ const vo = /* @__PURE__ */ d.forwardRef(function(t, n) {
         return W;
     return null;
   }, [y]), [P, k] = d.useState(() => ({
-    previousValue: g,
+    previousValue: h,
     tabActivationDirection: "none"
   })), {
     previousValue: R,
     tabActivationDirection: M
   } = P;
   let C = M, S = !1;
-  R !== g && (C = Xn(R, g, s, y), S = R != null && g != null && A(g) == null);
-  const I = S ? R : g, z = R !== I || M !== C;
+  R !== h && (C = Xn(R, h, s, y), S = R != null && h != null && A(h) == null);
+  const I = S ? R : h, z = R !== I || M !== C;
   Z(() => {
     z && k({
       previousValue: I,
@@ -5825,7 +5825,7 @@ const vo = /* @__PURE__ */ d.forwardRef(function(t, n) {
     });
   }, [I, z, C]);
   const L = J((F, W) => {
-    const G = Xn(g, F, s, y);
+    const G = Xn(h, F, s, y);
     W.activationDirection = G, i == null || i(F, W), !W.isCanceled && x(F);
   }), H = J((F, W) => {
     i == null || i(F, Jt(W, void 0, void 0, {
@@ -5859,12 +5859,12 @@ const vo = /* @__PURE__ */ d.forwardRef(function(t, n) {
     setTabMap: w,
     unregisterMountedTabPanel: V,
     tabActivationDirection: C,
-    value: g
-  }), [A, _, E, L, s, D, w, V, C, g]), Y = d.useMemo(() => {
+    value: h
+  }), [A, _, E, L, s, D, w, V, C, h]), Y = d.useMemo(() => {
     for (const F of y.values())
-      if (F != null && F.value === g)
+      if (F != null && F.value === h)
         return F;
-  }, [y, g]), ne = d.useMemo(() => {
+  }, [y, h]), re = d.useMemo(() => {
     for (const F of y.values())
       if (F != null && !F.disabled)
         return F.value;
@@ -5880,17 +5880,17 @@ const vo = /* @__PURE__ */ d.forwardRef(function(t, n) {
       }), H(ae, Te), $.current = !1;
     }
     if (y.size === 0) {
-      fe.current && g !== null && !((xe = b.current) != null && xe.isConnected) && F(null, Yn);
+      fe.current && h !== null && !((xe = b.current) != null && xe.isConnected) && F(null, Yn);
       return;
     }
     fe.current = !0, b.current = y.keys().next().value;
-    const W = Y == null ? void 0 : Y.disabled, G = Y == null && g !== null;
-    if (!W && g === U.current && (X.current = !1), X.current && W && g === U.current)
+    const W = Y == null ? void 0 : Y.disabled, G = Y == null && h !== null;
+    if (!W && h === U.current && (X.current = !1), X.current && W && h === U.current)
       return;
     const Q = $.current;
     if (W || G) {
-      const ae = ne ?? null;
-      if (g === ae) {
+      const ae = re ?? null;
+      if (h === ae) {
         $.current = !1;
         return;
       }
@@ -5898,8 +5898,8 @@ const vo = /* @__PURE__ */ d.forwardRef(function(t, n) {
       Q ? Te = qn : W && (Te = mc), F(ae, Te);
       return;
     }
-    Q && Y != null && (H(g, qn), $.current = !1);
-  }, [ne, v, H, Y, x, y, g]);
+    Q && Y != null && (H(h, qn), $.current = !1);
+  }, [re, v, H, Y, x, y, h]);
   const ke = Tt("div", t, {
     state: {
       orientation: s,
@@ -5912,7 +5912,7 @@ const vo = /* @__PURE__ */ d.forwardRef(function(t, n) {
   return /* @__PURE__ */ T(yn.Provider, {
     value: K,
     children: /* @__PURE__ */ T(bo, {
-      elementsRef: h,
+      elementsRef: g,
       children: ke
     })
   });
@@ -6011,7 +6011,7 @@ function vc(e = {}) {
     isNativeButton: o
   });
   process.env.NODE_ENV !== "production" && d.useEffect(() => {
-    var p, g;
+    var p, h;
     if (!s.current)
       return;
     const m = rt(s.current);
@@ -6021,7 +6021,7 @@ function vc(e = {}) {
         pt(`A component that acts as a button expected a native <button> because the \`nativeButton\` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Use a real <button> in the \`render\` prop, or set \`nativeButton\` to \`false\`.${x}`);
       }
     } else if (m) {
-      const x = ((g = ge.captureOwnerStack) == null ? void 0 : g.call(ge)) || "";
+      const x = ((h = ge.captureOwnerStack) == null ? void 0 : h.call(ge)) || "";
       pt(`A component that acts as a button expected a non-<button> because the \`nativeButton\` prop is false. Rendering a <button> keeps native behavior while Base UI applies non-native attributes and handlers, which can add unintended extra attributes (such as \`role\` or \`aria-disabled\`). Use a non-<button> in the \`render\` prop, or set \`nativeButton\` to \`true\`.${x}`);
     }
   }, [o]);
@@ -6033,7 +6033,7 @@ function vc(e = {}) {
   const f = d.useCallback((m = {}) => {
     const {
       onClick: p,
-      onMouseDown: g,
+      onMouseDown: h,
       onKeyUp: x,
       onKeyDown: v,
       onPointerDown: y,
@@ -6048,7 +6048,7 @@ function vc(e = {}) {
         p == null || p(b);
       },
       onMouseDown(b) {
-        t || g == null || g(b);
+        t || h == null || h(b);
       },
       onKeyDown(b) {
         if (t || (ht(b), v == null || v(b), b.baseUIHandlerPrevented))
@@ -6083,16 +6083,16 @@ function vc(e = {}) {
     } : {
       role: "button"
     }, l, w);
-  }, [t, l, c, o]), h = J((m) => {
+  }, [t, l, c, o]), g = J((m) => {
     s.current = m, u();
   });
   return {
     getButtonProps: f,
-    buttonRef: h
+    buttonRef: g
   };
 }
 function rt(e) {
-  return oe(e) && e.tagName === "BUTTON";
+  return ie(e) && e.tagName === "BUTTON";
 }
 function yc(e) {
   return !!((e == null ? void 0 : e.tagName) === "A" && (e != null && e.href));
@@ -6115,15 +6115,15 @@ function Eo(e = {}) {
     elementsRef: l,
     labelsRef: u,
     nextIndexRef: f
-  } = lc(), h = d.useRef(-1), [m, p] = d.useState(i ?? (o === xc.GuessFromOrder ? () => {
-    if (h.current === -1) {
+  } = lc(), g = d.useRef(-1), [m, p] = d.useState(i ?? (o === xc.GuessFromOrder ? () => {
+    if (g.current === -1) {
       const v = f.current;
-      f.current += 1, h.current = v;
+      f.current += 1, g.current = v;
     }
-    return h.current;
-  } : -1)), g = d.useRef(null), x = d.useCallback((v) => {
+    return g.current;
+  } : -1)), h = d.useRef(null), x = d.useCallback((v) => {
     var y;
-    if (g.current = v, m !== -1 && v !== null && (l.current[m] = v, u)) {
+    if (h.current = v, m !== -1 && v !== null && (l.current[m] = v, u)) {
       const w = t !== void 0;
       u.current[m] = w ? t : ((y = r == null ? void 0 : r.current) == null ? void 0 : y.textContent) ?? v.textContent;
     }
@@ -6131,7 +6131,7 @@ function Eo(e = {}) {
   return Z(() => {
     if (i != null)
       return;
-    const v = g.current;
+    const v = h.current;
     if (v)
       return s(v, n), () => {
         a(v);
@@ -6140,7 +6140,7 @@ function Eo(e = {}) {
     if (i == null)
       return c((v) => {
         var w;
-        const y = g.current ? (w = v.get(g.current)) == null ? void 0 : w.index : null;
+        const y = h.current ? (w = v.get(h.current)) == null ? void 0 : w.index : null;
         y != null && p(y);
       });
   }, [i, c, p]), {
@@ -6246,7 +6246,7 @@ function Qt(e, t, n) {
 function Tc(e) {
   return e.visibility === "hidden" || e.visibility === "collapse";
 }
-function Pc(e, t = e ? re(e) : null) {
+function Pc(e, t = e ? oe(e) : null) {
   return !e || !e.isConnected || !t || Tc(t) ? !1 : typeof e.checkVisibility == "function" ? e.checkVisibility() : t.display !== "none" && t.display !== "contents";
 }
 const Co = /* @__PURE__ */ d.forwardRef(function(t, n) {
@@ -6261,11 +6261,11 @@ const Co = /* @__PURE__ */ d.forwardRef(function(t, n) {
     ...u
   } = t, {
     value: f,
-    getTabPanelIdByValue: h,
+    getTabPanelIdByValue: g,
     orientation: m,
     tabActivationDirection: p
   } = xn(), {
-    activateOnFocus: g,
+    activateOnFocus: h,
     highlightedTabIndex: x,
     onTabActivation: v,
     registerTabResizeObserverElement: y,
@@ -6310,14 +6310,14 @@ const Co = /* @__PURE__ */ d.forwardRef(function(t, n) {
     disabled: o,
     native: c,
     focusableWhenDisabled: !0
-  }), H = h(s), D = d.useRef(!1), V = d.useRef(!1);
+  }), H = g(s), D = d.useRef(!1), V = d.useRef(!1);
   function E($) {
     C || o || v(s, Jt(Kn, $.nativeEvent, void 0, {
       activationDirection: "none"
     }));
   }
   function _($) {
-    C || (M > -1 && !o && w(M), !o && g && (!D.current || // keyboard or touch focus
+    C || (M > -1 && !o && w(M), !o && h && (!D.current || // keyboard or touch focus
     D.current && V.current) && v(s, Jt(Kn, $.nativeEvent, void 0, {
       activationDirection: "none"
     })));
@@ -6562,13 +6562,13 @@ const Wc = {
     value: l,
     getTabIdByPanelValue: u,
     orientation: f,
-    tabActivationDirection: h,
+    tabActivationDirection: g,
     registerMountedTabPanel: m,
     unregisterMountedTabPanel: p
-  } = xn(), g = yo(), x = d.useMemo(() => ({
-    id: g,
+  } = xn(), h = yo(), x = d.useMemo(() => ({
+    id: h,
     value: o
-  }), [g, o]), {
+  }), [h, o]), {
     ref: v,
     index: y
   } = Eo({
@@ -6580,7 +6580,7 @@ const Wc = {
   } = Fc(w), k = !b, R = u(o), M = {
     hidden: k,
     orientation: f,
-    tabActivationDirection: h,
+    tabActivationDirection: g,
     transitionStatus: A
   }, C = d.useRef(null), S = Tt("div", t, {
     state: M,
@@ -6588,7 +6588,7 @@ const Wc = {
     props: [{
       "aria-labelledby": R,
       hidden: k,
-      id: g,
+      id: h,
       role: "tabpanel",
       tabIndex: w ? 0 : -1,
       inert: Sc(!w),
@@ -6603,11 +6603,11 @@ const Wc = {
       w || P(!1);
     }
   }), Z(() => {
-    if (!(k && !s) && g != null)
-      return m(o, g), () => {
-        p(o, g);
+    if (!(k && !s) && h != null)
+      return m(o, h), () => {
+        p(o, h);
       };
-  }, [k, s, o, g, m, p]), s || b ? S : null;
+  }, [k, s, o, h, m, p]), s || b ? S : null;
 });
 process.env.NODE_ENV !== "production" && (Ro.displayName = "TabsPanel");
 function Hc(e) {
@@ -6615,10 +6615,10 @@ function Hc(e) {
 }
 const je = "ArrowUp", Ge = "ArrowDown", bt = "ArrowLeft", vt = "ArrowRight", St = "Home", Nt = "End", Ao = /* @__PURE__ */ new Set([bt, vt]), Uc = /* @__PURE__ */ new Set([bt, vt, St, Nt]), ko = /* @__PURE__ */ new Set([je, Ge]), jc = /* @__PURE__ */ new Set([je, Ge, St, Nt]), To = /* @__PURE__ */ new Set([...Ao, ...ko]), Gc = /* @__PURE__ */ new Set([...To, St, Nt]), Kc = "Shift", Yc = "Control", qc = "Alt", Xc = "Meta", Zc = /* @__PURE__ */ new Set([Kc, Yc, qc, Xc]);
 function Jc(e) {
-  return oe(e) && e.tagName === "INPUT";
+  return ie(e) && e.tagName === "INPUT";
 }
 function nr(e) {
-  return !!(Jc(e) && e.selectionStart != null || oe(e) && e.tagName === "TEXTAREA");
+  return !!(Jc(e) && e.selectionStart != null || ie(e) && e.tagName === "TEXTAREA");
 }
 function rr(e, t, n, r) {
   if (!e || !t || !t.scrollTo)
@@ -6673,8 +6673,8 @@ function el(e) {
     enableHomeAndEndKeys: l = !1,
     stopEventPropagation: u = !1,
     disabledIndices: f,
-    modifierKeys: h = Qc
-  } = e, [m, p] = d.useState(0), g = r != null, x = d.useRef(null), v = mt(x, c), y = d.useRef([]), w = d.useRef(!1), b = s ?? m, A = J((C, S = !1) => {
+    modifierKeys: g = Qc
+  } = e, [m, p] = d.useState(0), h = r != null, x = d.useRef(null), v = mt(x, c), y = d.useRef([]), w = d.useRef(!1), b = s ?? m, A = J((C, S = !1) => {
     if ((a ?? p)(C), S) {
       const I = y.current[C];
       rr(x.current, I, i, n);
@@ -6707,7 +6707,7 @@ function el(e) {
   }, [f, s, b, y, A]);
   const k = J((C, S, I) => o ? o(C, S, I, y) : I), R = J((C) => {
     const S = l ? Gc : To;
-    if (!S.has(C.key) || tl(C, h) || !x.current)
+    if (!S.has(C.key) || tl(C, g) || !x.current)
       return;
     const z = i === "rtl", L = z ? bt : vt, H = {
       horizontal: L,
@@ -6737,7 +6737,7 @@ function el(e) {
       orientation: n,
       rtl: z
     }));
-    const ne = {
+    const re = {
       horizontal: [L],
       vertical: [Ge],
       both: [L, Ge]
@@ -6745,12 +6745,12 @@ function el(e) {
       horizontal: [D],
       vertical: [je],
       both: [D, je]
-    }[n], U = g ? S : {
+    }[n], U = h ? S : {
       horizontal: l ? Uc : Ao,
       vertical: l ? jc : ko,
       both: S
     }[n];
-    l && (C.key === St ? _ = K : C.key === Nt && (_ = Y)), _ === b && (ne.includes(C.key) || $.includes(C.key)) && (t && _ === Y && ne.includes(C.key) ? (_ = K, o && (_ = o(C, b, _, y))) : t && _ === K && $.includes(C.key) ? (_ = Y, o && (_ = o(C, b, _, y))) : _ = Ue(y.current, {
+    l && (C.key === St ? _ = K : C.key === Nt && (_ = Y)), _ === b && (re.includes(C.key) || $.includes(C.key)) && (t && _ === Y && re.includes(C.key) ? (_ = K, o && (_ = o(C, b, _, y))) : t && _ === K && $.includes(C.key) ? (_ = Y, o && (_ = o(C, b, _, y))) : _ = Ue(y.current, {
       startingIndex: _,
       decrement: $.includes(C.key),
       disabledIndices: f
@@ -6801,10 +6801,10 @@ function rl(e) {
     onHighlightedIndexChange: l,
     orientation: u,
     grid: f,
-    loopFocus: h,
+    loopFocus: g,
     onLoop: m,
     enableHomeAndEndKeys: p,
-    onMapChange: g,
+    onMapChange: h,
     stopEventPropagation: x = !0,
     rootRef: v,
     disabledIndices: y,
@@ -6821,7 +6821,7 @@ function rl(e) {
     relayKeyboardEvent: z
   } = el({
     grid: f,
-    loopFocus: h,
+    loopFocus: g,
     onLoop: m,
     orientation: u,
     highlightedIndex: c,
@@ -6848,7 +6848,7 @@ function rl(e) {
     children: /* @__PURE__ */ T(bo, {
       elementsRef: S,
       onMapChange: (D) => {
-        g == null || g(D), I(D);
+        h == null || h(D), I(D);
       },
       children: L
     })
@@ -6866,9 +6866,9 @@ const So = /* @__PURE__ */ d.forwardRef(function(t, n) {
     onValueChange: l,
     orientation: u,
     value: f,
-    setTabMap: h,
+    setTabMap: g,
     tabActivationDirection: m
-  } = xn(), [p, g] = d.useState(0), [x, v] = d.useState(null), y = d.useRef(/* @__PURE__ */ new Set()), w = d.useRef(/* @__PURE__ */ new Set()), b = d.useRef(null);
+  } = xn(), [p, h] = d.useState(0), [x, v] = d.useState(null), y = d.useRef(/* @__PURE__ */ new Set()), w = d.useRef(/* @__PURE__ */ new Set()), b = d.useRef(null);
   Z(() => {
     if (typeof ResizeObserver > "u")
       return;
@@ -6905,9 +6905,9 @@ const So = /* @__PURE__ */ d.forwardRef(function(t, n) {
     registerIndicatorUpdateListener: A,
     registerTabResizeObserverElement: P,
     onTabActivation: k,
-    setHighlightedTabIndex: g,
+    setHighlightedTabIndex: h,
     tabsListElement: x
-  }), [r, p, A, P, k, g, x]);
+  }), [r, p, A, P, k, h, x]);
   return /* @__PURE__ */ T(En.Provider, {
     value: C,
     children: /* @__PURE__ */ T(rl, {
@@ -6922,8 +6922,8 @@ const So = /* @__PURE__ */ d.forwardRef(function(t, n) {
       enableHomeAndEndKeys: !0,
       loopFocus: i,
       orientation: u,
-      onHighlightedIndexChange: g,
-      onMapChange: h,
+      onHighlightedIndexChange: h,
+      onMapChange: g,
       disabledIndices: Zt
     })
   });
@@ -6939,9 +6939,8 @@ function ol({
     {
       orientation: t,
       "data-slot": "tabs",
-      className: ie(
-        "group/tabs flex gap-2 flex-col h-",
-        "flex-col",
+      className: ee(
+        "group/tabs flex h-full min-h-0 flex-col gap-2",
         e
       ),
       ...n
@@ -6972,7 +6971,7 @@ function sl({
     {
       "data-slot": "tabs-list",
       "data-variant": t,
-      className: ie(il({ variant: t }), e),
+      className: ee(il({ variant: t }), e),
       ...n
     }
   );
@@ -6982,7 +6981,7 @@ function al({ className: e, ...t }) {
     Co,
     {
       "data-slot": "tabs-trigger",
-      className: ie(
+      className: ee(
         "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
         "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
@@ -6998,7 +6997,7 @@ function cl({ className: e, ...t }) {
     Ro,
     {
       "data-slot": "tabs-content",
-      className: ie("flex-1 text-sm outline-none", e),
+      className: ee("flex-1 text-sm outline-none", e),
       ...t
     }
   );
@@ -7012,10 +7011,10 @@ const gl = ({
   showTabNumbers: i = !0,
   variant: s = "default"
 }) => {
-  var l;
-  const a = n || t || ((l = e[0]) == null ? void 0 : l.id), c = {
-    default: ie(
-      "relative px-6 py-3 text-sm font-medium transition-all duration-300 ease-out",
+  var u;
+  const a = n || t || ((u = e[0]) == null ? void 0 : u.id), c = {
+    default: ee(
+      "group relative px-6 py-3 text-sm font-medium transition-all duration-300 ease-out",
       "text-muted-foreground hover:text-foreground",
       "data-[state=active]:text-foreground data-[state=active]:font-semibold",
       "after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-gradient-to-r after:from-blue-500 after:via-purple-500 after:to-pink-500",
@@ -7023,8 +7022,8 @@ const gl = ({
       "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:text-muted-foreground",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
     ),
-    gradient: ie(
-      "relative px-6 py-3 text-sm font-medium transition-all duration-300 ease-out",
+    gradient: ee(
+      "group relative px-6 py-3 text-sm font-medium transition-all duration-300 ease-out",
       "text-muted-foreground/80 hover:text-muted-foreground",
       "data-[state=active]:text-white data-[state=active]:font-semibold",
       "data-[state=active]:bg-gradient-to-r data-[state=active]:from-blue-600 data-[state=active]:via-purple-600 data-[state=active]:to-pink-600",
@@ -7033,13 +7032,38 @@ const gl = ({
       "disabled:opacity-50 disabled:cursor-not-allowed",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
     ),
-    minimal: ie(
-      "relative px-4 py-2 text-sm font-medium transition-all duration-300",
+    minimal: ee(
+      "group relative px-4 py-2 text-sm font-medium transition-all duration-300",
       "text-muted-foreground hover:text-foreground hover:bg-secondary/50 rounded-md",
       "data-[state=active]:text-foreground data-[state=active]:bg-secondary",
       "data-[state=active]:font-semibold",
       "disabled:opacity-50 disabled:cursor-not-allowed",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
+    ),
+    // Matches the Figma reference: bordered number chip, green accent on active,
+    // slim underline beneath only the active tab.
+    outline: ee(
+      "group relative px-4 py-3 text-sm font-semibold transition-colors duration-200 ease-out",
+      "text-foreground/70 hover:text-foreground",
+      "data-[state=active]:text-emerald-600",
+      "after:absolute after:bottom-0 after:left-0 after:right-0 after:h-[2px] after:bg-emerald-500",
+      "after:scale-x-0 after:transition-transform after:duration-200 data-[state=active]:after:scale-x-100",
+      "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:text-foreground/70",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-emerald-500"
+    )
+  }, l = {
+    default: ee(
+      "bg-blue-100/60 text-blue-600",
+      "group-data-[state=active]:bg-blue-500 group-data-[state=active]:text-white"
+    ),
+    gradient: ee(
+      "text-white/60",
+      "group-data-[state=active]:bg-white/20 group-data-[state=active]:text-white"
+    ),
+    minimal: "bg-secondary/60 text-secondary-foreground",
+    outline: ee(
+      "border border-border text-muted-foreground bg-transparent rounded-[6px]",
+      "group-data-[state=active]:border-emerald-500 group-data-[state=active]:text-emerald-600"
     )
   };
   return /* @__PURE__ */ be(
@@ -7048,52 +7072,55 @@ const gl = ({
       value: n || a,
       onValueChange: r,
       defaultValue: t,
-      className: ie("w-full", o),
+      className: ee("w-full h-full min-h-0 flex flex-col", o),
       children: [
         /* @__PURE__ */ T(
           sl,
           {
-            className: ie(
-              "inline-flex gap-1 rounded-none bg-transparent h-auto p-0 w-full border-b",
+            className: ee(
+              "inline-flex gap-1 rounded-none bg-transparent h-auto p-0 w-full border-b shrink-0",
               s === "default" && "border-b border-border",
               s === "gradient" && "border-b border-border/30 gap-2 bg-background/50 px-2 py-2 rounded-lg",
-              s === "minimal" && "border-b border-border/50 gap-0"
+              s === "minimal" && "border-b border-border/50 gap-0",
+              s === "outline" && "border-b border-border gap-0 justify-start"
             ),
-            children: e.map((u, f) => /* @__PURE__ */ T(
+            children: e.map((f, g) => /* @__PURE__ */ T(
               al,
               {
-                value: u.id,
-                disabled: u.disabled,
-                className: c[s],
+                value: f.id,
+                disabled: f.disabled,
+                className: ee(
+                  c[s],
+                  s === "outline" && "flex-none"
+                ),
                 children: /* @__PURE__ */ be("div", { className: "flex items-center gap-2", children: [
                   i && /* @__PURE__ */ T(
                     "span",
                     {
-                      className: ie(
-                        "inline-flex items-center justify-center w-5 h-5 rounded-full text-xs font-bold transition-all duration-300",
-                        s === "default" && "bg-blue-100/60 text-blue-600 group-data-[state=active]:bg-blue-500 group-data-[state=active]:text-white",
-                        s === "gradient" && "data-[state=active]:bg-white/20 data-[state=active]:text-white text-muted-foreground/60",
-                        s === "minimal" && "bg-secondary/60 text-secondary-foreground"
+                      className: ee(
+                        "inline-flex items-center justify-center w-5 h-5 text-xs font-bold transition-all duration-200",
+                        s !== "outline" && "rounded-full",
+                        l[s]
                       ),
-                      children: f + 1
+                      children: g + 1
                     }
                   ),
-                  u.icon && /* @__PURE__ */ T("span", { className: "inline-flex", children: u.icon }),
-                  /* @__PURE__ */ T("span", { children: u.label })
+                  f.icon && /* @__PURE__ */ T("span", { className: "inline-flex", children: f.icon }),
+                  /* @__PURE__ */ T("span", { children: f.label })
                 ] })
               },
-              u.id
+              f.id
             ))
           }
         ),
-        /* @__PURE__ */ T("div", { className: "relative flex-1 min-h-0 overflow-hidde", children: e.map((u) => /* @__PURE__ */ T(
+        /* @__PURE__ */ T("div", { className: "relative flex-1 min-h-0 overflow-hidden", children: e.map((f) => /* @__PURE__ */ T(
           cl,
           {
-            value: u.id,
-            className: "mt-0 animate-in fade-in-50 duration-300 data-[state=inactive]:hidden",
-            children: u.content
+            value: f.id,
+            className: "mt-0 h-full min-h-0 overflow-y-auto animate-in fade-in-50 duration-300 data-[state=inactive]:hidden",
+            children: f.content
           },
-          u.id
+          f.id
         )) })
       ]
     }
@@ -7109,5 +7136,5 @@ export {
   ao as TooltipTrigger,
   ml as TruncatedText,
   Da as buttonVariants,
-  ie as cn
+  ee as cn
 };