@maltjoy/core-vue 3.29.1 → 3.29.2

package/dist/joy-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, computed as V, openBlock as v, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as G, createTextVNode as q, toDisplayString as O, createCommentVNode as _, createBlock as B, resolveDynamicComponent as se, mergeProps as oe, withCtx as R, pushScopeId as Ke, popScopeId as Ge, renderSlot as S, unref as D, renderList as Q, inject as Ye, normalizeStyle as ie, ref as x, onMounted as re, useAttrs as Re, resolveDirective as ao, withDirectives as yn, getCurrentScope as Vt, onScopeDispose as It, toRef as lo, readonly as ro, customRef as io, watch as ee, nextTick as We, getCurrentInstance as so, h as uo, Teleport as Ze, createVNode as Y, useSlots as te, onBeforeUnmount as De, provide as Et, Transition as pn, withKeys as vt, normalizeProps as ke, guardReactiveProps as je, createSlots as mn, createStaticVNode as hn, onBeforeMount as co, shallowRef as fo, shallowReadonly as Ae, onUnmounted as bn, vShow as vo, render as Gt, withModifiers as yo, createApp as po } from "vue";
+import { defineComponent as A, computed as V, openBlock as v, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as G, createTextVNode as q, toDisplayString as O, createCommentVNode as _, createBlock as B, resolveDynamicComponent as se, mergeProps as oe, withCtx as R, pushScopeId as Ke, popScopeId as Ge, renderSlot as k, unref as D, renderList as Q, inject as Ye, normalizeStyle as ie, ref as x, onMounted as re, useAttrs as Re, resolveDirective as ao, withDirectives as yn, getCurrentScope as Vt, onScopeDispose as It, toRef as lo, readonly as ro, customRef as io, watch as ee, nextTick as We, getCurrentInstance as so, h as uo, Teleport as Ze, createVNode as Y, useSlots as te, onBeforeUnmount as De, provide as Et, Transition as pn, withKeys as vt, normalizeProps as ke, guardReactiveProps as je, createSlots as mn, createStaticVNode as hn, onBeforeMount as co, shallowRef as fo, shallowReadonly as Ae, onUnmounted as bn, vShow as vo, render as Gt, withModifiers as yo, createApp as po } from "vue";
 function Yt(e) {
   const t = e.target;
   if (!t)
@@ -220,7 +220,7 @@ const mo = {
       ref: "avatarsList",
       class: E(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      S(t.$slots, "default", {}, void 0, !0)
+      k(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 }), Io = /* @__PURE__ */ N(Vo, [["__scopeId", "data-v-c985cccf"]]), Eo = /* @__PURE__ */ A({
@@ -253,7 +253,7 @@ const mo = {
       class: E(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      S(t.$slots, "default", {}, () => [
+      k(t.$slots, "default", {}, () => [
         q(O(e.label), 1)
       ], !0)
     ], 2));
@@ -394,7 +394,7 @@ const fe = (e) => (Ke("data-v-08a5e2c8"), e = e(), Ge(), e), Ao = { class: "joy-
           }
         ])
       }, [
-        e.visibleText ? S(o.$slots, "default", { key: 0 }, () => [
+        e.visibleText ? k(o.$slots, "default", { key: 0 }, () => [
           q(O(n.value), 1)
         ], !0) : _("", !0)
       ], 2)
@@ -576,7 +576,7 @@ const ia = ["id"], sa = /* @__PURE__ */ A({
             id: D(a),
             class: "joy-button--slot"
           }, [
-            S(s.$slots, "default", {}, () => [
+            k(s.$slots, "default", {}, () => [
               q(O(e.label), 1)
             ], !0)
           ], 8, ia),
@@ -894,15 +894,15 @@ const jn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), ja = /* @__PURE__ *
       f.value = !0, u.value.classList.add(Qt), y = L(j);
     }
     function m(j) {
-      f.value && (k(j) > Xt && d(), T());
+      f.value && (S(j) > Xt && d(), T());
     }
     function w(j) {
       if (f.value) {
-        const z = k(j);
+        const z = S(j);
         z > Xt ? d() : z > 0 && F(z);
       }
     }
-    function k(j) {
+    function S(j) {
       return L(j) - y;
     }
     function L(j) {
@@ -957,10 +957,10 @@ const jn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), ja = /* @__PURE__ *
                 onTouchmove: w
               }, _a, 32),
               b("div", Ca, [
-                S(j.$slots, "bottom-sheet-content", {}, void 0, !0)
+                k(j.$slots, "bottom-sheet-content", {}, void 0, !0)
               ]),
               b("div", xa, [
-                S(j.$slots, "bottom-sheet-cta", {}, () => [
+                k(j.$slots, "bottom-sheet-cta", {}, () => [
                   Y(ce, {
                     class: "joy-bottom-sheet_footer-close",
                     label: e.closeLabel,
@@ -1096,11 +1096,11 @@ const jn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), ja = /* @__PURE__ *
           }, null, 40, Aa)
         ]),
         b("div", Ba, [
-          S(f.$slots, "default", {}, () => [
+          k(f.$slots, "default", {}, () => [
             q(O(e.label), 1)
           ], !0),
           b("div", Pa, [
-            S(f.$slots, "checkbox-content", {}, void 0, !0)
+            k(f.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
@@ -1183,7 +1183,7 @@ const jn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), ja = /* @__PURE__ *
           q(" " + O(e.header), 1)
         ], 8, Oa),
         b("div", Ra, [
-          S(c.$slots, "collapse-header-right")
+          k(c.$slots, "collapse-header-right")
         ]),
         Y(K, {
           class: "joy-collapse-item__summary___marker",
@@ -1201,7 +1201,7 @@ const jn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), ja = /* @__PURE__ *
           }
         ])
       }, [
-        S(c.$slots, "default")
+        k(c.$slots, "default")
       ], 10, Da)) : _("", !0)
     ], 2));
   }
@@ -1275,10 +1275,10 @@ const jn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), ja = /* @__PURE__ *
         "onCollapseItem:close": () => y(m)
       }), {
         "collapse-header-right": R(() => [
-          (v(!0), g(G, null, Q(c(m, "collapse-header-right"), (w, k) => (v(), B(se(w), { key: k }))), 128))
+          (v(!0), g(G, null, Q(c(m, "collapse-header-right"), (w, S) => (v(), B(se(w), { key: S }))), 128))
         ]),
         default: R(() => [
-          (v(!0), g(G, null, Q(c(m, "default"), (w, k) => (v(), B(se(w), { key: k }))), 128))
+          (v(!0), g(G, null, Q(c(m, "default"), (w, S) => (v(), B(se(w), { key: S }))), 128))
         ]),
         _: 2
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
@@ -1348,7 +1348,7 @@ const jn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), ja = /* @__PURE__ *
         name: "warning-triangle"
       }),
       b("div", null, [
-        S(t.$slots, "default", {}, () => [
+        k(t.$slots, "default", {}, () => [
           q(O(e.noHtmlErrorText), 1)
         ], !0)
       ])
@@ -1385,7 +1385,7 @@ const jn = (e) => (Ke("data-v-cba81110"), e = e(), Ge(), e), ja = /* @__PURE__ *
       class: ["joy-label", `joy-label--${e.size}`]
     }, t.$attrs), {
       default: R(() => [
-        S(t.$slots, "default", {}, () => [
+        k(t.$slots, "default", {}, () => [
           q(O(e.text), 1)
         ], !0),
         e.required ? (v(), g("span", Ya, "*")) : _("", !0),
@@ -1500,8 +1500,8 @@ const el = { class: "joy-counter" }, tl = ["aria-label", "disabled"], nl = { cla
       r.value = !y();
     }
     function u(m = !0) {
-      const w = a.step.toString().split("."), k = w.length === 2 ? w[1].length : 0;
-      return parseFloat(m ? (a.modelValue + a.step).toFixed(k) : (a.modelValue - a.step).toFixed(k));
+      const w = a.step.toString().split("."), S = w.length === 2 ? w[1].length : 0;
+      return parseFloat(m ? (a.modelValue + a.step).toFixed(S) : (a.modelValue - a.step).toFixed(S));
     }
     function y() {
       return p() && d();
@@ -1534,7 +1534,7 @@ const el = { class: "joy-counter" }, tl = ["aria-label", "disabled"], nl = { cla
         size: e.labelSize
       }, {
         default: R(() => [
-          S(m.$slots, "default", {}, () => [
+          k(m.$slots, "default", {}, () => [
             q(O(e.label), 1)
           ], !0)
         ]),
@@ -1568,11 +1568,11 @@ const el = { class: "joy-counter" }, tl = ["aria-label", "disabled"], nl = { cla
             value: e.modelValue
           }, m.$attrs, {
             onInput: w[0] || (w[0] = //@ts-ignore
-            (...k) => h.onInput && h.onInput(...k)),
+            (...S) => h.onInput && h.onInput(...S)),
             onBlur: w[1] || (w[1] = //@ts-ignore
-            (...k) => h.onBlur && h.onBlur(...k)),
+            (...S) => h.onBlur && h.onBlur(...S)),
             onFocus: w[2] || (w[2] = //@ts-ignore
-            (...k) => h.onFocus && h.onFocus(...k))
+            (...S) => h.onFocus && h.onFocus(...S))
           }), null, 16, ol)
         ]),
         b("button", {
@@ -2090,7 +2090,7 @@ var on = {
       }
       Me(r.allowOutsideClick, $) || $.preventDefault();
     }
-  }, k = function($) {
+  }, S = function($) {
     var C = nt($), P = c(C, $) >= 0;
     if (P || C instanceof Document)
       P && (l.mostRecentlyFocusedNode = C);
@@ -2143,7 +2143,7 @@ var on = {
     if (l.active)
       return on.activateTrap(a, s), l.delayInitialFocusTimer = r.delayInitialFocus ? an(function() {
         d(u());
-      }) : d(u()), o.addEventListener("focusin", k, !0), o.addEventListener("mousedown", w, {
+      }) : d(u()), o.addEventListener("focusin", S, !0), o.addEventListener("mousedown", w, {
         capture: !0,
         passive: !1
       }), o.addEventListener("touchstart", w, {
@@ -2158,7 +2158,7 @@ var on = {
       }), s;
   }, j = function() {
     if (l.active)
-      return o.removeEventListener("focusin", k, !0), o.removeEventListener("mousedown", w, !0), o.removeEventListener("touchstart", w, !0), o.removeEventListener("click", T, !0), o.removeEventListener("keydown", F, !0), s;
+      return o.removeEventListener("focusin", S, !0), o.removeEventListener("mousedown", w, !0), o.removeEventListener("touchstart", w, !0), o.removeEventListener("click", T, !0), o.removeEventListener("keydown", F, !0), s;
   }, z = function($) {
     var C = $.some(function(P) {
       var J = Array.from(P.removedNodes);
@@ -2317,7 +2317,7 @@ const Ol = /* @__PURE__ */ A({
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      S(n.$slots, "default", {}, void 0, !0)
+      k(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 }), Rt = /* @__PURE__ */ N(Ol, [["__scopeId", "data-v-68d89412"]]), Ln = (e) => (Ke("data-v-37136d78"), e = e(), Ge(), e), Rl = ["id"], Dl = { class: "joy-dialog__inner" }, zl = {
@@ -2429,7 +2429,7 @@ const Ol = /* @__PURE__ */ A({
     async function w(I = { fireHideEvent: !0 }) {
       f.deactivate(), c.value = !1, await We(), he(!1), I.fireHideEvent && a("dialog:hide");
     }
-    async function k() {
+    async function S() {
       c.value = !0, await We(), o.focusTrap && f.activate(), o.preventBodyScroll && he(!0);
     }
     function L() {
@@ -2450,7 +2450,7 @@ const Ol = /* @__PURE__ */ A({
       hasFooterSlots: p,
       hide: w,
       isOpen: c,
-      show: k
+      show: S
     }), (I, j) => s.value ? (v(), B(Ze, {
       key: 0,
       to: e.teleport
@@ -2505,16 +2505,16 @@ const Ol = /* @__PURE__ */ A({
                 }, null, 4)) : _("", !0),
                 b("div", Hl, [
                   I.$slots["dialog-preheader"] ? (v(), g("div", Wl, [
-                    S(I.$slots, "dialog-preheader", {}, void 0, !0)
+                    k(I.$slots, "dialog-preheader", {}, void 0, !0)
                   ])) : _("", !0),
                   b("div", {
                     id: h,
                     class: "joy-dialog--header__title"
                   }, [
-                    S(I.$slots, "dialog-header", {}, void 0, !0)
+                    k(I.$slots, "dialog-header", {}, void 0, !0)
                   ]),
                   b("p", Ul, [
-                    S(I.$slots, "dialog-subheader", {}, void 0, !0)
+                    k(I.$slots, "dialog-subheader", {}, void 0, !0)
                   ]),
                   e.patternConfirm ? _("", !0) : (v(), B(ce, {
                     key: 1,
@@ -2530,7 +2530,7 @@ const Ol = /* @__PURE__ */ A({
                   }, null, 8, ["label"]))
                 ]),
                 b("div", Kl, [
-                  S(I.$slots, "dialog-body", {}, void 0, !0)
+                  k(I.$slots, "dialog-body", {}, void 0, !0)
                 ]),
                 b("div", {
                   class: E([
@@ -2545,7 +2545,7 @@ const Ol = /* @__PURE__ */ A({
                     "no-margin": ""
                   }, {
                     default: R(() => [
-                      S(I.$slots, "dialog-cancel", {}, () => [
+                      k(I.$slots, "dialog-cancel", {}, () => [
                         e.cancelText ? (v(), B(ce, {
                           key: 0,
                           class: "joy-dialog--cancel",
@@ -2559,7 +2559,7 @@ const Ol = /* @__PURE__ */ A({
                           _: 1
                         }, 8, ["size"])) : _("", !0)
                       ], !0),
-                      S(I.$slots, "dialog-confirm", {}, () => [
+                      k(I.$slots, "dialog-confirm", {}, () => [
                         e.confirmText ? (v(), B(ce, {
                           key: 0,
                           class: "joy-dialog--confirm",
@@ -2578,7 +2578,7 @@ const Ol = /* @__PURE__ */ A({
                   })
                 ], 2),
                 D(l)["dialog-indicators"] ? (v(), g("div", Gl, [
-                  S(I.$slots, "dialog-indicators", {}, void 0, !0)
+                  k(I.$slots, "dialog-indicators", {}, void 0, !0)
                 ])) : _("", !0)
               ])
             ], 2)
@@ -2624,9 +2624,9 @@ const Ol = /* @__PURE__ */ A({
       ]),
       b("div", tr, [
         b("p", nr, [
-          S(t.$slots, "default", {}, void 0, !0)
+          k(t.$slots, "default", {}, void 0, !0)
         ]),
-        S(t.$slots, "divider-content", {}, void 0, !0)
+        k(t.$slots, "divider-content", {}, void 0, !0)
       ])
     ], 10, Ql));
   }
@@ -2711,7 +2711,7 @@ const Ol = /* @__PURE__ */ A({
     async function w() {
       c.value = !0, await We(), o.focusTrap && !o.elevated && f.activate(), !o.elevated && o.preventBodyScroll && he(!0);
     }
-    function k() {
+    function S() {
       a("drawer:open");
     }
     function L() {
@@ -2738,7 +2738,7 @@ const Ol = /* @__PURE__ */ A({
         duration: { enter: 300, leave: 100 },
         name: "drawer",
         appear: "",
-        onEnter: k,
+        onEnter: S,
         onAfterEnter: L,
         onAfterLeave: F
       }, {
@@ -2784,10 +2784,10 @@ const Ol = /* @__PURE__ */ A({
                     id: h,
                     class: "joy-drawer--header__title"
                   }, [
-                    S(T.$slots, "drawer-header", {}, void 0, !0)
+                    k(T.$slots, "drawer-header", {}, void 0, !0)
                   ]),
                   b("p", sr, [
-                    S(T.$slots, "drawer-subheader", {}, void 0, !0)
+                    k(T.$slots, "drawer-subheader", {}, void 0, !0)
                   ]),
                   Y(ce, {
                     id: "joy-drawer--close",
@@ -2802,7 +2802,7 @@ const Ol = /* @__PURE__ */ A({
                   }, null, 8, ["label"])
                 ]),
                 b("div", ur, [
-                  S(T.$slots, "drawer-body", {}, void 0, !0)
+                  k(T.$slots, "drawer-body", {}, void 0, !0)
                 ]),
                 b("div", {
                   class: E([
@@ -2818,7 +2818,7 @@ const Ol = /* @__PURE__ */ A({
                     class: "joy-drawer--footer-wrapper"
                   }, {
                     default: R(() => [
-                      S(T.$slots, "drawer-cancel", {}, () => [
+                      k(T.$slots, "drawer-cancel", {}, () => [
                         e.cancelText ? (v(), B(ce, {
                           key: 0,
                           class: "joy-drawer--cancel",
@@ -2832,7 +2832,7 @@ const Ol = /* @__PURE__ */ A({
                           _: 1
                         }, 8, ["size"])) : _("", !0)
                       ], !0),
-                      S(T.$slots, "drawer-confirm", {}, () => [
+                      k(T.$slots, "drawer-confirm", {}, () => [
                         e.confirmText ? (v(), B(ce, {
                           key: 0,
                           class: "joy-drawer--confirm",
@@ -2955,9 +2955,9 @@ const Ol = /* @__PURE__ */ A({
         }
         if (f() && d.key === " " && d.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key)) {
           const m = i(), w = f();
-          let k = m.indexOf(w);
+          let S = m.indexOf(w);
           if (m.length) {
-            d.preventDefault(), d.key === "ArrowDown" ? k++ : d.key === "ArrowUp" ? k-- : d.key === "Home" ? k = 0 : d.key === "End" && (k = m.length - 1), k < 0 && (k = m.length - 1), k > m.length - 1 && (k = 0), y(m[k]);
+            d.preventDefault(), d.key === "ArrowDown" ? S++ : d.key === "ArrowUp" ? S-- : d.key === "Home" ? S = 0 : d.key === "End" && (S = m.length - 1), S < 0 && (S = m.length - 1), S > m.length - 1 && (S = 0), y(m[S]);
             return;
           }
         }
@@ -2986,14 +2986,14 @@ const Ol = /* @__PURE__ */ A({
           class: "joy-dropdown-list__reset",
           onClick: p
         }, O(e.resetLabel || "Reset"), 1)) : _("", !0),
-        S(d.$slots, "dropdown-list-header", {}, void 0, !0)
+        k(d.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : _("", !0),
       b("div", {
         tabindex: "0",
         class: E(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": d.$slots["dropdown-list-items"] }]),
         style: ie({ "max-height": `${e.height}px` })
       }, [
-        S(d.$slots, "dropdown-list-items", {}, void 0, !0),
+        k(d.$slots, "dropdown-list-items", {}, void 0, !0),
         e.options.length ? (v(), g("ul", {
           key: 0,
           ref_key: "listbox",
@@ -3024,14 +3024,14 @@ const Ol = /* @__PURE__ */ A({
             role: "option",
             onClick: (w) => s(m)
           }, [
-            S(d.$slots, "label", ke(je(m)), () => [
+            k(d.$slots, "label", ke(je(m)), () => [
               b("span", null, O(m.label), 1)
             ], !0)
           ], 46, pr))), 128))
         ], 8, yr)) : _("", !0)
       ], 6),
       d.$slots["dropdown-list-footer"] ? (v(), g("footer", mr, [
-        S(d.$slots, "dropdown-list-footer", {}, void 0, !0)
+        k(d.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : _("", !0)
     ], 4));
   }
@@ -3151,13 +3151,13 @@ const Ol = /* @__PURE__ */ A({
       I.stopPropagation(), f.value = !1, p && clearTimeout(p), c.value = I.target, r.value = !0, o("dropdown:open");
     }
     function w() {
-      h(), k();
+      h(), S();
     }
-    function k() {
+    function S() {
       c.value && c.value.focus();
     }
     function L(I) {
-      o("update:modelValue", I), a.closeOnSelect && (h(), k());
+      o("update:modelValue", I), a.closeOnSelect && (h(), S());
     }
     function F() {
       o("dropdown:reset");
@@ -3185,7 +3185,7 @@ const Ol = /* @__PURE__ */ A({
           "data-testid": "dropdown-trigger",
           onClick: m
         }, [
-          S(I.$slots, "dropdown-button", {}, void 0, !0)
+          k(I.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
         r.value ? (v(), g("div", {
           key: 0,
@@ -3216,7 +3216,7 @@ const Ol = /* @__PURE__ */ A({
             onReset: F
           }, mn({
             label: R((z) => [
-              S(I.$slots, "dropdown-item", ke(je(z)), () => [
+              k(I.$slots, "dropdown-item", ke(je(z)), () => [
                 b("span", null, O(z.label), 1)
               ], !0)
             ]),
@@ -3225,21 +3225,21 @@ const Ol = /* @__PURE__ */ A({
             I.$slots["dropdown-header"] ? {
               name: "dropdown-list-header",
               fn: R(() => [
-                S(I.$slots, "dropdown-header", {}, void 0, !0)
+                k(I.$slots, "dropdown-header", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             I.$slots["dropdown-items"] ? {
               name: "dropdown-list-items",
               fn: R(() => [
-                S(I.$slots, "dropdown-items", {}, void 0, !0)
+                k(I.$slots, "dropdown-items", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             I.$slots["dropdown-footer"] ? {
               name: "dropdown-list-footer",
               fn: R(() => [
-                S(I.$slots, "dropdown-footer", {}, void 0, !0)
+                k(I.$slots, "dropdown-footer", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0
@@ -3262,7 +3262,7 @@ const Ol = /* @__PURE__ */ A({
       "aria-label": e.ariaLabel || "Filter bar"
     }, [
       b("div", Sr, [
-        S(t.$slots, "default", {}, void 0, !0)
+        k(t.$slots, "default", {}, void 0, !0)
       ])
     ], 8, wr));
   }
@@ -3293,7 +3293,7 @@ const Ol = /* @__PURE__ */ A({
       onClick: r
     }, [
       q(O(e.label) + " ", 1),
-      S(l.$slots, "default", {}, void 0, !0),
+      k(l.$slots, "default", {}, void 0, !0),
       D(a) ? (v(), B(K, {
         key: 0,
         class: "joy-filter-bar-button__icon",
@@ -3308,10 +3308,10 @@ const Ol = /* @__PURE__ */ A({
   setup(e) {
     return (t, n) => (v(), g("footer", Cr, [
       b("div", xr, [
-        S(t.$slots, "footer-left", {}, void 0, !0)
+        k(t.$slots, "footer-left", {}, void 0, !0)
       ]),
       b("div", Tr, [
-        S(t.$slots, "footer-right", {}, void 0, !0)
+        k(t.$slots, "footer-right", {}, void 0, !0)
       ])
     ]));
   }
@@ -3396,10 +3396,10 @@ const Ol = /* @__PURE__ */ A({
     }, [
       b("div", Ar, [
         b("div", Br, [
-          S(s.$slots, "funnel-header", {}, void 0, !0)
+          k(s.$slots, "funnel-header", {}, void 0, !0)
         ]),
         b("div", Pr, [
-          S(s.$slots, "funnel-stepper", {}, void 0, !0)
+          k(s.$slots, "funnel-stepper", {}, void 0, !0)
         ])
       ]),
       e.hideShapes ? _("", !0) : (v(), g("div", {
@@ -3419,11 +3419,11 @@ const Ol = /* @__PURE__ */ A({
         b("div", {
           class: E(["joy-funnel__content", { "joy-funnel__content--medium": e.layoutWidth === "medium" }])
         }, [
-          S(s.$slots, "default", {}, void 0, !0)
+          k(s.$slots, "default", {}, void 0, !0)
         ], 2)
       ], 32),
       b("div", Or, [
-        S(s.$slots, "funnel-footer", {}, void 0, !0)
+        k(s.$slots, "funnel-footer", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -3432,10 +3432,10 @@ const Ol = /* @__PURE__ */ A({
   setup(e) {
     return (t, n) => (v(), g("header", zr, [
       b("div", Jr, [
-        S(t.$slots, "header-left", {}, void 0, !0)
+        k(t.$slots, "header-left", {}, void 0, !0)
       ]),
       b("div", Mr, [
-        S(t.$slots, "header-right", {}, void 0, !0)
+        k(t.$slots, "header-right", {}, void 0, !0)
       ])
     ]));
   }
@@ -3481,7 +3481,7 @@ const Ol = /* @__PURE__ */ A({
       ])
     }, [
       b("div", Wr, [
-        S(a.$slots, "highlight-decorator", {}, () => [
+        k(a.$slots, "highlight-decorator", {}, () => [
           e.displayIcon ? (v(), B(K, {
             key: 0,
             name: o.value
@@ -3490,9 +3490,9 @@ const Ol = /* @__PURE__ */ A({
       ]),
       b("div", Ur, [
         a.$slots["highlight-title"] ? (v(), g("strong", Kr, [
-          S(a.$slots, "highlight-title", {}, void 0, !0)
+          k(a.$slots, "highlight-title", {}, void 0, !0)
         ])) : _("", !0),
-        S(a.$slots, "default", {}, void 0, !0)
+        k(a.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -3654,15 +3654,15 @@ const Ol = /* @__PURE__ */ A({
     const o = n, a = e, r = x(), l = x(), s = Re(), i = te(), c = x(!1), f = x(!1);
     Ot(r, a.autofocus);
     const u = V(() => typeof a.modelValue == "number" || !a.clearable || a.unit || !a.modelValue ? !1 : a.modelValue.length > 0 && !a.unit), y = V(() => i.default && i.default()), p = V(() => {
-      var k, L;
-      return !!((k = l.value) != null && k.closest("joy-wrapper")) || !!((L = l.value) != null && L.closest(".joy-wrapper"));
+      var S, L;
+      return !!((S = l.value) != null && S.closest("joy-wrapper")) || !!((L = l.value) != null && L.closest(".joy-wrapper"));
     }), d = x(a.type), h = V(() => a.type === "password" && !!a.modelValue);
     co(() => {
       d.value = a.unit ? "number" : a.type;
     });
     function m() {
-      var k;
-      a.readonly || (k = r.value) == null || k.focus();
+      var S;
+      a.readonly || (S = r.value) == null || S.focus();
     }
     const w = {
       onFocus: () => {
@@ -3671,24 +3671,27 @@ const Ol = /* @__PURE__ */ A({
       onBlur: () => {
         c.value = !1;
       },
-      onInput: (k) => {
-        let L = k.target.value;
+      onWheelScroll(S) {
+        S.preventDefault();
+      },
+      onInput: (S) => {
+        let L = S.target.value;
         a.modelModifiers.lazy || o("update:modelValue", L);
       },
-      onChange: (k) => {
-        let L = k.target.value;
+      onChange: (S) => {
+        let L = S.target.value;
         a.modelModifiers.lazy && o("update:modelValue", L);
       },
       clearValue: () => {
         a.disabled || o("update:modelValue", "");
       },
-      togglePassword: (k) => {
-        k.preventDefault(), f.value = !f.value, f.value ? d.value = "text" : d.value = "password";
+      togglePassword: (S) => {
+        S.preventDefault(), f.value = !f.value, f.value ? d.value = "text" : d.value = "password";
       }
     };
     return t({
       focus: m
-    }), (k, L) => (v(), g("div", {
+    }), (S, L) => (v(), g("div", {
       ref_key: "root",
       ref: l,
       class: E([`joy-input--${a.size}`])
@@ -3713,7 +3716,7 @@ const Ol = /* @__PURE__ */ A({
           size: e.labelSize
         }, {
           default: R(() => [
-            S(k.$slots, "default", {}, () => [
+            k(S.$slots, "default", {}, () => [
               q(O(e.label), 1)
             ], !0)
           ]),
@@ -3730,7 +3733,7 @@ const Ol = /* @__PURE__ */ A({
             }
           ])
         }, [
-          b("input", oe(k.$attrs, {
+          b("input", oe(S.$attrs, {
             id: e.id || e.name,
             ref_key: "input",
             ref: r,
@@ -3753,7 +3756,9 @@ const Ol = /* @__PURE__ */ A({
             onInput: L[2] || (L[2] = //@ts-ignore
             (...F) => w.onInput && w.onInput(...F)),
             onChange: L[3] || (L[3] = //@ts-ignore
-            (...F) => w.onChange && w.onChange(...F))
+            (...F) => w.onChange && w.onChange(...F)),
+            onWheel: L[4] || (L[4] = //@ts-ignore
+            (...F) => w.onWheelScroll && w.onWheelScroll(...F))
           }), null, 16, ti),
           u.value ? (v(), B(ce, {
             key: 0,
@@ -3784,7 +3789,7 @@ const Ol = /* @__PURE__ */ A({
       ], 2)
     ], 2));
   }
-}), ai = /* @__PURE__ */ N(oi, [["__scopeId", "data-v-5e1b4b09"]]), li = ["href"], ri = /* @__PURE__ */ A({
+}), ai = /* @__PURE__ */ N(oi, [["__scopeId", "data-v-372cd5d9"]]), li = ["href"], ri = /* @__PURE__ */ A({
   __name: "VJoyLink",
   props: {
     href: {
@@ -3806,7 +3811,7 @@ const Ol = /* @__PURE__ */ A({
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : _("", !0),
-      S(t.$slots, "default", {}, () => [
+      k(t.$slots, "default", {}, () => [
         q(O(e.text), 1)
       ], !0)
     ], 16, li));
@@ -3898,7 +3903,7 @@ const Ol = /* @__PURE__ */ A({
         onClick: (h) => s(d)
       }, [
         b("div", ci, [
-          S(y.$slots, "menu-item", ke(je(d)), () => [
+          k(y.$slots, "menu-item", ke(je(d)), () => [
             d.icon ? (v(), B(K, {
               key: 0,
               name: d.icon
@@ -3983,7 +3988,7 @@ const Ol = /* @__PURE__ */ A({
           "onUpdate:checked": (c) => r(i.value, c)
         }, {
           default: R(() => [
-            S(l.$slots, "checkbox", ke(je(i)), () => [
+            k(l.$slots, "checkbox", ke(je(i)), () => [
               q(O(i.label), 1)
             ], !0)
           ]),
@@ -4083,7 +4088,7 @@ const Ol = /* @__PURE__ */ A({
           class: "joy-pagination__item joy-pagination__previous",
           onClick: u[0] || (u[0] = (y) => s(e.currentPage - 1, "prev"))
         }, [
-          S(f.$slots, "pagination-prev", {}, () => [
+          k(f.$slots, "pagination-prev", {}, () => [
             Y(rn, {
               label: e.labelPrev,
               disabled: e.currentPage === 1
@@ -4103,7 +4108,7 @@ const Ol = /* @__PURE__ */ A({
               }),
               onClick: (p) => s(y)
             }, [
-              S(f.$slots, "page", ke(je({ page: y })), () => [
+              k(f.$slots, "page", ke(je({ page: y })), () => [
                 b("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
@@ -4116,7 +4121,7 @@ const Ol = /* @__PURE__ */ A({
           class: "joy-pagination__next",
           onClick: u[1] || (u[1] = (y) => s(e.currentPage + 1, "next"))
         }, [
-          S(f.$slots, "pagination-next", {}, () => [
+          k(f.$slots, "pagination-next", {}, () => [
             Y(rn, {
               next: "",
               label: e.labelNext,
@@ -4149,13 +4154,13 @@ const Ol = /* @__PURE__ */ A({
       class: E(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
       b("div", ji, [
-        S(t.$slots, "spinner", {}, () => [
+        k(t.$slots, "spinner", {}, () => [
           Y(Lt, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
         t.$slots.content ? (v(), g("div", $i, [
-          S(t.$slots, "content", {}, void 0, !0)
+          k(t.$slots, "content", {}, void 0, !0)
         ])) : _("", !0)
       ])
     ], 2));
@@ -4224,20 +4229,20 @@ const Ol = /* @__PURE__ */ A({
           key: 0,
           class: E(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          S(l.$slots, "panel-title", {}, void 0, !0)
+          k(l.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : _("", !0),
         D(o)["panel-title-action"] ? (v(), g("div", xi, [
-          S(l.$slots, "panel-title-action", {}, void 0, !0)
+          k(l.$slots, "panel-title-action", {}, void 0, !0)
         ])) : _("", !0),
         D(o)["panel-subtitle"] ? (v(), g("div", Ti, [
-          S(l.$slots, "panel-subtitle", {}, void 0, !0)
+          k(l.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : _("", !0)
       ])) : _("", !0),
       b("div", Vi, [
-        S(l.$slots, "panel-body", {}, void 0, !0)
+        k(l.$slots, "panel-body", {}, void 0, !0)
       ]),
       D(o)["panel-action"] ? (v(), g("footer", Ii, [
-        S(l.$slots, "panel-action", {}, void 0, !0)
+        k(l.$slots, "panel-action", {}, void 0, !0)
       ])) : _("", !0),
       e.loading ? (v(), B(Dt, {
         key: 2,
@@ -4245,7 +4250,7 @@ const Ol = /* @__PURE__ */ A({
         color: e.loadingColor
       }, {
         content: R(() => [
-          S(l.$slots, "panel-loader-content", {}, void 0, !0)
+          k(l.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : _("", !0)
@@ -4263,10 +4268,10 @@ const Ol = /* @__PURE__ */ A({
     const t = te();
     return (n, o) => (v(), g("div", Ai, [
       D(t)["panel-section-title"] ? (v(), g("div", Bi, [
-        S(n.$slots, "panel-section-title", {}, void 0, !0)
+        k(n.$slots, "panel-section-title", {}, void 0, !0)
       ])) : _("", !0),
       D(t)["panel-section-content"] ? (v(), g("div", Pi, [
-        S(n.$slots, "panel-section-content", {}, void 0, !0)
+        k(n.$slots, "panel-section-content", {}, void 0, !0)
       ])) : _("", !0)
     ]));
   }
@@ -4438,7 +4443,7 @@ const Gi = async (e, t, n) => {
       name: m,
       fn: w
     } = s[h], {
-      x: k,
+      x: S,
       y: L,
       data: F,
       reset: T
@@ -4456,7 +4461,7 @@ const Gi = async (e, t, n) => {
         floating: t
       }
     });
-    if (f = k ?? f, u = L ?? u, p = {
+    if (f = S ?? f, u = L ?? u, p = {
       ...p,
       [m]: {
         ...p[m],
@@ -4503,7 +4508,7 @@ async function Nn(e, t) {
     boundary: c,
     rootBoundary: f,
     strategy: i
-  })), k = u === "floating" ? {
+  })), S = u === "floating" ? {
     ...l.floating,
     x: o,
     y: a
@@ -4514,10 +4519,10 @@ async function Nn(e, t) {
     x: 1,
     y: 1
   }, T = ft(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: k,
+    rect: S,
     offsetParent: L,
     strategy: i
-  }) : k);
+  }) : S);
   return {
     top: (w.top - T.top + d.top) / F.y,
     bottom: (T.bottom - w.bottom + d.bottom) / F.y,
@@ -4546,10 +4551,10 @@ const Yi = (e) => ({
     const u = Pn(f), y = {
       x: n,
       y: o
-    }, p = Mt(a), d = Jt(p), h = await l.getDimensions(c), m = p === "y", w = m ? "top" : "left", k = m ? "bottom" : "right", L = m ? "clientHeight" : "clientWidth", F = r.reference[d] + r.reference[p] - y[p] - r.floating[d], T = y[p] - r.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
+    }, p = Mt(a), d = Jt(p), h = await l.getDimensions(c), m = p === "y", w = m ? "top" : "left", S = m ? "bottom" : "right", L = m ? "clientHeight" : "clientWidth", F = r.reference[d] + r.reference[p] - y[p] - r.floating[d], T = y[p] - r.reference[p], I = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(c));
     let j = I ? I[L] : 0;
     (!j || !await (l.isElement == null ? void 0 : l.isElement(I))) && (j = s.floating[L] || r.floating[d]);
-    const z = F / 2 - T / 2, U = j / 2 - h[d] / 2 - 1, X = Fe(u[w], U), H = Fe(u[k], U), $ = X, C = j - h[d] - H, P = j / 2 - h[d] / 2 + z, J = $t($, P, C), M = !i.arrow && Xe(a) != null && P != J && r.reference[d] / 2 - (P < $ ? X : H) - h[d] / 2 < 0, W = M ? P < $ ? P - $ : P - C : 0;
+    const z = F / 2 - T / 2, U = j / 2 - h[d] / 2 - 1, X = Fe(u[w], U), H = Fe(u[S], U), $ = X, C = j - h[d] - H, P = j / 2 - h[d] / 2 + z, J = $t($, P, C), M = !i.arrow && Xe(a) != null && P != J && r.reference[d] / 2 - (P < $ ? X : H) - h[d] / 2 < 0, W = M ? P < $ ? P - $ : P - C : 0;
     return {
       [p]: y[p] + W,
       data: {
@@ -4586,7 +4591,7 @@ const Yi = (e) => ({
       } = Ee(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const w = we(a), k = we(s) === s, L = await (i.isRTL == null ? void 0 : i.isRTL(c.floating)), F = y || (k || !h ? [dt(s)] : Hi(s));
+      const w = we(a), S = we(s) === s, L = await (i.isRTL == null ? void 0 : i.isRTL(c.floating)), F = y || (S || !h ? [dt(s)] : Hi(s));
       !y && d !== "none" && F.push(...Ui(s, h, d, L));
       const T = [s, ...F], I = await Nn(t, m), j = [];
       let z = ((o = r.flip) == null ? void 0 : o.overflows) || [];
@@ -4694,11 +4699,11 @@ const On = function(e) {
           fn: (m) => {
             let {
               x: w,
-              y: k
+              y: S
             } = m;
             return {
               x: w,
-              y: k
+              y: S
             };
           }
         },
@@ -4709,12 +4714,12 @@ const On = function(e) {
       }, f = await Nn(t, i), u = Qe(we(a)), y = zt(u);
       let p = c[y], d = c[u];
       if (r) {
-        const m = y === "y" ? "top" : "left", w = y === "y" ? "bottom" : "right", k = p + f[m], L = p - f[w];
-        p = $t(k, p, L);
+        const m = y === "y" ? "top" : "left", w = y === "y" ? "bottom" : "right", S = p + f[m], L = p - f[w];
+        p = $t(S, p, L);
       }
       if (l) {
-        const m = u === "y" ? "top" : "left", w = u === "y" ? "bottom" : "right", k = d + f[m], L = d - f[w];
-        d = $t(k, d, L);
+        const m = u === "y" ? "top" : "left", w = u === "y" ? "bottom" : "right", S = d + f[m], L = d - f[w];
+        d = $t(S, d, L);
       }
       const h = s.fn({
         ...t,
@@ -4762,8 +4767,8 @@ const On = function(e) {
         p < F ? p = F : p > T && (p = T);
       }
       if (c) {
-        var w, k;
-        const L = y === "y" ? "width" : "height", F = ["top", "left"].includes(we(a)), T = r.reference[u] - r.floating[L] + (F && ((w = l.offset) == null ? void 0 : w[u]) || 0) + (F ? 0 : m.crossAxis), I = r.reference[u] + r.reference[L] + (F ? 0 : ((k = l.offset) == null ? void 0 : k[u]) || 0) - (F ? m.crossAxis : 0);
+        var w, S;
+        const L = y === "y" ? "width" : "height", F = ["top", "left"].includes(we(a)), T = r.reference[u] - r.floating[L] + (F && ((w = l.offset) == null ? void 0 : w[u]) || 0) + (F ? 0 : m.crossAxis), I = r.reference[u] + r.reference[L] + (F ? 0 : ((S = l.offset) == null ? void 0 : S[u]) || 0) - (F ? m.crossAxis : 0);
         d < T ? d = T : d > I && (d = I);
       }
       return {
@@ -4911,8 +4916,8 @@ function Le(e, t, n, o) {
     const y = ue(r), p = o && ye(o) ? ue(o) : o;
     let d = y.frameElement;
     for (; d && o && p !== y; ) {
-      const h = Ne(d), m = d.getBoundingClientRect(), w = de(d), k = m.left + (d.clientLeft + parseFloat(w.paddingLeft)) * h.x, L = m.top + (d.clientTop + parseFloat(w.paddingTop)) * h.y;
-      i *= h.x, c *= h.y, f *= h.x, u *= h.y, i += k, c += L, d = ue(d).frameElement;
+      const h = Ne(d), m = d.getBoundingClientRect(), w = de(d), S = m.left + (d.clientLeft + parseFloat(w.paddingLeft)) * h.x, L = m.top + (d.clientTop + parseFloat(w.paddingTop)) * h.y;
+      i *= h.x, c *= h.y, f *= h.x, u *= h.y, i += S, c += L, d = ue(d).frameElement;
     }
   }
   return ft({
@@ -5123,7 +5128,7 @@ function ys(e, t) {
     } = e.getBoundingClientRect();
     if (s || t(), !u || !y)
       return;
-    const p = ot(f), d = ot(a.clientWidth - (c + u)), h = ot(a.clientHeight - (f + y)), m = ot(c), k = {
+    const p = ot(f), d = ot(a.clientWidth - (c + u)), h = ot(a.clientHeight - (f + y)), m = ot(c), S = {
       rootMargin: -p + "px " + -d + "px " + -h + "px " + -m + "px",
       threshold: Ve(0, Fe(1, i)) || 1
     };
@@ -5141,12 +5146,12 @@ function ys(e, t) {
     }
     try {
       n = new IntersectionObserver(F, {
-        ...k,
+        ...S,
         // Handle <iframe>s
         root: a.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(F, k);
+      n = new IntersectionObserver(F, S);
     }
     n.observe(e);
   }
@@ -5169,8 +5174,8 @@ function ps(e, t, n, o) {
   const u = c && s ? ys(c, n) : null;
   let y = -1, p = null;
   l && (p = new ResizeObserver((w) => {
-    let [k] = w;
-    k && k.target === c && p && (p.unobserve(t), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
+    let [S] = w;
+    S && S.target === c && p && (p.unobserve(t), cancelAnimationFrame(y), y = requestAnimationFrame(() => {
       p && p.observe(t);
     })), n();
   }), c && !i && p.observe(c), p.observe(t));
@@ -5258,7 +5263,7 @@ function Yn(e, t, n) {
       top: U + "px"
     };
   });
-  let k;
+  let S;
   function L() {
     c.value == null || f.value == null || ms(c.value, f.value, {
       middleware: r.value,
@@ -5269,7 +5274,7 @@ function Yn(e, t, n) {
     });
   }
   function F() {
-    typeof k == "function" && (k(), k = void 0);
+    typeof S == "function" && (S(), S = void 0);
   }
   function T() {
     if (F(), o === void 0) {
@@ -5277,7 +5282,7 @@ function Yn(e, t, n) {
       return;
     }
     if (c.value != null && f.value != null) {
-      k = o(c.value, f.value, L);
+      S = o(c.value, f.value, L);
       return;
     }
   }
@@ -5380,9 +5385,9 @@ const hs = () => {
       r.value = document.createElement("div"), r.value.classList.add("joy-product-tour__overlay"), r.value.addEventListener("click", d, { once: !0 }), r.value.style.position = "fixed", r.value.style.top = "0", r.value.style.left = "0", r.value.style.width = "100%", r.value.style.height = "100%", r.value.style.zIndex = "var(--joy-core-z-index-backdrop)", document.querySelector("body").appendChild(r.value);
     }
     function w(T) {
-      T && (T.style.position = "relative", T.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = Y(zi), i.value = document.createElement("div"), i.value.classList.add(js), document.body.appendChild(i.value), Gt(s.value, i.value), k());
+      T && (T.style.position = "relative", T.style.zIndex = "calc(var(--joy-core-z-index-backdrop) + 1)", s.value = Y(zi), i.value = document.createElement("div"), i.value.classList.add(js), document.body.appendChild(i.value), Gt(s.value, i.value), S());
     }
-    function k() {
+    function S() {
       if (!i.value)
         return;
       const { left: T, top: I, height: j, width: z } = l.value.getBoundingClientRect();
@@ -5396,7 +5401,7 @@ const hs = () => {
     }
     return ee(u.value, () => {
       var T;
-      s.value && ((T = a.value) != null && T.isConnected ? k() : d());
+      s.value && ((T = a.value) != null && T.isConnected ? S() : d());
     }), bn(() => {
       F();
     }), t({
@@ -5431,7 +5436,7 @@ const hs = () => {
             class: E(["joy-product-tour__preheader", { "joy-product-tour__hasPreheader": T.$slots["product-tour-preheader"] }])
           }, [
             b("div", null, [
-              S(T.$slots, "product-tour-preheader", {}, void 0, !0)
+              k(T.$slots, "product-tour-preheader", {}, void 0, !0)
             ]),
             Y(ce, {
               class: "joy-product-tour__close",
@@ -5451,9 +5456,9 @@ const hs = () => {
             }, null, 8, ["name"])) : _("", !0),
             b("div", null, [
               b("div", gs, [
-                S(T.$slots, "product-tour-header", {}, void 0, !0)
+                k(T.$slots, "product-tour-header", {}, void 0, !0)
               ]),
-              S(T.$slots, "product-tour-content", {}, void 0, !0)
+              k(T.$slots, "product-tour-content", {}, void 0, !0)
             ])
           ]),
           T.$slots["product-tour-dismiss"] || T.$slots["product-tour-next"] ? (v(), g("div", ws, [
@@ -5464,9 +5469,9 @@ const hs = () => {
             ]),
             b("div", ks, [
               b("div", { onClick: d }, [
-                S(T.$slots, "product-tour-dismiss", {}, void 0, !0)
+                k(T.$slots, "product-tour-dismiss", {}, void 0, !0)
               ]),
-              S(T.$slots, "product-tour-next", {}, void 0, !0)
+              k(T.$slots, "product-tour-next", {}, void 0, !0)
             ])
           ])) : _("", !0)
         ], 2)
@@ -5508,19 +5513,19 @@ const hs = () => {
         ref: r
       }), {
         "product-tour-preheader": R(() => [
-          S(i.$slots, "product-tour-preheader")
+          k(i.$slots, "product-tour-preheader")
         ]),
         "product-tour-header": R(() => [
-          S(i.$slots, "product-tour-header")
+          k(i.$slots, "product-tour-header")
         ]),
         "product-tour-content": R(() => [
-          S(i.$slots, "product-tour-content")
+          k(i.$slots, "product-tour-content")
         ]),
         "product-tour-dismiss": R(() => [
-          S(i.$slots, "product-tour-dismiss")
+          k(i.$slots, "product-tour-dismiss")
         ]),
         "product-tour-next": R(() => [
-          S(i.$slots, "product-tour-next")
+          k(i.$slots, "product-tour-next")
         ]),
         _: 3
       }, 16)
@@ -5676,18 +5681,18 @@ const hs = () => {
         onBlur: d
       }, null, 40, Is),
       b("span", Es, [
-        S(h.$slots, "default", {}, void 0, !0)
+        k(h.$slots, "default", {}, void 0, !0)
       ]),
       b("div", Ls, [
         b("div", As, [
-          S(h.$slots, "radio-content", {}, void 0, !0)
+          k(h.$slots, "radio-content", {}, void 0, !0)
         ]),
         b("div", {
           ref_key: "expandableElement",
           ref: i,
           class: E(["joy-radio-expandable", { "joy-radio-expandable--expanded": r.value }])
         }, [
-          S(h.$slots, "expandable-content", {}, void 0, !0)
+          k(h.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
@@ -5720,11 +5725,11 @@ const hs = () => {
       form: e.form,
       name: e.name
     }, [
-      S(t.$slots, "radio-group-legend", {}, void 0, !0),
+      k(t.$slots, "radio-group-legend", {}, void 0, !0),
       b("div", {
         class: E(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        S(t.$slots, "default", {}, void 0, !0)
+        k(t.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 8, Ns));
   }
@@ -5784,7 +5789,7 @@ const hs = () => {
         ], 2))), 128))
       ]),
       b("div", zs, [
-        S(r.$slots, "rating-stars-content", {}, () => [
+        k(r.$slots, "rating-stars-content", {}, () => [
           e.reviewCount ? (v(), g("span", Js, "(" + O(e.reviewCount) + ")", 1)) : _("", !0)
         ], !0)
       ])
@@ -5841,10 +5846,10 @@ const hs = () => {
         if (s(w))
           m.push(w);
         else {
-          const k = w.children;
-          if (typeof k == "string" || !k.length)
+          const S = w.children;
+          if (typeof S == "string" || !S.length)
             return;
-          const L = k.filter(s);
+          const L = S.filter(s);
           m = [...m, ...L];
         }
       }), m;
@@ -5860,12 +5865,12 @@ const hs = () => {
         return;
       const m = h[0];
       if (m.type === "JoyLabel") {
-        const k = (w = m.props) == null ? void 0 : w.for;
-        if (!k) {
+        const S = (w = m.props) == null ? void 0 : w.for;
+        if (!S) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        k !== o.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        S !== o.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
     function y(h) {
@@ -5884,7 +5889,7 @@ const hs = () => {
       ref_key: "root",
       ref: i
     }, [
-      S(h.$slots, "select-label", {}, () => [
+      k(h.$slots, "select-label", {}, () => [
         e.label ? (v(), B(_e, {
           key: 0,
           required: e.required && e.requiredMark,
@@ -5923,9 +5928,9 @@ const hs = () => {
           onBlur: d
         }, [
           (v(!0), g(G, null, Q(l.value, (w) => {
-            var k, L;
+            var S, L;
             return v(), g("option", oe({
-              key: (k = w.props) == null ? void 0 : k.value
+              key: (S = w.props) == null ? void 0 : S.value
             }, w.props, {
               selected: ((L = w.props) == null ? void 0 : L.value) === e.modelValue
             }), O(w.children), 17, Hs);
@@ -6060,17 +6065,17 @@ const hs = () => {
             onBlur: u[5] || (u[5] = () => i.onBlur())
           }, {
             default: R(() => [
-              S(f.$slots, "default", {}, void 0, !0)
+              k(f.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required"])) : _("", !0),
           b("div", Ys, [
-            e.multiple ? _("", !0) : S(f.$slots, "default", { key: 0 }, void 0, !0)
+            e.multiple ? _("", !0) : k(f.$slots, "default", { key: 0 }, void 0, !0)
           ]),
           b("div", {
             class: E([{ "joy-selectable-item__sublabel": f.$slots["selectable-item-sublabel"] }])
           }, [
-            S(f.$slots, "selectable-item-sublabel", {}, () => [
+            k(f.$slots, "selectable-item-sublabel", {}, () => [
               q(O(e.subLabel), 1)
             ], !0)
           ], 2)
@@ -6167,7 +6172,7 @@ const hs = () => {
           "onUpdate:checked": (c) => r(i.value, c)
         }), mn({
           default: R(() => [
-            S(l.$slots, "item", ke(je(i)), () => [
+            k(l.$slots, "item", ke(je(i)), () => [
               q(O(i.label), 1)
             ], !0)
           ]),
@@ -6377,7 +6382,7 @@ const hs = () => {
         }, null, 4)
       ]),
       b("span", cu, [
-        S(c.$slots, "default", {}, void 0, !0)
+        k(c.$slots, "default", {}, void 0, !0)
       ])
     ], 10, su));
   }
@@ -6473,7 +6478,7 @@ const hs = () => {
         "joy-tab__selected": o.value
       })
     }, [
-      S(a.$slots, "default", {}, void 0, !0)
+      k(a.$slots, "default", {}, void 0, !0)
     ], 10, pu));
   }
 }), hu = /* @__PURE__ */ N(mu, [["__scopeId", "data-v-a76a7c92"]]), bu = ["id", "href", "aria-selected", "aria-controls"], gu = {
@@ -6545,7 +6550,7 @@ const hs = () => {
       }, [
         b("button", gu, [
           b("div", null, [
-            S(r.$slots, "default", {}, () => [
+            k(r.$slots, "default", {}, () => [
               q(O(e.label), 1)
             ], !0),
             e.notification ? (v(), g("div", wu)) : _("", !0)
@@ -6613,21 +6618,21 @@ const hs = () => {
           class: "joy-tabs-buttons",
           role: "tablist"
         }, [
-          (v(!0), g(G, null, Q(u.value, (k) => (v(), g("div", {
-            key: k.props.tab
+          (v(!0), g(G, null, Q(u.value, (S) => (v(), g("div", {
+            key: S.props.tab
           }, [
             Y(ku, {
-              tab: k.props.tab,
-              label: k.props.label,
-              href: k.props.href,
-              notification: k.props.notification,
-              selected: p(k),
-              onChangeTab: () => h(k.props.tab, !k.props.href)
+              tab: S.props.tab,
+              label: S.props.label,
+              href: S.props.href,
+              notification: S.props.notification,
+              selected: p(S),
+              onChangeTab: () => h(S.props.tab, !S.props.href)
             }, {
               default: R(() => {
                 var L;
                 return [
-                  (L = k.children) != null && L.header ? (v(), B(se(k.children.header), { key: 0 })) : _("", !0)
+                  (L = S.children) != null && L.header ? (v(), B(se(S.children.header), { key: 0 })) : _("", !0)
                 ];
               }),
               _: 2
@@ -6636,7 +6641,7 @@ const hs = () => {
         ], 512)
       ], 2),
       b("div", null, [
-        S(m.$slots, "default", {}, void 0, !0)
+        k(m.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
@@ -6675,7 +6680,7 @@ const hs = () => {
       role: i.link || i.selectable ? "button" : void 0,
       onClick: s
     }, [
-      S(i.$slots, "default", {}, () => [
+      k(i.$slots, "default", {}, () => [
         i.draggable ? (v(), B(K, {
           key: 0,
           class: "joy-tag__drag",
@@ -6752,7 +6757,7 @@ const Tu = { class: "joy-tags-input__wrapper" }, Vu = ["id", "name", "placeholde
         r.value.pop(), a("update:modelValue", r.value), I();
       }
     }
-    function k() {
+    function S() {
       l.value = !0;
     }
     function L() {
@@ -6790,7 +6795,7 @@ const Tu = { class: "joy-tags-input__wrapper" }, Vu = ["id", "name", "placeholde
         class: "joy-tags-input__label"
       }, {
         default: R(() => [
-          S(j.$slots, "default", {}, void 0, !0)
+          k(j.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["id"])) : _("", !0),
@@ -6813,7 +6818,7 @@ const Tu = { class: "joy-tags-input__wrapper" }, Vu = ["id", "name", "placeholde
           onRemove: F
         }, {
           default: R(() => [
-            S(j.$slots, "tag", ke(je({ name: U })), void 0, !0)
+            k(j.$slots, "tag", ke(je({ name: U })), void 0, !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "label", "value"]))), 128)),
@@ -6825,7 +6830,7 @@ const Tu = { class: "joy-tags-input__wrapper" }, Vu = ["id", "name", "placeholde
           name: j.name,
           placeholder: j.placeholder,
           onKeydown: w,
-          onFocus: k,
+          onFocus: S,
           onBlur: L
         }, null, 40, Vu)
       ], 2),
@@ -6910,7 +6915,7 @@ const Tu = { class: "joy-tags-input__wrapper" }, Vu = ["id", "name", "placeholde
         onSelected: (y) => s(y, u)
       }), {
         default: R(() => [
-          S(c.$slots, "tag", ke(je({
+          k(c.$slots, "tag", ke(je({
             ...u,
             selectable: r(u),
             selected: a(u),
@@ -6979,18 +6984,18 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
       b("div", zu, [
         o.value ? (v(), g("div", Ju, [
           D(n)["template-back"] ? (v(), g("div", Mu, [
-            S(a.$slots, "template-back", {}, void 0, !0)
+            k(a.$slots, "template-back", {}, void 0, !0)
           ])) : _("", !0),
           b("div", qu, [
             D(n)["template-title"] ? (v(), g("div", Hu, [
-              S(a.$slots, "template-title", {}, void 0, !0)
+              k(a.$slots, "template-title", {}, void 0, !0)
             ])) : _("", !0),
             D(n)["template-subtitle"] ? (v(), g("div", Wu, [
-              S(a.$slots, "template-subtitle", {}, void 0, !0)
+              k(a.$slots, "template-subtitle", {}, void 0, !0)
             ])) : _("", !0)
           ]),
           D(n)["template-actions"] ? (v(), g("div", Uu, [
-            S(a.$slots, "template-actions", {}, void 0, !0)
+            k(a.$slots, "template-actions", {}, void 0, !0)
           ])) : _("", !0)
         ])) : _("", !0),
         b("div", {
@@ -7002,10 +7007,10 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
           ])
         }, [
           a.$slots["template-main"] ? (v(), g("div", Ku, [
-            S(a.$slots, "template-main", {}, void 0, !0)
+            k(a.$slots, "template-main", {}, void 0, !0)
           ])) : _("", !0),
           a.$slots["template-sidebar"] ? (v(), g("div", Gu, [
-            S(a.$slots, "template-sidebar", {}, void 0, !0)
+            k(a.$slots, "template-sidebar", {}, void 0, !0)
           ])) : _("", !0)
         ], 2)
       ]),
@@ -7015,7 +7020,7 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
         color: e.loadingColor
       }, {
         content: R(() => [
-          S(a.$slots, "template-loader-content", {}, void 0, !0)
+          k(a.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : _("", !0)
@@ -7040,7 +7045,7 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
       class: E(`joy-text joy-font-${e.preset}`)
     }, {
       default: R(() => [
-        S(t.$slots, "default", {}, void 0, !0)
+        k(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -7164,7 +7169,7 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
         size: e.labelSize
       }, {
         default: R(() => [
-          S(d.$slots, "default", {}, () => [
+          k(d.$slots, "default", {}, () => [
             q(O(e.label), 1)
           ], !0)
         ]),
@@ -7304,7 +7309,7 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
         b("p", uc, [
           cc,
           b("span", dc, [
-            S(r.$slots, "default", {}, () => [
+            k(r.$slots, "default", {}, () => [
               q(O(e.label), 1)
             ], !0)
           ]),
@@ -7383,7 +7388,7 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
       }, o.delay);
     }
     const d = V(() => {
-      const { middlewareData: h, placement: m } = i.value, w = h.arrow, k = {
+      const { middlewareData: h, placement: m } = i.value, w = h.arrow, S = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -7394,7 +7399,7 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
         top: (w == null ? void 0 : w.y) && `${w == null ? void 0 : w.y}px`,
         right: "",
         bottom: "",
-        [k]: "-4px"
+        [S]: "-4px"
       };
     });
     return re(() => {
@@ -7419,9 +7424,9 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
             onClick: y,
             onMouseenter: f,
             onMouseleave: u,
-            onKeydown: m[0] || (m[0] = vt((k) => p(!1), ["tab"]))
+            onKeydown: m[0] || (m[0] = vt((S) => p(!1), ["tab"]))
           }, [
-            S(h.$slots, "default", {}, void 0, !0),
+            k(h.$slots, "default", {}, void 0, !0),
             (v(), B(Ze, { to: "body" }, [
               a.value && c.value ? (v(), g("div", {
                 key: 0,
@@ -7438,7 +7443,7 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
                 style: ie({ ...(w = i.value) == null ? void 0 : w.floatingStyles, maxWidth: `${e.tooltipWidth}px` })
               }, [
                 b("div", pc, [
-                  S(h.$slots, "tooltip-content", {}, () => [
+                  k(h.$slots, "tooltip-content", {}, () => [
                     q(O(e.text), 1)
                   ], !0)
                 ]),
@@ -7490,7 +7495,7 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
     }, t.$attrs), {
       default: R(() => [
         b("div", bc, [
-          S(t.$slots, "user-card-avatar", {}, () => [
+          k(t.$slots, "user-card-avatar", {}, () => [
             Y(gn, {
               "photo-url": e.photoUrl,
               "full-name": e.fullName
@@ -7499,23 +7504,23 @@ const no = /* @__PURE__ */ N(Nu, [["render", Du], ["__scopeId", "data-v-8b258f92
         ]),
         b("div", gc, [
           b("p", wc, [
-            S(t.$slots, "user-card-title", {}, () => [
+            k(t.$slots, "user-card-title", {}, () => [
               q(O(e.fullName), 1)
             ], !0)
           ]),
           b("p", Sc, [
-            S(t.$slots, "user-card-subtitle", {}, () => [
+            k(t.$slots, "user-card-subtitle", {}, () => [
               q(O(e.subTitle), 1)
             ], !0)
           ]),
-          S(t.$slots, "user-card-rating-stars", {}, () => [
+          k(t.$slots, "user-card-rating-stars", {}, () => [
             e.ratingValue ? (v(), B(Xn, {
               key: 0,
               "rating-value": e.ratingValue
             }, null, 8, ["rating-value"])) : _("", !0)
           ], !0),
           b("div", null, [
-            S(t.$slots, "default", {}, void 0, !0)
+            k(t.$slots, "default", {}, void 0, !0)
           ])
         ])
       ]),