@sabrenski/spire-ui-vue 0.3.22 → 0.3.23

package/dist/spire-ui.js

@@ -2730,81 +2730,81 @@ const rV1 = {
     const { setAnchorRef: x, setFloatingRef: q } = Ve(), { isMobile: R } = kr(), { selectedValues: O, hasSelection: r1 } = yg1(() => n.modelValue), B = p(() => {
       if (n.loadOptions) return b.value;
       if (n.options) return n.options;
-      const W1 = [];
+      const m1 = [];
       return S.value.forEach((P1, N1) => {
-        W1.push({ value: N1, label: P1.label, disabled: P1.disabled });
-      }), W1;
+        m1.push({ value: N1, label: P1.label, disabled: P1.disabled });
+      }), m1;
     }), { filteredOptions: J, hasExactMatch: o1 } = Mg1({
       options: B,
       searchQuery: F,
       skipFilter: () => !!n.loadOptions,
       filterFn: n.filterFn,
-      labelKey: (W1) => W1.label
+      labelKey: (m1) => m1.label
     }), a1 = p(() => n.allowCustomValue && F.value.trim() && !o1.value && !K.value), t1 = p(() => n.createOptionLabel ? n.createOptionLabel(F.value) : t.createItem(F.value)), $ = p(() => {
-      const W1 = [];
+      const m1 = [];
       return O.value.forEach((P1) => {
         const N1 = B.value.find((y2) => y2.value === P1);
-        N1 ? W1.push(N1) : W1.push({ value: P1, label: P1 });
-      }), W1;
+        N1 ? m1.push(N1) : m1.push({ value: P1, label: P1 });
+      }), m1;
     }), { visibleChips: Y, hiddenCount: P } = mg1({
       items: $,
       maxChips: () => n.maxChips,
       enabled: () => n.chips && n.multiple
     }), u1 = p(() => n.loading || K.value), v1 = w(!1), g1 = p(() => v1.value && F.value ? F.value : !n.multiple && n.modelValue ? p1(n.modelValue) : F.value);
-    function p1(W1) {
-      return B.value.find((N1) => N1.value === W1)?.label || W1;
+    function p1(m1) {
+      return B.value.find((N1) => N1.value === m1)?.label || m1;
     }
-    function C1(W1) {
-      return B.value.find((N1) => N1.value === W1)?.icon;
+    function C1(m1) {
+      return B.value.find((N1) => N1.value === m1)?.icon;
     }
-    function X(W1) {
-      if (B.value.find((y2) => y2.value === W1)?.disabled) return;
+    function X(m1) {
+      if (B.value.find((y2) => y2.value === m1)?.disabled) return;
       let N1;
       if (n.multiple) {
-        const y2 = Array.isArray(n.modelValue) ? [...n.modelValue] : [], fr = y2.indexOf(W1);
-        fr > -1 ? y2.splice(fr, 1) : y2.push(W1), N1 = y2, F.value = "";
+        const y2 = Array.isArray(n.modelValue) ? [...n.modelValue] : [], fr = y2.indexOf(m1);
+        fr > -1 ? y2.splice(fr, 1) : y2.push(m1), N1 = y2, F.value = "";
       } else
-        N1 = W1, F.value = "", I1();
+        N1 = m1, F.value = "", W1();
       a("update:modelValue", N1), a("change", N1);
     }
-    function U(W1) {
-      a("create", W1);
+    function U(m1) {
+      a("create", m1);
       let P1;
       if (n.multiple) {
         const N1 = Array.isArray(n.modelValue) ? [...n.modelValue] : [];
-        N1.includes(W1) || N1.push(W1), P1 = N1, F.value = "";
+        N1.includes(m1) || N1.push(m1), P1 = N1, F.value = "";
       } else
-        P1 = W1, F.value = "", I1();
+        P1 = m1, F.value = "", W1();
       a("update:modelValue", P1), a("change", P1);
     }
-    function s1(W1) {
+    function s1(m1) {
       if (!n.multiple || !Array.isArray(n.modelValue)) return;
-      const P1 = n.modelValue.filter((N1) => N1 !== W1);
+      const P1 = n.modelValue.filter((N1) => N1 !== m1);
       a("update:modelValue", P1), a("change", P1);
     }
     function i1() {
-      const W1 = n.multiple ? [] : void 0;
-      F.value = "", a("update:modelValue", W1), a("change", W1), M.value?.focus();
+      const m1 = n.multiple ? [] : void 0;
+      F.value = "", a("update:modelValue", m1), a("change", m1), M.value?.focus();
     }
-    function m1() {
+    function f1() {
       c.value || n.readonly || (N.value = !0);
     }
-    function I1() {
+    function W1() {
       N.value = !1, D && (clearTimeout(D), D = null);
     }
-    function d1(W1, P1, N1, y2, fr) {
-      S.value.set(W1, { label: P1, disabled: N1, icon: y2, id: fr });
+    function d1(m1, P1, N1, y2, fr) {
+      S.value.set(m1, { label: P1, disabled: N1, icon: y2, id: fr });
     }
-    function y1(W1) {
-      S.value.delete(W1);
+    function y1(m1) {
+      S.value.delete(m1);
     }
     const b1 = `autocomplete-create-${l}`;
-    function f1(W1) {
-      return W1 === ce ? b1 : S.value.get(W1)?.id;
+    function I1(m1) {
+      return m1 === ce ? b1 : S.value.get(m1)?.id;
     }
     const T1 = p(() => {
-      const W1 = J.value.map((P1) => P1.value);
-      return a1.value && W1.push(ce), W1;
+      const m1 = J.value.map((P1) => P1.value);
+      return a1.value && m1.push(ce), m1;
     }), {
       activeValue: $1,
       setActiveValue: f2,
@@ -2813,38 +2813,38 @@ const rV1 = {
       activeDescendantId: F1
     } = fg1({
       items: T1,
-      disabledKeys: () => new Set(J.value.filter((W1) => W1.disabled).map((W1) => W1.value)),
+      disabledKeys: () => new Set(J.value.filter((m1) => m1.disabled).map((m1) => m1.value)),
       loop: !0,
-      onSelect: (W1) => {
-        W1 === ce ? U(F.value.trim()) : X(W1);
+      onSelect: (m1) => {
+        m1 === ce ? U(F.value.trim()) : X(m1);
       },
       onEscape: () => {
-        I1(), F.value = "";
+        W1(), F.value = "";
       },
       onTab: () => {
-        I1(), n.allowCustomValue && F.value.trim() && !n.multiple && U(F.value.trim());
+        W1(), n.allowCustomValue && F.value.trim() && !n.multiple && U(F.value.trim());
       },
       onBackspace: () => {
         if (n.chips && n.multiple && !F.value) {
-          const W1 = $.value;
-          W1.length > 0 && s1(W1[W1.length - 1].value);
+          const m1 = $.value;
+          m1.length > 0 && s1(m1[m1.length - 1].value);
         }
       },
-      getOptionId: f1
+      getOptionId: I1
     });
-    function n2(W1) {
-      f2(W1);
+    function n2(m1) {
+      f2(m1);
     }
-    async function R1(W1) {
+    async function R1(m1) {
       if (!n.loadOptions) return;
-      if (W1.length < n.minQueryLength) {
+      if (m1.length < n.minQueryLength) {
         b.value = [];
         return;
       }
       const P1 = ++E;
       K.value = !0;
       try {
-        const N1 = await n.loadOptions(W1);
+        const N1 = await n.loadOptions(m1);
         if (P1 !== E) return;
         b.value = N1, await B1(), N.value && N1.length > 0 && Le();
       } catch {
@@ -2853,46 +2853,46 @@ const rV1 = {
         P1 === E && (K.value = !1);
       }
     }
-    function w2(W1) {
-      D && clearTimeout(D), a("search", W1), n.loadOptions && (D = setTimeout(() => {
-        R1(W1);
+    function w2(m1) {
+      D && clearTimeout(D), a("search", m1), n.loadOptions && (D = setTimeout(() => {
+        R1(m1);
       }, n.debounceMs));
     }
-    function $5(W1) {
-      const P1 = W1.target;
-      F.value = P1.value, N.value || m1(), w2(P1.value);
+    function $5(m1) {
+      const P1 = m1.target;
+      F.value = P1.value, N.value || f1(), w2(P1.value);
     }
     function tb1() {
-      v1.value = !0, A.value || m1();
+      v1.value = !0, A.value || f1();
     }
     function nb1() {
-      R.value && !N.value && !c.value && !n.readonly && m1();
+      R.value && !N.value && !c.value && !n.readonly && f1();
     }
-    function sb1(W1) {
-      const P1 = W1.relatedTarget;
-      R.value && H.value || g.value?.contains(P1) || (v1.value = !1, n.allowCustomValue && F.value.trim() && !n.multiple ? U(F.value.trim()) : F.value = "", I1());
+    function sb1(m1) {
+      const P1 = m1.relatedTarget;
+      R.value && H.value || g.value?.contains(P1) || (v1.value = !1, n.allowCustomValue && F.value.trim() && !n.multiple ? U(F.value.trim()) : F.value = "", W1());
     }
-    function kC(W1) {
+    function kC(m1) {
       if (!(c.value || n.readonly)) {
-        if ((W1.key === "ArrowDown" || W1.key === "ArrowUp") && !N.value) {
-          W1.preventDefault(), m1();
+        if ((m1.key === "ArrowDown" || m1.key === "ArrowUp") && !N.value) {
+          m1.preventDefault(), f1();
           return;
         }
-        if (W1.key === "Enter" && !$1.value && n.allowCustomValue && F.value.trim()) {
-          W1.preventDefault(), U(F.value.trim());
+        if (m1.key === "Enter" && !$1.value && n.allowCustomValue && F.value.trim()) {
+          m1.preventDefault(), U(F.value.trim());
           return;
         }
-        de(W1);
+        de(m1);
       }
     }
-    function ib1(W1) {
-      W1.newState === "closed" && N.value && I1();
+    function ib1(m1) {
+      m1.newState === "closed" && N.value && W1();
     }
     function ab1() {
-      H.value = !1, I1();
+      H.value = !1, W1();
     }
-    l1(N, (W1) => {
-      W1 ? B1(() => {
+    l1(N, (m1) => {
+      m1 ? B1(() => {
         R.value ? (H.value = !0, B1(() => {
           j.value?.focus();
         })) : g.value && g.value.showPopover(), J.value.length > 0 ? Le() : a1.value && f2(ce);
@@ -2901,10 +2901,10 @@ const rV1 = {
           A.value = !1;
         }, 0)) : g.value && g.value.hidePopover();
       });
-    }), l1(J, (W1, P1) => {
+    }), l1(J, (m1, P1) => {
       if (!N.value) return;
-      const N1 = W1.length > 0 ? W1[0].value : null, y2 = P1?.length > 0 ? P1[0].value : null;
-      N1 !== y2 && (W1.length > 0 ? Le() : a1.value ? f2(ce) : f2(null));
+      const N1 = m1.length > 0 ? m1[0].value : null, y2 = P1?.length > 0 ? P1[0].value : null;
+      N1 !== y2 && (m1.length > 0 ? Le() : a1.value ? f2(ce) : f2(null));
     }), ze(() => {
       D && clearTimeout(D);
     });
@@ -2921,7 +2921,7 @@ const rV1 = {
       setActiveOption: n2,
       getOptionLabel: p1,
       getOptionIcon: C1,
-      getOptionId: f1
+      getOptionId: I1
     });
     const cb1 = {
       xs: "min-h-7 text-xs px-2",
@@ -2955,9 +2955,9 @@ const rV1 = {
       M.value?.focus();
     }
     function pb1() {
-      N.value ? I1() : m1();
+      N.value ? W1() : f1();
     }
-    return e({ focus: hb1, inputRef: M, open: m1, close: I1, toggle: pb1, isOpen: N }), (W1, P1) => (y(), W("div", n1({ class: "relative" }, W1.$attrs), [
+    return e({ focus: hb1, inputRef: M, open: f1, close: W1, toggle: pb1, isOpen: N }), (m1, P1) => (y(), W("div", n1({ class: "relative" }, m1.$attrs), [
       v("div", {
         ref: (N1) => {
           m.value = N1, f(x)(N1);
@@ -3049,7 +3049,7 @@ const rV1 = {
         v("div", AV1, [
           u1.value ? (y(), W("div", TV1, G(o.loadingMessage ?? f(t).loading), 1)) : (y(), W(c1, { key: 1 }, [
             v("div", RV1, [
-              o.options && o.options.length > 0 ? (y(!0), W(c1, { key: 0 }, V1(f(J), (N1) => (y(), z(ul, {
+              f(J).length > 0 ? (y(!0), W(c1, { key: 0 }, V1(f(J), (N1) => (y(), z(ul, {
                 key: N1.value,
                 value: N1.value,
                 label: N1.label,
@@ -3057,14 +3057,14 @@ const rV1 = {
                 description: N1.description,
                 icon: N1.icon
               }, Ee({ _: 2 }, [
-                W1.$slots.option ? {
+                m1.$slots.option ? {
                   name: "default",
                   fn: _((y2) => [
-                    T(W1.$slots, "option", n1({ option: N1 }, { ref_for: !0 }, y2))
+                    T(m1.$slots, "option", n1({ option: N1 }, { ref_for: !0 }, y2))
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["value", "label", "disabled", "description", "icon"]))), 128)) : T(W1.$slots, "default", { key: 1 }),
+              ]), 1032, ["value", "label", "disabled", "description", "icon"]))), 128)) : m1.$slots.default ? T(m1.$slots, "default", { key: 1 }) : V("", !0),
               a1.value ? (y(), W("div", {
                 key: 2,
                 id: b1,
@@ -3087,8 +3087,8 @@ const rV1 = {
                 v("span", DV1, G(t1.value), 1)
               ], 42, BV1)) : V("", !0)
             ]),
-            f(J).length === 0 && !a1.value && !W1.$slots.default ? (y(), W("div", PV1, [
-              T(W1.$slots, "empty", {
+            f(J).length === 0 && !a1.value && !m1.$slots.default ? (y(), W("div", PV1, [
+              T(m1.$slots, "empty", {
                 searchQuery: F.value,
                 isLoading: u1.value
               }, () => [
@@ -3136,7 +3136,7 @@ const rV1 = {
             v("div", $V1, [
               u1.value ? (y(), W("div", zV1, G(o.loadingMessage ?? f(t).loading), 1)) : (y(), W(c1, { key: 1 }, [
                 v("div", OV1, [
-                  o.options && o.options.length > 0 ? (y(!0), W(c1, { key: 0 }, V1(f(J), (N1) => (y(), z(ul, {
+                  f(J).length > 0 ? (y(!0), W(c1, { key: 0 }, V1(f(J), (N1) => (y(), z(ul, {
                     key: N1.value,
                     value: N1.value,
                     label: N1.label,
@@ -3144,14 +3144,14 @@ const rV1 = {
                     description: N1.description,
                     icon: N1.icon
                   }, Ee({ _: 2 }, [
-                    W1.$slots.option ? {
+                    m1.$slots.option ? {
                       name: "default",
                       fn: _((y2) => [
-                        T(W1.$slots, "option", n1({ option: N1 }, { ref_for: !0 }, y2))
+                        T(m1.$slots, "option", n1({ option: N1 }, { ref_for: !0 }, y2))
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["value", "label", "disabled", "description", "icon"]))), 128)) : T(W1.$slots, "default", { key: 1 }),
+                  ]), 1032, ["value", "label", "disabled", "description", "icon"]))), 128)) : m1.$slots.default ? T(m1.$slots, "default", { key: 1 }) : V("", !0),
                   a1.value ? (y(), W("div", {
                     key: 2,
                     id: b1,
@@ -3174,8 +3174,8 @@ const rV1 = {
                     v("span", UV1, G(t1.value), 1)
                   ], 42, qV1)) : V("", !0)
                 ]),
-                f(J).length === 0 && !a1.value && !W1.$slots.default ? (y(), W("div", GV1, [
-                  T(W1.$slots, "empty", {
+                f(J).length === 0 && !a1.value && !m1.$slots.default ? (y(), W("div", GV1, [
+                  T(m1.$slots, "empty", {
                     searchQuery: F.value,
                     isLoading: u1.value
                   }, () => [
@@ -3828,29 +3828,29 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
           const X = P[p1.key];
           if (!F(X)) return;
           const U = A.scale.value(u1), s1 = K.scale.value(X), i1 = K.scale.value(0);
-          let m1, I1, d1, y1;
+          let f1, W1, d1, y1;
           if (u.value)
             if (r.stacked) {
               const b1 = Math.abs(i1 - s1);
-              X >= 0 ? (m1 = U - b.value / 2, I1 = i1 - v1 - b1, v1 += b1) : (m1 = U - b.value / 2, I1 = i1 + g1, g1 += b1), d1 = b.value, y1 = b1;
+              X >= 0 ? (f1 = U - b.value / 2, W1 = i1 - v1 - b1, v1 += b1) : (f1 = U - b.value / 2, W1 = i1 + g1, g1 += b1), d1 = b.value, y1 = b1;
             } else {
-              const b1 = b.value * r.barGap, f1 = C1 * (S.value + b1);
-              m1 = U - b.value / 2 + f1, I1 = Math.min(s1, i1), d1 = S.value, y1 = Math.abs(i1 - s1);
+              const b1 = b.value * r.barGap, I1 = C1 * (S.value + b1);
+              f1 = U - b.value / 2 + I1, W1 = Math.min(s1, i1), d1 = S.value, y1 = Math.abs(i1 - s1);
             }
           else if (r.stacked) {
             const b1 = Math.abs(s1 - i1);
-            X >= 0 ? (m1 = i1 + v1, I1 = U - b.value / 2, v1 += b1) : (m1 = i1 - g1 - b1, I1 = U - b.value / 2, g1 += b1), d1 = b1, y1 = b.value;
+            X >= 0 ? (f1 = i1 + v1, W1 = U - b.value / 2, v1 += b1) : (f1 = i1 - g1 - b1, W1 = U - b.value / 2, g1 += b1), d1 = b1, y1 = b.value;
           } else {
-            const b1 = b.value * r.barGap, f1 = C1 * (S.value + b1);
-            m1 = Math.min(s1, i1), I1 = U - b.value / 2 + f1, d1 = Math.abs(s1 - i1), y1 = S.value;
+            const b1 = b.value * r.barGap, I1 = C1 * (S.value + b1);
+            f1 = Math.min(s1, i1), W1 = U - b.value / 2 + I1, d1 = Math.abs(s1 - i1), y1 = S.value;
           }
           t1.push({
             index: Y,
             seriesKey: p1.key,
             category: u1,
             value: X,
-            x: m1,
-            y: I1,
+            x: f1,
+            y: W1,
             width: d1,
             height: y1,
             color: p1.color
@@ -4423,8 +4423,8 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
       activeValue: U,
       setActiveValue: s1,
       first: i1,
-      handleKeyDown: m1,
-      activeDescendantId: I1
+      handleKeyDown: f1,
+      activeDescendantId: W1
     } = fg1({
       items: () => r1.value.map((F1) => F1.value),
       disabledKeys: () => new Set(r1.value.filter((F1) => F1.disabled).map((F1) => F1.value)),
@@ -4451,7 +4451,7 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
     function b1(F1) {
       F1.newState === "closed" && A.value && b();
     }
-    function f1() {
+    function I1() {
       H.value = !1, b();
     }
     l1(A, (F1) => {
@@ -4586,7 +4586,7 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
         role: "listbox",
         "aria-labelledby": X.value,
         "aria-multiselectable": o.multiple || void 0,
-        "aria-activedescendant": f(I1),
+        "aria-activedescendant": f(W1),
         "data-spire-placement": o.placement,
         "data-spire-strategy": o.strategy,
         class: Z(Le.value),
@@ -4596,7 +4596,7 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
         }, ["stop"])),
         onToggle: b1,
         onKeydown: n2[2] || (n2[2] = //@ts-ignore
-        (...R1) => f(m1) && f(m1)(...R1))
+        (...R1) => f(f1) && f(f1)(...R1))
       }, [
         o.searchable ? (y(), W("div", Uw1, [
           Q($e, {
@@ -4608,7 +4608,7 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
             size: "sm",
             placeholder: f(t).search,
             clearable: "",
-            onKeydown: f(m1)
+            onKeydown: f(f1)
           }, null, 8, ["modelValue", "placeholder", "onKeydown"])
         ])) : V("", !0),
         v("div", Gw1, [
@@ -4654,9 +4654,9 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
           role: "listbox",
           "aria-labelledby": X.value,
           "aria-multiselectable": o.multiple || void 0,
-          "aria-activedescendant": f(I1),
-          onClose: f1,
-          onKeydown: f(m1)
+          "aria-activedescendant": f(W1),
+          onClose: I1,
+          onKeydown: f(f1)
         }, {
           default: _(() => [
             o.searchable ? (y(), W("div", Xw1, [
@@ -4669,7 +4669,7 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
                 size: "md",
                 placeholder: f(t).search,
                 clearable: "",
-                onKeydown: f(m1)
+                onKeydown: f(f1)
               }, null, 8, ["modelValue", "placeholder", "onKeydown"])
             ])) : V("", !0),
             v("div", _w1, [
@@ -5724,7 +5724,7 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
                   "h-2 rounded-full transition-all duration-200",
                   j.value === i1 - 1 ? "w-6 bg-primary" : "w-2 bg-border hover:bg-border-hover"
                 ]),
-                onClick: (m1) => K(i1 - 1)
+                onClick: (f1) => K(i1 - 1)
               }, null, 10, VF1))), 128))
             ], 8, bF1)) : V("", !0)
           ])
@@ -16482,16 +16482,16 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
       q[h.value].gap,
       t.classNames?.wrapper
     ]), t1 = p(() => {
-      const s1 = k.value || t.indeterminate, i1 = q[h.value], m1 = R[L.value], I1 = O[u.value];
+      const s1 = k.value || t.indeterminate, i1 = q[h.value], f1 = R[L.value], W1 = O[u.value];
       return [
         "relative inline-flex items-center justify-center shrink-0 cursor-pointer",
         "border-2 transition-all duration-150",
         i1.control,
-        m1,
-        s1 ? [I1.checked, "text-on-emphasis"] : ["bg-input border-input-border"],
+        f1,
+        s1 ? [W1.checked, "text-on-emphasis"] : ["bg-input border-input-border"],
         !g.value && !I.value && !t.loading && !s1 && "hover:border-input-border-hover",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-        I1.ring,
+        W1.ring,
         j.value && !s1 && "border-input-border-invalid",
         (g.value || t.loading) && "opacity-50 cursor-not-allowed",
         I.value && "cursor-default",
@@ -16593,23 +16593,23 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
           class: "sr-only peer",
           onChange: x,
           onFocus: i1[0] || (i1[0] = //@ts-ignore
-          (...m1) => f(S).onFocus && f(S).onFocus(...m1)),
+          (...f1) => f(S).onFocus && f(S).onFocus(...f1)),
           onBlur: i1[1] || (i1[1] = //@ts-ignore
-          (...m1) => f(S).onBlur && f(S).onBlur(...m1))
+          (...f1) => f(S).onBlur && f(S).onBlur(...f1))
         }, null, 40, TF1),
         v("label", {
           for: a,
           class: Z(t1.value),
           onMouseenter: i1[2] || (i1[2] = //@ts-ignore
-          (...m1) => f(S).onMouseenter && f(S).onMouseenter(...m1)),
+          (...f1) => f(S).onMouseenter && f(S).onMouseenter(...f1)),
           onMouseleave: i1[3] || (i1[3] = //@ts-ignore
-          (...m1) => f(S).onMouseleave && f(S).onMouseleave(...m1)),
+          (...f1) => f(S).onMouseleave && f(S).onMouseleave(...f1)),
           onPointerdown: i1[4] || (i1[4] = //@ts-ignore
-          (...m1) => f(S).onPointerdown && f(S).onPointerdown(...m1)),
+          (...f1) => f(S).onPointerdown && f(S).onPointerdown(...f1)),
           onPointerup: i1[5] || (i1[5] = //@ts-ignore
-          (...m1) => f(S).onPointerup && f(S).onPointerup(...m1)),
+          (...f1) => f(S).onPointerup && f(S).onPointerup(...f1)),
           onPointerleave: i1[6] || (i1[6] = //@ts-ignore
-          (...m1) => f(S).onPointerleave && f(S).onPointerleave(...m1))
+          (...f1) => f(S).onPointerleave && f(S).onPointerleave(...f1))
         }, [
           o.loading ? (y(), z(q2, {
             key: 0,
@@ -16681,15 +16681,15 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
       "data-spire-focus-visible": f(K) || void 0,
       "data-spire-disabled": g.value || void 0,
       onMouseenter: i1[9] || (i1[9] = //@ts-ignore
-      (...m1) => f(S).onMouseenter && f(S).onMouseenter(...m1)),
+      (...f1) => f(S).onMouseenter && f(S).onMouseenter(...f1)),
       onMouseleave: i1[10] || (i1[10] = //@ts-ignore
-      (...m1) => f(S).onMouseleave && f(S).onMouseleave(...m1)),
+      (...f1) => f(S).onMouseleave && f(S).onMouseleave(...f1)),
       onPointerdown: i1[11] || (i1[11] = //@ts-ignore
-      (...m1) => f(S).onPointerdown && f(S).onPointerdown(...m1)),
+      (...f1) => f(S).onPointerdown && f(S).onPointerdown(...f1)),
       onPointerup: i1[12] || (i1[12] = //@ts-ignore
-      (...m1) => f(S).onPointerup && f(S).onPointerup(...m1)),
+      (...f1) => f(S).onPointerup && f(S).onPointerup(...f1)),
       onPointerleave: i1[13] || (i1[13] = //@ts-ignore
-      (...m1) => f(S).onPointerleave && f(S).onPointerleave(...m1))
+      (...f1) => f(S).onPointerleave && f(S).onPointerleave(...f1))
     }), [
       v("input", {
         id: a,
@@ -16707,9 +16707,9 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
         class: "sr-only",
         onChange: x,
         onFocus: i1[7] || (i1[7] = //@ts-ignore
-        (...m1) => f(S).onFocus && f(S).onFocus(...m1)),
+        (...f1) => f(S).onFocus && f(S).onFocus(...f1)),
         onBlur: i1[8] || (i1[8] = //@ts-ignore
-        (...m1) => f(S).onBlur && f(S).onBlur(...m1))
+        (...f1) => f(S).onBlur && f(S).onBlur(...f1))
       }, null, 40, EF1),
       T(s1.$slots, "icon", {}, void 0, !0),
       v("div", $F1, [
@@ -16755,15 +16755,15 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
       "data-spire-focus-visible": f(K) || void 0,
       "data-spire-disabled": g.value || void 0,
       onMouseenter: i1[16] || (i1[16] = //@ts-ignore
-      (...m1) => f(S).onMouseenter && f(S).onMouseenter(...m1)),
+      (...f1) => f(S).onMouseenter && f(S).onMouseenter(...f1)),
       onMouseleave: i1[17] || (i1[17] = //@ts-ignore
-      (...m1) => f(S).onMouseleave && f(S).onMouseleave(...m1)),
+      (...f1) => f(S).onMouseleave && f(S).onMouseleave(...f1)),
       onPointerdown: i1[18] || (i1[18] = //@ts-ignore
-      (...m1) => f(S).onPointerdown && f(S).onPointerdown(...m1)),
+      (...f1) => f(S).onPointerdown && f(S).onPointerdown(...f1)),
       onPointerup: i1[19] || (i1[19] = //@ts-ignore
-      (...m1) => f(S).onPointerup && f(S).onPointerup(...m1)),
+      (...f1) => f(S).onPointerup && f(S).onPointerup(...f1)),
       onPointerleave: i1[20] || (i1[20] = //@ts-ignore
-      (...m1) => f(S).onPointerleave && f(S).onPointerleave(...m1))
+      (...f1) => f(S).onPointerleave && f(S).onPointerleave(...f1))
     }), [
       v("span", {
         class: Z([
@@ -16788,9 +16788,9 @@ const tw1 = ["x", "y", "width", "height", "rx", "ry", "fill", "opacity"], nw1 =
         class: "sr-only",
         onChange: x,
         onFocus: i1[14] || (i1[14] = //@ts-ignore
-        (...m1) => f(S).onFocus && f(S).onFocus(...m1)),
+        (...f1) => f(S).onFocus && f(S).onFocus(...f1)),
         onBlur: i1[15] || (i1[15] = //@ts-ignore
-        (...m1) => f(S).onBlur && f(S).onBlur(...m1))
+        (...f1) => f(S).onBlur && f(S).onBlur(...f1))
       }, null, 40, qF1),
       T(s1.$slots, "icon", {}, () => [
         k.value && !F.value ? (y(), W("svg", {
@@ -50172,8 +50172,8 @@ const iO1 = ["data-spire-disabled", "data-spire-invalid", "data-spire-readonly"]
       if (!C1.trim()) return null;
       let U = C1;
       if (X) {
-        const i1 = new Intl.NumberFormat(X).formatToParts(1234.5), m1 = i1.find((d1) => d1.type === "group")?.value ?? ",", I1 = i1.find((d1) => d1.type === "decimal")?.value ?? ".";
-        U = C1.replace(new RegExp(`[${m1}]`, "g"), "").replace(I1, ".");
+        const i1 = new Intl.NumberFormat(X).formatToParts(1234.5), f1 = i1.find((d1) => d1.type === "group")?.value ?? ",", W1 = i1.find((d1) => d1.type === "decimal")?.value ?? ".";
+        U = C1.replace(new RegExp(`[${f1}]`, "g"), "").replace(W1, ".");
       }
       U = U.replace(/[^\d.-]/g, "");
       const s1 = parseFloat(U);
@@ -50998,71 +50998,71 @@ const jO1 = Symbol("phone-input"), HO1 = { class: "relative" }, bO1 = ["data-spi
     );
     l1(
       () => t.modelValue?.countryCode,
-      (f1) => {
-        if (f1) {
-          const T1 = Uo.find(($1) => $1.dialCode === f1);
+      (I1) => {
+        if (I1) {
+          const T1 = Uo.find(($1) => $1.dialCode === I1);
           T1 && T1.code !== b.value.code && (b.value = T1);
         }
       },
       { immediate: !0 }
     );
     const S = p(() => {
-      let f1 = [...Uo];
+      let I1 = [...Uo];
       if (t.onlyCountries && t.onlyCountries.length > 0) {
         const T1 = new Set(t.onlyCountries.map(($1) => $1.toLowerCase()));
-        f1 = f1.filter(($1) => T1.has($1.code));
+        I1 = I1.filter(($1) => T1.has($1.code));
       }
       if (t.excludeCountries && t.excludeCountries.length > 0) {
         const T1 = new Set(t.excludeCountries.map(($1) => $1.toLowerCase()));
-        f1 = f1.filter(($1) => !T1.has($1.code));
+        I1 = I1.filter(($1) => !T1.has($1.code));
       }
       if (t.preferredCountries && t.preferredCountries.length > 0) {
-        const T1 = t.preferredCountries.map((de) => de.toLowerCase()), $1 = new Set(T1), f2 = f1.filter((de) => $1.has(de.code)), Le = f1.filter((de) => !$1.has(de.code));
-        f2.sort((de, F1) => T1.indexOf(de.code) - T1.indexOf(F1.code)), f1 = [...f2, ...Le];
+        const T1 = t.preferredCountries.map((de) => de.toLowerCase()), $1 = new Set(T1), f2 = I1.filter((de) => $1.has(de.code)), Le = I1.filter((de) => !$1.has(de.code));
+        f2.sort((de, F1) => T1.indexOf(de.code) - T1.indexOf(F1.code)), I1 = [...f2, ...Le];
       }
-      return f1;
+      return I1;
     });
-    l1(() => g.value, (f1) => {
+    l1(() => g.value, (I1) => {
       N && clearTimeout(N), N = setTimeout(() => {
-        F.value = f1.toLowerCase().trim(), I.value = 0;
+        F.value = I1.toLowerCase().trim(), I.value = 0;
       }, t.debounceMs);
     }, { immediate: !0 });
     const D = p(() => {
       if (!F.value)
         return S.value;
-      const f1 = F.value;
+      const I1 = F.value;
       return S.value.filter(
-        (T1) => T1.name.toLowerCase().includes(f1) || T1.code.toLowerCase().includes(f1) || T1.dialCode.includes(f1)
+        (T1) => T1.name.toLowerCase().includes(I1) || T1.code.toLowerCase().includes(I1) || T1.dialCode.includes(I1)
       );
     }), { visibleIndices: E, totalHeight: x, offsetY: q, onScroll: R, scrollToRow: O } = ou({
       itemCount: p(() => D.value.length),
       rowHeight: KO1,
       containerRef: H,
       overscan: 5
-    }), r1 = p(() => E.value.map((f1) => ({
-      country: D.value[f1],
-      index: f1
-    })).filter((f1) => f1.country)), B = p(() => t.modelValue?.number || ""), J = p(() => gO1(B.value, b.value.format));
-    function o1(f1) {
+    }), r1 = p(() => E.value.map((I1) => ({
+      country: D.value[I1],
+      index: I1
+    })).filter((I1) => I1.country)), B = p(() => t.modelValue?.number || ""), J = p(() => gO1(B.value, b.value.format));
+    function o1(I1) {
       const T1 = {
         countryCode: b.value.dialCode,
-        number: f1
+        number: I1
       };
       n("update:modelValue", T1), n("change", T1);
     }
-    function a1(f1) {
-      const T1 = f1.target, $1 = vO1(T1.value), f2 = QH1(b.value.format), Le = $1.slice(0, f2);
+    function a1(I1) {
+      const T1 = I1.target, $1 = vO1(T1.value), f2 = QH1(b.value.format), Le = $1.slice(0, f2);
       o1(Le);
     }
-    function t1(f1) {
-      j.value = !0, n("focus", f1);
+    function t1(I1) {
+      j.value = !0, n("focus", I1);
     }
-    function $(f1) {
-      const T1 = f1.relatedTarget;
-      L.value?.contains(T1) || (j.value = !1, n("blur", f1));
+    function $(I1) {
+      const T1 = I1.relatedTarget;
+      L.value?.contains(T1) || (j.value = !1, n("blur", I1));
     }
-    function Y(f1) {
-      i.value || t.readonly || f1.key === "ArrowDown" && f1.altKey && (f1.preventDefault(), P());
+    function Y(I1) {
+      i.value || t.readonly || I1.key === "ArrowDown" && I1.altKey && (I1.preventDefault(), P());
     }
     function P() {
       i.value || t.readonly || (m.value = !0, I.value = 0, g.value = "");
@@ -51073,23 +51073,23 @@ const jO1 = Symbol("phone-input"), HO1 = { class: "relative" }, bO1 = ["data-spi
     function v1() {
       m.value ? u1() : P();
     }
-    function g1(f1) {
-      b.value = f1, u1(), o1(B.value), B1(() => {
+    function g1(I1) {
+      b.value = I1, u1(), o1(B.value), B1(() => {
         l.value?.focus();
       });
     }
-    function p1(f1) {
+    function p1(I1) {
       const T1 = D.value;
-      f1.key === "ArrowDown" ? (f1.preventDefault(), I.value = Math.min(I.value + 1, T1.length - 1), B1(() => O(I.value, "smooth"))) : f1.key === "ArrowUp" ? (f1.preventDefault(), I.value = Math.max(I.value - 1, 0), B1(() => O(I.value, "smooth"))) : f1.key === "Enter" ? (f1.preventDefault(), T1[I.value] && g1(T1[I.value])) : f1.key === "Escape" ? (f1.preventDefault(), u1(), l.value?.focus()) : f1.key === "Tab" && u1();
+      I1.key === "ArrowDown" ? (I1.preventDefault(), I.value = Math.min(I.value + 1, T1.length - 1), B1(() => O(I.value, "smooth"))) : I1.key === "ArrowUp" ? (I1.preventDefault(), I.value = Math.max(I.value - 1, 0), B1(() => O(I.value, "smooth"))) : I1.key === "Enter" ? (I1.preventDefault(), T1[I.value] && g1(T1[I.value])) : I1.key === "Escape" ? (I1.preventDefault(), u1(), l.value?.focus()) : I1.key === "Tab" && u1();
     }
-    function C1(f1) {
-      f1.key === "Enter" || f1.key === " " ? (f1.preventDefault(), v1()) : f1.key === "ArrowDown" && (f1.preventDefault(), P());
+    function C1(I1) {
+      I1.key === "Enter" || I1.key === " " ? (I1.preventDefault(), v1()) : I1.key === "ArrowDown" && (I1.preventDefault(), P());
     }
-    function X(f1) {
-      f1.newState === "closed" && m.value && u1();
+    function X(I1) {
+      I1.newState === "closed" && m.value && u1();
     }
-    l1(m, (f1) => {
-      f1 ? B1(() => {
+    l1(m, (I1) => {
+      I1 ? B1(() => {
         L.value?.showPopover(), M.value?.focus();
       }) : L.value?.hidePopover();
     }), l1(D, () => {
@@ -51123,14 +51123,14 @@ const jO1 = Symbol("phone-input"), HO1 = { class: "relative" }, bO1 = ["data-spi
       outline: "bg-input border shadow-xs border-input-border hover:border-input-border-hover",
       filled: "bg-surface-hover border border-transparent hover:bg-ghost-hover",
       underline: "bg-transparent border-b-2 border-input-border rounded-none hover:border-input-border-hover"
-    }, m1 = p(() => [
+    }, f1 = p(() => [
       "flex items-stretch w-full overflow-hidden transition-colors duration-150",
       s1[t.size].container,
       i1[t.variant],
       t.variant === "underline" ? "" : "rounded-lg",
       i.value ? "opacity-50 cursor-not-allowed" : "",
       a.value ? t.variant === "underline" ? "border-input-border-invalid focus-within:border-input-border-invalid" : "border-input-border-invalid focus-within:border-input-border-invalid focus-within:ring-danger/20" : t.variant === "underline" ? "focus-within:border-input-border-focus" : "focus-within:border-input-border-focus focus-within:ring-2 focus-within:ring-ring/20"
-    ]), I1 = p(() => [
+    ]), W1 = p(() => [
       "flex items-center shrink-0 border-r border-border",
       "transition-colors duration-150",
       s1[t.size].button,
@@ -51149,13 +51149,13 @@ const jO1 = Symbol("phone-input"), HO1 = { class: "relative" }, bO1 = ["data-spi
     function b1() {
       l.value?.focus();
     }
-    return e({ focus: b1, inputRef: l }), (f1, T1) => (y(), W("div", HO1, [
+    return e({ focus: b1, inputRef: l }), (I1, T1) => (y(), W("div", HO1, [
       v("div", n1({
         ref: ($1) => {
           h.value = $1, f(A)($1);
         }
-      }, f1.$attrs, {
-        class: m1.value,
+      }, I1.$attrs, {
+        class: f1.value,
         "data-spire-phone-input": "",
         "data-spire-disabled": f(i) || void 0,
         "data-spire-invalid": f(a) || void 0,
@@ -51163,7 +51163,7 @@ const jO1 = Symbol("phone-input"), HO1 = { class: "relative" }, bO1 = ["data-spi
       }), [
         v("button", {
           type: "button",
-          class: Z(I1.value),
+          class: Z(W1.value),
           disabled: f(i) || o.readonly,
           "aria-haspopup": "listbox",
           "aria-expanded": m.value,
@@ -53060,23 +53060,23 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
         '[role="menuitem"], button:not([disabled]), a[href]:not([disabled])'
       );
       if (!s1.length) return;
-      const i1 = Array.from(s1), m1 = i1.findIndex((d1) => d1 === document.activeElement);
-      let I1 = -1;
+      const i1 = Array.from(s1), f1 = i1.findIndex((d1) => d1 === document.activeElement);
+      let W1 = -1;
       switch (X.key) {
         case "ArrowDown":
-          X.preventDefault(), I1 = m1 < i1.length - 1 ? m1 + 1 : 0;
+          X.preventDefault(), W1 = f1 < i1.length - 1 ? f1 + 1 : 0;
           break;
         case "ArrowUp":
-          X.preventDefault(), I1 = m1 > 0 ? m1 - 1 : i1.length - 1;
+          X.preventDefault(), W1 = f1 > 0 ? f1 - 1 : i1.length - 1;
           break;
         case "Home":
-          X.preventDefault(), I1 = 0;
+          X.preventDefault(), W1 = 0;
           break;
         case "End":
-          X.preventDefault(), I1 = i1.length - 1;
+          X.preventDefault(), W1 = i1.length - 1;
           break;
       }
-      I1 >= 0 && i1[I1].focus();
+      W1 >= 0 && i1[W1].focus();
     }
     const o1 = p(() => m.value ? "ArrowRight01Icon" : "ArrowLeft01Icon"), a1 = p(
       () => t.hoverExpand && I.value && d.value && !a.value
@@ -53849,9 +53849,9 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
       if (s.disabled || s.readonly) return;
       const b1 = H(y1);
       if (M.value) {
-        const [f1, T1] = m.value;
-        let $1 = f1, f2 = T1;
-        d1 === "start" ? $1 = Math.min(b1, T1) : f2 = Math.max(b1, f1), i("update:modelValue", [$1, f2]);
+        const [I1, T1] = m.value;
+        let $1 = I1, f2 = T1;
+        d1 === "start" ? $1 = Math.min(b1, T1) : f2 = Math.max(b1, I1), i("update:modelValue", [$1, f2]);
       } else
         i("update:modelValue", b1);
     }
@@ -53859,7 +53859,7 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
       if (s.disabled || s.readonly || l.value) return;
       const y1 = C.value;
       if (!y1) return;
-      const b1 = y1.getBoundingClientRect(), f1 = (d1.clientX - b1.left) / b1.width, T1 = s.min + f1 * (s.max - s.min);
+      const b1 = y1.getBoundingClientRect(), I1 = (d1.clientX - b1.left) / b1.width, T1 = s.min + I1 * (s.max - s.min);
       if (M.value) {
         const $1 = Math.abs(T1 - g.value), f2 = Math.abs(T1 - I.value);
         $1 <= f2 ? (R("start", T1), k.value?.focus()) : (R("end", T1), u.value?.focus());
@@ -53873,8 +53873,8 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
     }
     function B(d1) {
       if (!l.value || !h.value || !C.value) return;
-      const y1 = C.value.getBoundingClientRect(), b1 = j((d1.clientX - y1.left) / y1.width, 0, 1), f1 = s.min + b1 * (s.max - s.min);
-      R(h.value, f1);
+      const y1 = C.value.getBoundingClientRect(), b1 = j((d1.clientX - y1.left) / y1.width, 0, 1), I1 = s.min + b1 * (s.max - s.min);
+      R(h.value, I1);
     }
     function J() {
       l.value && i("change", M.value ? [g.value, I.value] : I.value), l.value = !1, h.value = null, document.removeEventListener("pointermove", B), document.removeEventListener("pointerup", J);
@@ -53882,30 +53882,30 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
     function o1(d1, y1) {
       if (s.disabled || s.readonly) return;
       const b1 = y1 === "start" ? g.value : I.value;
-      let f1 = b1, T1 = !1;
+      let I1 = b1, T1 = !1;
       switch (d1.key) {
         case "ArrowRight":
         case "ArrowUp":
-          f1 = b1 + s.step, T1 = !0;
+          I1 = b1 + s.step, T1 = !0;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          f1 = b1 - s.step, T1 = !0;
+          I1 = b1 - s.step, T1 = !0;
           break;
         case "PageUp":
-          f1 = b1 + s.step * 10, T1 = !0;
+          I1 = b1 + s.step * 10, T1 = !0;
           break;
         case "PageDown":
-          f1 = b1 - s.step * 10, T1 = !0;
+          I1 = b1 - s.step * 10, T1 = !0;
           break;
         case "Home":
-          f1 = s.min, T1 = !0;
+          I1 = s.min, T1 = !0;
           break;
         case "End":
-          f1 = s.max, T1 = !0;
+          I1 = s.max, T1 = !0;
           break;
       }
-      T1 && (d1.preventDefault(), R(y1, f1), i("change", M.value ? [g.value, I.value] : I.value));
+      T1 && (d1.preventDefault(), R(y1, I1), i("change", M.value ? [g.value, I.value] : I.value));
     }
     ze(() => {
       document.removeEventListener("pointermove", B), document.removeEventListener("pointerup", J);
@@ -53995,13 +53995,13 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
       "flex flex-col items-center gap-1",
       s.classNames?.mark
     ]);
-    function m1(d1) {
+    function f1(d1) {
       return M.value ? d1 >= g.value && d1 <= I.value : d1 <= I.value;
     }
-    function I1() {
+    function W1() {
       u.value?.focus();
     }
-    return e({ focus: I1 }), (d1, y1) => (y(), W("div", n1(d1.$attrs, {
+    return e({ focus: W1 }), (d1, y1) => (y(), W("div", n1(d1.$attrs, {
       class: $.value,
       "data-spire-disabled": o.disabled || void 0,
       "data-spire-invalid": o.invalid || void 0,
@@ -54051,11 +54051,11 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
               key: b1,
               class: Z([
                 s1.value,
-                m1(b1) ? t1[o.color].filler : "bg-border"
+                f1(b1) ? t1[o.color].filler : "bg-border"
               ]),
               style: S1({ left: `${F(b1)}%` }),
               "data-spire-slot": "step",
-              "data-spire-in-range": m1(b1)
+              "data-spire-in-range": f1(b1)
             }, null, 14, LU1))), 128)) : V("", !0),
             S.value.length > 0 ? (y(!0), W(c1, { key: 1 }, V1(S.value, (b1) => (y(), W("div", {
               key: b1.value,
@@ -54067,7 +54067,7 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
                 class: Z([
                   "rounded-full",
                   a1[o.size].step,
-                  m1(b1.value) ? t1[o.color].filler : "bg-border"
+                  f1(b1.value) ? t1[o.color].filler : "bg-border"
                 ])
               }, null, 2),
               b1.label ? (y(), W("span", {
@@ -55673,11 +55673,11 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
         i.value = { display: "none" };
         return;
       }
-      const s1 = U.element.getBoundingClientRect(), i1 = !a.value, m1 = s.value.getBoundingClientRect();
+      const s1 = U.element.getBoundingClientRect(), i1 = !a.value, f1 = s.value.getBoundingClientRect();
       r.variant.value === "underlined" ? i.value = {
         position: "absolute",
         zIndex: "0",
-        left: `${s1.left - m1.left}px`,
+        left: `${s1.left - f1.left}px`,
         bottom: "0",
         width: `${s1.width}px`,
         height: "2px",
@@ -55685,8 +55685,8 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
       } : i.value = {
         position: "absolute",
         zIndex: "0",
-        left: `${s1.left - m1.left}px`,
-        top: `${s1.top - m1.top}px`,
+        left: `${s1.left - f1.left}px`,
+        top: `${s1.top - f1.top}px`,
         width: `${s1.width}px`,
         height: `${s1.height}px`,
         transition: i1 ? "left 200ms var(--ease-smooth), top 200ms var(--ease-smooth), width 200ms var(--ease-smooth), height 200ms var(--ease-smooth)" : "none"
@@ -55739,13 +55739,13 @@ const Pq1 = ["aria-label"], Eq1 = ["aria-expanded", "aria-label"], $q1 = {
       if (!n.value) return;
       const s1 = r.registeredTabs.value.get(U);
       if (!s1?.element) return;
-      const i1 = n.value, m1 = s1.element;
+      const i1 = n.value, f1 = s1.element;
       if (r.orientation.value === "vertical") {
-        const d1 = m1.offsetTop, y1 = d1 + m1.offsetHeight, b1 = i1.scrollTop, f1 = b1 + i1.clientHeight;
-        d1 < b1 ? i1.scrollTo({ top: d1, behavior: "smooth" }) : y1 > f1 && i1.scrollTo({ top: y1 - i1.clientHeight, behavior: "smooth" });
+        const d1 = f1.offsetTop, y1 = d1 + f1.offsetHeight, b1 = i1.scrollTop, I1 = b1 + i1.clientHeight;
+        d1 < b1 ? i1.scrollTo({ top: d1, behavior: "smooth" }) : y1 > I1 && i1.scrollTo({ top: y1 - i1.clientHeight, behavior: "smooth" });
       } else {
-        const d1 = m1.offsetLeft, y1 = d1 + m1.offsetWidth, b1 = i1.scrollLeft, f1 = b1 + i1.clientWidth;
-        d1 < b1 ? i1.scrollTo({ left: d1, behavior: "smooth" }) : y1 > f1 && i1.scrollTo({ left: y1 - i1.clientWidth, behavior: "smooth" });
+        const d1 = f1.offsetLeft, y1 = d1 + f1.offsetWidth, b1 = i1.scrollLeft, I1 = b1 + i1.clientWidth;
+        d1 < b1 ? i1.scrollTo({ left: d1, behavior: "smooth" }) : y1 > I1 && i1.scrollTo({ left: y1 - i1.clientWidth, behavior: "smooth" });
       }
     }
     l1([() => r.selectedKey.value, () => r.registeredTabs.value.size], async () => {
@@ -57423,56 +57423,56 @@ const mJ1 = { class: "flex gap-0.5 p-2" }, fJ1 = ["onClick"], IJ1 = ["onClick"],
       trigger: "click",
       disabled: () => t.disabled || t.readonly
     }), { setAnchorRef: h, setFloatingRef: L } = Ve(), M = w(t.format === "12" ? 12 : 0), m = w(0), g = w(0), I = w("AM"), j = w(""), H = w(""), F = w("");
-    function N(I1) {
-      if (!I1) {
+    function N(W1) {
+      if (!W1) {
         M.value = t.format === "12" ? 12 : 0, m.value = 0, g.value = 0, I.value = "AM";
         return;
       }
-      const d1 = I1.split(":");
+      const d1 = W1.split(":");
       let y1 = parseInt(d1[0], 10) || 0;
-      const b1 = parseInt(d1[1], 10) || 0, f1 = d1[2] ? parseInt(d1[2], 10) : 0;
-      t.format === "12" ? y1 === 0 ? (M.value = 12, I.value = "AM") : y1 === 12 ? (M.value = 12, I.value = "PM") : y1 > 12 ? (M.value = y1 - 12, I.value = "PM") : (M.value = y1, I.value = "AM") : M.value = y1, m.value = b1, g.value = f1;
+      const b1 = parseInt(d1[1], 10) || 0, I1 = d1[2] ? parseInt(d1[2], 10) : 0;
+      t.format === "12" ? y1 === 0 ? (M.value = 12, I.value = "AM") : y1 === 12 ? (M.value = 12, I.value = "PM") : y1 > 12 ? (M.value = y1 - 12, I.value = "PM") : (M.value = y1, I.value = "AM") : M.value = y1, m.value = b1, g.value = I1;
     }
     function A() {
-      let I1 = M.value;
-      t.format === "12" && (I.value === "AM" ? I1 = M.value === 12 ? 0 : M.value : I1 = M.value === 12 ? 12 : M.value + 12);
-      const d1 = String(I1).padStart(2, "0"), y1 = String(m.value).padStart(2, "0"), b1 = String(g.value).padStart(2, "0");
+      let W1 = M.value;
+      t.format === "12" && (I.value === "AM" ? W1 = M.value === 12 ? 0 : M.value : W1 = M.value === 12 ? 12 : M.value + 12);
+      const d1 = String(W1).padStart(2, "0"), y1 = String(m.value).padStart(2, "0"), b1 = String(g.value).padStart(2, "0");
       return t.showSeconds ? `${d1}:${y1}:${b1}` : `${d1}:${y1}`;
     }
     function K() {
       j.value = String(M.value).padStart(2, "0"), H.value = String(m.value).padStart(2, "0"), F.value = String(g.value).padStart(2, "0");
     }
-    N(t.modelValue), K(), l1(() => t.modelValue, (I1) => {
-      N(I1), K();
+    N(t.modelValue), K(), l1(() => t.modelValue, (W1) => {
+      N(W1), K();
     }), l1(() => t.format, () => {
       N(t.modelValue), K();
     });
     function b() {
-      const I1 = A();
-      n("update:modelValue", I1), n("change", I1);
+      const W1 = A();
+      n("update:modelValue", W1), n("change", W1);
     }
-    function S(I1) {
-      const d1 = parseInt(I1, 10);
+    function S(W1) {
+      const d1 = parseInt(W1, 10);
       t.format === "12" ? !isNaN(d1) && d1 >= 1 && d1 <= 12 ? (M.value = d1, b()) : !isNaN(d1) && d1 === 0 && (M.value = 12, b()) : !isNaN(d1) && d1 >= 0 && d1 <= 23 && (M.value = d1, b());
     }
-    function D(I1) {
-      const d1 = parseInt(I1, 10);
+    function D(W1) {
+      const d1 = parseInt(W1, 10);
       !isNaN(d1) && d1 >= 0 && d1 <= 59 && (m.value = d1, b());
     }
-    function E(I1) {
-      const d1 = parseInt(I1, 10);
+    function E(W1) {
+      const d1 = parseInt(W1, 10);
       !isNaN(d1) && d1 >= 0 && d1 <= 59 && (g.value = d1, b());
     }
-    function x(I1) {
-      const d1 = I1.target.value.replace(/\D/g, "").slice(0, 2);
+    function x(W1) {
+      const d1 = W1.target.value.replace(/\D/g, "").slice(0, 2);
       j.value = d1, d1.length >= 2 && (S(d1), d.value?.focus());
     }
-    function q(I1) {
-      const d1 = I1.target.value.replace(/\D/g, "").slice(0, 2);
+    function q(W1) {
+      const d1 = W1.target.value.replace(/\D/g, "").slice(0, 2);
       H.value = d1, d1.length >= 2 && (D(d1), t.showSeconds && c.value?.focus());
     }
-    function R(I1) {
-      const d1 = I1.target.value.replace(/\D/g, "").slice(0, 2);
+    function R(W1) {
+      const d1 = W1.target.value.replace(/\D/g, "").slice(0, 2);
       F.value = d1, d1.length >= 2 && E(d1);
     }
     function O() {
@@ -57487,43 +57487,43 @@ const mJ1 = { class: "flex gap-0.5 p-2" }, fJ1 = ["onClick"], IJ1 = ["onClick"],
     function J() {
       I.value = I.value === "AM" ? "PM" : "AM", b();
     }
-    function o1(I1) {
-      M.value = I1, b(), K();
+    function o1(W1) {
+      M.value = W1, b(), K();
     }
-    function a1(I1) {
-      m.value = I1, b(), K();
+    function a1(W1) {
+      m.value = W1, b(), K();
     }
-    function t1(I1) {
-      g.value = I1, b(), K();
+    function t1(W1) {
+      g.value = W1, b(), K();
     }
-    function $(I1) {
-      I.value = I1, b();
+    function $(W1) {
+      I.value = W1, b();
     }
-    function Y(I1) {
-      M.value = I1.hours, m.value = I1.minutes, I1.seconds !== void 0 && (g.value = I1.seconds), b(), K(), u();
+    function Y(W1) {
+      M.value = W1.hours, m.value = W1.minutes, W1.seconds !== void 0 && (g.value = W1.seconds), b(), K(), u();
     }
     function P() {
       n("update:modelValue", void 0), n("change", void 0), n("clear");
     }
-    function u1(I1) {
-      I1.newState === "closed" && C.value && u();
+    function u1(W1) {
+      W1.newState === "closed" && C.value && u();
     }
-    function v1(I1) {
-      t.disabled || t.readonly || I1.key === "Escape" && C.value && (I1.preventDefault(), u(), s.value?.focus());
+    function v1(W1) {
+      t.disabled || t.readonly || W1.key === "Escape" && C.value && (W1.preventDefault(), u(), s.value?.focus());
     }
-    function g1(I1) {
-      I1.key === "Escape" && (I1.preventDefault(), u(), s.value?.focus());
+    function g1(W1) {
+      W1.key === "Escape" && (W1.preventDefault(), u(), s.value?.focus());
     }
-    l1(C, (I1) => {
-      I1 ? B1(() => {
+    l1(C, (W1) => {
+      W1 ? B1(() => {
         i.value?.showPopover();
       }) : i.value?.hidePopover();
     });
     const p1 = p(() => t.modelValue !== void 0 && t.modelValue !== "");
     p(() => {
       if (!p1.value) return "";
-      const I1 = String(M.value).padStart(2, "0"), d1 = String(m.value).padStart(2, "0"), y1 = String(g.value).padStart(2, "0"), b1 = t.format === "12" ? ` ${I.value}` : "";
-      return t.showSeconds ? `${I1}:${d1}:${y1}${b1}` : `${I1}:${d1}${b1}`;
+      const W1 = String(M.value).padStart(2, "0"), d1 = String(m.value).padStart(2, "0"), y1 = String(g.value).padStart(2, "0"), b1 = t.format === "12" ? ` ${I.value}` : "";
+      return t.showSeconds ? `${W1}:${d1}:${y1}${b1}` : `${W1}:${d1}${b1}`;
     });
     const C1 = {
       xs: "min-h-7 text-xs px-2 gap-1.5",
@@ -57552,12 +57552,12 @@ const mJ1 = { class: "flex gap-0.5 p-2" }, fJ1 = ["onClick"], IJ1 = ["onClick"],
     }, i1 = p(() => [
       "bg-transparent text-center text-foreground outline-none appearance-textfield",
       s1[t.size]
-    ]), m1 = p(() => [
+    ]), f1 = p(() => [
       "m-0 p-0 z-50",
       "bg-popover border border-border rounded-lg shadow-lg",
       "outline-none animate-scale-in"
     ]);
-    return (I1, d1) => (y(), W("div", jJ1, [
+    return (W1, d1) => (y(), W("div", jJ1, [
       v("div", {
         ref: (y1) => {
           s.value = y1, f(h)(y1);
@@ -57666,7 +57666,7 @@ const mJ1 = { class: "flex gap-0.5 p-2" }, fJ1 = ["onClick"], IJ1 = ["onClick"],
         "aria-modal": "true",
         "data-spire-placement": o.placement,
         "data-spire-strategy": o.strategy,
-        class: Z(m1.value),
+        class: Z(f1.value),
         tabindex: "-1",
         onToggle: u1,
         onKeydown: g1