@maltjoy/core-vue 4.0.0-beta.1 → 4.0.0

package/dist/{style-BQpAWKFv.js → style-CHbDRLSW.js}

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as I, openBlock as d, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as Q, createTextVNode as W, toDisplayString as R, createCommentVNode as j, createBlock as L, resolveDynamicComponent as re, mergeProps as X, withCtx as O, renderSlot as k, unref as Y, renderList as te, inject as Ie, normalizeStyle as ie, useAttrs as Ee, useId as ct, resolveDirective as Vt, withDirectives as dt, getCurrentScope as It, onScopeDispose as Et, toRef as Yn, readonly as Zn, customRef as Xn, ref as C, shallowRef as fn, watch as ne, nextTick as Ue, getCurrentInstance as Qn, onMounted as se, h as eo, Teleport as Re, createVNode as q, useSlots as oe, withKeys as Ge, onBeforeUnmount as De, provide as ft, Transition as Lt, createSlots as At, normalizeProps as to, guardReactiveProps as no, mergeModels as oo, useModel as ao, createStaticVNode as yn, onBeforeMount as lo, shallowReadonly as Ae, onUnmounted as vn, vShow as ro, render as Ht, withModifiers as io, createApp as so } from "vue";
+import { defineComponent as B, computed as I, openBlock as d, createElementBlock as g, normalizeClass as E, createElementVNode as b, Fragment as Q, createTextVNode as W, toDisplayString as D, createCommentVNode as j, createBlock as L, resolveDynamicComponent as re, mergeProps as X, withCtx as O, renderSlot as k, unref as Y, renderList as te, inject as Ie, normalizeStyle as ie, useAttrs as Ee, useId as ct, resolveDirective as Vt, withDirectives as dt, getCurrentScope as It, onScopeDispose as Et, toRef as Yn, readonly as Zn, customRef as Xn, ref as C, shallowRef as fn, watch as ne, nextTick as Ue, getCurrentInstance as Qn, onMounted as se, h as eo, Teleport as De, createVNode as q, useSlots as oe, withKeys as Ge, onBeforeUnmount as Re, provide as ft, Transition as Lt, createSlots as At, normalizeProps as to, guardReactiveProps as no, mergeModels as oo, useModel as ao, createStaticVNode as yn, onBeforeMount as lo, shallowReadonly as Ae, onUnmounted as vn, vShow as ro, render as Ht, withModifiers as io, createApp as so } from "vue";
 function Wt(e) {
   const t = e.target;
   if (!t)
@@ -97,7 +97,7 @@ const Hu = {
         class: E(n.value)
       }, null, 2),
       e.label ? (d(), g(Q, { key: 0 }, [
-        W(R(e.label), 1)
+        W(D(e.label), 1)
       ], 64)) : j("", !0)
     ], 10, po));
   }
@@ -243,10 +243,10 @@ const Hu = {
             loading: e.loading
           }, null, 8, bo)) : j("", !0),
           e.fullName ? (d(), g(Q, { key: 2 }, [
-            W(R(u.value), 1)
+            W(D(u.value), 1)
           ], 64)) : j("", !0),
           e.totalNumber ? (d(), g(Q, { key: 3 }, [
-            W(R("+" + e.totalNumber), 1)
+            W(D("+" + e.totalNumber), 1)
           ], 64)) : j("", !0)
         ]),
         _: 1
@@ -297,7 +297,7 @@ const Hu = {
     return (t, n) => (d(), g("div", {
       class: E(["joy-dot", `joy-dot__${e.variant}`, { "joy-dot__number": e.number }])
     }, [
-      e.number ? (d(), g("span", $o, R(e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
+      e.number ? (d(), g("span", $o, D(e.number > 99 ? "99+" : e.number), 1)) : j("", !0)
     ], 2));
   }
 }), Kt = /* @__PURE__ */ F(_o, [["__scopeId", "data-v-0dc5251e"]]), Co = /* @__PURE__ */ B({
@@ -344,7 +344,7 @@ const Hu = {
         variant: e.variant
       }, null, 8, ["variant"])) : j("", !0),
       k(t.$slots, "default", {}, () => [
-        W(R(e.label), 1)
+        W(D(e.label), 1)
       ], !0)
     ], 2));
   }
@@ -485,7 +485,7 @@ const To = { class: "joy-badge-level" }, Vo = {
         ])
       }, [
         e.visibleText ? k(o.$slots, "default", { key: 0 }, () => [
-          W(R(n.value), 1)
+          W(D(n.value), 1)
         ], !0) : j("", !0)
       ], 2)
     ]));
@@ -610,10 +610,13 @@ const No = /* @__PURE__ */ B({
     size: {
       type: String,
       default: "medium"
+    },
+    id: {
+      type: String
     }
   },
   setup(e, { expose: t }) {
-    const n = e, o = Ee(), a = ct() + "--button", r = I(() => {
+    const n = e, o = Ee(), a = ct() + "--JoyButton", r = I(() => {
       switch (n.size) {
         case "xxsmall":
           return "xxsmall";
@@ -625,9 +628,10 @@ const No = /* @__PURE__ */ B({
           return "small";
       }
     }), l = I(() => ["white", "ghost", "secondary"].includes(n.variant) ? "teal" : "white");
-    return t({ randomId: a }), (s, i) => {
+    return t({ generatedId: a }), (s, i) => {
       const u = Vt("joy-ripple");
       return dt((d(), L(re(Y(o).href ? "a" : "button"), {
+        id: e.id,
         disabled: e.loading || Y(o).disabled,
         type: Y(o).type || "button",
         class: E([
@@ -658,7 +662,7 @@ const No = /* @__PURE__ */ B({
             class: "joy-button--slot"
           }, [
             k(s.$slots, "default", {}, () => [
-              W(R(e.label), 1)
+              W(D(e.label), 1)
             ], !0)
           ]),
           e.icon && e.iconPosition === "right" ? (d(), L(G, {
@@ -670,12 +674,12 @@ const No = /* @__PURE__ */ B({
           }, null, 8, ["name", "size"])) : j("", !0)
         ]),
         _: 3
-      }, 8, ["disabled", "type", "class", "aria-labelledby"])), [
+      }, 8, ["id", "disabled", "type", "class", "aria-labelledby"])), [
         [u]
       ]);
     };
   }
-}), ce = /* @__PURE__ */ F(zo, [["__scopeId", "data-v-f67ebde1"]]);
+}), ce = /* @__PURE__ */ F(zo, [["__scopeId", "data-v-c08989a8"]]);
 function vt(e) {
   return It() ? (Et(e), !0) : !1;
 }
@@ -685,12 +689,12 @@ function be(e) {
 const pt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const Po = (e) => e != null, Oo = Object.prototype.toString, hn = (e) => Oo.call(e) === "[object Object]", Ne = () => {
-}, jt = /* @__PURE__ */ Ro();
-function Ro() {
+}, jt = /* @__PURE__ */ Do();
+function Do() {
   var e, t;
   return pt && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
-function Do(...e) {
+function Ro(...e) {
   if (e.length !== 1)
     return Yn(...e);
   const t = e[0];
@@ -910,7 +914,7 @@ const Xe = /* @__PURE__ */ new WeakMap();
 function Xo(e, t = !1) {
   const n = C(t);
   let o = null, a;
-  ne(Do(e), (s) => {
+  ne(Ro(e), (s) => {
     const i = wt(be(s));
     if (i) {
       const u = i;
@@ -1042,7 +1046,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
       show: p,
       isOpen: u,
       moveContainer: P
-    }), (w, M) => s.value ? (d(), L(Re, {
+    }), (w, M) => s.value ? (d(), L(De, {
       key: 0,
       to: e.teleport
     }, [
@@ -1217,7 +1221,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
         ]),
         b("div", ra, [
           k(c.$slots, "default", {}, () => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ], !0),
           b("div", ia, [
             k(c.$slots, "checkbox-content", {}, void 0, !0)
@@ -1307,7 +1311,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
             color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : j("", !0),
-          W(" " + R(e.header), 1)
+          W(" " + D(e.header), 1)
         ], 8, ua),
         b("div", ca, [
           k(u.$slots, "collapse-header-right")
@@ -1316,7 +1320,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
           class: "joy-collapse-item__summary___marker",
           name: "chevron-down"
         }),
-        e.subheader ? (d(), g("span", da, R(e.subheader), 1)) : j("", !0),
+        e.subheader ? (d(), g("span", da, D(e.subheader), 1)) : j("", !0),
         b("span", fa, [
           k(u.$slots, "collapse-preview")
         ])
@@ -1489,7 +1493,7 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
       }),
       b("div", null, [
         k(t.$slots, "default", {}, () => [
-          W(R(e.noHtmlErrorText), 1)
+          W(D(e.noHtmlErrorText), 1)
         ], !0)
       ])
     ], 10, wa));
@@ -1526,10 +1530,10 @@ const ea = { class: "joy-bottom-sheet_content" }, ta = { class: "joy-bottom-shee
     }, t.$attrs), {
       default: O(() => [
         k(t.$slots, "default", {}, () => [
-          W(R(e.text), 1)
+          W(D(e.text), 1)
         ], !0),
         e.required ? (d(), g("span", ja, "*")) : j("", !0),
-        e.optionalLabel ? (d(), g("span", Sa, "- " + R(e.optionalLabel), 1)) : j("", !0)
+        e.optionalLabel ? (d(), g("span", Sa, "- " + D(e.optionalLabel), 1)) : j("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
@@ -1539,7 +1543,7 @@ function _a(e) {
   const t = () => e();
   se(() => {
     window.addEventListener("resize", t);
-  }), De(() => {
+  }), Re(() => {
     window.removeEventListener("resize", t);
   });
 }
@@ -1675,7 +1679,7 @@ const Ca = { class: "joy-counter" }, xa = ["aria-label", "disabled"], Ta = { cla
       }, {
         default: O(() => [
           k(h.$slots, "default", {}, () => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -1804,9 +1808,9 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return t.tabIndex === n.tabIndex ? t.documentOrder - n.documentOrder : t.tabIndex - n.tabIndex;
 }, _n = function(t) {
   return t.tagName === "INPUT";
-}, Ra = function(t) {
-  return _n(t) && t.type === "hidden";
 }, Da = function(t) {
+  return _n(t) && t.type === "hidden";
+}, Ra = function(t) {
   var n = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(o) {
     return o.tagName === "SUMMARY";
   });
@@ -1890,8 +1894,8 @@ var wn = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])",
   return !(n.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  lt(n) || Ra(n) || Ua(n, t) || // For a details element with a summary, the summary element gets the focus
-  Da(n) || Ka(n));
+  lt(n) || Da(n) || Ua(n, t) || // For a details element with a summary, the summary element gets the focus
+  Ra(n) || Ka(n));
 }, St = function(t, n) {
   return !(Ha(n) || Se(n) < 0 || !rt(t, n));
 }, Ga = function(t) {
@@ -2162,14 +2166,14 @@ var tn = {
       return _.posTabIndexesFound;
     }) && l.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, p = function D(_) {
+  }, p = function R(_) {
     var x = _.activeElement;
     if (x)
-      return x.shadowRoot && x.shadowRoot.activeElement !== null ? D(x.shadowRoot) : x;
-  }, v = function D(_) {
+      return x.shadowRoot && x.shadowRoot.activeElement !== null ? R(x.shadowRoot) : x;
+  }, v = function R(_) {
     if (_ !== !1 && _ !== p(document)) {
       if (!_ || !_.focus) {
-        D(f());
+        R(f());
         return;
       }
       _.focus({
@@ -2549,7 +2553,7 @@ const ul = /* @__PURE__ */ B({
   },
   emits: ["dialog:open", "dialog:after-open", "dialog:hide", "dialog:after-hide", "dialog:before-unmount", "dialog:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = ct() + "--dialog", l = oe(), s = C(!1), i = C(), u = C(o.open), c = Cn(i), f = Ee(), y = I(() => {
+    const o = e, a = n, r = ct() + "--JoyDialog", l = oe(), s = C(!1), i = C(), u = C(o.open), c = Cn(i), f = Ee(), y = I(() => {
       if (s.value)
         return f;
     }), p = I(() => {
@@ -2576,7 +2580,7 @@ const ul = /* @__PURE__ */ B({
     }
     return se(async () => {
       s.value = !0;
-    }), De(() => {
+    }), Re(() => {
       u.value === !0 && (a("dialog:before-unmount"), he(!1));
     }), t({
       focusTrapReturn: c,
@@ -2584,7 +2588,7 @@ const ul = /* @__PURE__ */ B({
       hide: $,
       isOpen: u,
       show: S
-    }), (A, w) => s.value ? (d(), L(Re, {
+    }), (A, w) => s.value ? (d(), L(De, {
       key: 0,
       to: e.teleport
     }, [
@@ -2690,7 +2694,7 @@ const ul = /* @__PURE__ */ B({
                           onClick: w[1] || (w[1] = (M) => $())
                         }, {
                           default: O(() => [
-                            W(R(e.cancelText), 1)
+                            W(D(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : j("", !0)
@@ -2704,7 +2708,7 @@ const ul = /* @__PURE__ */ B({
                           onClick: w[2] || (w[2] = (M) => a("dialog:confirm"))
                         }, {
                           default: O(() => [
-                            W(R(e.confirmText), 1)
+                            W(D(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : j("", !0)
@@ -2724,7 +2728,7 @@ const ul = /* @__PURE__ */ B({
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), tc = /* @__PURE__ */ F(bl, [["__scopeId", "data-v-08f7579d"]]), nc = /* @__PURE__ */ B({
+}), tc = /* @__PURE__ */ F(bl, [["__scopeId", "data-v-e41ea69b"]]), nc = /* @__PURE__ */ B({
   __name: "VJoyDialogTrigger",
   props: {
     dialog: {}
@@ -2834,7 +2838,7 @@ const ul = /* @__PURE__ */ B({
   },
   emits: ["drawer:open", "drawer:after-open", "drawer:hide", "drawer:after-hide", "drawer:before-unmount", "drawer:confirm"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, a = n, r = ct() + "--drawer", l = oe(), s = C(!1), i = C(), u = C(o.open), c = Cn(i), f = Ee(), y = I(() => {
+    const o = e, a = n, r = ct() + "--JoyDrawer", l = oe(), s = C(!1), i = C(), u = C(o.open), c = Cn(i), f = Ee(), y = I(() => {
       if (s.value)
         return f;
     }), p = I(() => {
@@ -2858,7 +2862,7 @@ const ul = /* @__PURE__ */ B({
     }
     return se(() => {
       s.value = !0;
-    }), De(() => {
+    }), Re(() => {
       u.value === !0 && (a("drawer:before-unmount"), he(!1));
     }), t({
       focusTrapReturn: c,
@@ -2866,7 +2870,7 @@ const ul = /* @__PURE__ */ B({
       hide: h,
       isOpen: u,
       show: $
-    }), (z, A) => s.value ? (d(), L(Re, {
+    }), (z, A) => s.value ? (d(), L(De, {
       key: 0,
       to: e.teleport
     }, [
@@ -2963,7 +2967,7 @@ const ul = /* @__PURE__ */ B({
                           onClick: A[2] || (A[2] = (w) => h())
                         }, {
                           default: O(() => [
-                            W(R(e.cancelText), 1)
+                            W(D(e.cancelText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : j("", !0)
@@ -2977,7 +2981,7 @@ const ul = /* @__PURE__ */ B({
                           onClick: A[3] || (A[3] = (w) => a("drawer:confirm"))
                         }, {
                           default: O(() => [
-                            W(R(e.confirmText), 1)
+                            W(D(e.confirmText), 1)
                           ]),
                           _: 1
                         }, 8, ["size"])) : j("", !0)
@@ -2994,7 +2998,7 @@ const ul = /* @__PURE__ */ B({
       })
     ], 8, ["to"])) : j("", !0);
   }
-}), ac = /* @__PURE__ */ F(Vl, [["__scopeId", "data-v-ef1e7f29"]]), lc = /* @__PURE__ */ B({
+}), ac = /* @__PURE__ */ F(Vl, [["__scopeId", "data-v-731df0f1"]]), lc = /* @__PURE__ */ B({
   __name: "VJoyDrawerTrigger",
   props: {
     drawer: {}
@@ -3107,7 +3111,7 @@ const ul = /* @__PURE__ */ B({
     }
     return se(() => {
       window.addEventListener("keydown", f), u();
-    }), De(() => {
+    }), Re(() => {
       window.removeEventListener("keydown", f);
     }), t({
       isSelected: l
@@ -3121,7 +3125,7 @@ const ul = /* @__PURE__ */ B({
           type: "button",
           class: "joy-dropdown-list__reset",
           onClick: p
-        }, R(e.resetLabel || "Reset"), 1)) : j("", !0),
+        }, D(e.resetLabel || "Reset"), 1)) : j("", !0),
         k(v.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : j("", !0),
       b("div", {
@@ -3161,7 +3165,7 @@ const ul = /* @__PURE__ */ B({
             onClick: ($) => s(h)
           }, [
             k(v.$slots, "label", X({ ref_for: !0 }, h), () => [
-              b("span", null, R(h.label), 1)
+              b("span", null, D(h.label), 1)
             ], !0)
           ], 46, Ll))), 128))
         ], 8, El)) : j("", !0)
@@ -3353,7 +3357,7 @@ const ul = /* @__PURE__ */ B({
           }, At({
             label: O((M) => [
               k(A.$slots, "dropdown-item", to(no(M)), () => [
-                b("span", null, R(M.label), 1)
+                b("span", null, D(M.label), 1)
               ], !0)
             ]),
             _: 2
@@ -3399,7 +3403,7 @@ const ul = /* @__PURE__ */ B({
       }, null, 8, ["name"])
     ]));
   }
-}), xn = /* @__PURE__ */ F(Pl, [["__scopeId", "data-v-5a2d1889"]]), Ol = { class: "joy-dropzone__file__description" }, Rl = { class: "joy-dropzone__file__name" }, Dl = {
+}), xn = /* @__PURE__ */ F(Pl, [["__scopeId", "data-v-5a2d1889"]]), Ol = { class: "joy-dropzone__file__description" }, Dl = { class: "joy-dropzone__file__name" }, Rl = {
   key: 0,
   class: "joy-dropzone__file__information"
 }, Ml = {
@@ -3431,11 +3435,11 @@ const ul = /* @__PURE__ */ B({
           class: "joy-dropzone__file__icon"
         }),
         b("div", Ol, [
-          b("span", Rl, R(n.file.name), 1),
-          t.information ? (d(), g("div", Dl, [
+          b("span", Dl, D(n.file.name), 1),
+          t.information ? (d(), g("div", Rl, [
             k(o.$slots, "information", { file: o.file }, void 0, !0)
           ])) : j("", !0),
-          o.error ? (d(), g("p", Ml, R(o.error), 1)) : j("", !0)
+          o.error ? (d(), g("p", Ml, D(o.error), 1)) : j("", !0)
         ]),
         q(fe, {
           "column-gap": "1",
@@ -3504,17 +3508,17 @@ const ul = /* @__PURE__ */ B({
       return T.size < o.maxSize * 1024 * 1024;
     }
     function v(T) {
-      return T.filter((D) => D instanceof File).some((D) => !y(D) || !p(D));
+      return T.filter((R) => R instanceof File).some((R) => !y(R) || !p(R));
     }
     function m(T) {
       if (!(T instanceof File))
         return;
-      const J = y(T), D = p(T);
-      if (!J && !D)
+      const J = y(T), R = p(T);
+      if (!J && !R)
         return o.errorTextFormatAndMaxSize;
       if (!J)
         return o.errorTextFormat;
-      if (!D)
+      if (!R)
         return o.errorTextMaxSize;
     }
     function h() {
@@ -3524,8 +3528,8 @@ const ul = /* @__PURE__ */ B({
       i.value && (i.value.value = "");
     }
     function S(T) {
-      var D;
-      const J = (D = T.target) == null ? void 0 : D.files;
+      var R;
+      const J = (R = T.target) == null ? void 0 : R.files;
       !J || J.length === 0 || (l.value ? (M(l.value, Array.from(J)), l.value = void 0) : w(Array.from(J)));
     }
     function V(T) {
@@ -3543,10 +3547,10 @@ const ul = /* @__PURE__ */ B({
     function w(T) {
       o.multiple ? z([...a.value, ...T]) : z([T[0]]);
     }
-    function M(T, [J, ...D]) {
+    function M(T, [J, ...R]) {
       if (o.multiple) {
         const _ = [...a.value];
-        _[a.value.indexOf(T)] = J, _.push(...D), z(_);
+        _[a.value.indexOf(T)] = J, _.push(...R), z(_);
       } else
         z([J]);
     }
@@ -3580,26 +3584,26 @@ const ul = /* @__PURE__ */ B({
           class: "joy-dropzone__label"
         }, [
           a.value.length > 0 ? (d(), g("div", Ul, [
-            (d(!0), g(Q, null, te(a.value, (D, _) => (d(), L(ql, {
-              key: `${D.name}_${_}`,
-              file: D,
-              error: T.multiple ? m(D) : void 0,
+            (d(!0), g(Q, null, te(a.value, (R, _) => (d(), L(ql, {
+              key: `${R.name}_${_}`,
+              file: R,
+              error: T.multiple ? m(R) : void 0,
               "update-label": T.updateLabel,
               "delete-label": T.deleteLabel,
-              onUpdate: (x) => P(D),
-              onDelete: (x) => A(D)
+              onUpdate: (x) => P(R),
+              onDelete: (x) => A(R)
             }, At({ _: 2 }, [
               n["file-information"] ? {
                 name: "information",
                 fn: O(() => [
-                  k(T.$slots, "file-information", { file: D }, void 0, !0)
+                  k(T.$slots, "file-information", { file: R }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               n["file-actions"] ? {
                 name: "actions",
                 fn: O(() => [
-                  k(T.$slots, "file-actions", { file: D }, void 0, !0)
+                  k(T.$slots, "file-actions", { file: R }, void 0, !0)
                 ]),
                 key: "1"
               } : void 0
@@ -3680,7 +3684,7 @@ const ul = /* @__PURE__ */ B({
       class: E(["joy-filter-bar-button", { "joy-filter-bar-button--active": e.active }]),
       onClick: r
     }, [
-      W(R(e.label) + " ", 1),
+      W(D(e.label) + " ", 1),
       k(l.$slots, "default", {}, void 0, !0),
       Y(a) ? (d(), L(G, {
         key: 0,
@@ -4102,7 +4106,7 @@ const ul = /* @__PURE__ */ B({
         }, {
           default: O(() => [
             k(V.$slots, "default", {}, () => [
-              W(R(e.label), 1)
+              W(D(e.label), 1)
             ], !0)
           ]),
           _: 3
@@ -4198,7 +4202,7 @@ const ul = /* @__PURE__ */ B({
       }, null, 8, ["name"])) : j("", !0),
       b("span", _r, [
         k(t.$slots, "default", {}, () => [
-          W(R(e.text), 1)
+          W(D(e.text), 1)
         ], !0)
       ])
     ], 16, $r));
@@ -4332,7 +4336,7 @@ const ul = /* @__PURE__ */ B({
                 key: 0,
                 name: m.icon
               }, null, 8, ["name"])) : j("", !0),
-              b("span", null, R(m.label), 1)
+              b("span", null, D(m.label), 1)
             ], !0)
           ])
         ], 42, Lr)), [
@@ -4401,7 +4405,7 @@ const ul = /* @__PURE__ */ B({
         size: e.labelSize
       }, {
         default: O(() => [
-          W(R(e.label), 1)
+          W(D(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
@@ -4416,7 +4420,7 @@ const ul = /* @__PURE__ */ B({
         }, {
           default: O(() => [
             k(l.$slots, "checkbox", X({ ref_for: !0 }, i), () => [
-              W(R(i.label), 1)
+              W(D(i.label), 1)
             ], !0)
           ]),
           _: 2
@@ -4455,7 +4459,7 @@ const ul = /* @__PURE__ */ B({
       onClick: n[0] || (n[0] = (o) => t.$emit("click"))
     }, null, 8, ["label", "title", "icon", "disabled"]));
   }
-}), Pr = ["aria-label", "data-current"], Or = ["onClick"], Rr = ["aria-current"], Dr = 6, Mr = /* @__PURE__ */ B({
+}), Pr = ["aria-label", "data-current"], Or = ["onClick"], Dr = ["aria-current"], Rr = 6, Mr = /* @__PURE__ */ B({
   __name: "VJoyPagination",
   props: {
     /** Current page number */
@@ -4489,7 +4493,7 @@ const ul = /* @__PURE__ */ B({
     const n = e, o = t, a = I(() => {
       const c = l.value.length;
       return l.value[c - 1] !== l.value[c - 2] + 1;
-    }), r = I(() => l.value[0] !== l.value[1] - 1), l = I(() => n.totalPages === 1 ? [1] : n.totalPages < Dr ? i(2, n.totalPages - 1) : u(n.currentPage));
+    }), r = I(() => l.value[0] !== l.value[1] - 1), l = I(() => n.totalPages === 1 ? [1] : n.totalPages < Rr ? i(2, n.totalPages - 1) : u(n.currentPage));
     function s(c, f) {
       n.currentPage === 1 && f === "prev" || n.currentPage === n.totalPages && f === "next" || o("update:current-page", c);
     }
@@ -4539,7 +4543,7 @@ const ul = /* @__PURE__ */ B({
                 b("button", {
                   type: "button",
                   "aria-current": y === e.currentPage ? "true" : "false"
-                }, R(y), 9, Rr)
+                }, D(y), 9, Dr)
               ], !0)
             ], 10, Or))), 128))
           ])
@@ -4736,12 +4740,12 @@ function Ot(e) {
 function Te(e) {
   return ["top", "bottom"].includes(ge(e)) ? "y" : "x";
 }
-function Rt(e) {
+function Dt(e) {
   return Pt(Te(e));
 }
 function ui(e, t, n) {
   n === void 0 && (n = !1);
-  const o = Ye(e), a = Rt(e), r = Ot(a);
+  const o = Ye(e), a = Dt(e), r = Ot(a);
   let l = a === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (l = it(l)), [l, it(l)];
 }
@@ -4813,7 +4817,7 @@ function ln(e, t, n) {
     reference: o,
     floating: a
   } = e;
-  const r = Te(t), l = Rt(t), s = Ot(l), i = ge(t), u = r === "y", c = o.x + o.width / 2 - a.width / 2, f = o.y + o.height / 2 - a.height / 2, y = o[s] / 2 - a[s] / 2;
+  const r = Te(t), l = Dt(t), s = Ot(l), i = ge(t), u = r === "y", c = o.x + o.width / 2 - a.width / 2, f = o.y + o.height / 2 - a.height / 2, y = o[s] / 2 - a[s] / 2;
   let p;
   switch (i) {
     case "top":
@@ -4983,10 +4987,10 @@ const pi = (e) => ({
     const f = Vn(c), y = {
       x: n,
       y: o
-    }, p = Rt(a), v = Ot(p), m = await l.getDimensions(u), h = p === "y", $ = h ? "top" : "left", S = h ? "bottom" : "right", V = h ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], z = y[p] - r.reference[p], A = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
+    }, p = Dt(a), v = Ot(p), m = await l.getDimensions(u), h = p === "y", $ = h ? "top" : "left", S = h ? "bottom" : "right", V = h ? "clientHeight" : "clientWidth", P = r.reference[v] + r.reference[p] - y[p] - r.floating[v], z = y[p] - r.reference[p], A = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
     let w = A ? A[V] : 0;
     (!w || !await (l.isElement == null ? void 0 : l.isElement(A))) && (w = s.floating[V] || r.floating[v]);
-    const M = P / 2 - z / 2, T = w / 2 - m[v] / 2 - 1, J = $t(f[$], T), D = $t(f[S], T), _ = J, x = w - m[v] - D, N = w / 2 - m[v] / 2 + M, U = _t(_, N, x), H = !i.arrow && Ye(a) != null && N !== U && r.reference[v] / 2 - (N < _ ? J : D) - m[v] / 2 < 0, K = H ? N < _ ? N - _ : N - x : 0;
+    const M = P / 2 - z / 2, T = w / 2 - m[v] / 2 - 1, J = $t(f[$], T), R = $t(f[S], T), _ = J, x = w - m[v] - R, N = w / 2 - m[v] / 2 + M, U = _t(_, N, x), H = !i.arrow && Ye(a) != null && N !== U && r.reference[v] / 2 - (N < _ ? J : R) - m[v] / 2 < 0, K = H ? N < _ ? N - _ : N - x : 0;
     return {
       [p]: y[p] + K,
       data: {
@@ -5035,8 +5039,8 @@ const pi = (e) => ({
         placement: a,
         overflows: T
       }], !T.every((N) => N <= 0)) {
-        var D, _;
-        const N = (((D = r.flip) == null ? void 0 : D.index) || 0) + 1, U = w[N];
+        var R, _;
+        const N = (((R = r.flip) == null ? void 0 : R.index) || 0) + 1, U = w[N];
         if (U)
           return {
             data: {
@@ -5262,14 +5266,14 @@ function Ze(e) {
 function hi(e) {
   return ["table", "td", "th"].includes(ke(e));
 }
-function Dt(e) {
+function Rt(e) {
   const t = Mt(), n = de(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (n.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (n.contain || "").includes(o));
 }
 function bi(e) {
   let t = Oe(e);
   for (; ye(t) && !mt(t); ) {
-    if (Dt(t))
+    if (Rt(t))
       return t;
     t = Oe(t);
   }
@@ -5460,9 +5464,9 @@ function sn(e, t, n) {
   }
   return st(o);
 }
-function Rn(e, t) {
+function Dn(e, t) {
   const n = Oe(e);
-  return n === t || !ve(n) || mt(n) ? !1 : de(n).position === "fixed" || Rn(n, t);
+  return n === t || !ve(n) || mt(n) ? !1 : de(n).position === "fixed" || Dn(n, t);
 }
 function Ci(e, t) {
   const n = t.get(e);
@@ -5472,8 +5476,8 @@ function Ci(e, t) {
   const r = de(e).position === "fixed";
   let l = r ? Oe(e) : e;
   for (; ve(l) && !mt(l); ) {
-    const s = de(l), i = Dt(l);
-    !i && s.position === "fixed" && (a = null), (r ? !i && !a : !i && s.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || Ze(l) && !i && Rn(e, l)) ? o = o.filter((c) => c !== l) : a = s, l = Oe(l);
+    const s = de(l), i = Rt(l);
+    !i && s.position === "fixed" && (a = null), (r ? !i && !a : !i && s.position === "static" && !!a && ["absolute", "fixed"].includes(a.position) || Ze(l) && !i && Dn(e, l)) ? o = o.filter((c) => c !== l) : a = s, l = Oe(l);
   }
   return t.set(e, o), o;
 }
@@ -5520,14 +5524,14 @@ function Vi(e, t, n) {
 function un(e, t) {
   return !ye(e) || de(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
-function Dn(e, t) {
+function Rn(e, t) {
   const n = ue(e);
   if (!ye(e))
     return n;
   let o = un(e, t);
   for (; o && hi(o) && de(o).position === "static"; )
     o = un(o, t);
-  return o && (ke(o) === "html" || ke(o) === "body" && de(o).position === "static" && !Dt(o)) ? n : o || bi(e) || n;
+  return o && (ke(o) === "html" || ke(o) === "body" && de(o).position === "static" && !Rt(o)) ? n : o || bi(e) || n;
 }
 const Ii = async function(e) {
   let {
@@ -5535,7 +5539,7 @@ const Ii = async function(e) {
     floating: n,
     strategy: o
   } = e;
-  const a = this.getOffsetParent || Dn, r = this.getDimensions;
+  const a = this.getOffsetParent || Rn, r = this.getDimensions;
   return {
     reference: Vi(t, await a(n), o),
     floating: {
@@ -5552,7 +5556,7 @@ const Li = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ki,
   getDocumentElement: pe,
   getClippingRect: xi,
-  getOffsetParent: Dn,
+  getOffsetParent: Rn,
   getElementRects: Ii,
   getClientRects: ji,
   getDimensions: Ti,
@@ -5785,7 +5789,7 @@ const Oi = () => {
     },
     productToursRef: e
   };
-}, Wn = Oi(), Ri = { class: "joy-product-tour__content" }, Di = { class: "joy-product-tour__header" }, Mi = {
+}, Wn = Oi(), Di = { class: "joy-product-tour__content" }, Ri = { class: "joy-product-tour__header" }, Mi = {
   key: 0,
   class: "joy-product-tour__footer"
 }, Ji = { class: "joy-product-tour__footer___steps" }, qi = "joy-product-tour-spotlight__wrapper", Hi = /* @__PURE__ */ B({
@@ -5922,7 +5926,7 @@ const Oi = () => {
               onClick: h
             })) : j("", !0)
           ], 2),
-          b("div", Ri, [
+          b("div", Di, [
             w.icon ? (d(), L(G, {
               key: 0,
               class: "joy-product-tour__content___icon",
@@ -5930,7 +5934,7 @@ const Oi = () => {
               size: "medium"
             }, null, 8, ["name"])) : j("", !0),
             b("div", null, [
-              b("div", Di, [
+              b("div", Ri, [
                 k(w.$slots, "product-tour-header", {}, void 0, !0)
               ]),
               k(w.$slots, "product-tour-content", {}, void 0, !0)
@@ -5942,7 +5946,7 @@ const Oi = () => {
             ]),
             b("span", Ji, [
               w.steps > 1 ? (d(), g(Q, { key: 0 }, [
-                W(R(w.step) + "/" + R(w.steps), 1)
+                W(D(w.step) + "/" + D(w.steps), 1)
               ], 64)) : j("", !0)
             ]),
             k(w.$slots, "product-tour-next", {}, void 0, !0)
@@ -5989,7 +5993,7 @@ const Oi = () => {
     }), t({
       show: f,
       hide: p
-    }), (v, m) => (d(), L(Re, { to: "body" }, [
+    }), (v, m) => (d(), L(De, { to: "body" }, [
       q(Wi, X({ ...a, ...c.value }, {
         ref_key: "productTour",
         ref: i,
@@ -6276,7 +6280,7 @@ const Oi = () => {
       ]),
       b("div", os, [
         k(r.$slots, "rating-stars-content", {}, () => [
-          e.reviewCount ? (d(), g("span", as, "(" + R(e.reviewCount) + ")", 1)) : j("", !0)
+          e.reviewCount ? (d(), g("span", as, "(" + D(e.reviewCount) + ")", 1)) : j("", !0)
         ], !0)
       ])
     ], 8, ts));
@@ -6384,7 +6388,7 @@ const Oi = () => {
           size: f.value
         }, {
           default: O(() => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : j("", !0)
@@ -6420,7 +6424,7 @@ const Oi = () => {
               ref_for: !0
             }, $.props, {
               selected: ((V = $.props) == null ? void 0 : V.value) === e.modelValue
-            }), R($.children), 17, ss);
+            }), D($.children), 17, ss);
           }), 128))
         ], 40, is),
         q(G, {
@@ -6565,7 +6569,7 @@ const Oi = () => {
             class: E([{ "joy-selectable-item__sublabel": u.$slots["selectable-item-sublabel"] }])
           }, [
             k(u.$slots, "selectable-item-sublabel", {}, () => [
-              W(R(e.subLabel), 1)
+              W(D(e.subLabel), 1)
             ], !0)
           ], 2)
         ]),
@@ -6636,7 +6640,7 @@ const Oi = () => {
         size: e.labelSize
       }, {
         default: O(() => [
-          W(R(e.label), 1)
+          W(D(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : j("", !0),
@@ -6663,7 +6667,7 @@ const Oi = () => {
         }), At({
           default: O(() => [
             k(l.$slots, "item", X({ ref_for: !0 }, i), () => [
-              W(R(i.label), 1)
+              W(D(i.label), 1)
             ], !0)
           ]),
           _: 2
@@ -6671,7 +6675,7 @@ const Oi = () => {
           i.subLabel ? {
             name: "selectable-item-sublabel",
             fn: O(() => [
-              W(R(i.subLabel), 1)
+              W(D(i.subLabel), 1)
             ]),
             key: "0"
           } : void 0
@@ -6695,7 +6699,7 @@ const Oi = () => {
     return (t, n) => (d(), g("div", {
       class: E(["joy-separator", { "joy-separator__small": e.size === "small" }])
     }, [
-      b("span", null, R(e.text), 1)
+      b("span", null, D(e.text), 1)
     ], 2));
   }
 }), Ec = /* @__PURE__ */ F(hs, [["__scopeId", "data-v-21db2899"]]), bs = { class: "joy-snackbar__img joy-core-radius-6 joy-bgcolor-neutral-50" }, gs = { class: "joy-snackbar__content" }, ws = {
@@ -6804,13 +6808,13 @@ const Oi = () => {
           }, null, 8, ["name"])
         ]),
         b("div", gs, [
-          e.header ? (d(), g("strong", ws, R(e.header), 1)) : j("", !0),
+          e.header ? (d(), g("strong", ws, D(e.header), 1)) : j("", !0),
           b("span", { innerHTML: e.message }, null, 8, ks),
           e.actionText ? (d(), g("p", {
             key: 1,
             class: "joy-snackbar__trigger___action",
             onClick: i
-          }, R(e.actionText), 1)) : j("", !0)
+          }, D(e.actionText), 1)) : j("", !0)
         ]),
         e.closable ? (d(), g("button", {
           key: 0,
@@ -7057,7 +7061,7 @@ const Oi = () => {
       }, [
         b("button", Bs, [
           k(r.$slots, "default", {}, () => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ], !0),
           e.notifications ? (d(), L(xo, {
             key: 0,
@@ -7107,7 +7111,7 @@ const Oi = () => {
     ), se(() => {
       var h;
       v(), (h = i.value) == null || h.addEventListener("scroll", v);
-    }), De(() => {
+    }), Re(() => {
       var h;
       (h = i.value) == null || h.removeEventListener("scroll", v);
     }), t({
@@ -7155,7 +7159,7 @@ const Oi = () => {
       ])
     ]));
   }
-}), Bc = /* @__PURE__ */ F(Ps, [["__scopeId", "data-v-9aea2d41"]]), Os = ["role"], Rs = /* @__PURE__ */ B({
+}), Bc = /* @__PURE__ */ F(Ps, [["__scopeId", "data-v-9aea2d41"]]), Os = ["id", "role"], Ds = /* @__PURE__ */ B({
   __name: "VJoyTag",
   props: {
     label: {},
@@ -7168,7 +7172,8 @@ const Oi = () => {
     link: { type: Boolean, default: !1 },
     value: { default: void 0 },
     strikethrough: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    id: {}
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: t }) {
@@ -7181,40 +7186,40 @@ const Oi = () => {
       "joy-tag__disabled": a.disabled,
       ["joy-tag__" + a.size]: !0,
       ["joy-tag__" + a.variant]: !0
-    })), l = ct() + "--tag";
-    function s() {
+    })), l = ct() + "--JoyTag", s = I(() => a.id || l);
+    function i() {
       o("remove", { value: a.value });
     }
-    function i() {
+    function u() {
       a.disabled || (o("click"), a.selectable && n.includes(a.variant) && o("selected", { selected: !a.selected, value: a.value }));
     }
-    return (u, c) => (d(), g("span", {
-      id: l,
+    return (c, f) => (d(), g("span", {
+      id: s.value,
       class: E([r.value]),
-      role: u.link || u.selectable ? "button" : void 0,
-      onClick: i
+      role: c.link || c.selectable ? "button" : void 0,
+      onClick: u
     }, [
-      k(u.$slots, "default", {}, () => [
-        u.draggable ? (d(), L(G, {
+      k(c.$slots, "default", {}, () => [
+        c.draggable ? (d(), L(G, {
           key: 0,
           class: "joy-tag__drag",
           name: "drag",
           size: "xxsmall"
         })) : j("", !0),
-        W(" " + R(u.label), 1)
+        W(" " + D(c.label), 1)
       ], !0),
-      u.removable ? (d(), L(G, {
+      c.removable ? (d(), L(G, {
         key: 0,
         class: "joy-tag__removable",
         name: "cross",
         size: "xxsmall",
         role: "button",
-        onClick: io(s, ["stop"]),
-        onKeydown: Ge(s, ["enter"])
+        onClick: io(i, ["stop"]),
+        onKeydown: Ge(i, ["enter"])
       })) : j("", !0)
     ], 10, Os));
   }
-}), Un = /* @__PURE__ */ F(Rs, [["__scopeId", "data-v-51fb5e92"]]);
+}), Un = /* @__PURE__ */ F(Ds, [["__scopeId", "data-v-9c079536"]]);
 var He = /* @__PURE__ */ ((e) => (e.DUPLICATED_ENTRY = "DUPLICATED_ENTRY", e.INVALID_EMAIL = "INVALID_EMAIL", e))(He || {});
 function dn(e) {
   if (!Array.isArray(e) && typeof e != "string")
@@ -7227,7 +7232,7 @@ function dn(e) {
       return o;
   }) === void 0 : t(e);
 }
-const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholder"], Js = { key: 0 }, qs = { key: 1 }, Hs = /* @__PURE__ */ B({
+const Rs = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholder"], Js = { key: 0 }, qs = { key: 1 }, Hs = /* @__PURE__ */ B({
   __name: "VJoyTagsInput",
   props: {
     name: {},
@@ -7254,7 +7259,7 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
       m() && (u.value = He.DUPLICATED_ENTRY);
     }
     function $(w) {
-      var M, T, J, D;
+      var M, T, J, R;
       if (["Enter", ","].includes(w.key)) {
         if (w.preventDefault(), A(), m()) {
           a("validation:error", He.DUPLICATED_ENTRY);
@@ -7266,7 +7271,7 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
         (T = s.value) != null && T.value && (r.value = [...r.value, (J = s.value) == null ? void 0 : J.value], s.value.value = "", a("update:modelValue", r.value));
       }
       if (["Backspace"].includes(w.key)) {
-        if (((D = s.value) == null ? void 0 : D.value) !== "")
+        if (((R = s.value) == null ? void 0 : R.value) !== "")
           return;
         r.value.pop(), a("update:modelValue", r.value), A();
       }
@@ -7302,7 +7307,7 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
     ), t({
       isInvalid: i,
       hasDuplicates: m
-    }), (w, M) => (d(), g("div", Ds, [
+    }), (w, M) => (d(), g("div", Rs, [
       w.$slots.default ? (d(), L(Le, {
         key: 0,
         id: w.name,
@@ -7354,8 +7359,8 @@ const Ds = { class: "joy-tags-input__wrapper" }, Ms = ["id", "name", "placeholde
       }, {
         default: O(() => [
           b("ul", null, [
-            y.value ? (d(), g("li", Js, R(w.duplicationError), 1)) : j("", !0),
-            f.value ? (d(), g("li", qs, R(w.invalidEmailError), 1)) : j("", !0)
+            y.value ? (d(), g("li", Js, D(w.duplicationError), 1)) : j("", !0),
+            f.value ? (d(), g("li", qs, D(w.invalidEmailError), 1)) : j("", !0)
           ])
         ]),
         _: 1
@@ -7492,7 +7497,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
   },
   setup(e) {
     const t = e, n = oe(), o = I(() => !!n["template-back"] || !!n["template-title"] || !!n["template-subtitle"] || !!n["template-actions"]);
-    return (a, r) => (d(), g("main", {
+    return (a, r) => (d(), g("div", {
       class: E(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
       e.shapes ? (d(), L(Ys, { key: 0 })) : j("", !0),
@@ -7541,7 +7546,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       }, 8, ["color"])) : j("", !0)
     ], 2));
   }
-}), zc = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-72ffed7d"]]), iu = /* @__PURE__ */ B({
+}), zc = /* @__PURE__ */ F(ru, [["__scopeId", "data-v-3c76ca88"]]), iu = /* @__PURE__ */ B({
   __name: "VJoyText",
   props: {
     /** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
@@ -7685,7 +7690,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       }, {
         default: O(() => [
           k(v.$slots, "default", {}, () => [
-            W(R(e.label), 1)
+            W(D(e.label), 1)
           ], !0)
         ]),
         _: 3
@@ -7722,12 +7727,12 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
             color: "neutral",
             size: "xxsmall"
           })),
-          W(" " + R(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          W(" " + D(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : j("", !0),
         e.maxlength ? (d(), g("p", {
           key: 1,
           class: E(["joy-textarea-count", { "joy-textarea-count-invalid": c.value }])
-        }, R(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
+        }, D(e.modelValue.length + "/" + e.maxlength), 3)) : j("", !0)
       ])) : j("", !0)
     ], 10, su));
   }
@@ -7812,7 +7817,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
           l[3] || (l[3] = b("span", { class: "joy-toggle__symbol" }, null, -1)),
           b("span", hu, [
             k(r.$slots, "default", {}, () => [
-              W(R(e.label), 1)
+              W(D(e.label), 1)
             ], !0)
           ]),
           l[4] || (l[4] = b("span", { class: "joy-toggle__smile" }, [
@@ -7833,7 +7838,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       ], 2)
     ]));
   }
-}), Rc = /* @__PURE__ */ F(bu, [["__scopeId", "data-v-99a4c774"]]), gu = /* @__PURE__ */ B({
+}), Dc = /* @__PURE__ */ F(bu, [["__scopeId", "data-v-99a4c774"]]), gu = /* @__PURE__ */ B({
   __name: "VJoyTooltip",
   props: {
     /** If you are 100% sure the content you want to inject does not contain anything that could lead to any XSS, use this  */
@@ -7928,7 +7933,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
     });
     return se(() => {
       o.show && m();
-    }), De(() => {
+    }), Re(() => {
       a.value = !1;
     }), t({
       tooltipVisible: a,
@@ -7952,7 +7957,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
             onKeydown: S[0] || (S[0] = Ge((P) => m(!1), ["tab"]))
           }, [
             k($.$slots, "default", {}, void 0, !0),
-            (d(), L(Re, { to: "body" }, [
+            (d(), L(De, { to: "body" }, [
               a.value && f.value ? (d(), g("div", {
                 key: 0,
                 ref_key: "tooltip",
@@ -7973,7 +7978,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
                   class: "joy-tooltip__content__inner"
                 }, [
                   k($.$slots, "tooltip-content", {}, () => [
-                    W(R(e.text), 1)
+                    W(D(e.text), 1)
                   ], !0)
                 ], 512),
                 b("div", {
@@ -7990,7 +7995,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       _: 3
     }, 8, ["options"]));
   }
-}), Dc = /* @__PURE__ */ F(gu, [["__scopeId", "data-v-ef1a62ec"]]), wu = { class: "joy-user-card__picture" }, ku = { class: "joy-user-card__informations" }, ju = { class: "joy-user-card__title" }, Su = { class: "joy-user-card__subtitle" }, $u = /* @__PURE__ */ B({
+}), Rc = /* @__PURE__ */ F(gu, [["__scopeId", "data-v-ef1a62ec"]]), wu = { class: "joy-user-card__picture" }, ku = { class: "joy-user-card__informations" }, ju = { class: "joy-user-card__title" }, Su = { class: "joy-user-card__subtitle" }, $u = /* @__PURE__ */ B({
   __name: "VJoyUserCard",
   props: {
     /**
@@ -8034,12 +8039,12 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
         b("div", ku, [
           b("p", ju, [
             k(t.$slots, "user-card-title", {}, () => [
-              W(R(e.fullName), 1)
+              W(D(e.fullName), 1)
             ], !0)
           ]),
           b("p", Su, [
             k(t.$slots, "user-card-subtitle", {}, () => [
-              W(R(e.subTitle), 1)
+              W(D(e.subTitle), 1)
             ], !0)
           ]),
           k(t.$slots, "user-card-rating-stars", {}, () => [
@@ -8086,8 +8091,8 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
           name: o.icon
         }, null, 8, ["name"])) : j("", !0),
         b("div", _u, [
-          o.title ? (d(), g("span", Cu, R(o.title), 1)) : j("", !0),
-          o.subtitle ? (d(), g("span", xu, R(o.subtitle), 1)) : j("", !0)
+          o.title ? (d(), g("span", Cu, D(o.title), 1)) : j("", !0),
+          o.subtitle ? (d(), g("span", xu, D(o.subtitle), 1)) : j("", !0)
         ]),
         q(G, {
           class: "joy-ml-3",
@@ -8143,7 +8148,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
       }
     ), t({
       isOpen: l
-    }), (y, p) => (d(), L(Re, {
+    }), (y, p) => (d(), L(De, {
       to: "body",
       disabled: y.disableTeleport
     }, [
@@ -8171,7 +8176,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
                 "no-margin": ""
               }, {
                 default: O(() => [
-                  W(R(y.triggerTitle) + " ", 1),
+                  W(D(y.triggerTitle) + " ", 1),
                   q(G, {
                     color: "white",
                     name: l.value ? "chevron-down" : "chevron-up"
@@ -8209,7 +8214,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
               class: "joy-mt-4"
             }, {
               default: O(() => [
-                b("span", Bu, R(y.progress + "%"), 1),
+                b("span", Bu, D(y.progress + "%"), 1),
                 b("div", Fu, [
                   k(y.$slots, "walkthrough-progress", {}, void 0, !0)
                 ])
@@ -8225,7 +8230,7 @@ const Ys = /* @__PURE__ */ F(Us, [["render", Gs], ["__scopeId", "data-v-da63aa46
             class: "joy-walkthrough-modal__footer joy-p-6",
             onClick: c
           }, [
-            b("button", zu, R(y.footer), 1)
+            b("button", zu, D(y.footer), 1)
           ])) : j("", !0)
         ], 16)) : j("", !0),
         l.value ? j("", !0) : (d(), L(Vu, X({ key: 1 }, y.triggerAttrs, {
@@ -8255,10 +8260,10 @@ function Ou(e) {
     });
   } };
 }
-function Ru() {
+function Du() {
   return Ou();
 }
-const Kn = "joy-snackbar__container", Du = "joy-snackbar__shell--";
+const Kn = "joy-snackbar__container", Ru = "joy-snackbar__shell--";
 let nt = 0, Gn = [];
 const Mu = {
   install: (e) => {
@@ -8290,7 +8295,7 @@ function Hc(e) {
   var r, l;
   nt++;
   let t, n;
-  const o = Ru();
+  const o = Du();
   t = so(
     Ss,
     Object.assign(e.props, {
@@ -8299,7 +8304,7 @@ function Hc(e) {
     })
   );
   const a = document.createElement("div");
-  return a.classList.add("joy-snackbar__shell"), n = `${Du}${nt}`, a.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(a) : (l = document.getElementById(Kn)) == null || l.appendChild(a), t.use(Mu).mount("#" + n), Gn.push(t), o.on("snackbar:hide", () => {
+  return a.classList.add("joy-snackbar__shell"), n = `${Ru}${nt}`, a.id = n, e.snackbarHostId ? (r = document.getElementById(e.snackbarHostId)) == null || r.appendChild(a) : (l = document.getElementById(Kn)) == null || l.appendChild(a), t.use(Mu).mount("#" + n), Gn.push(t), o.on("snackbar:hide", () => {
     var s;
     t.unmount(), (s = document.getElementById(n)) == null || s.remove();
   }), {
@@ -8350,8 +8355,8 @@ export {
   Ys as aa,
   Pc as ab,
   Oc as ac,
-  Rc as ad,
-  Dc as ae,
+  Dc as ad,
+  Rc as ae,
   Mc as af,
   Jc as ag,
   Vu as ah,