@maltjoy/core-vue 3.10.0 → 3.12.0

package/dist/joy-vue.js

@@ -1,5 +1,43 @@
-import { defineComponent as j, openBlock as y, createElementBlock as p, normalizeClass as w, createElementVNode as _, computed as O, createBlock as I, resolveDynamicComponent as re, mergeProps as H, withCtx as B, createCommentVNode as g, Fragment as Q, createTextVNode as L, toDisplayString as C, pushScopeId as Re, popScopeId as De, renderSlot as h, useAttrs as He, unref as V, ref as b, createVNode as R, getCurrentScope as st, onScopeDispose as ut, getCurrentInstance as dt, onMounted as Y, nextTick as We, watch as E, h as ct, reactive as ne, onBeforeUnmount as Ue, normalizeStyle as te, renderList as se, normalizeProps as me, guardReactiveProps as pe, Teleport as ft, createSlots as Ge, useSlots as Z, onBeforeMount as yt, inject as vt, provide as mt, withModifiers as pt } from "vue";
-const q = /* @__PURE__ */ j({
+import { defineComponent as $, computed as x, openBlock as u, createElementBlock as p, normalizeClass as w, createElementVNode as h, Fragment as W, createTextVNode as O, toDisplayString as L, createCommentVNode as g, createBlock as I, resolveDynamicComponent as ce, mergeProps as U, withCtx as E, pushScopeId as fe, popScopeId as ye, renderSlot as _, unref as S, renderList as X, createStaticVNode as ft, useAttrs as we, ref as b, createVNode as D, getCurrentScope as yt, onScopeDispose as vt, getCurrentInstance as mt, onMounted as ee, nextTick as Ke, watch as B, h as pt, reactive as ue, onBeforeUnmount as Qe, normalizeStyle as oe, normalizeProps as Se, guardReactiveProps as $e, Teleport as ht, createSlots as Ye, useSlots as te, onBeforeMount as gt, inject as _t, provide as bt, withModifiers as wt } from "vue";
+const St = ["title"], $t = /* @__PURE__ */ $({
+  __name: "VJoyAvailability",
+  props: {
+    /** Don't fill it and you'll only have the colored dot */
+    label: String,
+    status: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Partial availabilty. Not 5 days/week cases
+     */
+    isPartial: Boolean
+  },
+  setup(e) {
+    const l = e, t = x(() => ({
+      "joy-availability__dot": !0,
+      "joy-availability--partial": l.isPartial,
+      [l.status]: !0
+    }));
+    return (a, o) => (u(), p("div", {
+      class: w(["joy-availability", { "joy-availability-has-label": !!e.label }]),
+      title: e.label || void 0
+    }, [
+      h("span", {
+        class: w(t.value)
+      }, null, 2),
+      e.label ? (u(), p(W, { key: 0 }, [
+        O(L(e.label), 1)
+      ], 64)) : g("", !0)
+    ], 10, St));
+  }
+});
+const j = (e, l) => {
+  const t = e.__vccOpts || e;
+  for (const [a, o] of l)
+    t[a] = o;
+  return t;
+}, kt = /* @__PURE__ */ j($t, [["__scopeId", "data-v-34b760ee"]]), P = /* @__PURE__ */ $({
   __name: "VJoyIcon",
   props: {
     name: {
@@ -16,27 +54,27 @@ const q = /* @__PURE__ */ j({
     }
   },
   setup(e) {
-    return (l, t) => (y(), p("span", {
+    return (l, t) => (u(), p("span", {
       class: w(["joy-icon", `joy-icon--${e.color}`, `joy-icon--${e.size}`])
     }, [
-      _("i", {
+      h("i", {
         class: w(["icon", `icon-${e.name}`])
       }, null, 2)
     ], 2));
   }
 });
-const gt = (e) => (Re("data-v-b3dcdecc"), e = e(), De(), e), ht = {
+const jt = (e) => (fe("data-v-b3dcdecc"), e = e(), ye(), e), Vt = {
   ref: "avatarEl",
   class: "joy-avatar__wrapper"
-}, bt = ["src", "title", "alt"], _t = {
+}, xt = ["src", "title", "alt"], Ct = {
   key: 0,
   class: "joy-avatar__strategy"
-}, wt = ["height"], St = /* @__PURE__ */ gt(() => /* @__PURE__ */ _("path", {
+}, It = ["height"], Lt = /* @__PURE__ */ jt(() => /* @__PURE__ */ h("path", {
   d: "M6.40531 15.88C5.29156 15.88 4.31531 15.6737 3.47656 15.2612C2.63781 14.8487 1.98469 14.2644 1.51719 13.5081C1.04969 12.7519 0.809061 11.8719 0.795311 10.8681L4.01281 10.3525C4.01281 11.2188 4.25344 11.9131 4.73469 12.4356C5.21594 12.9581 5.82781 13.2194 6.57031 13.2194C7.16156 13.2194 7.63594 13.0612 7.99344 12.745C8.36469 12.4288 8.55031 12.0231 8.55031 11.5281C8.55031 11.1156 8.40594 10.7719 8.11719 10.4969C7.84219 10.2081 7.38844 9.95375 6.75594 9.73375L4.96156 9.15625C3.65531 8.7575 2.70656 8.21438 2.11531 7.52687C1.53781 6.83937 1.24906 5.93187 1.24906 4.80437C1.24906 3.47062 1.68219 2.39812 2.54844 1.58687C3.41469 0.775624 4.63156 0.369999 6.19906 0.369999C7.65656 0.369999 8.83219 0.768749 9.72594 1.56625C10.6197 2.35 11.0803 3.41562 11.1078 4.76312L7.97281 5.36125C7.98656 4.64625 7.82156 4.07562 7.47781 3.64937C7.13406 3.20937 6.68719 2.98937 6.13719 2.98937C5.65594 2.98937 5.26406 3.14062 4.96156 3.44313C4.65906 3.73187 4.50781 4.10312 4.50781 4.55687C4.50781 4.99687 4.64531 5.36125 4.92031 5.65C5.20906 5.925 5.67656 6.15875 6.32281 6.35125L8.03469 6.92875C9.36844 7.3275 10.3309 7.87063 10.9222 8.55812C11.5272 9.23188 11.8297 10.1325 11.8297 11.26C11.8297 12.1538 11.6166 12.9513 11.1903 13.6525C10.7641 14.3538 10.1453 14.9038 9.33406 15.3025C8.52281 15.6875 7.54656 15.88 6.40531 15.88Z",
   fill: "#F7F7F5"
-}, null, -1)), kt = [
-  St
-], jt = /* @__PURE__ */ j({
+}, null, -1)), Ot = [
+  Lt
+], Et = /* @__PURE__ */ $({
   __name: "VJoyAvatar",
   props: {
     /** 3 different sizes of avatar */
@@ -65,90 +103,85 @@ const gt = (e) => (Re("data-v-b3dcdecc"), e = e(), De(), e), ht = {
   },
   emits: ["click"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, n = O(() => o.size === "large" ? "medium" : o.size === "medium" ? "small" : o.size === "small" ? "xsmall" : "small"), r = O(() => o.link ? {
+    const a = e, o = x(() => a.size === "large" ? "medium" : a.size === "medium" ? "small" : a.size === "small" ? "xsmall" : "small"), s = x(() => a.link ? {
       type: "button"
-    } : null), s = O(() => ({
+    } : null), r = x(() => ({
       "joy-avatar": !0,
-      "joy-avatar__link": o.link,
-      "joy-avatar__placeholder": a.value,
-      [`joy-avatar__${o.size}`]: !0,
-      [`joy-avatar__${o.color}`]: !0
-    })), a = O(() => !o.fullName && !o.photoUrl && !o.totalNumber), d = O(() => {
-      function u(i) {
+      "joy-avatar__link": a.link,
+      "joy-avatar__placeholder": n.value,
+      [`joy-avatar__${a.size}`]: !0,
+      [`joy-avatar__${a.color}`]: !0
+    })), n = x(() => !a.fullName && !a.photoUrl && !a.totalNumber), c = x(() => {
+      function d(i) {
         return i.replace(/[';,:()]/g, "").charAt(0);
       }
-      let v = o.fullName.split(" ");
-      return v = v.slice(0, 2), v.forEach((i, c) => {
-        v[c] = u(i);
-      }), v.join("").toUpperCase();
+      let m = a.fullName.split(" ");
+      return m = m.slice(0, 2), m.forEach((i, f) => {
+        m[f] = d(i);
+      }), m.join("").toUpperCase();
     });
-    function m() {
+    function v() {
       t("click");
     }
     return l({
-      isAnonymous: a,
-      initials: d
-    }), (u, v) => (y(), p("div", ht, [
-      (y(), I(re(e.link ? "button" : "div"), H(r.value, {
-        class: [s.value],
-        onClick: m
+      isAnonymous: n,
+      initials: c
+    }), (d, m) => (u(), p("div", Vt, [
+      (u(), I(ce(e.link ? "button" : "div"), U(s.value, {
+        class: [r.value],
+        onClick: v
       }), {
-        default: B(() => [
-          a.value ? (y(), I(q, {
+        default: E(() => [
+          n.value ? (u(), I(P, {
             key: 0,
             name: "user-photo",
             color: "white",
-            size: n.value
+            size: o.value
           }, null, 8, ["size"])) : g("", !0),
-          e.photoUrl ? (y(), p("img", {
+          e.photoUrl ? (u(), p("img", {
             key: 1,
             src: e.photoUrl,
             title: e.fullName,
             alt: e.fullName || "",
             loading: "lazy"
-          }, null, 8, bt)) : g("", !0),
-          e.fullName ? (y(), p(Q, { key: 2 }, [
-            L(C(d.value), 1)
+          }, null, 8, xt)) : g("", !0),
+          e.fullName ? (u(), p(W, { key: 2 }, [
+            O(L(c.value), 1)
           ], 64)) : g("", !0),
-          e.totalNumber ? (y(), p(Q, { key: 3 }, [
-            L(C("+" + e.totalNumber), 1)
+          e.totalNumber ? (u(), p(W, { key: 3 }, [
+            O(L("+" + e.totalNumber), 1)
           ], 64)) : g("", !0)
         ]),
         _: 1
       }, 16, ["class"])),
-      e.profile === "strategy" ? (y(), p("span", _t, [
-        (y(), p("svg", {
+      e.profile === "strategy" ? (u(), p("span", Ct, [
+        (u(), p("svg", {
           width: "12",
           height: e.size === "small" ? "10" : "16",
           viewBox: "0 0 12 16",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg"
-        }, kt, 8, wt))
+        }, Ot, 8, It))
       ])) : g("", !0)
     ], 512));
   }
 });
-const x = (e, l) => {
-  const t = e.__vccOpts || e;
-  for (const [o, n] of l)
-    t[o] = n;
-  return t;
-}, $t = /* @__PURE__ */ x(jt, [["__scopeId", "data-v-b3dcdecc"]]), Vt = /* @__PURE__ */ j({
+const Bt = /* @__PURE__ */ j(Et, [["__scopeId", "data-v-b3dcdecc"]]), Tt = /* @__PURE__ */ $({
   __name: "VJoyAvatarsList",
   props: {
     /** Renders a compact list of avatars */
     compress: Boolean
   },
   setup(e) {
-    return (l, t) => (y(), p("div", {
+    return (l, t) => (u(), p("div", {
       ref: "avatarsList",
       class: w(["joy-avatars-list", { "joy-avatars-list--compressed": e.compress }])
     }, [
-      h(l.$slots, "default", {}, void 0, !0)
+      _(l.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const xt = /* @__PURE__ */ x(Vt, [["__scopeId", "data-v-46e4547e"]]), It = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], Ot = /* @__PURE__ */ j({
+const Jt = /* @__PURE__ */ j(Tt, [["__scopeId", "data-v-46e4547e"]]), zt = ["info", "gray", "green", "orange", "red", "teal", "pink", "dark-blue", "yellow"], Pt = /* @__PURE__ */ $({
   __name: "VJoyBadge",
   props: {
     /**
@@ -171,38 +204,196 @@ const xt = /* @__PURE__ */ x(Vt, [["__scopeId", "data-v-46e4547e"]]), It = ["inf
     variant: {
       type: String,
       validator(e) {
-        return It.includes(e);
+        return zt.includes(e);
       }
     }
   },
   setup(e) {
-    return (l, t) => (y(), p("span", {
+    return (l, t) => (u(), p("span", {
       class: w(["joy-badge", `joy-badge__${e.variant}`, { "joy-badge--with-bulletpoint": e.bulletpoint }]),
       role: "status"
     }, [
-      h(l.$slots, "default", {}, () => [
-        L(C(e.label), 1)
+      _(l.$slots, "default", {}, () => [
+        O(L(e.label), 1)
       ], !0)
     ], 2));
   }
 });
-const Ct = /* @__PURE__ */ x(Ot, [["__scopeId", "data-v-1ed08e27"]]), Bt = ["teal", "white"], Lt = /* @__PURE__ */ j({
+const At = /* @__PURE__ */ j(Pt, [["__scopeId", "data-v-1ed08e27"]]);
+var T = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(T || {}), re = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(re || {});
+const N = (e) => (fe("data-v-f258a344"), e = e(), ye(), e), Ft = { class: "joy-badge-level" }, qt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("path", {
+  fill: "#264FFA",
+  d: "M5.71533 12.2962 11.4243 18l.0049-11.45716-5.71387 5.75336Z"
+}, null, -1)), Mt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("path", {
+  fill: "#FC5757",
+  d: "M.00195312 6.54284.00671145 18 5.7158 12.2962.00195312 6.54284Z"
+}, null, -1)), Nt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("path", {
+  fill: "#FFC200",
+  d: "M11.4289 5.68249c-.0059-1.52434-.6069-2.9554-1.69067-4.02851C8.95862.882797 7.99681.362073 6.9506.132677 6.95037.132599 6.95021.132599 6.94998.132521c-.04337-.009516-.08681-.018408-.13041-.02691-.0057-.001092-.01147-.002184-.01724-.003276-.0383-.0073317-.07675-.0142735-.11529-.0208255-.01068-.001794-.02144-.00351-.03213-.005304-.03385-.0055379-.06778-.0108418-.10179-.0158338-.01505-.002184-.03011-.0042121-.04516-.0063181-.03011-.0041339-.06022-.008112-.0904-.0117779-.01857-.002262-.03721-.0042901-.05577-.006396C6.33472.0328377 6.30766.029952 6.28051.0273 6.25914.025194 6.23769.0233999 6.21624.0215279 6.19144.0194219 6.16671.017316 6.14183.015522 6.11851.013806 6.09511.0123239 6.07171.0109199 6.04831.00951588 6.02483.00811199 6.00135.006942 5.9771.00577201 5.95276.00483616 5.92842.00397816 5.90541.00312017 5.8824.00234019 5.85931.00179419c-.02433-.00062399-.04874-.0009362-.07316-.0012482C5.76267.000234 5.73912 0 5.71564 0c-.02355 0-.04703.000234-.07051.000546-.02442.000312-.04883.0006242-.07316.00124819-.02309.000546-.0461.00140398-.06911.00218397-.02434.000858-.04859.00179385-.07293.00296384-.02348.00116999-.04696.00257388-.07036.0039779-.0234.001404-.0468.0028861-.07012.0046021-.0248.001794-.0496.0038999-.07441.0060059-.02145.001872-.0429.0036661-.06427.0057721-.02714.002652-.05421.0055377-.08135.0085797-.01857.0021059-.03721.004134-.05577.006396-.03019.0036659-.06037.007644-.09048.0117779-.01506.002106-.03011.0041341-.04516.0063181-.03401.004992-.06794.0102959-.10179.0158338-.01077.001794-.02145.00351-.03214.005304-.03853.006552-.07699.0134938-.11528.0208255-.00578.001092-.01155.002184-.01724.003276-.0436.008502-.08705.017394-.13041.02691-.00024.000078-.00047.000078-.00071.000156C3.43424.361995 2.4725.882719 1.6929 1.65398.609098 2.72702.00811193 4.15815.00218397 5.68249L0 6.15064l.00171623.39226L5.71556 12.2962l5.71384-5.7533.0017-.39202-.0022-.46839Z"
+}, null, -1)), Rt = [
+  qt,
+  Mt,
+  Nt
+], Ht = {
+  key: 1,
+  class: "joy-badge-level__highpotential",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 12 14"
+}, Dt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("g", { "clip-path": "url(#a)" }, [
+  /* @__PURE__ */ h("path", {
+    fill: "#FFC200",
+    d: "M.00241952 6.50818C.00887156 4.89669.639559 3.38347 1.77754 2.24877c.8186-.8155 1.82835-1.366202 2.926-1.608251h.00081c.04516-.009747.09113-.019494.1371-.028429.00565-.001625.0121-.002437.01775-.004061.04032-.008123.08065-.015433.12097-.021931.0113-.001624.02259-.004061.03388-.005686.03548-.005685.07097-.011371.10726-.016245.01613-.002436.03146-.004873.04759-.006498.03064-.004873.0629-.008934.09436-.012995.01935-.002437.03871-.004874.05887-.006498.02823-.003249.05646-.006498.08549-.008935.02178-.002437.04436-.004874.06694-.006498.02581-.002437.05242-.004061.07823-.006498.0242-.001625.0492-.003249.07339-.004874.0242-.001624.0492-.003249.0742-.004061.02581-.001624.05081-.002437.07662-.003249.0242-.000812.04839-.001624.07259-.002437C5.87539.500812 5.9004.500812 5.92621.5h.07419c.0242 0 .0492 0 .0734.000812.0258 0 .05161.000812.07661.001625.0242.000812.04839.001624.07259.002436.02581 0 .05162.001625.07742.002437.02501.000812.0492.002437.0742.004061.0242.001625.0492.003249.07339.004874.02581.001624.05243.004061.07824.006498.02177.001624.04435.004061.06694.006498.02822.002437.05645.005686.08549.008935.01935.002436.03871.004061.05887.006498.03145.004061.06291.008122.09436.012183.01613.002437.03145.004874.04758.00731.03549.004874.07098.01056.10646.017058.01129.001624.02259.003249.03388.004873.04032.00731.08065.014621.12097.021931.00565.000812.0121.002436.01775.003249.04597.009747.09194.018681.1371.029241h.00081c1.09846.242861 2.1082.792751 2.92604 1.608251 1.1379 1.1347 1.7686 2.64792 1.7751 4.25941L12 7.00284l-.0016.41506L6.0004 13.5.00161301 7.4179 0 7.00284l.00241952-.49466Z"
+  })
+], -1)), Wt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("defs", null, [
+  /* @__PURE__ */ h("clipPath", { id: "a" }, [
+    /* @__PURE__ */ h("path", {
+      fill: "#fff",
+      d: "M0 0h12v13H0z",
+      transform: "translate(0 .5)"
+    })
+  ])
+], -1)), Gt = [
+  Dt,
+  Wt
+], Ut = {
+  key: 2,
+  class: "joy-badge-level__high-potential-auto",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 64 64",
+  "enable-background": "new 0 0 64 64"
+}, Zt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("path", {
+  fill: "#EF4E16",
+  d: "M60 23.913s-8.76-2.903-14.05 1.058C44.256 17.449 45.203 8.674 34.688 2c-.712 9.413-12.856 9.891-15.691 22.005-1.86-3.319-2.227-7.716-9.28-9.871C11.615 25.513.415 31.3 5.199 47.68c2.699 9.246 12.72 13.651 21.047 14.217 16.527 1.123 31.896-6.848 32.258-24.148.155-7.437-2.975-8.343 1.496-13.836z"
+}, null, -1)), Kt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("path", {
+  fill: "#F9B700",
+  d: "M53.226 32.962c-6.012-.063-5.458 2.387-9.883 3.896-3.212-5.842-.067-13.682-10.056-19.364.066 10.625-7.32 7.313-10.414 17.456-3.758-2.145-1.943-6.888-9.256-8.89 4.042 6.349-.99 7.542-3.526 13.335-5.093 11.632 7.181 19.813 16.548 20.382 13.019.793 25.124-4.834 25.408-17.048.122-5.25-2.342-5.888 1.179-9.767z"
+}, null, -1)), Qt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("path", {
+  fill: "#FFE463",
+  d: "M47.616 41.169c-4.47-.041-4.061 1.522-7.351 2.484-2.391-3.727-.051-8.729-7.479-12.354.049 6.778-5.446 4.666-7.746 11.137-2.795-1.368-1.447-4.395-6.885-5.672 3.006 4.051-.735 4.812-2.621 8.508-3.791 7.421 5.339 12.64 12.307 13.003 9.683.506 18.686-3.084 18.896-10.876.093-3.348-1.741-3.755.879-6.23z"
+}, null, -1)), Yt = /* @__PURE__ */ N(() => /* @__PURE__ */ h("path", {
+  fill: "#FFF7D1",
+  d: "M37.182 54.939c0 2.188-12.427 2.188-12.427 0 0-5.849 12.427-5.849 12.427 0z"
+}, null, -1)), Xt = [
+  Zt,
+  Kt,
+  Qt,
+  Yt
+], el = {
+  key: 3,
+  class: "joy-badge-level__maltlinker",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 22 10"
+}, tl = /* @__PURE__ */ ft('<g clip-path="url(#a)" data-v-f258a344><path fill="var(--joy-color-tertiary-10)" d="M4.919 9.893c-1.32-.005-2.558-.526-3.487-1.464C.764 7.754.313 6.922.115 6.016v-.001c-.008-.037-.016-.074-.024-.112 0-.005-.001-.01-.002-.015-.006-.033-.012-.066-.018-.1C.069 5.779.068 5.77.066 5.76c-.005-.029-.009-.058-.014-.088-.002-.013-.003-.026-.005-.039-.004-.026-.007-.052-.01-.078l-.006-.048C.028 5.483.026 5.46.024 5.436.022 5.418.02 5.399.019 5.381c-.002-.022-.004-.043-.006-.065-.001-.02-.003-.04-.004-.061-.001-.02-.002-.041-.003-.061-.001-.02-.002-.041-.003-.062-.001-.02-.001-.04-.002-.06 0-.021 0-.043-.001-.064v-.122c0-.021.001-.042.001-.063 0-.02.001-.04.002-.06L.006 4.7c.001-.02.002-.041.003-.061.001-.02.002-.04.004-.061.002-.021.003-.043.005-.064.002-.019.004-.037.006-.056.002-.024.005-.047.007-.07l.006-.048c.003-.026.007-.052.01-.078.002-.014.003-.027.005-.04.004-.029.009-.059.014-.088.002-.009.003-.019.005-.028.006-.033.012-.067.018-.1l.003-.015c.007-.038.015-.075.023-.113v-.001c.198-.904.649-1.737 1.317-2.412C2.361.527 3.6.007 4.919.002L5.324 0l.34.001 4.98 4.946-4.98 4.946-.34.002-.405-.002Z" data-v-f258a344></path><path fill="var(--joy-color-brand-primary-50)" d="M16.3651.002c1.319.005 2.558.525 3.487 1.463.668.675 1.118 1.507 1.317 2.413v.001c.008.038.016.075.023.113l.003.015c.006.033.012.066.018.1.002.009.003.019.005.028.005.029.009.059.014.088.002.013.004.026.005.039.004.026.007.052.01.078l.006.048c.003.023.005.047.007.07.002.019.003.037.005.056.002.021.004.043.005.064.001.02.003.04.004.061.001.02.002.041.003.061l.003.063c.001.02.001.04.002.06.001.021.001.042.001.063v.122c0 .021-.001.042-.001.063 0 .02-.001.04-.002.06l-.003.063c-.001.02-.002.041-.003.061-.001.02-.002.04-.004.061-.002.021-.003.043-.005.064-.002.019-.003.037-.005.056-.002.024-.005.047-.007.07l-.006.048c-.003.026-.007.052-.01.078-.002.013-.004.026-.005.039-.004.029-.009.059-.014.088-.002.009-.003.019-.005.028-.006.033-.012.067-.018.1l-.003.015c-.007.038-.015.075-.023.113v.001c-.199.906-.649 1.738-1.317 2.413-.929.938-2.168 1.458-3.487 1.463l-.405.002-.34-.001-4.98-4.946 4.98-4.946.339-.001.406.002Z" data-v-f258a344></path></g><defs data-v-f258a344><clipPath id="a" data-v-f258a344><path fill="#fff" d="M0 0h21.283v9.895H0z" data-v-f258a344></path></clipPath></defs>', 2), ll = [
+  tl
+], al = {
+  key: 4,
+  class: "joy-badge-level__highpotential-program",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 12 14"
+}, ol = /* @__PURE__ */ N(() => /* @__PURE__ */ h("g", { "clip-path": "url(#a)" }, [
+  /* @__PURE__ */ h("path", {
+    fill: "#FFC200",
+    d: "M.00241952 6.50818C.00887156 4.89669.639559 3.38347 1.77754 2.24877c.8186-.8155 1.82835-1.366202 2.926-1.608251h.00081c.04516-.009747.09113-.019494.1371-.028429.00565-.001625.0121-.002437.01775-.004061.04032-.008123.08065-.015433.12097-.021931.0113-.001624.02259-.004061.03388-.005686.03548-.005685.07097-.011371.10726-.016245.01613-.002436.03146-.004873.04759-.006498.03064-.004873.0629-.008934.09436-.012995.01935-.002437.03871-.004874.05887-.006498.02823-.003249.05646-.006498.08549-.008935.02178-.002437.04436-.004874.06694-.006498.02581-.002437.05242-.004061.07823-.006498.0242-.001625.0492-.003249.07339-.004874.0242-.001624.0492-.003249.0742-.004061.02581-.001624.05081-.002437.07662-.003249.0242-.000812.04839-.001624.07259-.002437C5.87539.500812 5.9004.500812 5.92621.5h.07419c.0242 0 .0492 0 .0734.000812.0258 0 .05161.000812.07661.001625.0242.000812.04839.001624.07259.002436.02581 0 .05162.001625.07742.002437.02501.000812.0492.002437.0742.004061.0242.001625.0492.003249.07339.004874.02581.001624.05243.004061.07824.006498.02177.001624.04435.004061.06694.006498.02822.002437.05645.005686.08549.008935.01935.002436.03871.004061.05887.006498.03145.004061.06291.008122.09436.012183.01613.002437.03145.004874.04758.00731.03549.004874.07098.01056.10646.017058.01129.001624.02259.003249.03388.004873.04032.00731.08065.014621.12097.021931.00565.000812.0121.002436.01775.003249.04597.009747.09194.018681.1371.029241h.00081c1.09846.242861 2.1082.792751 2.92604 1.608251 1.1379 1.1347 1.7686 2.64792 1.7751 4.25941L12 7.00284l-.0016.41506L6.0004 13.5.00161301 7.4179 0 7.00284l.00241952-.49466Z"
+  })
+], -1)), nl = /* @__PURE__ */ N(() => /* @__PURE__ */ h("defs", null, [
+  /* @__PURE__ */ h("clipPath", { id: "a" }, [
+    /* @__PURE__ */ h("path", {
+      fill: "#fff",
+      d: "M0 0h12v13H0z",
+      transform: "translate(0 .5)"
+    })
+  ])
+], -1)), il = [
+  ol,
+  nl
+], sl = /* @__PURE__ */ $({
+  __name: "VJoyBadgeLevel",
+  props: {
+    /** Badge type. HIGH_POTENTIAL, SUPERMALTER, etc... */
+    type: {
+      type: String,
+      required: !0
+    },
+    /** If supermalter type is given, specify the level (from 1 to 3) */
+    superMalterLevel: {
+      type: Number,
+      default: 1
+    },
+    /** Display the default badge label */
+    visibleText: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const l = e, t = x(() => {
+      switch (l.type) {
+        case re.HIGH_POTENTIAL:
+        case T.HIGH_POTENTIAL:
+          return "High Potential";
+        case T.HIGH_POTENTIAL_AUTO:
+          return "High Potential Auto";
+        case T.MALT_LINKER:
+          return "Malt Linker";
+        case T.NEW:
+          return "New";
+        case T.SUPER_MALTER:
+          return "Supermalter";
+        case T.VERIFIED:
+          return "Verified";
+        default:
+          return "Supermalter";
+      }
+    });
+    return (a, o) => (u(), p("span", Ft, [
+      e.type === S(T).SUPER_MALTER ? (u(!0), p(W, { key: 0 }, X(e.superMalterLevel, (s, r) => (u(), p("svg", {
+        key: r,
+        class: "joy-badge-level__supermalter",
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 12 18"
+      }, Rt))), 128)) : g("", !0),
+      e.type === S(T).HIGH_POTENTIAL ? (u(), p("svg", Ht, Gt)) : g("", !0),
+      e.type === S(T).HIGH_POTENTIAL_AUTO ? (u(), p("svg", Ut, Xt)) : g("", !0),
+      e.type === S(T).MALT_LINKER ? (u(), p("svg", el, ll)) : g("", !0),
+      e.type === S(re).HIGH_POTENTIAL ? (u(), p("svg", al, il)) : g("", !0),
+      h("span", {
+        class: w([
+          {
+            "joy-badge-level__tag": e.visibleText,
+            red: e.type === S(T).NEW || e.type === S(T).MALT_LINKER || e.type === S(T).HIGH_POTENTIAL_AUTO,
+            blue: e.type === S(re).HIGH_POTENTIAL || e.type === S(T).HIGH_POTENTIAL || e.type === S(T).SUPER_MALTER,
+            turquoise: e.type === S(T).VERIFIED
+          }
+        ])
+      }, [
+        e.visibleText ? _(a.$slots, "default", { key: 0 }, () => [
+          O(L(t.value), 1)
+        ], !0) : g("", !0)
+      ], 2)
+    ]));
+  }
+});
+const rl = /* @__PURE__ */ j(sl, [["__scopeId", "data-v-f258a344"]]), ul = ["teal", "white"], dl = /* @__PURE__ */ $({
   __name: "VJoySpinner",
   props: {
     color: {
       type: String,
       validator(e) {
-        return Bt.includes(e);
+        return ul.includes(e);
       }
     }
   },
   setup(e) {
-    return (l, t) => (y(), p("div", {
+    return (l, t) => (u(), p("div", {
       class: w(["joy-spinner", `joy-spinner_${e.color}`])
     }, null, 2));
   }
 });
-const ge = /* @__PURE__ */ x(Lt, [["__scopeId", "data-v-616a29d0"]]), Et = ["primary", "secondary"], Jt = ["neutral", "success", "info", "warning", "error"], Tt = ["main", "admin", "ghost", "white"], zt = [...Et, ...Tt], Pt = ["large", "medium", "small", "xsmall", "xxsmall"], qt = { class: "joy-button--slot" }, At = /* @__PURE__ */ j({
+const ke = /* @__PURE__ */ j(dl, [["__scopeId", "data-v-616a29d0"]]), cl = ["primary", "secondary"], fl = ["neutral", "success", "info", "warning", "error"], yl = ["main", "admin", "ghost", "white"], vl = [...cl, ...yl], ml = ["large", "medium", "small", "xsmall", "xxsmall"], pl = { class: "joy-button--slot" }, hl = /* @__PURE__ */ $({
   __name: "VJoyButton",
   props: {
     /**
@@ -238,7 +429,7 @@ const ge = /* @__PURE__ */ x(Lt, [["__scopeId", "data-v-616a29d0"]]), Et = ["pri
       type: String,
       default: "primary",
       validator(e) {
-        return zt.includes(e);
+        return vl.includes(e);
       }
     },
     /** Button or Link size */
@@ -246,12 +437,12 @@ const ge = /* @__PURE__ */ x(Lt, [["__scopeId", "data-v-616a29d0"]]), Et = ["pri
       type: String,
       default: "medium",
       validator(e) {
-        return Pt.includes(e);
+        return ml.includes(e);
       }
     }
   },
   setup(e) {
-    const l = e, t = He(), o = O(() => {
+    const l = e, t = we(), a = x(() => {
       switch (l.size) {
         case "xxsmall":
           return "xxsmall";
@@ -262,10 +453,10 @@ const ge = /* @__PURE__ */ x(Lt, [["__scopeId", "data-v-616a29d0"]]), Et = ["pri
         default:
           return "small";
       }
-    }), n = O(() => ["white", "ghost", "secondary"].includes(l.variant) ? "teal" : "white");
-    return (r, s) => (y(), I(re(V(t).href ? "a" : "button"), {
-      disabled: e.loading || V(t).disabled,
-      type: V(t).type || "button",
+    }), o = x(() => ["white", "ghost", "secondary"].includes(l.variant) ? "teal" : "white");
+    return (s, r) => (u(), I(ce(S(t).href ? "a" : "button"), {
+      disabled: e.loading || S(t).disabled,
+      type: S(t).type || "button",
       class: w([
         "joy-button",
         `joy-button_${e.variant}`,
@@ -276,34 +467,34 @@ const ge = /* @__PURE__ */ x(Lt, [["__scopeId", "data-v-616a29d0"]]), Et = ["pri
         }
       ])
     }, {
-      default: B(() => [
-        e.icon && e.iconPosition === "left" ? (y(), I(q, {
+      default: E(() => [
+        e.icon && e.iconPosition === "left" ? (u(), I(P, {
           key: 0,
           class: "joy-button_icon joy-button_icon--left",
           name: e.icon,
-          size: o.value
+          size: a.value
         }, null, 8, ["name", "size"])) : g("", !0),
-        e.loading ? (y(), I(ge, {
+        e.loading ? (u(), I(ke, {
           key: 1,
-          color: n.value
+          color: o.value
         }, null, 8, ["color"])) : g("", !0),
-        _("span", qt, [
-          h(r.$slots, "default", {}, () => [
-            L(C(e.label), 1)
+        h("span", pl, [
+          _(s.$slots, "default", {}, () => [
+            O(L(e.label), 1)
           ], !0)
         ]),
-        e.icon && e.iconPosition === "right" ? (y(), I(q, {
+        e.icon && e.iconPosition === "right" ? (u(), I(P, {
           key: 2,
           class: "joy-button_icon joy-button_icon--right",
           name: e.icon,
-          size: o.value
+          size: a.value
         }, null, 8, ["name", "size"])) : g("", !0)
       ]),
       _: 3
     }, 8, ["disabled", "type", "class"]));
   }
 });
-const Ke = /* @__PURE__ */ x(At, [["__scopeId", "data-v-ae0676bb"]]), Ft = ["aria-checked", "aria-hidden"], Nt = { class: "joy-checkbox__input-wrapper" }, Mt = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], Rt = { class: "joy-checkbox__content-wrapper" }, Dt = { class: "joy-checkbox__content" }, Ht = /* @__PURE__ */ j({
+const Xe = /* @__PURE__ */ j(hl, [["__scopeId", "data-v-ae0676bb"]]), gl = ["aria-checked", "aria-hidden"], _l = { class: "joy-checkbox__input-wrapper" }, bl = ["id", "name", "disabled", "checked", "required", "aria-checked", "value", "indeterminate"], wl = { class: "joy-checkbox__content-wrapper" }, Sl = { class: "joy-checkbox__content" }, $l = /* @__PURE__ */ $({
   __name: "VJoyCheckbox",
   props: {
     /** Can't be used in addition of v-model. See usage : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes */
@@ -358,42 +549,42 @@ const Ke = /* @__PURE__ */ x(At, [["__scopeId", "data-v-ae0676bb"]]), Ft = ["ari
   },
   emits: ["update:checked", "focus", "blur"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, n = b(), r = b(o.indeterminate), s = b(o.invalid), a = b(!1), d = {
-      onChange: (m) => {
-        const u = m.target.checked;
-        r.value = !1, s.value = !1, t("update:checked", u);
+    const a = e, o = b(), s = b(a.indeterminate), r = b(a.invalid), n = b(!1), c = {
+      onChange: (v) => {
+        const d = v.target.checked;
+        s.value = !1, r.value = !1, t("update:checked", d);
       },
       onFocus: () => {
-        a.value = !0, t("focus");
+        n.value = !0, t("focus");
       },
       onBlur: () => {
-        a.value = !1, t("blur");
+        n.value = !1, t("blur");
       }
     };
     return l({
-      isIndeterminate: r
-    }), (m, u) => (y(), p("div", {
+      isIndeterminate: s
+    }), (v, d) => (u(), p("div", {
       class: "joy-checkbox__wrapper",
       "aria-checked": e.checked,
       "aria-hidden": e.disabled
     }, [
-      _("label", {
+      h("label", {
         class: w([
           "joy-checkbox",
           {
             "joy-checkbox__checked": e.checked,
-            "joy-checkbox__indeterminate": r.value,
+            "joy-checkbox__indeterminate": s.value,
             "joy-checkbox__disabled": e.disabled,
-            "joy-checkbox__invalid": s.value,
-            "joy-checkbox__focusing": a.value && e.displayFocus
+            "joy-checkbox__invalid": r.value,
+            "joy-checkbox__focusing": n.value && e.displayFocus
           }
         ])
       }, [
-        _("div", Nt, [
-          _("input", {
+        h("div", _l, [
+          h("input", {
             id: e.id,
             ref_key: "input",
-            ref: n,
+            ref: o,
             type: "checkbox",
             class: "joy-checkbox__input",
             role: "checkbox",
@@ -403,34 +594,74 @@ const Ke = /* @__PURE__ */ x(At, [["__scopeId", "data-v-ae0676bb"]]), Ft = ["ari
             required: e.required,
             "aria-checked": e.checked,
             value: e.value,
-            indeterminate: r.value,
-            onChange: u[0] || (u[0] = //@ts-ignore
-            (...v) => d.onChange && d.onChange(...v)),
-            onFocus: u[1] || (u[1] = //@ts-ignore
-            (...v) => d.onFocus && d.onFocus(...v)),
-            onBlur: u[2] || (u[2] = //@ts-ignore
-            (...v) => d.onBlur && d.onBlur(...v))
-          }, null, 40, Mt)
+            indeterminate: s.value,
+            onChange: d[0] || (d[0] = //@ts-ignore
+            (...m) => c.onChange && c.onChange(...m)),
+            onFocus: d[1] || (d[1] = //@ts-ignore
+            (...m) => c.onFocus && c.onFocus(...m)),
+            onBlur: d[2] || (d[2] = //@ts-ignore
+            (...m) => c.onBlur && c.onBlur(...m))
+          }, null, 40, bl)
         ]),
-        _("div", Rt, [
-          h(m.$slots, "default", {}, () => [
-            L(C(e.label), 1)
+        h("div", wl, [
+          _(v.$slots, "default", {}, () => [
+            O(L(e.label), 1)
           ], !0),
-          _("div", Dt, [
-            h(m.$slots, "checkbox-content", {}, void 0, !0)
+          h("div", Sl, [
+            _(v.$slots, "checkbox-content", {}, void 0, !0)
           ])
         ])
       ], 2)
-    ], 8, Ft));
+    ], 8, gl));
+  }
+});
+const je = /* @__PURE__ */ j($l, [["__scopeId", "data-v-27cc9d8c"]]), kl = ["src", "alt", "title"], jl = /* @__PURE__ */ $({
+  __name: "VJoyCompanyAvatar",
+  props: {
+    imgSrc: String,
+    imgAlt: String,
+    companyName: String,
+    size: {
+      type: String,
+      default: "large"
+    }
+  },
+  setup(e) {
+    const l = e, t = x(() => {
+      switch (l.size) {
+        case "large":
+          return "small";
+        case "medium":
+          return "xsmall";
+        case "small":
+          return "xxsmall";
+        default:
+          return "xsmall";
+      }
+    });
+    return (a, o) => (u(), p("div", {
+      class: w(["joy-company-avatar", `joy-company-avatar--${e.size}`])
+    }, [
+      e.imgSrc ? (u(), p("img", {
+        key: 0,
+        src: e.imgSrc,
+        alt: e.imgAlt || e.companyName,
+        title: e.companyName
+      }, null, 8, kl)) : (u(), I(S(P), {
+        key: 1,
+        name: "company-placeholder",
+        size: t.value
+      }, null, 8, ["size"]))
+    ], 2));
   }
 });
-const he = /* @__PURE__ */ x(Ht, [["__scopeId", "data-v-27cc9d8c"]]), Wt = { class: "joy-counter" }, Ut = ["aria-label", "disabled"], Gt = { class: "joy-counter__input-wrapper" }, Kt = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Qt = ["aria-label", "disabled"], Yt = {
+const Vl = /* @__PURE__ */ j(jl, [["__scopeId", "data-v-7ab52b19"]]), xl = { class: "joy-counter" }, Cl = ["aria-label", "disabled"], Il = { class: "joy-counter__input-wrapper" }, Ll = ["id", "min", "max", "aria-invalid", "name", "required", "value"], Ol = ["aria-label", "disabled"], El = {
   key: 0,
   class: "joy-counter_error"
-}, Zt = {
+}, Bl = {
   inheritAttrs: !1
-}, Xt = /* @__PURE__ */ j({
-  ...Zt,
+}, Tl = /* @__PURE__ */ $({
+  ...Bl,
   __name: "VJoyCounter",
   props: {
     /** Removes any interactivity */
@@ -497,293 +728,319 @@ const he = /* @__PURE__ */ x(Ht, [["__scopeId", "data-v-27cc9d8c"]]), Wt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, n = b(!1), r = b(!1);
-    function s() {
-      const f = m(!1);
-      f >= 0 ? t("update:modelValue", f <= o.min ? o.min : f) : t("update:modelValue", 0), d();
+    const a = e, o = b(!1), s = b(!1);
+    function r() {
+      const y = v(!1);
+      y >= 0 ? t("update:modelValue", y <= a.min ? a.min : y) : t("update:modelValue", 0), c();
     }
-    function a() {
-      const f = m();
-      o.max && f <= o.max ? t("update:modelValue", f >= o.max ? o.max : f) : o.max && f > o.max ? t("update:modelValue", o.max) : t("update:modelValue", f), d();
+    function n() {
+      const y = v();
+      a.max && y <= a.max ? t("update:modelValue", y >= a.max ? a.max : y) : a.max && y > a.max ? t("update:modelValue", a.max) : t("update:modelValue", y), c();
     }
-    function d() {
-      n.value = !u();
+    function c() {
+      o.value = !d();
     }
-    function m(f = !0) {
-      const S = o.step.toString().split("."), k = S.length === 2 ? S[1].length : 0;
-      return parseFloat(f ? (o.modelValue + o.step).toFixed(k) : (o.modelValue - o.step).toFixed(k));
+    function v(y = !0) {
+      const k = a.step.toString().split("."), V = k.length === 2 ? k[1].length : 0;
+      return parseFloat(y ? (a.modelValue + a.step).toFixed(V) : (a.modelValue - a.step).toFixed(V));
     }
-    function u() {
-      return v() && i();
+    function d() {
+      return m() && i();
     }
-    function v() {
-      return !o.max || o.modelValue <= o.max;
+    function m() {
+      return !a.max || a.modelValue <= a.max;
     }
     function i() {
-      return o.min <= o.modelValue;
+      return a.min <= a.modelValue;
     }
-    const c = {
-      onInput: (f) => {
-        t("update:modelValue", +f.target.value || 0), n.value = !1;
+    const f = {
+      onInput: (y) => {
+        t("update:modelValue", +y.target.value || 0), o.value = !1;
       },
       onFocus: () => {
-        r.value = !0;
+        s.value = !0;
       },
       onBlur: () => {
-        r.value = !1, d();
+        s.value = !1, c();
       }
     };
     return l({
-      props: o
-    }), (f, S) => (y(), p("div", Wt, [
-      e.label ? (y(), I(V(U), {
+      props: a
+    }), (y, k) => (u(), p("div", xl, [
+      e.label ? (u(), I(S(K), {
         key: 0,
         for: e.id,
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: B(() => [
-          h(f.$slots, "default", {}, () => [
-            L(C(e.label), 1)
+        default: E(() => [
+          _(y.$slots, "default", {}, () => [
+            O(L(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"])) : g("", !0),
-      _("div", {
-        class: w(["joy-counter__wrapper", { "joy-counter--focusing": r.value }])
+      h("div", {
+        class: w(["joy-counter__wrapper", { "joy-counter--focusing": s.value }])
       }, [
-        _("button", {
+        h("button", {
           class: "joy-counter__decrement",
           type: "button",
           "aria-label": e.labelDecrement,
           disabled: e.modelValue <= e.min,
-          onClick: s
+          onClick: r
         }, [
-          R(V(q), { name: "minus" })
-        ], 8, Ut),
-        _("div", Gt, [
-          _("input", H({
+          D(S(P), { name: "minus" })
+        ], 8, Cl),
+        h("div", Il, [
+          h("input", U({
             id: e.id,
             ref: "input",
             type: "number",
-            class: { "joy-counter__invalid": e.invalid || n.value },
+            class: { "joy-counter__invalid": e.invalid || o.value },
             min: e.min,
             max: e.max,
-            "aria-invalid": e.invalid || n.value,
+            "aria-invalid": e.invalid || o.value,
             name: e.name,
             required: e.required,
             step: "any",
             value: e.modelValue
-          }, f.$attrs, {
-            onInput: S[0] || (S[0] = //@ts-ignore
-            (...k) => c.onInput && c.onInput(...k)),
-            onBlur: S[1] || (S[1] = //@ts-ignore
-            (...k) => c.onBlur && c.onBlur(...k)),
-            onFocus: S[2] || (S[2] = //@ts-ignore
-            (...k) => c.onFocus && c.onFocus(...k))
-          }), null, 16, Kt)
+          }, y.$attrs, {
+            onInput: k[0] || (k[0] = //@ts-ignore
+            (...V) => f.onInput && f.onInput(...V)),
+            onBlur: k[1] || (k[1] = //@ts-ignore
+            (...V) => f.onBlur && f.onBlur(...V)),
+            onFocus: k[2] || (k[2] = //@ts-ignore
+            (...V) => f.onFocus && f.onFocus(...V))
+          }), null, 16, Ll)
         ]),
-        _("button", {
+        h("button", {
           class: "joy-counter__increment",
           type: "button",
           "aria-label": e.labelIncrement,
           disabled: e.max ? e.modelValue >= e.max : !1,
-          onClick: a
+          onClick: n
         }, [
-          R(V(q), { name: "add" })
-        ], 8, Qt),
-        e.invalid && e.errorMessage ? (y(), p("div", Yt, [
-          R(V(ot), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
+          D(S(P), { name: "add" })
+        ], 8, Ol),
+        e.invalid && e.errorMessage ? (u(), p("div", El, [
+          D(S(st), { "no-html-error-text": e.errorMessage }, null, 8, ["no-html-error-text"])
         ])) : g("", !0)
       ], 2)
     ]));
   }
 });
-const el = /* @__PURE__ */ x(Xt, [["__scopeId", "data-v-a59ac0ad"]]);
-var we;
-const X = typeof window < "u", Qe = (e) => typeof e == "string", A = () => {
-}, ie = X && ((we = window == null ? void 0 : window.navigator) == null ? void 0 : we.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function z(e) {
-  return typeof e == "function" ? e() : V(e);
+const Jl = /* @__PURE__ */ j(Tl, [["__scopeId", "data-v-a59ac0ad"]]), zl = ["disabled"], Pl = { class: "joy-divider-cta--icon" }, Al = { class: "joy-divider-cta--content" }, Fl = { class: "joy-divider-cta--content---title" }, ql = /* @__PURE__ */ $({
+  __name: "VJoyDividerCta",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    return (l, t) => (u(), p("button", {
+      type: "button",
+      class: w(["joy-divider-cta", { "joy-divider-cta__disabled": e.disabled }]),
+      disabled: e.disabled
+    }, [
+      h("div", Pl, [
+        D(P, { name: "add" })
+      ]),
+      h("div", Al, [
+        h("p", Fl, [
+          _(l.$slots, "default", {}, void 0, !0)
+        ]),
+        _(l.$slots, "divider-content", {}, void 0, !0)
+      ])
+    ], 10, zl));
+  }
+});
+const Ml = /* @__PURE__ */ j(ql, [["__scopeId", "data-v-a3d693c3"]]);
+var Ce;
+const le = typeof window < "u", et = (e) => typeof e == "string", q = () => {
+}, de = le && ((Ce = window == null ? void 0 : window.navigator) == null ? void 0 : Ce.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function A(e) {
+  return typeof e == "function" ? e() : S(e);
 }
-function Ye(e, l) {
-  function t(...o) {
-    return new Promise((n, r) => {
-      Promise.resolve(e(() => l.apply(this, o), { fn: l, thisArg: this, args: o })).then(n).catch(r);
+function tt(e, l) {
+  function t(...a) {
+    return new Promise((o, s) => {
+      Promise.resolve(e(() => l.apply(this, a), { fn: l, thisArg: this, args: a })).then(o).catch(s);
     });
   }
   return t;
 }
-function tl(e, l = {}) {
-  let t, o, n = A;
-  const r = (a) => {
-    clearTimeout(a), n(), n = A;
+function Nl(e, l = {}) {
+  let t, a, o = q;
+  const s = (n) => {
+    clearTimeout(n), o(), o = q;
   };
-  return (a) => {
-    const d = z(e), m = z(l.maxWait);
-    return t && r(t), d <= 0 || m !== void 0 && m <= 0 ? (o && (r(o), o = null), Promise.resolve(a())) : new Promise((u, v) => {
-      n = l.rejectOnCancel ? v : u, m && !o && (o = setTimeout(() => {
-        t && r(t), o = null, u(a());
-      }, m)), t = setTimeout(() => {
-        o && r(o), o = null, u(a());
-      }, d);
+  return (n) => {
+    const c = A(e), v = A(l.maxWait);
+    return t && s(t), c <= 0 || v !== void 0 && v <= 0 ? (a && (s(a), a = null), Promise.resolve(n())) : new Promise((d, m) => {
+      o = l.rejectOnCancel ? m : d, v && !a && (a = setTimeout(() => {
+        t && s(t), a = null, d(n());
+      }, v)), t = setTimeout(() => {
+        a && s(a), a = null, d(n());
+      }, c);
     });
   };
 }
-function ll(e, l = !0, t = !0, o = !1) {
-  let n = 0, r, s = !0, a = A, d;
-  const m = () => {
-    r && (clearTimeout(r), r = void 0, a(), a = A);
+function Rl(e, l = !0, t = !0, a = !1) {
+  let o = 0, s, r = !0, n = q, c;
+  const v = () => {
+    s && (clearTimeout(s), s = void 0, n(), n = q);
   };
-  return (v) => {
-    const i = z(e), c = Date.now() - n, f = () => d = v();
-    return m(), i <= 0 ? (n = Date.now(), f()) : (c > i && (t || !s) ? (n = Date.now(), f()) : l && (d = new Promise((S, k) => {
-      a = o ? k : S, r = setTimeout(() => {
-        n = Date.now(), s = !0, S(f()), m();
-      }, Math.max(0, i - c));
-    })), !t && !r && (r = setTimeout(() => s = !0, i)), s = !1, d);
+  return (m) => {
+    const i = A(e), f = Date.now() - o, y = () => c = m();
+    return v(), i <= 0 ? (o = Date.now(), y()) : (f > i && (t || !r) ? (o = Date.now(), y()) : l && (c = new Promise((k, V) => {
+      n = a ? V : k, s = setTimeout(() => {
+        o = Date.now(), r = !0, k(y()), v();
+      }, Math.max(0, i - f));
+    })), !t && !s && (s = setTimeout(() => r = !0, i)), r = !1, c);
   };
 }
-const M = {
+const H = {
   mounted: "mounted",
   updated: "updated",
   unmounted: "unmounted"
 };
-function ol(e) {
+function Hl(e) {
   return e;
 }
-function ee(e) {
-  return st() ? (ut(e), !0) : !1;
+function ae(e) {
+  return yt() ? (vt(e), !0) : !1;
 }
-function al(e, l = 200, t = {}) {
-  return Ye(tl(l, t), e);
+function Dl(e, l = 200, t = {}) {
+  return tt(Nl(l, t), e);
 }
-function nl(e, l = 200, t = !1, o = !0, n = !1) {
-  return Ye(ll(l, t, o, n), e);
+function Wl(e, l = 200, t = !1, a = !0, o = !1) {
+  return tt(Rl(l, t, a, o), e);
 }
-function il(e) {
-  return typeof e == "function" ? O(e) : b(e);
+function Gl(e) {
+  return typeof e == "function" ? x(e) : b(e);
 }
-function Ze(e, l = !0) {
-  dt() ? Y(e) : l ? e() : We(e);
+function lt(e, l = !0) {
+  mt() ? ee(e) : l ? e() : Ke(e);
 }
-function K(e) {
+function Y(e) {
   var l;
-  const t = z(e);
+  const t = A(e);
   return (l = t == null ? void 0 : t.$el) != null ? l : t;
 }
-const be = X ? window : void 0;
-X && window.document;
-X && window.navigator;
-X && window.location;
-function ue(...e) {
-  let l, t, o, n;
-  if (Qe(e[0]) || Array.isArray(e[0]) ? ([t, o, n] = e, l = be) : [l, t, o, n] = e, !l)
-    return A;
-  Array.isArray(t) || (t = [t]), Array.isArray(o) || (o = [o]);
-  const r = [], s = () => {
-    r.forEach((u) => u()), r.length = 0;
-  }, a = (u, v, i, c) => (u.addEventListener(v, i, c), () => u.removeEventListener(v, i, c)), d = E(() => [K(l), z(n)], ([u, v]) => {
-    s(), u && r.push(...t.flatMap((i) => o.map((c) => a(u, i, c, v))));
-  }, { immediate: !0, flush: "post" }), m = () => {
-    d(), s();
+const Ve = le ? window : void 0;
+le && window.document;
+le && window.navigator;
+le && window.location;
+function me(...e) {
+  let l, t, a, o;
+  if (et(e[0]) || Array.isArray(e[0]) ? ([t, a, o] = e, l = Ve) : [l, t, a, o] = e, !l)
+    return q;
+  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
+  const s = [], r = () => {
+    s.forEach((d) => d()), s.length = 0;
+  }, n = (d, m, i, f) => (d.addEventListener(m, i, f), () => d.removeEventListener(m, i, f)), c = B(() => [Y(l), A(o)], ([d, m]) => {
+    r(), d && s.push(...t.flatMap((i) => a.map((f) => n(d, i, f, m))));
+  }, { immediate: !0, flush: "post" }), v = () => {
+    c(), r();
   };
-  return ee(m), m;
+  return ae(v), v;
 }
-let Se = !1;
-function rl(e, l, t = {}) {
-  const { window: o = be, ignore: n = [], capture: r = !0, detectIframe: s = !1 } = t;
-  if (!o)
+let Ie = !1;
+function Ul(e, l, t = {}) {
+  const { window: a = Ve, ignore: o = [], capture: s = !0, detectIframe: r = !1 } = t;
+  if (!a)
     return;
-  ie && !Se && (Se = !0, Array.from(o.document.body.children).forEach((i) => i.addEventListener("click", A)));
-  let a = !0;
-  const d = (i) => n.some((c) => {
-    if (typeof c == "string")
-      return Array.from(o.document.querySelectorAll(c)).some((f) => f === i.target || i.composedPath().includes(f));
+  de && !Ie && (Ie = !0, Array.from(a.document.body.children).forEach((i) => i.addEventListener("click", q)));
+  let n = !0;
+  const c = (i) => o.some((f) => {
+    if (typeof f == "string")
+      return Array.from(a.document.querySelectorAll(f)).some((y) => y === i.target || i.composedPath().includes(y));
     {
-      const f = K(c);
-      return f && (i.target === f || i.composedPath().includes(f));
-    }
-  }), u = [
-    ue(o, "click", (i) => {
-      const c = K(e);
-      if (!(!c || c === i.target || i.composedPath().includes(c))) {
-        if (i.detail === 0 && (a = !d(i)), !a) {
-          a = !0;
+      const y = Y(f);
+      return y && (i.target === y || i.composedPath().includes(y));
+    }
+  }), d = [
+    me(a, "click", (i) => {
+      const f = Y(e);
+      if (!(!f || f === i.target || i.composedPath().includes(f))) {
+        if (i.detail === 0 && (n = !c(i)), !n) {
+          n = !0;
           return;
         }
         l(i);
       }
-    }, { passive: !0, capture: r }),
-    ue(o, "pointerdown", (i) => {
-      const c = K(e);
-      c && (a = !i.composedPath().includes(c) && !d(i));
+    }, { passive: !0, capture: s }),
+    me(a, "pointerdown", (i) => {
+      const f = Y(e);
+      f && (n = !i.composedPath().includes(f) && !c(i));
     }, { passive: !0 }),
-    s && ue(o, "blur", (i) => {
-      var c;
-      const f = K(e);
-      ((c = o.document.activeElement) == null ? void 0 : c.tagName) === "IFRAME" && !(f != null && f.contains(o.document.activeElement)) && l(i);
+    r && me(a, "blur", (i) => {
+      var f;
+      const y = Y(e);
+      ((f = a.document.activeElement) == null ? void 0 : f.tagName) === "IFRAME" && !(y != null && y.contains(a.document.activeElement)) && l(i);
     })
   ].filter(Boolean);
-  return () => u.forEach((i) => i());
+  return () => d.forEach((i) => i());
 }
-function sl(e, l = !1) {
-  const t = b(), o = () => t.value = Boolean(e());
-  return o(), Ze(o, l), t;
+function Zl(e, l = !1) {
+  const t = b(), a = () => t.value = Boolean(e());
+  return a(), lt(a, l), t;
 }
-const de = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ce = "__vueuse_ssr_handlers__";
-de[ce] = de[ce] || {};
-de[ce];
-var ke = Object.getOwnPropertySymbols, ul = Object.prototype.hasOwnProperty, dl = Object.prototype.propertyIsEnumerable, cl = (e, l) => {
+const pe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, he = "__vueuse_ssr_handlers__";
+pe[he] = pe[he] || {};
+pe[he];
+var Le = Object.getOwnPropertySymbols, Kl = Object.prototype.hasOwnProperty, Ql = Object.prototype.propertyIsEnumerable, Yl = (e, l) => {
   var t = {};
-  for (var o in e)
-    ul.call(e, o) && l.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && ke)
-    for (var o of ke(e))
-      l.indexOf(o) < 0 && dl.call(e, o) && (t[o] = e[o]);
+  for (var a in e)
+    Kl.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && Le)
+    for (var a of Le(e))
+      l.indexOf(a) < 0 && Ql.call(e, a) && (t[a] = e[a]);
   return t;
 };
-function fl(e, l, t = {}) {
-  const o = t, { window: n = be } = o, r = cl(o, ["window"]);
-  let s;
-  const a = sl(() => n && "ResizeObserver" in n), d = () => {
-    s && (s.disconnect(), s = void 0);
-  }, m = E(() => K(e), (v) => {
-    d(), a.value && n && v && (s = new ResizeObserver(l), s.observe(v, r));
-  }, { immediate: !0, flush: "post" }), u = () => {
-    d(), m();
+function Xl(e, l, t = {}) {
+  const a = t, { window: o = Ve } = a, s = Yl(a, ["window"]);
+  let r;
+  const n = Zl(() => o && "ResizeObserver" in o), c = () => {
+    r && (r.disconnect(), r = void 0);
+  }, v = B(() => Y(e), (m) => {
+    c(), n.value && o && m && (r = new ResizeObserver(l), r.observe(m, s));
+  }, { immediate: !0, flush: "post" }), d = () => {
+    c(), v();
   };
-  return ee(u), {
-    isSupported: a,
-    stop: u
+  return ae(d), {
+    isSupported: n,
+    stop: d
   };
 }
-var je;
+var Oe;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(je || (je = {}));
-function yl(e) {
+})(Oe || (Oe = {}));
+function ea(e) {
   const l = b(e == null ? void 0 : e.element), t = b(e == null ? void 0 : e.input);
-  function o() {
-    var n, r;
-    l.value && (l.value.style.height = "1px", l.value.style.height = `${(n = l.value) == null ? void 0 : n.scrollHeight}px`, (r = e == null ? void 0 : e.onResize) == null || r.call(e));
+  function a() {
+    var o, s;
+    l.value && (l.value.style.height = "1px", l.value.style.height = `${(o = l.value) == null ? void 0 : o.scrollHeight}px`, (s = e == null ? void 0 : e.onResize) == null || s.call(e));
   }
-  return E([t, l], o, { immediate: !0 }), fl(l, () => o()), e != null && e.watch && E(e.watch, o, { immediate: !0, deep: !0 }), {
+  return B([t, l], a, { immediate: !0 }), Xl(l, () => a()), e != null && e.watch && B(e.watch, a, { immediate: !0, deep: !0 }), {
     textarea: l,
     input: t,
-    triggerResize: o
+    triggerResize: a
   };
 }
-var vl = Object.defineProperty, $e = Object.getOwnPropertySymbols, ml = Object.prototype.hasOwnProperty, pl = Object.prototype.propertyIsEnumerable, Ve = (e, l, t) => l in e ? vl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, gl = (e, l) => {
+var ta = Object.defineProperty, Ee = Object.getOwnPropertySymbols, la = Object.prototype.hasOwnProperty, aa = Object.prototype.propertyIsEnumerable, Be = (e, l, t) => l in e ? ta(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, oa = (e, l) => {
   for (var t in l || (l = {}))
-    ml.call(l, t) && Ve(e, t, l[t]);
-  if ($e)
-    for (var t of $e(l))
-      pl.call(l, t) && Ve(e, t, l[t]);
+    la.call(l, t) && Be(e, t, l[t]);
+  if (Ee)
+    for (var t of Ee(l))
+      aa.call(l, t) && Be(e, t, l[t]);
   return e;
 };
-const hl = {
+const na = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -809,404 +1066,404 @@ const hl = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-gl({
-  linear: ol
-}, hl);
-const bl = /* @__PURE__ */ j({
+oa({
+  linear: Hl
+}, na);
+const ia = /* @__PURE__ */ $({
   name: "OnClickOutside",
   props: ["as", "options"],
   emits: ["trigger"],
   setup(e, { slots: l, emit: t }) {
-    const o = b();
-    return rl(o, (n) => {
-      t("trigger", n);
+    const a = b();
+    return Ul(a, (o) => {
+      t("trigger", o);
     }, e.options), () => {
       if (l.default)
-        return ct(e.as || "div", { ref: o }, l.default());
+        return pt(e.as || "div", { ref: a }, l.default());
     };
   }
 });
-function P(e) {
+function F(e) {
   var l;
-  const t = z(e);
+  const t = A(e);
   return (l = t == null ? void 0 : t.$el) != null ? l : t;
 }
-const W = X ? window : void 0;
-function F(...e) {
-  let l, t, o, n;
-  if (Qe(e[0]) || Array.isArray(e[0]) ? ([t, o, n] = e, l = W) : [l, t, o, n] = e, !l)
-    return A;
-  Array.isArray(t) || (t = [t]), Array.isArray(o) || (o = [o]);
-  const r = [], s = () => {
-    r.forEach((u) => u()), r.length = 0;
-  }, a = (u, v, i, c) => (u.addEventListener(v, i, c), () => u.removeEventListener(v, i, c)), d = E(() => [P(l), z(n)], ([u, v]) => {
-    s(), u && r.push(...t.flatMap((i) => o.map((c) => a(u, i, c, v))));
-  }, { immediate: !0, flush: "post" }), m = () => {
-    d(), s();
+const Z = le ? window : void 0;
+function M(...e) {
+  let l, t, a, o;
+  if (et(e[0]) || Array.isArray(e[0]) ? ([t, a, o] = e, l = Z) : [l, t, a, o] = e, !l)
+    return q;
+  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
+  const s = [], r = () => {
+    s.forEach((d) => d()), s.length = 0;
+  }, n = (d, m, i, f) => (d.addEventListener(m, i, f), () => d.removeEventListener(m, i, f)), c = B(() => [F(l), A(o)], ([d, m]) => {
+    r(), d && s.push(...t.flatMap((i) => a.map((f) => n(d, i, f, m))));
+  }, { immediate: !0, flush: "post" }), v = () => {
+    c(), r();
   };
-  return ee(m), m;
+  return ae(v), v;
 }
-let xe = !1;
-function Ie(e, l, t = {}) {
-  const { window: o = W, ignore: n = [], capture: r = !0, detectIframe: s = !1 } = t;
-  if (!o)
+let Te = !1;
+function Je(e, l, t = {}) {
+  const { window: a = Z, ignore: o = [], capture: s = !0, detectIframe: r = !1 } = t;
+  if (!a)
     return;
-  ie && !xe && (xe = !0, Array.from(o.document.body.children).forEach((i) => i.addEventListener("click", A)));
-  let a = !0;
-  const d = (i) => n.some((c) => {
-    if (typeof c == "string")
-      return Array.from(o.document.querySelectorAll(c)).some((f) => f === i.target || i.composedPath().includes(f));
+  de && !Te && (Te = !0, Array.from(a.document.body.children).forEach((i) => i.addEventListener("click", q)));
+  let n = !0;
+  const c = (i) => o.some((f) => {
+    if (typeof f == "string")
+      return Array.from(a.document.querySelectorAll(f)).some((y) => y === i.target || i.composedPath().includes(y));
     {
-      const f = P(c);
-      return f && (i.target === f || i.composedPath().includes(f));
-    }
-  }), u = [
-    F(o, "click", (i) => {
-      const c = P(e);
-      if (!(!c || c === i.target || i.composedPath().includes(c))) {
-        if (i.detail === 0 && (a = !d(i)), !a) {
-          a = !0;
+      const y = F(f);
+      return y && (i.target === y || i.composedPath().includes(y));
+    }
+  }), d = [
+    M(a, "click", (i) => {
+      const f = F(e);
+      if (!(!f || f === i.target || i.composedPath().includes(f))) {
+        if (i.detail === 0 && (n = !c(i)), !n) {
+          n = !0;
           return;
         }
         l(i);
       }
-    }, { passive: !0, capture: r }),
-    F(o, "pointerdown", (i) => {
-      const c = P(e);
-      c && (a = !i.composedPath().includes(c) && !d(i));
+    }, { passive: !0, capture: s }),
+    M(a, "pointerdown", (i) => {
+      const f = F(e);
+      f && (n = !i.composedPath().includes(f) && !c(i));
     }, { passive: !0 }),
-    s && F(o, "blur", (i) => {
-      var c;
-      const f = P(e);
-      ((c = o.document.activeElement) == null ? void 0 : c.tagName) === "IFRAME" && !(f != null && f.contains(o.document.activeElement)) && l(i);
+    r && M(a, "blur", (i) => {
+      var f;
+      const y = F(e);
+      ((f = a.document.activeElement) == null ? void 0 : f.tagName) === "IFRAME" && !(y != null && y.contains(a.document.activeElement)) && l(i);
     })
   ].filter(Boolean);
-  return () => u.forEach((i) => i());
+  return () => d.forEach((i) => i());
 }
-M.mounted + "", M.unmounted + "";
-const _l = (e) => typeof e == "function" ? e : typeof e == "string" ? (l) => l.key === e : Array.isArray(e) ? (l) => e.includes(l.key) : () => !0;
-function Oe(...e) {
-  let l, t, o = {};
-  e.length === 3 ? (l = e[0], t = e[1], o = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (l = !0, t = e[0], o = e[1]) : (l = e[0], t = e[1]) : (l = !0, t = e[0]);
-  const { target: n = W, eventName: r = "keydown", passive: s = !1 } = o, a = _l(l);
-  return F(n, r, (m) => {
-    a(m) && t(m);
-  }, s);
+H.mounted + "", H.unmounted + "";
+const sa = (e) => typeof e == "function" ? e : typeof e == "string" ? (l) => l.key === e : Array.isArray(e) ? (l) => e.includes(l.key) : () => !0;
+function ze(...e) {
+  let l, t, a = {};
+  e.length === 3 ? (l = e[0], t = e[1], a = e[2]) : e.length === 2 ? typeof e[1] == "object" ? (l = !0, t = e[0], a = e[1]) : (l = e[0], t = e[1]) : (l = !0, t = e[0]);
+  const { target: o = Z, eventName: s = "keydown", passive: r = !1 } = a, n = sa(l);
+  return M(o, s, (v) => {
+    n(v) && t(v);
+  }, r);
 }
-var wl = Object.defineProperty, Ce = Object.getOwnPropertySymbols, Sl = Object.prototype.hasOwnProperty, kl = Object.prototype.propertyIsEnumerable, Be = (e, l, t) => l in e ? wl(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, jl = (e, l) => {
+var ra = Object.defineProperty, Pe = Object.getOwnPropertySymbols, ua = Object.prototype.hasOwnProperty, da = Object.prototype.propertyIsEnumerable, Ae = (e, l, t) => l in e ? ra(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, ca = (e, l) => {
   for (var t in l || (l = {}))
-    Sl.call(l, t) && Be(e, t, l[t]);
-  if (Ce)
-    for (var t of Ce(l))
-      kl.call(l, t) && Be(e, t, l[t]);
+    ua.call(l, t) && Ae(e, t, l[t]);
+  if (Pe)
+    for (var t of Pe(l))
+      da.call(l, t) && Ae(e, t, l[t]);
   return e;
 };
-M.mounted + "";
-const $l = 500;
-function Le(e, l, t) {
-  var o, n;
-  const r = O(() => P(e));
-  let s;
-  function a() {
-    s && (clearTimeout(s), s = void 0);
+H.mounted + "";
+const fa = 500;
+function Fe(e, l, t) {
+  var a, o;
+  const s = x(() => F(e));
+  let r;
+  function n() {
+    r && (clearTimeout(r), r = void 0);
   }
-  function d(u) {
-    var v, i, c, f;
-    (v = t == null ? void 0 : t.modifiers) != null && v.self && u.target !== r.value || (a(), (i = t == null ? void 0 : t.modifiers) != null && i.prevent && u.preventDefault(), (c = t == null ? void 0 : t.modifiers) != null && c.stop && u.stopPropagation(), s = setTimeout(() => l(u), (f = t == null ? void 0 : t.delay) != null ? f : $l));
+  function c(d) {
+    var m, i, f, y;
+    (m = t == null ? void 0 : t.modifiers) != null && m.self && d.target !== s.value || (n(), (i = t == null ? void 0 : t.modifiers) != null && i.prevent && d.preventDefault(), (f = t == null ? void 0 : t.modifiers) != null && f.stop && d.stopPropagation(), r = setTimeout(() => l(d), (y = t == null ? void 0 : t.delay) != null ? y : fa));
   }
-  const m = {
-    capture: (o = t == null ? void 0 : t.modifiers) == null ? void 0 : o.capture,
-    once: (n = t == null ? void 0 : t.modifiers) == null ? void 0 : n.once
+  const v = {
+    capture: (a = t == null ? void 0 : t.modifiers) == null ? void 0 : a.capture,
+    once: (o = t == null ? void 0 : t.modifiers) == null ? void 0 : o.once
   };
-  F(r, "pointerdown", d, m), F(r, "pointerup", a, m), F(r, "pointerleave", a, m);
+  M(s, "pointerdown", c, v), M(s, "pointerup", n, v), M(s, "pointerleave", n, v);
 }
-M.mounted + "";
-const fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ye = "__vueuse_ssr_handlers__";
-fe[ye] = fe[ye] || {};
-fe[ye];
-function Xe(e, l = !1) {
-  const t = b(), o = () => t.value = Boolean(e());
-  return o(), Ze(o, l), t;
+H.mounted + "";
+const ge = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, _e = "__vueuse_ssr_handlers__";
+ge[_e] = ge[_e] || {};
+ge[_e];
+function at(e, l = !1) {
+  const t = b(), a = () => t.value = Boolean(e());
+  return a(), lt(a, l), t;
 }
-function Vl(e, l = {}) {
-  const t = l ? l.delayEnter : 0, o = l ? l.delayLeave : 0, n = b(!1);
-  let r;
-  const s = (a) => {
-    const d = a ? t : o;
-    r && (clearTimeout(r), r = void 0), d ? r = setTimeout(() => n.value = a, d) : n.value = a;
+function ya(e, l = {}) {
+  const t = l ? l.delayEnter : 0, a = l ? l.delayLeave : 0, o = b(!1);
+  let s;
+  const r = (n) => {
+    const c = n ? t : a;
+    s && (clearTimeout(s), s = void 0), c ? s = setTimeout(() => o.value = n, c) : o.value = n;
   };
-  return window && (F(e, "mouseenter", () => s(!0), { passive: !0 }), F(e, "mouseleave", () => s(!1), { passive: !0 })), n;
+  return window && (M(e, "mouseenter", () => r(!0), { passive: !0 }), M(e, "mouseleave", () => r(!1), { passive: !0 })), o;
 }
-M.mounted + "";
-var Ee = Object.getOwnPropertySymbols, xl = Object.prototype.hasOwnProperty, Il = Object.prototype.propertyIsEnumerable, Ol = (e, l) => {
+H.mounted + "";
+var qe = Object.getOwnPropertySymbols, va = Object.prototype.hasOwnProperty, ma = Object.prototype.propertyIsEnumerable, pa = (e, l) => {
   var t = {};
-  for (var o in e)
-    xl.call(e, o) && l.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && Ee)
-    for (var o of Ee(e))
-      l.indexOf(o) < 0 && Il.call(e, o) && (t[o] = e[o]);
+  for (var a in e)
+    va.call(e, a) && l.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && qe)
+    for (var a of qe(e))
+      l.indexOf(a) < 0 && ma.call(e, a) && (t[a] = e[a]);
   return t;
 };
-function Cl(e, l, t = {}) {
-  const o = t, { window: n = W } = o, r = Ol(o, ["window"]);
-  let s;
-  const a = Xe(() => n && "ResizeObserver" in n), d = () => {
-    s && (s.disconnect(), s = void 0);
-  }, m = E(() => P(e), (v) => {
-    d(), a.value && n && v && (s = new ResizeObserver(l), s.observe(v, r));
-  }, { immediate: !0, flush: "post" }), u = () => {
-    d(), m();
+function ha(e, l, t = {}) {
+  const a = t, { window: o = Z } = a, s = pa(a, ["window"]);
+  let r;
+  const n = at(() => o && "ResizeObserver" in o), c = () => {
+    r && (r.disconnect(), r = void 0);
+  }, v = B(() => F(e), (m) => {
+    c(), n.value && o && m && (r = new ResizeObserver(l), r.observe(m, s));
+  }, { immediate: !0, flush: "post" }), d = () => {
+    c(), v();
   };
-  return ee(u), {
-    isSupported: a,
-    stop: u
+  return ae(d), {
+    isSupported: n,
+    stop: d
   };
 }
-function Bl(e, l = { width: 0, height: 0 }, t = {}) {
-  const { window: o = W, box: n = "content-box" } = t, r = O(() => {
-    var d, m;
-    return (m = (d = P(e)) == null ? void 0 : d.namespaceURI) == null ? void 0 : m.includes("svg");
-  }), s = b(l.width), a = b(l.height);
-  return Cl(e, ([d]) => {
-    const m = n === "border-box" ? d.borderBoxSize : n === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
-    if (o && r.value) {
-      const u = P(e);
-      if (u) {
-        const v = o.getComputedStyle(u);
-        s.value = parseFloat(v.width), a.value = parseFloat(v.height);
+function ga(e, l = { width: 0, height: 0 }, t = {}) {
+  const { window: a = Z, box: o = "content-box" } = t, s = x(() => {
+    var c, v;
+    return (v = (c = F(e)) == null ? void 0 : c.namespaceURI) == null ? void 0 : v.includes("svg");
+  }), r = b(l.width), n = b(l.height);
+  return ha(e, ([c]) => {
+    const v = o === "border-box" ? c.borderBoxSize : o === "content-box" ? c.contentBoxSize : c.devicePixelContentBoxSize;
+    if (a && s.value) {
+      const d = F(e);
+      if (d) {
+        const m = a.getComputedStyle(d);
+        r.value = parseFloat(m.width), n.value = parseFloat(m.height);
       }
-    } else if (m) {
-      const u = Array.isArray(m) ? m : [m];
-      s.value = u.reduce((v, { inlineSize: i }) => v + i, 0), a.value = u.reduce((v, { blockSize: i }) => v + i, 0);
+    } else if (v) {
+      const d = Array.isArray(v) ? v : [v];
+      r.value = d.reduce((m, { inlineSize: i }) => m + i, 0), n.value = d.reduce((m, { blockSize: i }) => m + i, 0);
     } else
-      s.value = d.contentRect.width, a.value = d.contentRect.height;
-  }, t), E(() => P(e), (d) => {
-    s.value = d ? l.width : 0, a.value = d ? l.height : 0;
+      r.value = c.contentRect.width, n.value = c.contentRect.height;
+  }, t), B(() => F(e), (c) => {
+    r.value = c ? l.width : 0, n.value = c ? l.height : 0;
   }), {
-    width: s,
-    height: a
+    width: r,
+    height: n
   };
 }
-M.mounted + "";
-function Je(e, { window: l = W, scrollTarget: t } = {}) {
-  const o = b(!1), n = () => {
+H.mounted + "";
+function Me(e, { window: l = Z, scrollTarget: t } = {}) {
+  const a = b(!1), o = () => {
     if (!l)
       return;
-    const r = l.document, s = P(e);
-    if (!s)
-      o.value = !1;
+    const s = l.document, r = F(e);
+    if (!r)
+      a.value = !1;
     else {
-      const a = s.getBoundingClientRect();
-      o.value = a.top <= (l.innerHeight || r.documentElement.clientHeight) && a.left <= (l.innerWidth || r.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
+      const n = r.getBoundingClientRect();
+      a.value = n.top <= (l.innerHeight || s.documentElement.clientHeight) && n.left <= (l.innerWidth || s.documentElement.clientWidth) && n.bottom >= 0 && n.right >= 0;
     }
   };
-  return E(() => P(e), () => n(), { immediate: !0, flush: "post" }), l && F(t || l, "scroll", n, {
+  return B(() => F(e), () => o(), { immediate: !0, flush: "post" }), l && M(t || l, "scroll", o, {
     capture: !1,
     passive: !0
-  }), o;
+  }), a;
 }
-M.mounted + "";
-const Te = 1;
-function ve(e, l = {}) {
+H.mounted + "";
+const Ne = 1;
+function be(e, l = {}) {
   const {
     throttle: t = 0,
-    idle: o = 200,
-    onStop: n = A,
-    onScroll: r = A,
-    offset: s = {
+    idle: a = 200,
+    onStop: o = q,
+    onScroll: s = q,
+    offset: r = {
       left: 0,
       right: 0,
       top: 0,
       bottom: 0
     },
-    eventListenerOptions: a = {
+    eventListenerOptions: n = {
       capture: !1,
       passive: !0
     },
-    behavior: d = "auto"
-  } = l, m = b(0), u = b(0), v = O({
+    behavior: c = "auto"
+  } = l, v = b(0), d = b(0), m = x({
     get() {
-      return m.value;
+      return v.value;
     },
     set(J) {
-      c(J, void 0);
+      f(J, void 0);
     }
-  }), i = O({
+  }), i = x({
     get() {
-      return u.value;
+      return d.value;
     },
     set(J) {
-      c(void 0, J);
+      f(void 0, J);
     }
   });
-  function c(J, N) {
-    var $, T, D;
-    const G = z(e);
-    G && ((D = G instanceof Document ? document.body : G) == null || D.scrollTo({
-      top: ($ = z(N)) != null ? $ : i.value,
-      left: (T = z(J)) != null ? T : v.value,
-      behavior: z(d)
+  function f(J, R) {
+    var C, z, G;
+    const Q = A(e);
+    Q && ((G = Q instanceof Document ? document.body : Q) == null || G.scrollTo({
+      top: (C = A(R)) != null ? C : i.value,
+      left: (z = A(J)) != null ? z : m.value,
+      behavior: A(c)
     }));
   }
-  const f = b(!1), S = ne({
+  const y = b(!1), k = ue({
     left: !0,
     right: !1,
     top: !0,
     bottom: !1
-  }), k = ne({
+  }), V = ue({
     left: !1,
     right: !1,
     top: !1,
     bottom: !1
-  }), le = (J) => {
-    f.value && (f.value = !1, k.left = !1, k.right = !1, k.top = !1, k.bottom = !1, n(J));
-  }, oe = al(le, t + o), ae = (J) => {
-    const N = J.target === document ? J.target.documentElement : J.target, $ = N.scrollLeft;
-    k.left = $ < m.value, k.right = $ > u.value, S.left = $ <= 0 + (s.left || 0), S.right = $ + N.clientWidth >= N.scrollWidth - (s.right || 0) - Te, m.value = $;
-    let T = N.scrollTop;
-    J.target === document && !T && (T = document.body.scrollTop), k.top = T < u.value, k.bottom = T > u.value, S.top = T <= 0 + (s.top || 0), S.bottom = T + N.clientHeight >= N.scrollHeight - (s.bottom || 0) - Te, u.value = T, f.value = !0, oe(J), r(J);
+  }), ne = (J) => {
+    y.value && (y.value = !1, V.left = !1, V.right = !1, V.top = !1, V.bottom = !1, o(J));
+  }, ie = Dl(ne, t + a), se = (J) => {
+    const R = J.target === document ? J.target.documentElement : J.target, C = R.scrollLeft;
+    V.left = C < v.value, V.right = C > d.value, k.left = C <= 0 + (r.left || 0), k.right = C + R.clientWidth >= R.scrollWidth - (r.right || 0) - Ne, v.value = C;
+    let z = R.scrollTop;
+    J.target === document && !z && (z = document.body.scrollTop), V.top = z < d.value, V.bottom = z > d.value, k.top = z <= 0 + (r.top || 0), k.bottom = z + R.clientHeight >= R.scrollHeight - (r.bottom || 0) - Ne, d.value = z, y.value = !0, ie(J), s(J);
   };
-  return F(e, "scroll", t ? nl(ae, t, !0, !1) : ae, a), F(e, "scrollend", le, a), {
-    x: v,
+  return M(e, "scroll", t ? Wl(se, t, !0, !1) : se, n), M(e, "scrollend", ne, n), {
+    x: m,
     y: i,
-    isScrolling: f,
-    arrivedState: S,
-    directions: k
+    isScrolling: y,
+    arrivedState: k,
+    directions: V
   };
 }
-var Ll = Object.defineProperty, El = Object.defineProperties, Jl = Object.getOwnPropertyDescriptors, ze = Object.getOwnPropertySymbols, Tl = Object.prototype.hasOwnProperty, zl = Object.prototype.propertyIsEnumerable, Pe = (e, l, t) => l in e ? Ll(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, qe = (e, l) => {
+var _a = Object.defineProperty, ba = Object.defineProperties, wa = Object.getOwnPropertyDescriptors, Re = Object.getOwnPropertySymbols, Sa = Object.prototype.hasOwnProperty, $a = Object.prototype.propertyIsEnumerable, He = (e, l, t) => l in e ? _a(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, De = (e, l) => {
   for (var t in l || (l = {}))
-    Tl.call(l, t) && Pe(e, t, l[t]);
-  if (ze)
-    for (var t of ze(l))
-      zl.call(l, t) && Pe(e, t, l[t]);
+    Sa.call(l, t) && He(e, t, l[t]);
+  if (Re)
+    for (var t of Re(l))
+      $a.call(l, t) && He(e, t, l[t]);
   return e;
-}, Pl = (e, l) => El(e, Jl(l));
-function Ae(e, l, t = {}) {
-  var o, n;
-  const r = (o = t.direction) != null ? o : "bottom", s = ne(ve(e, Pl(qe({}, t), {
-    offset: qe({
-      [r]: (n = t.distance) != null ? n : 0
+}, ka = (e, l) => ba(e, wa(l));
+function We(e, l, t = {}) {
+  var a, o;
+  const s = (a = t.direction) != null ? a : "bottom", r = ue(be(e, ka(De({}, t), {
+    offset: De({
+      [s]: (o = t.distance) != null ? o : 0
     }, t.offset)
   })));
-  E(() => s.arrivedState[r], async (a) => {
-    var d, m;
-    if (a) {
-      const u = z(e), v = {
-        height: (d = u == null ? void 0 : u.scrollHeight) != null ? d : 0,
-        width: (m = u == null ? void 0 : u.scrollWidth) != null ? m : 0
+  B(() => r.arrivedState[s], async (n) => {
+    var c, v;
+    if (n) {
+      const d = A(e), m = {
+        height: (c = d == null ? void 0 : d.scrollHeight) != null ? c : 0,
+        width: (v = d == null ? void 0 : d.scrollWidth) != null ? v : 0
       };
-      await l(s), t.preserveScrollPosition && u && We(() => {
-        u.scrollTo({
-          top: u.scrollHeight - v.height,
-          left: u.scrollWidth - v.width
+      await l(r), t.preserveScrollPosition && d && Ke(() => {
+        d.scrollTo({
+          top: d.scrollHeight - m.height,
+          left: d.scrollWidth - m.width
         });
       });
     }
   });
 }
-M.mounted + "";
-function Fe(e, l, t = {}) {
+H.mounted + "";
+function Ge(e, l, t = {}) {
   const {
-    root: o,
-    rootMargin: n = "0px",
-    threshold: r = 0.1,
-    window: s = W
-  } = t, a = Xe(() => s && "IntersectionObserver" in s);
-  let d = A;
-  const m = a.value ? E(() => ({
-    el: P(e),
-    root: P(o)
-  }), ({ el: v, root: i }) => {
-    if (d(), !v)
+    root: a,
+    rootMargin: o = "0px",
+    threshold: s = 0.1,
+    window: r = Z
+  } = t, n = at(() => r && "IntersectionObserver" in r);
+  let c = q;
+  const v = n.value ? B(() => ({
+    el: F(e),
+    root: F(a)
+  }), ({ el: m, root: i }) => {
+    if (c(), !m)
       return;
-    const c = new IntersectionObserver(l, {
+    const f = new IntersectionObserver(l, {
       root: i,
-      rootMargin: n,
-      threshold: r
+      rootMargin: o,
+      threshold: s
     });
-    c.observe(v), d = () => {
-      c.disconnect(), d = A;
+    f.observe(m), c = () => {
+      f.disconnect(), c = q;
     };
-  }, { immediate: !0, flush: "post" }) : A, u = () => {
-    d(), m();
+  }, { immediate: !0, flush: "post" }) : q, d = () => {
+    c(), v();
   };
-  return ee(u), {
-    isSupported: a,
-    stop: u
+  return ae(d), {
+    isSupported: n,
+    stop: d
   };
 }
-M.mounted + "";
-var ql = Object.defineProperty, Al = Object.defineProperties, Fl = Object.getOwnPropertyDescriptors, Ne = Object.getOwnPropertySymbols, Nl = Object.prototype.hasOwnProperty, Ml = Object.prototype.propertyIsEnumerable, Me = (e, l, t) => l in e ? ql(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, Rl = (e, l) => {
+H.mounted + "";
+var ja = Object.defineProperty, Va = Object.defineProperties, xa = Object.getOwnPropertyDescriptors, Ue = Object.getOwnPropertySymbols, Ca = Object.prototype.hasOwnProperty, Ia = Object.prototype.propertyIsEnumerable, Ze = (e, l, t) => l in e ? ja(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t, La = (e, l) => {
   for (var t in l || (l = {}))
-    Nl.call(l, t) && Me(e, t, l[t]);
-  if (Ne)
-    for (var t of Ne(l))
-      Ml.call(l, t) && Me(e, t, l[t]);
+    Ca.call(l, t) && Ze(e, t, l[t]);
+  if (Ue)
+    for (var t of Ue(l))
+      Ia.call(l, t) && Ze(e, t, l[t]);
   return e;
-}, Dl = (e, l) => Al(e, Fl(l));
-M.mounted + "";
-function et(e) {
+}, Oa = (e, l) => Va(e, xa(l));
+H.mounted + "";
+function ot(e) {
   const l = window.getComputedStyle(e);
   if (l.overflowX === "scroll" || l.overflowY === "scroll" || l.overflowX === "auto" && e.clientHeight < e.scrollHeight || l.overflowY === "auto" && e.clientWidth < e.scrollWidth)
     return !0;
   {
     const t = e.parentNode;
-    return !t || t.tagName === "BODY" ? !1 : et(t);
+    return !t || t.tagName === "BODY" ? !1 : ot(t);
   }
 }
-function Hl(e) {
+function Ea(e) {
   const l = e || window.event, t = l.target;
-  return et(t) ? !1 : l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
+  return ot(t) ? !1 : l.touches.length > 1 ? !0 : (l.preventDefault && l.preventDefault(), !1);
 }
-function Wl(e, l = !1) {
+function Ba(e, l = !1) {
   const t = b(l);
-  let o = null, n;
-  E(il(e), (a) => {
-    if (a) {
-      const d = a;
-      n = d.style.overflow, t.value && (d.style.overflow = "hidden");
+  let a = null, o;
+  B(Gl(e), (n) => {
+    if (n) {
+      const c = n;
+      o = c.style.overflow, t.value && (c.style.overflow = "hidden");
     }
   }, {
     immediate: !0
   });
-  const r = () => {
-    const a = z(e);
-    !a || t.value || (ie && (o = F(a, "touchmove", (d) => {
-      Hl(d);
-    }, { passive: !1 })), a.style.overflow = "hidden", t.value = !0);
-  }, s = () => {
-    const a = z(e);
-    !a || !t.value || (ie && (o == null || o()), a.style.overflow = n, t.value = !1);
+  const s = () => {
+    const n = A(e);
+    !n || t.value || (de && (a = M(n, "touchmove", (c) => {
+      Ea(c);
+    }, { passive: !1 })), n.style.overflow = "hidden", t.value = !0);
+  }, r = () => {
+    const n = A(e);
+    !n || !t.value || (de && (a == null || a()), n.style.overflow = o, t.value = !1);
   };
-  return ee(s), O({
+  return ae(r), x({
     get() {
       return t.value;
     },
-    set(a) {
-      a ? r() : s();
+    set(n) {
+      n ? s() : r();
     }
   });
 }
-const Ul = () => {
+const Ta = () => {
   let e = !1;
   const l = b(!1);
-  return (t, o) => {
-    if (l.value = o.value, e)
+  return (t, a) => {
+    if (l.value = a.value, e)
       return;
     e = !0;
-    const n = Wl(t, o.value);
-    E(l, (r) => n.value = r);
+    const o = Ba(t, a.value);
+    B(l, (s) => o.value = s);
   };
 };
-Ul();
-const tt = ["medium", "small", "xsmall"], Gl = {
+Ta();
+const nt = ["medium", "small", "xsmall"], Ja = {
   key: 0,
   class: "joy-dropdown-list__header"
-}, Kl = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Ql = {
+}, za = ["id", "tabindex", "aria-disabled", "aria-selected", "title", "aria-label", ".dataModel", "onClick"], Pa = {
   key: 1,
   class: "joy-dropdown-list__footer"
-}, Yl = /* @__PURE__ */ j({
+}, Aa = /* @__PURE__ */ $({
   __name: "VJoyDropdownList",
   props: {
     /**
@@ -1226,7 +1483,7 @@ const tt = ["medium", "small", "xsmall"], Gl = {
       type: String,
       default: "medium",
       validator(e) {
-        return tt.includes(e);
+        return nt.includes(e);
       }
     },
     modelValue: {
@@ -1243,130 +1500,130 @@ const tt = ["medium", "small", "xsmall"], Gl = {
   },
   emits: ["update:modelValue", "close:dropdownList"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, n = b(), r = O(() => (i) => !o.modelValue || !i.value && !i.id ? !1 : o.modelValue === i.value || o.modelValue === i.id);
-    function s(i) {
+    const a = e, o = b(), s = x(() => (i) => !a.modelValue || !i.value && !i.id ? !1 : a.modelValue === i.value || a.modelValue === i.id);
+    function r(i) {
       i.disabled || t("update:modelValue", i.value || i.id);
     }
-    function a() {
+    function n() {
       var i;
-      return Array.from(((i = n.value) == null ? void 0 : i.querySelectorAll("li")) || []);
+      return Array.from(((i = o.value) == null ? void 0 : i.querySelectorAll("li")) || []);
     }
-    function d() {
-      const i = a().find((c) => c.getAttribute("aria-selected") === "true");
-      i && (i.focus(), n.value.scrollTo({
+    function c() {
+      const i = n().find((f) => f.getAttribute("aria-selected") === "true");
+      i && (i.focus(), o.value.scrollTo({
         top: i.offsetTop
       }));
     }
-    function m() {
-      return a().find((i) => i === document.activeElement);
-    }
-    function u(i) {
-      var c;
-      if (!(n.value && !n.value.contains(document.activeElement) || !n.value)) {
-        if ((i.key === "Escape" || i.key === "Tab") && t("close:dropdownList"), (i.key === "Enter" || i.key === "enter") && (i.preventDefault(), m() && ((c = n.value) != null && c.contains(m())))) {
-          const f = m();
-          if (!f)
+    function v() {
+      return n().find((i) => i === document.activeElement);
+    }
+    function d(i) {
+      var f;
+      if (!(o.value && !o.value.contains(document.activeElement) || !o.value)) {
+        if ((i.key === "Escape" || i.key === "Tab") && t("close:dropdownList"), (i.key === "Enter" || i.key === "enter") && (i.preventDefault(), v() && ((f = o.value) != null && f.contains(v())))) {
+          const y = v();
+          if (!y)
             return;
-          if (f.querySelector("a"))
-            return f.querySelector("a").click();
-          t("update:modelValue", f.dataModel);
+          if (y.querySelector("a"))
+            return y.querySelector("a").click();
+          t("update:modelValue", y.dataModel);
         }
-        if (m() && i.key === " " && i.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key)) {
-          const f = a(), S = m();
-          let k = f.indexOf(S);
-          if (f.length) {
-            i.preventDefault(), i.key === "ArrowDown" ? k++ : i.key === "ArrowUp" ? k-- : i.key === "Home" ? k = 0 : i.key === "End" && (k = f.length - 1), k < 0 && (k = f.length - 1), k > f.length - 1 && (k = 0), v(f[k]);
+        if (v() && i.key === " " && i.preventDefault(), ["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key)) {
+          const y = n(), k = v();
+          let V = y.indexOf(k);
+          if (y.length) {
+            i.preventDefault(), i.key === "ArrowDown" ? V++ : i.key === "ArrowUp" ? V-- : i.key === "Home" ? V = 0 : i.key === "End" && (V = y.length - 1), V < 0 && (V = y.length - 1), V > y.length - 1 && (V = 0), m(y[V]);
             return;
           }
         }
       }
     }
-    function v(i) {
+    function m(i) {
       i.focus();
     }
-    return Y(() => {
-      window.addEventListener("keydown", u), d();
-    }), Ue(() => {
-      window.removeEventListener("keydown", u);
+    return ee(() => {
+      window.addEventListener("keydown", d), c();
+    }), Qe(() => {
+      window.removeEventListener("keydown", d);
     }), l({
-      isSelected: r
-    }), (i, c) => (y(), p("div", {
+      isSelected: s
+    }), (i, f) => (u(), p("div", {
       class: "joy-dropdown-list",
-      style: te({ width: `${e.width}px`, "max-width": `${e.width}px` })
+      style: oe({ width: `${e.width}px`, "max-width": `${e.width}px` })
     }, [
-      i.$slots["dropdown-list-header"] ? (y(), p("header", Gl, [
-        h(i.$slots, "dropdown-list-header", {}, void 0, !0)
+      i.$slots["dropdown-list-header"] ? (u(), p("header", Ja, [
+        _(i.$slots, "dropdown-list-header", {}, void 0, !0)
       ])) : g("", !0),
-      _("div", {
+      h("div", {
         class: w(["joy-dropdown-list__items", { "joy-dropdown-list__items-slotted": i.$slots["dropdown-list-items"] }]),
-        style: te({ "max-height": `${e.height}px` })
+        style: oe({ "max-height": `${e.height}px` })
       }, [
-        h(i.$slots, "dropdown-list-items", {}, void 0, !0),
-        e.options.length ? (y(), p("ul", {
+        _(i.$slots, "dropdown-list-items", {}, void 0, !0),
+        e.options.length ? (u(), p("ul", {
           key: 0,
           ref_key: "listbox",
-          ref: n,
+          ref: o,
           role: "listbox",
           "aria-expanded": "true"
         }, [
-          (y(!0), p(Q, null, se(e.options, (f) => (y(), p("li", {
-            id: f.id,
-            key: f.label,
-            style: te({ "max-width": `${e.width}px` }),
+          (u(!0), p(W, null, X(e.options, (y) => (u(), p("li", {
+            id: y.id,
+            key: y.label,
+            style: oe({ "max-width": `${e.width}px` }),
             class: w([
               "joy-dropdown-list__item",
               `joy-dropdown-list__item--${e.size}`,
               {
-                "joy-dropdown-list__item--selected": r.value(f),
-                "joy-dropdown-list__item--disabled": f.disabled
+                "joy-dropdown-list__item--selected": s.value(y),
+                "joy-dropdown-list__item--disabled": y.disabled
               }
             ]),
-            tabindex: f.disabled ? void 0 : -1,
-            "aria-disabled": f.disabled,
-            "aria-selected": r.value(f),
-            title: f.label,
-            "aria-label": f.label,
-            ".dataModel": f.value || f.id,
+            tabindex: y.disabled ? void 0 : -1,
+            "aria-disabled": y.disabled,
+            "aria-selected": s.value(y),
+            title: y.label,
+            "aria-label": y.label,
+            ".dataModel": y.value || y.id,
             role: "option",
-            onClick: (S) => s(f)
+            onClick: (k) => r(y)
           }, [
-            h(i.$slots, "label", me(pe(f)), () => [
-              _("span", null, C(f.label), 1)
+            _(i.$slots, "label", Se($e(y)), () => [
+              h("span", null, L(y.label), 1)
             ], !0)
-          ], 14, Kl))), 128))
+          ], 14, za))), 128))
         ], 512)) : g("", !0)
       ], 6),
-      i.$slots["dropdown-list-footer"] ? (y(), p("footer", Ql, [
-        h(i.$slots, "dropdown-list-footer", {}, void 0, !0)
+      i.$slots["dropdown-list-footer"] ? (u(), p("footer", Pa, [
+        _(i.$slots, "dropdown-list-footer", {}, void 0, !0)
       ])) : g("", !0)
     ], 4));
   }
 });
-const lt = /* @__PURE__ */ x(Yl, [["__scopeId", "data-v-cd3f6251"]]);
-function Zl(e) {
+const it = /* @__PURE__ */ j(Aa, [["__scopeId", "data-v-cd3f6251"]]);
+function Fa(e) {
   const l = () => e();
-  Y(() => {
+  ee(() => {
     window.addEventListener("resize", l);
-  }), Ue(() => {
+  }), Qe(() => {
     window.removeEventListener("resize", l);
   });
 }
-const Xl = ["JOY-DRAWER", "JOY-DIALOG", "JOY-BOTTOM-SHEET"];
-function eo(e) {
+const qa = ["JOY-DRAWER", "JOY-DIALOG", "JOY-BOTTOM-SHEET"];
+function Ma(e) {
   let l = e.value.parentElement, t = !1;
   for (; l != null && l.parentElement; )
-    Xl.includes(l == null ? void 0 : l.tagName) && (t = !0), l = l.parentElement;
+    qa.includes(l == null ? void 0 : l.tagName) && (t = !0), l = l.parentElement;
   return t;
 }
-function to(e) {
+function Na(e) {
   const l = b(!1);
-  return Y(() => {
-    l.value = eo(e);
+  return ee(() => {
+    l.value = Ma(e);
   }), {
     isInOverlay: l
   };
 }
-function lo(e) {
+function Ra(e) {
   let l;
   switch (e) {
     case "error":
@@ -1380,7 +1637,7 @@ function lo(e) {
   }
   return l;
 }
-function oo(e) {
+function Ha(e) {
   if (!e) {
     console.warn("Missing ref element for focusOnFirstFocusableFormField use");
     return;
@@ -1390,7 +1647,7 @@ function oo(e) {
   if (t.length)
     return t[0].focus();
 }
-const ao = /* @__PURE__ */ j({
+const Da = /* @__PURE__ */ $({
   __name: "VJoyDropdown",
   props: {
     /** DOM valid selector to give to Vue3 Teleport "to" property */
@@ -1440,7 +1697,7 @@ const ao = /* @__PURE__ */ j({
       type: String,
       default: "medium",
       validator(e) {
-        return tt.includes(e);
+        return nt.includes(e);
       }
     },
     modelValue: {
@@ -1471,127 +1728,127 @@ const ao = /* @__PURE__ */ j({
   },
   emits: ["update:modelValue", "dropdown:open", "dropdown:hide"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, n = b(!1), r = b(null), s = b(), a = b(null), { isInOverlay: d } = to(s), m = b(null), u = b(!1), v = {
-      ignore: [s, ".joy-dropdown__list"]
+    const a = e, o = b(!1), s = b(null), r = b(), n = b(null), { isInOverlay: c } = Na(r), v = b(null), d = b(!1), m = {
+      ignore: [r, ".joy-dropdown__list"]
     };
     let i = null;
-    E(
-      () => n.value,
-      ($) => {
-        $ && oo(a);
+    B(
+      () => o.value,
+      (C) => {
+        C && Ha(n);
       },
       { flush: "post" }
     );
-    const c = ne({
+    const f = ue({
       left: "auto",
       top: "0px",
       right: "auto",
       zIndex: void 0,
       position: void 0
-    }), f = O(() => ({
-      position: c.position,
-      top: c.top,
-      left: c.left,
-      zIndex: c.zIndex
+    }), y = x(() => ({
+      position: f.position,
+      top: f.top,
+      left: f.left,
+      zIndex: f.zIndex
     }));
-    function S() {
-      i && clearTimeout(i), u.value = !0, i = setTimeout(() => {
-        n.value = !1, u.value = !1, t("dropdown:hide");
+    function k() {
+      i && clearTimeout(i), d.value = !0, i = setTimeout(() => {
+        o.value = !1, d.value = !1, t("dropdown:hide");
       }, 300);
     }
-    function k($) {
-      u.value = !1, i && clearTimeout(i), J(), ae(), m.value = $.target, n.value = !0, t("dropdown:open");
+    function V(C) {
+      d.value = !1, i && clearTimeout(i), J(), se(), v.value = C.target, o.value = !0, t("dropdown:open");
     }
-    function le() {
-      S(), oe();
+    function ne() {
+      k(), ie();
     }
-    function oe() {
-      m.value && m.value.focus();
+    function ie() {
+      v.value && v.value.focus();
     }
-    function ae() {
-      d.value && (c.zIndex = "9999", c.position = "fixed");
+    function se() {
+      c.value && (f.zIndex = "9999", f.position = "fixed");
     }
     function J() {
-      const $ = s.value.getBoundingClientRect();
-      let T = 0;
-      d.value ? T = document.documentElement.offsetTop + $.top : T = document.documentElement.scrollTop + $.top;
-      const D = $.height, G = $.left, rt = $.width;
-      o.justify === "left" ? c.left = G + "px" : c.left = G + rt - parseInt(o.width) + "px", o.direction === "down" ? c.top = T + D + parseInt(o.dropdownGap) + "px" : c.top = T - (parseInt(o.height) + parseInt(o.dropdownGap)) + "px";
-    }
-    function N($) {
-      t("update:modelValue", $), o.closeOnSelect && (S(), oe());
-    }
-    return Zl(S), l({
-      coords: c,
-      showDropdownList: n
-    }), ($, T) => (y(), I(V(bl), {
+      const C = r.value.getBoundingClientRect();
+      let z = 0;
+      c.value ? z = document.documentElement.offsetTop + C.top : z = document.documentElement.scrollTop + C.top;
+      const G = C.height, Q = C.left, ct = C.width;
+      a.justify === "left" ? f.left = Q + "px" : f.left = Q + ct - parseInt(a.width) + "px", a.direction === "down" ? f.top = z + G + parseInt(a.dropdownGap) + "px" : f.top = z - (parseInt(a.height) + parseInt(a.dropdownGap)) + "px";
+    }
+    function R(C) {
+      t("update:modelValue", C), a.closeOnSelect && (k(), ie());
+    }
+    return Fa(k), l({
+      coords: f,
+      showDropdownList: o
+    }), (C, z) => (u(), I(S(ia), {
       ref_key: "dropdown",
-      ref: r,
-      options: v,
+      ref: s,
+      options: m,
       class: "joy-dropdown",
-      onTrigger: S
+      onTrigger: k
     }, {
-      default: B(() => [
-        _("div", {
+      default: E(() => [
+        h("div", {
           ref_key: "button",
-          ref: s,
+          ref: r,
           class: "joy-dropdown__button",
-          onClick: k
+          onClick: V
         }, [
-          h($.$slots, "dropdown-button", {}, void 0, !0)
+          _(C.$slots, "dropdown-button", {}, void 0, !0)
         ], 512),
-        (y(), I(ft, {
+        (u(), I(ht, {
           to: e.appendTo,
           disabled: e.disableTeleport
         }, [
-          n.value ? (y(), p("div", {
+          o.value ? (u(), p("div", {
             key: 0,
             ref_key: "list",
-            ref: a,
+            ref: n,
             class: w([
               "joy-dropdown__list",
               `joy-dropdown__list--${e.direction}`,
               {
-                "joy-dropdown__list--visible": !u.value,
-                "joy-dropdown__list--hiding": u.value
+                "joy-dropdown__list--visible": !d.value,
+                "joy-dropdown__list--hiding": d.value
               }
             ]),
-            style: te(f.value)
+            style: oe(y.value)
           }, [
-            R(lt, {
+            D(it, {
               "model-value": e.modelValue,
               options: e.options,
               size: e.size,
               width: e.width,
               height: e.height,
-              "onUpdate:modelValue": N,
-              "onClose:dropdownList": le
-            }, Ge({
-              label: B((D) => [
-                h($.$slots, "dropdown-item", me(pe(D)), () => [
-                  _("span", null, C(D.label), 1)
+              "onUpdate:modelValue": R,
+              "onClose:dropdownList": ne
+            }, Ye({
+              label: E((G) => [
+                _(C.$slots, "dropdown-item", Se($e(G)), () => [
+                  h("span", null, L(G.label), 1)
                 ], !0)
               ]),
               _: 2
             }, [
-              $.$slots["dropdown-header"] ? {
+              C.$slots["dropdown-header"] ? {
                 name: "dropdown-list-header",
-                fn: B(() => [
-                  h($.$slots, "dropdown-header", {}, void 0, !0)
+                fn: E(() => [
+                  _(C.$slots, "dropdown-header", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
-              $.$slots["dropdown-items"] ? {
+              C.$slots["dropdown-items"] ? {
                 name: "dropdown-list-items",
-                fn: B(() => [
-                  h($.$slots, "dropdown-items", {}, void 0, !0)
+                fn: E(() => [
+                  _(C.$slots, "dropdown-items", {}, void 0, !0)
                 ]),
                 key: "1"
               } : void 0,
-              $.$slots["dropdown-footer"] ? {
+              C.$slots["dropdown-footer"] ? {
                 name: "dropdown-list-footer",
-                fn: B(() => [
-                  h($.$slots, "dropdown-footer", {}, void 0, !0)
+                fn: E(() => [
+                  _(C.$slots, "dropdown-footer", {}, void 0, !0)
                 ]),
                 key: "2"
               } : void 0
@@ -1603,7 +1860,7 @@ const ao = /* @__PURE__ */ j({
     }, 512));
   }
 });
-const no = /* @__PURE__ */ x(ao, [["__scopeId", "data-v-194e09e1"]]), io = ["aria-hidden"], ro = /* @__PURE__ */ j({
+const Wa = /* @__PURE__ */ j(Da, [["__scopeId", "data-v-194e09e1"]]), Ga = ["aria-hidden"], Ua = /* @__PURE__ */ $({
   __name: "VJoyFormError",
   props: {
     /** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
@@ -1615,24 +1872,24 @@ const no = /* @__PURE__ */ x(ao, [["__scopeId", "data-v-194e09e1"]]), io = ["ari
     noHtmlErrorText: String
   },
   setup(e) {
-    return (l, t) => (y(), p("div", {
+    return (l, t) => (u(), p("div", {
       "aria-hidden": e.visible,
       class: w(["joy-form-error", { "joy-has-error": e.visible }]),
       role: "alert"
     }, [
-      R(q, {
+      D(P, {
         class: "joy-icon-error",
         name: "warning-triangle"
       }),
-      _("div", null, [
-        h(l.$slots, "default", {}, () => [
-          L(C(e.noHtmlErrorText), 1)
+      h("div", null, [
+        _(l.$slots, "default", {}, () => [
+          O(L(e.noHtmlErrorText), 1)
         ], !0)
       ])
-    ], 10, io));
+    ], 10, Ga));
   }
 });
-const ot = /* @__PURE__ */ x(ro, [["__scopeId", "data-v-581fd33b"]]), so = [...Jt], uo = { class: "joy-highlight--text" }, co = { key: 0 }, fo = /* @__PURE__ */ j({
+const st = /* @__PURE__ */ j(Ua, [["__scopeId", "data-v-581fd33b"]]), Za = [...fl], Ka = { class: "joy-highlight--text" }, Qa = { key: 0 }, Ya = /* @__PURE__ */ $({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -1650,51 +1907,51 @@ const ot = /* @__PURE__ */ x(ro, [["__scopeId", "data-v-581fd33b"]]), so = [...J
       type: String,
       default: "neutral",
       validator(e) {
-        return so.includes(e);
+        return Za.includes(e);
       }
     }
   },
   setup(e, { expose: l }) {
-    const t = e, o = O(() => t.icon ? t.icon : lo(t.level));
+    const t = e, a = x(() => t.icon ? t.icon : Ra(t.level));
     return l({
-      getRelevantIcon: o
-    }), (n, r) => (y(), p("div", {
+      getRelevantIcon: a
+    }), (o, s) => (u(), p("div", {
       class: w([
         "joy-highlight",
         `joy-highlight_${e.level}`,
         {
           "joy-highlight__accent": e.accent,
-          "joy-highlight__titled": n.$slots["highlight-title"]
+          "joy-highlight__titled": o.$slots["highlight-title"]
         }
       ])
     }, [
-      e.displayIcon ? (y(), I(q, {
+      e.displayIcon ? (u(), I(P, {
         key: 0,
-        name: o.value
+        name: a.value
       }, null, 8, ["name"])) : g("", !0),
-      _("div", uo, [
-        n.$slots["highlight-title"] ? (y(), p("strong", co, [
-          h(n.$slots, "highlight-title", {}, void 0, !0)
+      h("div", Ka, [
+        o.$slots["highlight-title"] ? (u(), p("strong", Qa, [
+          _(o.$slots, "highlight-title", {}, void 0, !0)
         ])) : g("", !0),
-        h(n.$slots, "default", {}, void 0, !0)
+        _(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
 });
-const yo = /* @__PURE__ */ x(fo, [["__scopeId", "data-v-ba5e6101"]]), vo = ["small", "medium", "large"], mo = {
+const Xa = /* @__PURE__ */ j(Ya, [["__scopeId", "data-v-ba5e6101"]]), eo = ["small", "medium", "large"], to = {
   key: 0,
   class: "joy-label-required"
-}, po = {
+}, lo = {
   key: 1,
   class: "joy-label-optional"
-}, go = /* @__PURE__ */ j({
+}, ao = /* @__PURE__ */ $({
   __name: "VJoyLabel",
   props: {
     size: {
       type: String,
       default: "medium",
       validator(e) {
-        return vo.includes(e);
+        return eo.includes(e);
       }
     },
     tagName: {
@@ -1711,21 +1968,21 @@ const yo = /* @__PURE__ */ x(fo, [["__scopeId", "data-v-ba5e6101"]]), vo = ["sma
     text: String
   },
   setup(e) {
-    return (l, t) => (y(), I(re(e.tagName), H({
+    return (l, t) => (u(), I(ce(e.tagName), U({
       class: ["joy-label", `joy-label--${e.size}`]
     }, l.$attrs), {
-      default: B(() => [
-        h(l.$slots, "default", {}, () => [
-          L(C(e.text), 1)
+      default: E(() => [
+        _(l.$slots, "default", {}, () => [
+          O(L(e.text), 1)
         ], !0),
-        e.required ? (y(), p("span", mo, "*")) : g("", !0),
-        e.optionalLabel ? (y(), p("span", po, "- " + C(e.optionalLabel), 1)) : g("", !0)
+        e.required ? (u(), p("span", to, "*")) : g("", !0),
+        e.optionalLabel ? (u(), p("span", lo, "- " + L(e.optionalLabel), 1)) : g("", !0)
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
-const U = /* @__PURE__ */ x(go, [["__scopeId", "data-v-1265214a"]]), ho = ["large", "medium", "small"], bo = ["id", "required", "disabled", "type", "value"], _o = ["data-unit"], wo = /* @__PURE__ */ j({
+const K = /* @__PURE__ */ j(ao, [["__scopeId", "data-v-1265214a"]]), oo = ["large", "medium", "small"], no = ["id", "required", "disabled", "type", "value"], io = ["data-unit"], so = /* @__PURE__ */ $({
   inheritAttrs: !1,
   __name: "VJoyInput",
   props: {
@@ -1765,6 +2022,11 @@ const U = /* @__PURE__ */ x(go, [["__scopeId", "data-v-1265214a"]]), ho = ["larg
     modelValue: {
       type: [String, Number]
     },
+    modelModifiers: {
+      default: () => ({
+        lazy: !1
+      })
+    },
     /** Display a cross icon on the right that enables to clear the field */
     clearable: {
       type: Boolean,
@@ -1778,7 +2040,7 @@ const U = /* @__PURE__ */ x(go, [["__scopeId", "data-v-1265214a"]]), ho = ["larg
       type: String,
       default: "medium",
       validator(e) {
-        return ho.includes(e);
+        return oo.includes(e);
       }
     },
     type: {
@@ -1790,73 +2052,77 @@ const U = /* @__PURE__ */ x(go, [["__scopeId", "data-v-1265214a"]]), ho = ["larg
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, o = b(), n = b(), r = He(), s = Z(), a = b(!1), d = O(() => typeof t.modelValue == "number" || !t.clearable || t.unit || !t.modelValue ? !1 : t.modelValue.length > 0 && !t.unit), m = O(() => s.default && s.default()), u = O(() => {
-      var c, f;
-      return !!((c = n.value) != null && c.closest("joy-wrapper")) || !!((f = n.value) != null && f.closest(".joy-wrapper"));
-    }), v = b(t.type);
-    yt(() => {
-      v.value = t.unit ? "number" : t.type;
+    const t = e, a = b(), o = b(), s = we(), r = te(), n = b(!1), c = x(() => typeof t.modelValue == "number" || !t.clearable || t.unit || !t.modelValue ? !1 : t.modelValue.length > 0 && !t.unit), v = x(() => r.default && r.default()), d = x(() => {
+      var f, y;
+      return !!((f = o.value) != null && f.closest("joy-wrapper")) || !!((y = o.value) != null && y.closest(".joy-wrapper"));
+    }), m = b(t.type);
+    gt(() => {
+      m.value = t.unit ? "number" : t.type;
     });
     const i = {
       onFocus: () => {
-        a.value = !0;
+        n.value = !0;
       },
       onBlur: () => {
-        a.value = !1;
+        n.value = !1;
+      },
+      onInput: (f) => {
+        let y = f.target.value;
+        t.modelModifiers.lazy || l("update:modelValue", y);
       },
-      onInput: (c) => {
-        let f = c.target.value;
-        l("update:modelValue", f);
+      onChange: (f) => {
+        let y = f.target.value;
+        t.modelModifiers.lazy && l("update:modelValue", y);
       },
       clearValue: () => {
         t.disabled || l("update:modelValue", "");
       }
     };
-    return (c, f) => (y(), p("div", {
+    return (f, y) => (u(), p("div", {
       ref_key: "root",
-      ref: n,
+      ref: o,
       class: w([`joy-input--${t.size}`])
     }, [
-      _("div", {
+      h("div", {
         class: w([
           "joy-input",
           {
-            "joy-input--focusing": a.value,
+            "joy-input--focusing": n.value,
             "joy-input--disabled": e.disabled,
             "joy-input--invalid": e.invalid,
-            "joy-input--valid": !e.invalid && !V(r).disabled
+            "joy-input--valid": !e.invalid && !S(s).disabled
           }
         ])
       }, [
-        m.value || e.label ? (y(), I(U, {
+        v.value || e.label ? (u(), I(K, {
           key: 0,
           for: e.name,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           size: e.labelSize
         }, {
-          default: B(() => [
-            h(c.$slots, "default", {}, () => [
-              L(C(e.label), 1)
+          default: E(() => [
+            _(f.$slots, "default", {}, () => [
+              O(L(e.label), 1)
             ], !0)
           ]),
           _: 3
         }, 8, ["for", "required", "optional-label", "size"])) : g("", !0),
-        _("div", {
+        h("div", {
           class: w([
             "joy-input--wrapper",
             {
               "joy-input--wrapper-has-icon": !!e.icon,
               "joy-input--wrapper---clearable": e.clearable,
               "joy-input--wrapper-unit": !!e.unit,
-              "joy-input--wrapper-margin": !u.value
+              "joy-input--wrapper-margin": !d.value
             }
           ])
         }, [
-          _("input", H(c.$attrs, {
+          h("input", U(f.$attrs, {
             id: t.name,
             ref_key: "input",
-            ref: o,
+            ref: a,
             required: e.required,
             disabled: e.disabled,
             class: [
@@ -1865,16 +2131,18 @@ const U = /* @__PURE__ */ x(go, [["__scopeId", "data-v-1265214a"]]), ho = ["larg
                 "joy-input--field-invalid": e.invalid
               }
             ],
-            type: v.value,
+            type: m.value,
             value: e.modelValue,
-            onFocus: f[0] || (f[0] = //@ts-ignore
-            (...S) => i.onFocus && i.onFocus(...S)),
-            onBlur: f[1] || (f[1] = //@ts-ignore
-            (...S) => i.onBlur && i.onBlur(...S)),
-            onInput: f[2] || (f[2] = //@ts-ignore
-            (...S) => i.onInput && i.onInput(...S))
-          }), null, 16, bo),
-          d.value ? (y(), I(Ke, {
+            onFocus: y[0] || (y[0] = //@ts-ignore
+            (...k) => i.onFocus && i.onFocus(...k)),
+            onBlur: y[1] || (y[1] = //@ts-ignore
+            (...k) => i.onBlur && i.onBlur(...k)),
+            onInput: y[2] || (y[2] = //@ts-ignore
+            (...k) => i.onInput && i.onInput(...k)),
+            onChange: y[3] || (y[3] = //@ts-ignore
+            (...k) => i.onChange && i.onChange(...k))
+          }), null, 16, no),
+          c.value ? (u(), I(Xe, {
             key: 0,
             class: "joy-input--clear",
             circle: "",
@@ -1883,23 +2151,23 @@ const U = /* @__PURE__ */ x(go, [["__scopeId", "data-v-1265214a"]]), ho = ["larg
             icon: "cross",
             onClick: i.clearValue
           }, null, 8, ["onClick"])) : g("", !0),
-          e.icon ? (y(), I(q, {
+          e.icon ? (u(), I(P, {
             key: 1,
             role: "img",
             class: "joy-input--decorative-icon",
             name: e.icon
           }, null, 8, ["name"])) : g("", !0),
-          e.unit ? (y(), p("div", {
+          e.unit ? (u(), p("div", {
             key: 2,
             "data-unit": e.unit,
             class: "joy-input--unit"
-          }, null, 8, _o)) : g("", !0)
+          }, null, 8, io)) : g("", !0)
         ], 2)
       ], 2)
     ], 2));
   }
 });
-const So = /* @__PURE__ */ x(wo, [["__scopeId", "data-v-ba3aad9d"]]), ko = ["teal", "white"], jo = ["href"], $o = /* @__PURE__ */ j({
+const ro = /* @__PURE__ */ j(so, [["__scopeId", "data-v-a49577c6"]]), uo = ["teal", "white"], co = ["href"], fo = /* @__PURE__ */ $({
   __name: "VJoyLink",
   props: {
     href: {
@@ -1910,36 +2178,36 @@ const So = /* @__PURE__ */ x(wo, [["__scopeId", "data-v-ba3aad9d"]]), ko = ["tea
       type: String,
       default: "teal",
       validator(e) {
-        return ko.includes(e);
+        return uo.includes(e);
       }
     },
     icon: String,
     text: String
   },
   setup(e) {
-    return (l, t) => (y(), p("a", H({ href: e.href }, l.$attrs, {
+    return (l, t) => (u(), p("a", U({ href: e.href }, l.$attrs, {
       class: ["joy-link", `joy-link_${e.color}`]
     }), [
-      e.icon ? (y(), I(q, {
+      e.icon ? (u(), I(P, {
         key: 0,
         name: e.icon
       }, null, 8, ["name"])) : g("", !0),
-      h(l.$slots, "default", {}, () => [
-        L(C(e.text), 1)
+      _(l.$slots, "default", {}, () => [
+        O(L(e.text), 1)
       ], !0)
-    ], 16, jo));
+    ], 16, co));
   }
 });
-const Vo = /* @__PURE__ */ x($o, [["__scopeId", "data-v-76f0342e"]]), xo = ["id"], Io = {
+const yo = /* @__PURE__ */ j(fo, [["__scopeId", "data-v-76f0342e"]]), vo = ["id"], mo = {
   class: /* @__PURE__ */ w(["joy-multi-checkbox"])
-}, Oo = /* @__PURE__ */ j({
+}, po = /* @__PURE__ */ $({
   __name: "VJoyMultiCheckbox",
   props: {
     options: {
       type: Array,
       required: !0,
       validator(e) {
-        const l = e.every((o) => Object.keys(o).includes("value")), t = e.every((o) => Object.keys(o).includes("label"));
+        const l = e.every((a) => Object.keys(a).includes("value")), t = e.every((a) => Object.keys(a).includes("label"));
         return l && t;
       }
     },
@@ -1968,62 +2236,62 @@ const Vo = /* @__PURE__ */ x($o, [["__scopeId", "data-v-76f0342e"]]), xo = ["id"
   emits: ["update:value"],
   setup(e, { emit: l }) {
     const t = e;
-    function o(r) {
-      return t.value.includes(r.value);
+    function a(s) {
+      return t.value.includes(s.value);
     }
-    function n(r, s) {
-      let a = [...t.value || []];
-      s ? a.push(r) : a.splice(a.indexOf(r), 1), l("update:value", a);
+    function o(s, r) {
+      let n = [...t.value || []];
+      r ? n.push(s) : n.splice(n.indexOf(s), 1), l("update:value", n);
     }
-    return (r, s) => (y(), p("fieldset", {
+    return (s, r) => (u(), p("fieldset", {
       id: e.id,
       class: "joy-multi-checkbox__wrapper"
     }, [
-      e.label ? (y(), I(V(U), {
+      e.label ? (u(), I(S(K), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: B(() => [
-          L(C(e.label), 1)
+        default: E(() => [
+          O(L(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : g("", !0),
-      _("div", Io, [
-        (y(!0), p(Q, null, se(e.options, (a) => (y(), I(V(he), {
-          id: a.id,
-          key: a.id,
-          name: a.name,
-          value: a.value,
-          checked: o(a),
-          "onUpdate:checked": (d) => n(a.value, d)
+      h("div", mo, [
+        (u(!0), p(W, null, X(e.options, (n) => (u(), I(S(je), {
+          id: n.id,
+          key: n.id,
+          name: n.name,
+          value: n.value,
+          checked: a(n),
+          "onUpdate:checked": (c) => o(n.value, c)
         }, {
-          default: B(() => [
-            h(r.$slots, "checkbox", me(pe(a)), () => [
-              L(C(a.label), 1)
+          default: E(() => [
+            _(s.$slots, "checkbox", Se($e(n)), () => [
+              O(L(n.label), 1)
             ], !0)
           ]),
           _: 2
         }, 1032, ["id", "name", "value", "checked", "onUpdate:checked"]))), 128))
       ])
-    ], 8, xo));
+    ], 8, vo));
   }
 });
-const Co = /* @__PURE__ */ x(Oo, [["__scopeId", "data-v-47574ced"]]), Bo = ["small", "medium", "large"], Lo = ["small", "large"], Eo = {
+const ho = /* @__PURE__ */ j(po, [["__scopeId", "data-v-47574ced"]]), go = ["small", "medium", "large"], _o = ["small", "large"], bo = {
   key: 0,
   class: /* @__PURE__ */ w(["joy-panel__header"])
-}, Jo = {
+}, wo = {
   key: 1,
   class: "joy-panel__header-action"
-}, To = {
+}, So = {
   key: 2,
   class: "joy-panel__header-subtitle"
-}, zo = { class: "joy-panel__body" }, Po = {
+}, $o = { class: "joy-panel__body" }, ko = {
   key: 1,
   class: "joy-panel__footer"
-}, qo = /* @__PURE__ */ j({
+}, jo = /* @__PURE__ */ $({
   __name: "VJoyPanel",
   props: {
     flex: {
@@ -2037,14 +2305,14 @@ const Co = /* @__PURE__ */ x(Oo, [["__scopeId", "data-v-47574ced"]]), Bo = ["sma
       type: String,
       default: "medium",
       validator(e) {
-        return Bo.includes(e);
+        return go.includes(e);
       }
     },
     titleSize: {
       type: String,
       default: "large",
       validator(e) {
-        return Lo.includes(e);
+        return _o.includes(e);
       }
     },
     loading: {
@@ -2057,11 +2325,11 @@ const Co = /* @__PURE__ */ x(Oo, [["__scopeId", "data-v-47574ced"]]), Bo = ["sma
     }
   },
   setup(e) {
-    const l = vt("VJoyWrapperContext", {}), t = O(() => Object.keys(l).length > 0), o = Z(), n = b(), r = O(() => o["panel-title"] || o["panel-subtitle"] || o["panel-title-action"]);
-    return (s, a) => (y(), p("section", {
+    const l = _t("VJoyWrapperContext", {}), t = x(() => Object.keys(l).length > 0), a = te(), o = b(), s = x(() => a["panel-title"] || a["panel-subtitle"] || a["panel-title-action"]);
+    return (r, n) => (u(), p("section", {
       ref_key: "panel",
-      ref: n,
-      style: te({ flex: e.flex }),
+      ref: o,
+      style: oe({ flex: e.flex }),
       class: w([
         "joy-panel",
         `joy-panel--${e.padding}`,
@@ -2071,60 +2339,60 @@ const Co = /* @__PURE__ */ x(Oo, [["__scopeId", "data-v-47574ced"]]), Bo = ["sma
         }
       ])
     }, [
-      r.value ? (y(), p("header", Eo, [
-        V(o)["panel-title"] ? (y(), p("div", {
+      s.value ? (u(), p("header", bo, [
+        S(a)["panel-title"] ? (u(), p("div", {
           key: 0,
           class: w(["joy-panel__header-title", `joy-panel__header-title--${e.titleSize}`])
         }, [
-          h(s.$slots, "panel-title", {}, void 0, !0)
+          _(r.$slots, "panel-title", {}, void 0, !0)
         ], 2)) : g("", !0),
-        V(o)["panel-title-action"] ? (y(), p("div", Jo, [
-          h(s.$slots, "panel-title-action", {}, void 0, !0)
+        S(a)["panel-title-action"] ? (u(), p("div", wo, [
+          _(r.$slots, "panel-title-action", {}, void 0, !0)
         ])) : g("", !0),
-        V(o)["panel-subtitle"] ? (y(), p("div", To, [
-          h(s.$slots, "panel-subtitle", {}, void 0, !0)
+        S(a)["panel-subtitle"] ? (u(), p("div", So, [
+          _(r.$slots, "panel-subtitle", {}, void 0, !0)
         ])) : g("", !0)
       ])) : g("", !0),
-      _("div", zo, [
-        h(s.$slots, "panel-body", {}, void 0, !0)
+      h("div", $o, [
+        _(r.$slots, "panel-body", {}, void 0, !0)
       ]),
-      V(o)["panel-action"] ? (y(), p("footer", Po, [
-        h(s.$slots, "panel-action", {}, void 0, !0)
+      S(a)["panel-action"] ? (u(), p("footer", ko, [
+        _(r.$slots, "panel-action", {}, void 0, !0)
       ])) : g("", !0),
-      e.loading ? (y(), I(V(_e), {
+      e.loading ? (u(), I(S(xe), {
         key: 2,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: B(() => [
-          h(s.$slots, "panel-loader-content", {}, void 0, !0)
+        content: E(() => [
+          _(r.$slots, "panel-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : g("", !0)
     ], 6));
   }
 });
-const Ao = /* @__PURE__ */ x(qo, [["__scopeId", "data-v-2e3a2baa"]]), Fo = { class: "joy-panel-section" }, No = {
+const Vo = /* @__PURE__ */ j(jo, [["__scopeId", "data-v-2e3a2baa"]]), xo = { class: "joy-panel-section" }, Co = {
   key: 0,
   class: "joy-panel-section__title"
-}, Mo = {
+}, Io = {
   key: 1,
   class: "joy-panel-section__content"
-}, Ro = /* @__PURE__ */ j({
+}, Lo = /* @__PURE__ */ $({
   __name: "VJoyPanelSection",
   setup(e) {
-    const l = Z();
-    return (t, o) => (y(), p("div", Fo, [
-      V(l)["panel-section-title"] ? (y(), p("div", No, [
-        h(t.$slots, "panel-section-title", {}, void 0, !0)
+    const l = te();
+    return (t, a) => (u(), p("div", xo, [
+      S(l)["panel-section-title"] ? (u(), p("div", Co, [
+        _(t.$slots, "panel-section-title", {}, void 0, !0)
       ])) : g("", !0),
-      V(l)["panel-section-content"] ? (y(), p("div", Mo, [
-        h(t.$slots, "panel-section-content", {}, void 0, !0)
+      S(l)["panel-section-content"] ? (u(), p("div", Io, [
+        _(t.$slots, "panel-section-content", {}, void 0, !0)
       ])) : g("", !0)
     ]));
   }
 });
-const Do = /* @__PURE__ */ x(Ro, [["__scopeId", "data-v-d88510ab"]]), Ho = ["id", "value", "checked", "disabled", "required", "name"], Wo = { class: "joy-radio-label" }, Uo = { class: "joy-radio-content__wrapper" }, Go = { class: "joy-radio-content" }, Ko = /* @__PURE__ */ j({
+const Oo = /* @__PURE__ */ j(Lo, [["__scopeId", "data-v-d88510ab"]]), Eo = ["id", "value", "checked", "disabled", "required", "name"], Bo = { class: "joy-radio-label" }, To = { class: "joy-radio-content__wrapper" }, Jo = { class: "joy-radio-content" }, zo = /* @__PURE__ */ $({
   __name: "VJoyRadio",
   props: {
     disabled: {
@@ -2160,76 +2428,76 @@ const Do = /* @__PURE__ */ x(Ro, [["__scopeId", "data-v-d88510ab"]]), Ho = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, n = b(!1), r = b(!1), s = b(null), a = b(null), d = Z(), m = O(() => !o.modelValue || !o.value ? !1 : o.modelValue === o.value);
-    function u() {
-      n.value = !!d["expandable-content"] && m.value;
+    const a = e, o = b(!1), s = b(!1), r = b(null), n = b(null), c = te(), v = x(() => !a.modelValue || !a.value ? !1 : a.modelValue === a.value);
+    function d() {
+      o.value = !!c["expandable-content"] && v.value;
     }
-    function v() {
-      t("update:modelValue", o.value), u();
+    function m() {
+      t("update:modelValue", a.value), d();
     }
-    Y(() => {
-      o.theme === "outline" && u();
+    ee(() => {
+      a.theme === "outline" && d();
     });
     function i() {
-      r.value = !0;
+      s.value = !0;
     }
-    function c() {
-      r.value = !1;
+    function f() {
+      s.value = !1;
     }
-    return E(
-      () => o.modelValue,
+    return B(
+      () => a.modelValue,
       () => {
-        u();
+        d();
       }
     ), l({
-      checked: m,
-      isExpanded: n
-    }), (f, S) => (y(), p("label", {
+      checked: v,
+      isExpanded: o
+    }), (y, k) => (u(), p("label", {
       ref_key: "root",
-      ref: s,
+      ref: r,
       class: w([
         "joy-radio",
         `joy-radio--${e.theme}`,
         {
-          "joy-radio--checked": m.value,
+          "joy-radio--checked": v.value,
           "joy-radio--disabled": e.disabled,
           "joy-radio--invalid": e.invalid,
-          "joy-radio--outline-focus": r.value && e.theme === "outline",
-          "joy-radio--focus": r.value && e.theme === "default"
+          "joy-radio--outline-focus": s.value && e.theme === "outline",
+          "joy-radio--focus": s.value && e.theme === "default"
         }
       ])
     }, [
-      _("input", {
+      h("input", {
         id: e.id,
         type: "radio",
         value: e.value,
-        checked: m.value,
+        checked: v.value,
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        onChange: v,
+        onChange: m,
         onFocus: i,
-        onBlur: c
-      }, null, 40, Ho),
-      _("span", Wo, [
-        h(f.$slots, "default", {}, void 0, !0)
+        onBlur: f
+      }, null, 40, Eo),
+      h("span", Bo, [
+        _(y.$slots, "default", {}, void 0, !0)
       ]),
-      _("div", Uo, [
-        _("div", Go, [
-          h(f.$slots, "radio-content", {}, void 0, !0)
+      h("div", To, [
+        h("div", Jo, [
+          _(y.$slots, "radio-content", {}, void 0, !0)
         ]),
-        _("div", {
+        h("div", {
           ref_key: "expandableElement",
-          ref: a,
-          class: w(["joy-radio-expandable", { "joy-radio-expandable--expanded": n.value }])
+          ref: n,
+          class: w(["joy-radio-expandable", { "joy-radio-expandable--expanded": o.value }])
         }, [
-          h(f.$slots, "expandable-content", {}, void 0, !0)
+          _(y.$slots, "expandable-content", {}, void 0, !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const Qo = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-24cea99b"]]), Yo = ["form", "name"], Zo = /* @__PURE__ */ j({
+const Po = /* @__PURE__ */ j(zo, [["__scopeId", "data-v-24cea99b"]]), Ao = ["form", "name"], Fo = /* @__PURE__ */ $({
   __name: "VJoyRadioGroup",
   props: {
     /**
@@ -2250,26 +2518,132 @@ const Qo = /* @__PURE__ */ x(Ko, [["__scopeId", "data-v-24cea99b"]]), Yo = ["for
     }
   },
   setup(e) {
-    return (l, t) => (y(), p("fieldset", {
+    return (l, t) => (u(), p("fieldset", {
       ref: "root",
       class: "joy-radio-group-fieldset",
       role: "radiogroup",
       form: e.form,
       name: e.name
     }, [
-      h(l.$slots, "radio-group-legend", {}, void 0, !0),
-      _("div", {
+      _(l.$slots, "radio-group-legend", {}, void 0, !0),
+      h("div", {
         class: w(["joy-radio-group-container", `joy-radio-group-${e.direction}`])
       }, [
-        h(l.$slots, "default", {}, void 0, !0)
+        _(l.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 8, Yo));
+    ], 8, Ao));
   }
 });
-const Xo = /* @__PURE__ */ x(Zo, [["__scopeId", "data-v-a77e7f95"]]), ea = { class: "joy-screen-loader__content" }, ta = {
+const qo = /* @__PURE__ */ j(Fo, [["__scopeId", "data-v-a77e7f95"]]), ve = (e) => (fe("data-v-adbf7701"), e = e(), ye(), e), Mo = ["ariaLabel"], No = { class: "joy-rating-stars" }, Ro = ["width", "height"], Ho = /* @__PURE__ */ ve(() => /* @__PURE__ */ h("path", {
+  d: "M8.51738 0.317102L10.8968 5.03115L15.4764 5.48484C15.7915 5.51103 16.0257 5.78767 15.9995 6.10274C15.9882 6.2386 15.9288 6.36597 15.832 6.46193L12.063 10.1975L13.4604 15.2735C13.5424 15.5821 13.3586 15.8987 13.05 15.9806C12.9134 16.0169 12.7682 16.0019 12.6419 15.9384L7.99897 13.6393L3.36244 15.9355C3.07717 16.079 2.72963 15.964 2.58619 15.6787C2.52268 15.5524 2.50765 15.4073 2.54393 15.2706L3.94129 10.1946L0.169485 6.45908C-0.0550713 6.23653 -0.0566948 5.87408 0.165859 5.64952C0.261822 5.55269 0.389191 5.49329 0.525048 5.482L5.10469 5.0283L7.48056 0.317103C7.62715 0.0307927 7.97809 -0.0824695 8.2644 0.0641246C8.37318 0.119821 8.46168 0.208323 8.51738 0.317102Z",
+  fill: "#FFC200"
+}, null, -1)), Do = [
+  Ho
+], Wo = ["width", "height"], Go = /* @__PURE__ */ ve(() => /* @__PURE__ */ h("path", {
+  d: "M9.51738 1.3171L11.8968 6.03115L16.4764 6.48484C16.7915 6.51103 17.0257 6.78767 16.9995 7.10274C16.9882 7.2386 16.9288 7.36597 16.832 7.46193L13.063 11.1975L14.4604 16.2735C14.5424 16.5821 14.3586 16.8987 14.05 16.9806C13.9134 17.0169 13.7682 17.0019 13.6419 16.9384L8.99897 14.6393L4.36244 16.9355C4.07717 17.079 3.72963 16.964 3.58619 16.6787C3.52268 16.5524 3.50765 16.4073 3.54393 16.2706L4.94129 11.1946L1.16949 7.45908C0.944928 7.23653 0.943304 6.87408 1.16586 6.64952C1.26182 6.55269 1.38919 6.49329 1.52505 6.482L6.10469 6.0283L8.48056 1.3171C8.62715 1.03079 8.97809 0.917532 9.2644 1.06412C9.37318 1.11982 9.46168 1.20832 9.51738 1.3171Z",
+  stroke: "#FFC200",
+  "stroke-width": "1.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1)), Uo = /* @__PURE__ */ ve(() => /* @__PURE__ */ h("path", {
+  d: "M4.36243 16.9355L8.99897 14.6393V1C8.78748 1.00017 8.58356 1.11591 8.48055 1.3171L6.10469 6.0283L1.52504 6.482C1.38919 6.49329 1.26182 6.55269 1.16586 6.64952C0.943301 6.87408 0.944925 7.23653 1.16948 7.45908L4.94129 11.1946L3.54393 16.2706C3.50765 16.4073 3.52268 16.5524 3.58618 16.6787C3.72963 16.964 4.07717 17.079 4.36243 16.9355Z",
+  fill: "#FFC200"
+}, null, -1)), Zo = [
+  Go,
+  Uo
+], Ko = ["width", "height"], Qo = /* @__PURE__ */ ve(() => /* @__PURE__ */ h("path", {
+  d: "M11.5746 6.09904C11.6613 6.27083 11.8298 6.38638 12.0213 6.40535L16.8867 6.88741L16.8867 6.88748L16.8956 6.88821C16.9207 6.8903 16.9394 6.91236 16.9373 6.93758C16.9364 6.94846 16.9317 6.95863 16.9239 6.96629L16.9239 6.9663L12.9198 10.9353C12.7754 11.0784 12.7195 11.2882 12.7734 11.4841L14.2569 16.8736C14.2635 16.9009 14.2471 16.9285 14.2199 16.9358C14.2077 16.939 14.1948 16.9377 14.1835 16.932L14.1804 16.9304L9.24773 14.4877C9.09041 14.4098 8.90575 14.4098 8.74844 14.4877L3.82259 16.9274L3.82259 16.9274L3.81953 16.929C3.79405 16.9418 3.76297 16.9315 3.75011 16.906C3.7446 16.895 3.74316 16.8824 3.74605 16.8705L5.22955 11.4811C5.2835 11.2851 5.2275 11.0752 5.08306 10.9321L1.07604 6.96327C1.07601 6.96323 1.07597 6.9632 1.07593 6.96316C1.0581 6.94537 1.05801 6.91646 1.07575 6.89856C1.08341 6.89083 1.09357 6.88609 1.1044 6.88519L1.1044 6.88526L1.11327 6.88438L5.97868 6.40233C6.17024 6.38335 6.3388 6.26773 6.42547 6.09584L8.94803 1.09326C8.94815 1.09302 8.94827 1.09279 8.9484 1.09255C8.96278 1.06539 8.99633 1.05479 9.02371 1.06881C9.03399 1.07407 9.0424 1.08237 9.04781 1.09259C9.04793 1.09281 9.04804 1.09303 9.04816 1.09326L11.5746 6.09904Z",
+  stroke: "#E0DED9",
+  "stroke-width": "1.5",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1)), Yo = [
+  Qo
+], Xo = { class: "joy-rating-stars__content" }, en = { key: 0 }, tn = /* @__PURE__ */ $({
+  __name: "VJoyRatingStars",
+  props: {
+    ratingValue: {
+      type: Number,
+      default: 0
+    },
+    reviewCount: {
+      type: Number,
+      default: 0
+    },
+    size: {
+      type: String,
+      default: "medium"
+    }
+  },
+  setup(e, { expose: l }) {
+    const t = e, a = we(), o = x(() => {
+      switch (t.size) {
+        case "large":
+          return 17;
+        case "medium":
+          return 14;
+        case "small":
+          return 11;
+        default:
+          return 14;
+      }
+    }), s = x(() => {
+      let r = [], n = 0.24, c = 0.75;
+      for (let v = 0; v < 5; v++)
+        t.ratingValue > n ? r.push(t.ratingValue < c ? "half" : "full") : r.push("empty"), n += 1, c += 1;
+      return r;
+    });
+    return l({
+      setStars: s
+    }), (r, n) => (u(), p("div", {
+      role: "img",
+      class: "joy-rating-stars__wrapper",
+      ariaLabel: S(a).ariaLabel || `Rating: ${e.ratingValue} out of 5`
+    }, [
+      h("ul", No, [
+        (u(!0), p(W, null, X(s.value, (c, v) => (u(), p("li", { key: v }, [
+          c === "full" ? (u(), p("svg", {
+            key: 0,
+            "aria-hidden": "true",
+            class: "star-full",
+            width: o.value,
+            height: o.value,
+            viewBox: "0 0 17 17",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, Do, 8, Ro)) : c === "half" ? (u(), p("svg", {
+            key: 1,
+            "aria-hidden": "true",
+            class: "star-half",
+            width: o.value,
+            height: o.value,
+            viewBox: "0 0 17 17",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none"
+          }, Zo, 8, Wo)) : (u(), p("svg", {
+            key: 2,
+            class: "star-empty",
+            "aria-hidden": "true",
+            width: o.value,
+            height: o.value,
+            viewBox: "0 0 17 17",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, Yo, 8, Ko))
+        ]))), 128))
+      ]),
+      h("div", Xo, [
+        _(r.$slots, "rating-stars-content", {}, () => [
+          e.reviewCount ? (u(), p("span", en, "(" + L(e.reviewCount) + ")", 1)) : g("", !0)
+        ], !0)
+      ])
+    ], 8, Mo));
+  }
+});
+const ln = /* @__PURE__ */ j(tn, [["__scopeId", "data-v-adbf7701"]]), an = { class: "joy-screen-loader__content" }, on = {
   key: 0,
   class: "joy-screen-loader__content"
-}, la = /* @__PURE__ */ j({
+}, nn = /* @__PURE__ */ $({
   __name: "VJoyScreenLoader",
   props: {
     /** Light or dark. Changes the spinner and background color */
@@ -2284,23 +2658,23 @@ const Xo = /* @__PURE__ */ x(Zo, [["__scopeId", "data-v-a77e7f95"]]), ea = { cla
     }
   },
   setup(e) {
-    return (l, t) => (y(), p("div", {
+    return (l, t) => (u(), p("div", {
       class: w(["joy-screen-loader", `joy-screen-loader--${e.color}`, { "joy-screen-loader--overlay": e.overlay }])
     }, [
-      _("div", ea, [
-        h(l.$slots, "spinner", {}, () => [
-          R(ge, {
+      h("div", an, [
+        _(l.$slots, "spinner", {}, () => [
+          D(ke, {
             color: e.color === "dark" ? "white" : "teal"
           }, null, 8, ["color"])
         ], !0),
-        l.$slots.content ? (y(), p("div", ta, [
-          h(l.$slots, "content", {}, void 0, !0)
+        l.$slots.content ? (u(), p("div", on, [
+          _(l.$slots, "content", {}, void 0, !0)
         ])) : g("", !0)
       ])
     ], 2));
   }
 });
-const _e = /* @__PURE__ */ x(la, [["__scopeId", "data-v-5c4f6d7f"]]), oa = ["id", "name", "aria-invalid", "required", "disabled", "value"], aa = /* @__PURE__ */ j({
+const xe = /* @__PURE__ */ j(nn, [["__scopeId", "data-v-5c4f6d7f"]]), sn = ["id", "name", "aria-invalid", "required", "disabled", "value"], rn = /* @__PURE__ */ $({
   __name: "VJoySelect",
   props: {
     disabled: {
@@ -2333,8 +2707,7 @@ const _e = /* @__PURE__ */ x(la, [["__scopeId", "data-v-5c4f6d7f"]]), oa = ["id"
     },
     // ...LABEL_BASED_PROPS,
     modelValue: {
-      type: String,
-      default: ""
+      type: [String, Number]
     },
     size: {
       type: String,
@@ -2344,78 +2717,78 @@ const _e = /* @__PURE__ */ x(la, [["__scopeId", "data-v-5c4f6d7f"]]), oa = ["id"
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = e, o = b(), n = b(), r = Z(), s = b(!1), a = O(() => t.labelSize ? t.labelSize : t.size !== "medium" ? "small" : "medium");
-    Y(() => {
-      var c;
-      const v = r.label && r.label();
-      if (!v || !v.length)
+    const t = e, a = b(), o = b(), s = te(), r = b(!1), n = x(() => t.labelSize ? t.labelSize : t.size !== "medium" ? "small" : "medium");
+    ee(() => {
+      var f;
+      const m = s.label && s.label();
+      if (!m || !m.length)
         return;
-      const i = v[0];
+      const i = m[0];
       if (i.type === "JoyLabel") {
-        const f = (c = i.props) == null ? void 0 : c.for;
-        if (!f) {
+        const y = (f = i.props) == null ? void 0 : f.for;
+        if (!y) {
           console.warn("JoyLabel for attribute is missing");
           return;
         }
-        f !== t.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
+        y !== t.id && console.warn("JoyLabel for attribute does not match with JoySelect id");
       }
     });
-    function d(v) {
-      const i = v.target.value;
+    function c(m) {
+      const i = m.target.value;
       l("update:modelValue", i);
     }
-    function m() {
-      s.value = !0;
+    function v() {
+      r.value = !0;
     }
-    function u() {
-      s.value = !1;
+    function d() {
+      r.value = !1;
     }
-    return (v, i) => (y(), p("div", {
+    return (m, i) => (u(), p("div", {
       ref_key: "root",
-      ref: o
+      ref: a
     }, [
-      h(v.$slots, "select-label", {}, () => [
-        e.label ? (y(), I(U, {
+      _(m.$slots, "select-label", {}, () => [
+        e.label ? (u(), I(K, {
           key: 0,
           required: e.required && e.requiredMark,
           "optional-label": e.optionalLabel,
           for: e.id || e.name,
-          size: a.value
+          size: n.value
         }, {
-          default: B(() => [
-            L(C(e.label), 1)
+          default: E(() => [
+            O(L(e.label), 1)
           ]),
           _: 1
         }, 8, ["required", "optional-label", "for", "size"])) : g("", !0)
       ], !0),
-      _("div", {
+      h("div", {
         class: w([
           `joy-select--${e.size}`,
           {
             "joy-select__wrapper": !0,
             "joy-select--invalid": e.invalid,
             "joy-select--disabled": e.disabled,
-            "joy-select--focusing": s.value
+            "joy-select--focusing": r.value
           }
         ])
       }, [
-        _("select", {
+        h("select", {
           id: e.id || e.name,
           ref_key: "select",
-          ref: n,
+          ref: o,
           class: "joy-select",
           name: e.name,
           "aria-invalid": e.invalid,
           required: e.required,
           disabled: e.disabled,
           value: e.modelValue,
-          onInput: d,
-          onFocus: m,
-          onBlur: u
+          onInput: c,
+          onFocus: v,
+          onBlur: d
         }, [
-          h(v.$slots, "default", {}, void 0, !0)
-        ], 40, oa),
-        R(q, {
+          _(m.$slots, "default", {}, void 0, !0)
+        ], 40, sn),
+        D(P, {
           class: "joy-select__chevron",
           name: "chevron-down"
         })
@@ -2423,7 +2796,7 @@ const _e = /* @__PURE__ */ x(la, [["__scopeId", "data-v-5c4f6d7f"]]), oa = ["id"
     ], 512));
   }
 });
-const na = /* @__PURE__ */ x(aa, [["__scopeId", "data-v-18112ea4"]]), ia = ["aria-disabled"], ra = ["id", "value", "checked", "disabled", "required", "name"], sa = /* @__PURE__ */ j({
+const un = /* @__PURE__ */ j(rn, [["__scopeId", "data-v-b8f98cc8"]]), dn = ["aria-disabled"], cn = ["id", "value", "checked", "disabled", "required", "name"], fn = /* @__PURE__ */ $({
   __name: "VJoySelectableItem",
   props: {
     disabled: {
@@ -2460,56 +2833,56 @@ const na = /* @__PURE__ */ x(aa, [["__scopeId", "data-v-18112ea4"]]), ia = ["ari
   },
   emits: ["update:checked"],
   setup(e, { emit: l }) {
-    const t = e, o = b(t.checked), n = b(), r = b(!1), s = t.multiple ? "div" : "label", a = {
+    const t = e, a = b(t.checked), o = b(), s = b(!1), r = t.multiple ? "div" : "label", n = {
       onRadioChange: () => {
         l("update:checked", t.value);
       },
       onClick: () => {
         t.checked && !t.multiple && l("update:checked", "");
       },
-      onLabelClick: (m) => {
-        t.multiple || m.stopPropagation();
+      onLabelClick: (v) => {
+        t.multiple || v.stopPropagation();
       },
       onFocus: () => {
-        r.value = !0;
+        s.value = !0;
       },
       onBlur: () => {
-        r.value = !1;
+        s.value = !1;
       }
     };
-    function d(m) {
-      l("update:checked", m);
+    function c(v) {
+      l("update:checked", v);
     }
-    return (m, u) => (y(), p("div", {
+    return (v, d) => (u(), p("div", {
       class: w([
         "joy-selectable-item__wrapper",
         {
-          "joy-selectable-item--focusing": r.value
+          "joy-selectable-item--focusing": s.value
         }
       ]),
       "aria-disabled": e.disabled,
-      onClick: u[4] || (u[4] = //@ts-ignore
-      (...v) => a.onClick && a.onClick(...v))
+      onClick: d[4] || (d[4] = //@ts-ignore
+      (...m) => n.onClick && n.onClick(...m))
     }, [
-      e.multiple ? g("", !0) : (y(), p("input", {
+      e.multiple ? g("", !0) : (u(), p("input", {
         key: 0,
         id: e.id,
         ref_key: "inputRadio",
-        ref: n,
+        ref: o,
         type: "radio",
         value: e.value,
         checked: e.checked,
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        onChange: u[0] || (u[0] = //@ts-ignore
-        (...v) => a.onRadioChange && a.onRadioChange(...v)),
-        onFocus: u[1] || (u[1] = //@ts-ignore
-        (...v) => a.onFocus && a.onFocus(...v)),
-        onBlur: u[2] || (u[2] = //@ts-ignore
-        (...v) => a.onBlur && a.onBlur(...v))
-      }, null, 40, ra)),
-      (y(), I(re(V(s)), {
+        onChange: d[0] || (d[0] = //@ts-ignore
+        (...m) => n.onRadioChange && n.onRadioChange(...m)),
+        onFocus: d[1] || (d[1] = //@ts-ignore
+        (...m) => n.onFocus && n.onFocus(...m)),
+        onBlur: d[2] || (d[2] = //@ts-ignore
+        (...m) => n.onBlur && n.onBlur(...m))
+      }, null, 40, cn)),
+      (u(), I(ce(S(r)), {
         for: e.id,
         class: w([
           "joy-selectable-item",
@@ -2520,50 +2893,50 @@ const na = /* @__PURE__ */ x(aa, [["__scopeId", "data-v-18112ea4"]]), ia = ["ari
             "joy-selectable-item--single": !e.multiple
           }
         ]),
-        onClick: a.onLabelClick
+        onClick: n.onLabelClick
       }, {
-        default: B(() => [
-          e.multiple ? (y(), I(V(he), {
+        default: E(() => [
+          e.multiple ? (u(), I(S(je), {
             key: 0,
             id: e.id,
-            checked: o.value,
+            checked: a.value,
             "onUpdate:checked": [
-              u[3] || (u[3] = (v) => o.value = v),
-              d
+              d[3] || (d[3] = (m) => a.value = m),
+              c
             ],
             disabled: e.disabled,
             value: e.value,
             name: e.name,
             "display-focus": !1,
             required: e.required,
-            onFocus: a.onFocus,
-            onBlur: a.onBlur
+            onFocus: n.onFocus,
+            onBlur: n.onBlur
           }, {
-            default: B(() => [
-              h(m.$slots, "default", {}, void 0, !0)
+            default: E(() => [
+              _(v.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["id", "checked", "disabled", "value", "name", "required", "onFocus", "onBlur"])) : g("", !0),
-          e.multiple ? g("", !0) : h(m.$slots, "default", { key: 1 }, void 0, !0),
-          _("div", {
-            class: w([{ "joy-selectable-item__sublabel": m.$slots["selectable-item-sublabel"] }])
+          e.multiple ? g("", !0) : _(v.$slots, "default", { key: 1 }, void 0, !0),
+          h("div", {
+            class: w([{ "joy-selectable-item__sublabel": v.$slots["selectable-item-sublabel"] }])
           }, [
-            h(m.$slots, "selectable-item-sublabel", {}, void 0, !0)
+            _(v.$slots, "selectable-item-sublabel", {}, void 0, !0)
           ], 2)
         ]),
         _: 3
       }, 8, ["for", "class", "onClick"]))
-    ], 10, ia));
+    ], 10, dn));
   }
 });
-const at = /* @__PURE__ */ x(sa, [["__scopeId", "data-v-cb2531c0"]]), ua = ["id"], da = /* @__PURE__ */ j({
+const rt = /* @__PURE__ */ j(fn, [["__scopeId", "data-v-cb2531c0"]]), yn = ["id"], vn = /* @__PURE__ */ $({
   __name: "VJoySelectableItemGroup",
   props: {
     options: {
       type: Array,
       required: !0,
       validator(e) {
-        const l = e.every((o) => Object.keys(o).includes("value")), t = e.every((o) => Object.keys(o).includes("label"));
+        const l = e.every((a) => Object.keys(a).includes("value")), t = e.every((a) => Object.keys(a).includes("label"));
         return l && t;
       }
     },
@@ -2598,32 +2971,32 @@ const at = /* @__PURE__ */ x(sa, [["__scopeId", "data-v-cb2531c0"]]), ua = ["id"
   emits: ["update:value"],
   setup(e, { emit: l }) {
     const t = e;
-    function o(r) {
-      return typeof t.value == "string" ? t.value === r.value : (t.value || []).includes(r.value);
+    function a(s) {
+      return typeof t.value == "string" ? t.value === s.value : (t.value || []).includes(s.value);
     }
-    function n(r, s) {
+    function o(s, r) {
       if (!t.multiple)
-        return l("update:value", s);
-      let a = [...t.value || []];
-      s && typeof s == "boolean" ? a.push(r) : a.splice(a.indexOf(r), 1), l("update:value", a);
+        return l("update:value", r);
+      let n = [...t.value || []];
+      r && typeof r == "boolean" ? n.push(s) : n.splice(n.indexOf(s), 1), l("update:value", n);
     }
-    return (r, s) => (y(), p("fieldset", {
+    return (s, r) => (u(), p("fieldset", {
       id: e.id,
       class: "joy-selectable-item-group__wrapper"
     }, [
-      e.label ? (y(), I(V(U), {
+      e.label ? (u(), I(S(K), {
         key: 0,
         "tag-name": "legend",
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: B(() => [
-          L(C(e.label), 1)
+        default: E(() => [
+          O(L(e.label), 1)
         ]),
         _: 1
       }, 8, ["required", "optional-label", "size"])) : g("", !0),
-      _("div", {
+      h("div", {
         class: w([
           "joy-selectable-item-group",
           {
@@ -2633,34 +3006,54 @@ const at = /* @__PURE__ */ x(sa, [["__scopeId", "data-v-cb2531c0"]]), ua = ["id"
           }
         ])
       }, [
-        (y(!0), p(Q, null, se(e.options, (a) => (y(), I(V(at), {
-          id: a.id,
-          key: a.id,
-          name: a.name,
-          disabled: a.disabled,
-          value: a.value,
+        (u(!0), p(W, null, X(e.options, (n) => (u(), I(S(rt), {
+          id: n.id,
+          key: n.id,
+          name: n.name,
+          disabled: n.disabled,
+          value: n.value,
           multiple: e.multiple,
-          checked: o(a),
-          "onUpdate:checked": (d) => n(a.value, d)
-        }, Ge({
-          default: B(() => [
-            L(C(a.label) + " ", 1)
+          checked: a(n),
+          "onUpdate:checked": (c) => o(n.value, c)
+        }, Ye({
+          default: E(() => [
+            O(L(n.label) + " ", 1)
           ]),
           _: 2
         }, [
-          a.subLabel ? {
+          n.subLabel ? {
             name: "selectable-item-sublabel",
-            fn: B(() => [
-              L(C(a.subLabel), 1)
+            fn: E(() => [
+              O(L(n.subLabel), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["id", "name", "disabled", "value", "multiple", "checked", "onUpdate:checked"]))), 128))
       ], 2)
-    ], 8, ua));
+    ], 8, yn));
   }
 });
-const ca = /* @__PURE__ */ x(da, [["__scopeId", "data-v-0730aed0"]]), fa = /* @__PURE__ */ j({
+const mn = /* @__PURE__ */ j(vn, [["__scopeId", "data-v-0730aed0"]]), pn = /* @__PURE__ */ $({
+  __name: "VJoySeparator",
+  props: {
+    /** Main text to apply in the central area */
+    text: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(e) {
+    return (l, t) => (u(), p("div", {
+      class: w(["joy-separator", { "joy-separator__small": e.size === "small" }])
+    }, [
+      h("span", null, L(e.text), 1)
+    ], 2));
+  }
+});
+const hn = /* @__PURE__ */ j(pn, [["__scopeId", "data-v-d83b1859"]]), gn = /* @__PURE__ */ $({
   __name: "VJoyWrapper",
   props: {
     /** Horizontal spread. Refers to CSS flex justify-content. */
@@ -2691,25 +3084,37 @@ const ca = /* @__PURE__ */ x(da, [["__scopeId", "data-v-0730aed0"]]), fa = /* @_
     noMargin: {
       type: Boolean,
       default: !1
+    },
+    /** Gap between the columns. Refers to CSS column-gap. Value is based on spacing tokens. */
+    columnGap: {
+      type: String,
+      default: "4"
+    },
+    /** Gap between the rows. Refers to CSS row-gap. Value is based on spacing tokens. */
+    rowGap: {
+      type: String,
+      default: "8"
     }
   },
   setup(e) {
-    return mt("VJoyWrapperContext", e), (t, o) => (y(), p("div", {
+    return bt("VJoyWrapperContext", e), (t, a) => (u(), p("div", {
       class: w([
         "joy-wrapper",
         `joy-wrapper--justify-${e.justify}`,
         `joy-wrapper--align-${e.align}`,
         `joy-wrapper--direction-${e.direction}`,
         `joy-wrapper--wrap-${e.wrap}`,
+        `joy-wrapper--row-gap-${e.rowGap}`,
+        `joy-wrapper--column-gap-${e.columnGap}`,
         { "joy-wrapper--item-stretch": e.itemStretch },
         { "joy-wrapper--has-margin": !e.noMargin }
       ])
     }, [
-      h(t.$slots, "default", {}, void 0, !0)
+      _(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
-const ya = /* @__PURE__ */ x(fa, [["__scopeId", "data-v-e2f29698"]]), va = ["role"], ma = /* @__PURE__ */ j({
+const _n = /* @__PURE__ */ j(gn, [["__scopeId", "data-v-8a6c4326"]]), bn = ["role"], wn = /* @__PURE__ */ $({
   __name: "VJoyTag",
   props: {
     /** Text injected within the tag */
@@ -2748,7 +3153,7 @@ const ya = /* @__PURE__ */ x(fa, [["__scopeId", "data-v-e2f29698"]]), va = ["rol
   },
   emits: ["selected", "remove", "click"],
   setup(e, { emit: l }) {
-    const t = e, o = ["primary", "secondary"], n = O(() => ({
+    const t = e, a = ["primary", "secondary"], o = x(() => ({
       "joy-tag": !0,
       "joy-tag__selected": t.selected,
       "joy-tag__selectable": t.selectable || t.link,
@@ -2756,35 +3161,35 @@ const ya = /* @__PURE__ */ x(fa, [["__scopeId", "data-v-e2f29698"]]), va = ["rol
       ["joy-tag__" + t.size]: !0,
       ["joy-tag__" + t.variant]: !0
     }));
-    function r() {
+    function s() {
       l("remove", { value: t.value });
     }
-    function s() {
-      l("click"), t.selectable && o.includes(t.variant) && l("selected", { selected: !t.selected, value: t.value });
+    function r() {
+      l("click"), t.selectable && a.includes(t.variant) && l("selected", { selected: !t.selected, value: t.value });
     }
-    return (a, d) => (y(), p("span", {
-      class: w([n.value]),
+    return (n, c) => (u(), p("span", {
+      class: w([o.value]),
       role: e.link || e.selectable ? "button" : void 0,
-      onClick: s
+      onClick: r
     }, [
-      e.draggable ? (y(), I(q, {
+      e.draggable ? (u(), I(P, {
         key: 0,
         class: "joy-tag__drag",
         name: "drag",
         size: "xxsmall"
       })) : g("", !0),
-      L(" " + C(e.label) + " ", 1),
-      e.removable ? (y(), I(q, {
+      O(" " + L(e.label) + " ", 1),
+      e.removable ? (u(), I(P, {
         key: 1,
         class: "joy-tag__removable",
         name: "cross",
         size: "xxsmall",
-        onClick: pt(r, ["stop"])
+        onClick: wt(s, ["stop"])
       }, null, 8, ["onClick"])) : g("", !0)
-    ], 10, va));
+    ], 10, bn));
   }
 });
-const nt = /* @__PURE__ */ x(ma, [["__scopeId", "data-v-01b9f7cc"]]), pa = /* @__PURE__ */ j({
+const ut = /* @__PURE__ */ j(wn, [["__scopeId", "data-v-01b9f7cc"]]), Sn = /* @__PURE__ */ $({
   __name: "VJoyTagsList",
   props: {
     align: {
@@ -2800,54 +3205,64 @@ const nt = /* @__PURE__ */ x(ma, [["__scopeId", "data-v-01b9f7cc"]]), pa = /* @_
         return [];
       },
       required: !0
+    },
+    /** You can either pass this property to make all generated tags removable, or pass the `removable: true` to each tag in "tags" prop. */
+    removable: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "removeTag"],
   setup(e, { emit: l }) {
     const t = e;
-    function o(r) {
-      var s;
-      return (s = t.modelValue) == null ? void 0 : s.includes(r.value);
+    function a(r) {
+      var n;
+      return t.removable ? !1 : (n = t.modelValue) == null ? void 0 : n.includes(r.value);
+    }
+    function o(r, n) {
+      let c = [];
+      r.selected && !a(n) ? c = [...t.modelValue || [], n.value] : c = (t.modelValue || []).filter((v) => v !== n.value), l("update:modelValue", c);
     }
-    function n(r, s) {
-      let a = [];
-      r.selected && !o(s) ? a = [...t.modelValue || [], s.value] : a = (t.modelValue || []).filter((d) => d !== s.value), l("update:modelValue", a);
+    function s(r) {
+      l("removeTag", r.value);
     }
-    return (r, s) => (y(), p("div", {
+    return (r, n) => (u(), p("div", {
       class: w(["joy-tags-list", `joy-tags-list--${e.align}`])
     }, [
-      (y(!0), p(Q, null, se(e.tags, (a) => (y(), I(V(nt), H({
-        key: a.value,
-        selectable: !!e.modelValue
-      }, a, {
-        selected: o(a),
-        onSelected: (d) => n(d, a)
-      }), null, 16, ["selectable", "selected", "onSelected"]))), 128))
+      (u(!0), p(W, null, X(e.tags, (c) => (u(), I(S(ut), U({
+        key: c.value,
+        selectable: !!e.modelValue && !e.removable
+      }, c, {
+        removable: e.removable,
+        selected: a(c),
+        onRemove: s,
+        onSelected: (v) => o(v, c)
+      }), null, 16, ["selectable", "removable", "selected", "onSelected"]))), 128))
     ], 2));
   }
 });
-const ga = /* @__PURE__ */ x(pa, [["__scopeId", "data-v-598cca84"]]), ha = { class: "joy-template__wrapper" }, ba = {
+const $n = /* @__PURE__ */ j(Sn, [["__scopeId", "data-v-510c6367"]]), kn = { class: "joy-template__wrapper" }, jn = {
   key: 0,
   class: "joy-template__heading"
-}, _a = {
+}, Vn = {
   key: 0,
   class: "joy-template-slot-back"
-}, wa = { class: "joy-template__heading___headings" }, Sa = {
+}, xn = { class: "joy-template__heading___headings" }, Cn = {
   key: 0,
   class: "joy-template-slot-title"
-}, ka = {
+}, In = {
   key: 1,
   class: "joy-template-slot-subtitle"
-}, ja = {
+}, Ln = {
   key: 1,
   class: "joy-template-slot-actions"
-}, $a = {
+}, On = {
   key: 0,
   class: "joy-template-slot-main"
-}, Va = {
+}, En = {
   key: 1,
   class: "joy-template-slot-sidebar"
-}, xa = /* @__PURE__ */ j({
+}, Bn = /* @__PURE__ */ $({
   __name: "VJoyTemplate",
   props: {
     full: { type: Boolean, default: !1 },
@@ -2862,28 +3277,28 @@ const ga = /* @__PURE__ */ x(pa, [["__scopeId", "data-v-598cca84"]]), ha = { cla
     }
   },
   setup(e) {
-    const l = e, t = Z(), o = O(() => !!t["template-back"] || !!t["template-title"] || !!t["template-subtitle"] || !!t["template-actions"]);
-    return (n, r) => (y(), p("main", {
+    const l = e, t = te(), a = x(() => !!t["template-back"] || !!t["template-title"] || !!t["template-subtitle"] || !!t["template-actions"]);
+    return (o, s) => (u(), p("main", {
       class: w(["joy-template", { "joy-template--full": e.full, "joy-template--loading": e.loading }])
     }, [
-      _("div", ha, [
-        o.value ? (y(), p("div", ba, [
-          V(t)["template-back"] ? (y(), p("div", _a, [
-            h(n.$slots, "template-back", {}, void 0, !0)
+      h("div", kn, [
+        a.value ? (u(), p("div", jn, [
+          S(t)["template-back"] ? (u(), p("div", Vn, [
+            _(o.$slots, "template-back", {}, void 0, !0)
           ])) : g("", !0),
-          _("div", wa, [
-            V(t)["template-title"] ? (y(), p("div", Sa, [
-              h(n.$slots, "template-title", {}, void 0, !0)
+          h("div", xn, [
+            S(t)["template-title"] ? (u(), p("div", Cn, [
+              _(o.$slots, "template-title", {}, void 0, !0)
             ])) : g("", !0),
-            V(t)["template-subtitle"] ? (y(), p("div", ka, [
-              h(n.$slots, "template-subtitle", {}, void 0, !0)
+            S(t)["template-subtitle"] ? (u(), p("div", In, [
+              _(o.$slots, "template-subtitle", {}, void 0, !0)
             ])) : g("", !0)
           ]),
-          V(t)["template-actions"] ? (y(), p("div", ja, [
-            h(n.$slots, "template-actions", {}, void 0, !0)
+          S(t)["template-actions"] ? (u(), p("div", Ln, [
+            _(o.$slots, "template-actions", {}, void 0, !0)
           ])) : g("", !0)
         ])) : g("", !0),
-        _("div", {
+        h("div", {
           class: w([
             "joy-template__content",
             {
@@ -2891,34 +3306,34 @@ const ga = /* @__PURE__ */ x(pa, [["__scopeId", "data-v-598cca84"]]), ha = { cla
             }
           ])
         }, [
-          n.$slots["template-main"] ? (y(), p("div", $a, [
-            h(n.$slots, "template-main", {}, void 0, !0)
+          o.$slots["template-main"] ? (u(), p("div", On, [
+            _(o.$slots, "template-main", {}, void 0, !0)
           ])) : g("", !0),
-          n.$slots["template-sidebar"] ? (y(), p("div", Va, [
-            h(n.$slots, "template-sidebar", {}, void 0, !0)
+          o.$slots["template-sidebar"] ? (u(), p("div", En, [
+            _(o.$slots, "template-sidebar", {}, void 0, !0)
           ])) : g("", !0)
         ], 2)
       ]),
-      e.loading ? (y(), I(_e, {
+      e.loading ? (u(), I(xe, {
         key: 0,
         overlay: "",
         color: e.loadingColor
       }, {
-        content: B(() => [
-          h(n.$slots, "template-loader-content", {}, void 0, !0)
+        content: E(() => [
+          _(o.$slots, "template-loader-content", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["color"])) : g("", !0)
     ], 2));
   }
 });
-const Ia = /* @__PURE__ */ x(xa, [["__scopeId", "data-v-a2355e4b"]]), Oa = ["aria-disabled"], Ca = { class: "joy-textarea_wrapper" }, Ba = ["id", "disabled", "name", "required", "minlength", "value"], La = {
+const Tn = /* @__PURE__ */ j(Bn, [["__scopeId", "data-v-a2355e4b"]]), Jn = ["aria-disabled"], zn = { class: "joy-textarea_wrapper" }, Pn = ["id", "disabled", "name", "required", "minlength", "value"], An = {
   key: 0,
   class: "joy-textarea_helpers"
-}, Ea = {
+}, Fn = {
   inheritAttrs: !1
-}, Ja = /* @__PURE__ */ j({
-  ...Ea,
+}, qn = /* @__PURE__ */ $({
+  ...Fn,
   __name: "VJoyTextarea",
   props: {
     disabled: {
@@ -2953,6 +3368,11 @@ const Ia = /* @__PURE__ */ x(xa, [["__scopeId", "data-v-a2355e4b"]]), Oa = ["ari
       type: String,
       default: ""
     },
+    modelModifiers: {
+      default: () => ({
+        lazy: !1
+      })
+    },
     autogrow: {
       type: Boolean,
       default: !1
@@ -2967,53 +3387,56 @@ const Ia = /* @__PURE__ */ x(xa, [["__scopeId", "data-v-a2355e4b"]]), Oa = ["ari
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const o = e, n = b(), { triggerResize: r } = yl({
-      element: o.autogrow ? n : void 0
-    }), s = b(!1), a = b(!1), d = O(() => o.maxlength ? o.modelValue.length > o.maxlength : !1), m = O(() => o.minlength ? o.modelValue.length < o.minlength : !1), u = {
-      onInput: (v) => {
-        t("update:modelValue", v.target.value), r();
+    const a = e, o = b(), { triggerResize: s } = ea({
+      element: a.autogrow ? o : void 0
+    }), r = b(!1), n = b(!1), c = x(() => a.maxlength ? a.modelValue.length > a.maxlength : !1), v = x(() => a.minlength ? a.modelValue.length < a.minlength : !1), d = {
+      onInput: (m) => {
+        a.modelModifiers.lazy || t("update:modelValue", m.target.value), s();
+      },
+      onChange: (m) => {
+        a.modelModifiers.lazy && t("update:modelValue", m.target.value);
       },
       onBlur: () => {
-        a.value = !1, s.value = d.value || m.value;
+        n.value = !1, r.value = c.value || v.value;
       },
       onFocus: () => {
-        a.value = !0;
+        n.value = !0;
       }
     };
     return l({
-      isInvalid: s,
-      valueOverMaxlength: d,
-      valueUnderMinlength: m
-    }), (v, i) => (y(), p("div", {
+      isInvalid: r,
+      valueOverMaxlength: c,
+      valueUnderMinlength: v
+    }), (m, i) => (u(), p("div", {
       "aria-disabled": e.disabled,
       class: w([
         "joy-textarea",
         {
-          "joy-textarea_invalid": s.value || e.invalid,
+          "joy-textarea_invalid": r.value || e.invalid,
           "joy-textarea_disabled": e.disabled,
           "joy-textarea_autogrow": e.autogrow,
-          "joy-textarea_focusing": a.value
+          "joy-textarea_focusing": n.value
         }
       ])
     }, [
-      R(V(U), {
+      D(S(K), {
         for: e.id,
         required: e.required && e.requiredMark,
         "optional-label": e.optionalLabel,
         size: e.labelSize
       }, {
-        default: B(() => [
-          h(v.$slots, "default", {}, () => [
-            L(C(e.label), 1)
+        default: E(() => [
+          _(m.$slots, "default", {}, () => [
+            O(L(e.label), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["for", "required", "optional-label", "size"]),
-      _("div", Ca, [
-        _("textarea", H(v.$attrs, {
+      h("div", zn, [
+        h("textarea", U(m.$attrs, {
           id: e.id,
           ref_key: "textarea",
-          ref: n,
+          ref: o,
           class: "joy-native-textarea",
           disabled: e.disabled,
           name: e.name,
@@ -3021,48 +3444,50 @@ const Ia = /* @__PURE__ */ x(xa, [["__scopeId", "data-v-a2355e4b"]]), Oa = ["ari
           minlength: e.minlength,
           value: e.modelValue,
           onInput: i[0] || (i[0] = //@ts-ignore
-          (...c) => u.onInput && u.onInput(...c)),
-          onFocus: i[1] || (i[1] = //@ts-ignore
-          (...c) => u.onFocus && u.onFocus(...c)),
-          onBlur: i[2] || (i[2] = //@ts-ignore
-          (...c) => u.onBlur && u.onBlur(...c))
-        }), null, 16, Ba)
+          (...f) => d.onInput && d.onInput(...f)),
+          onChange: i[1] || (i[1] = //@ts-ignore
+          (...f) => d.onChange && d.onChange(...f)),
+          onFocus: i[2] || (i[2] = //@ts-ignore
+          (...f) => d.onFocus && d.onFocus(...f)),
+          onBlur: i[3] || (i[3] = //@ts-ignore
+          (...f) => d.onBlur && d.onBlur(...f))
+        }), null, 16, Pn)
       ]),
-      e.minlength || e.maxlength ? (y(), p("div", La, [
-        e.minlength ? (y(), p("p", {
+      e.minlength || e.maxlength ? (u(), p("div", An, [
+        e.minlength ? (u(), p("p", {
           key: 0,
           class: w(["joy-textarea-min", { "joy-textarea-min-invalid": e.invalid }])
         }, [
-          m.value ? g("", !0) : (y(), I(q, {
+          v.value ? g("", !0) : (u(), I(P, {
             key: 0,
             name: "check",
             color: "neutral",
             size: "xxsmall"
           })),
-          L(" " + C(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
+          O(" " + L(e.minlengthLabel || `Minimum ${e.minlength} characters`), 1)
         ], 2)) : g("", !0),
-        e.maxlength ? (y(), p("p", {
+        e.maxlength ? (u(), p("p", {
           key: 1,
-          class: w(["joy-textarea-count", { "joy-textarea-count-invalid": d.value }])
-        }, C(e.modelValue.length + "/" + e.maxlength), 3)) : g("", !0)
+          class: w(["joy-textarea-count", { "joy-textarea-count-invalid": c.value }])
+        }, L(e.modelValue.length + "/" + e.maxlength), 3)) : g("", !0)
       ])) : g("", !0)
-    ], 10, Oa));
+    ], 10, Jn));
   }
 });
-const Ta = /* @__PURE__ */ x(Ja, [["__scopeId", "data-v-d0d2c93e"]]), it = (e) => (Re("data-v-cf79d999"), e = e(), De(), e), za = { class: "joy-toggle__wrapper" }, Pa = ["name", "disabled", "checked", "required", "aria-checked", "value"], qa = { class: "joy-toggle__content" }, Aa = /* @__PURE__ */ it(() => /* @__PURE__ */ _("span", { class: "joy-toggle__symbol" }, null, -1)), Fa = { class: "joy-toggle__content-label" }, Na = /* @__PURE__ */ it(() => /* @__PURE__ */ _("span", { class: "joy-toggle__smile" }, [
-  /* @__PURE__ */ _("svg", {
+const Mn = /* @__PURE__ */ j(qn, [["__scopeId", "data-v-1d2165ca"]]), dt = (e) => (fe("data-v-cf79d999"), e = e(), ye(), e), Nn = { class: "joy-toggle__wrapper" }, Rn = ["name", "disabled", "checked", "required", "aria-checked", "value"], Hn = { class: "joy-toggle__content" }, Dn = /* @__PURE__ */ dt(() => /* @__PURE__ */ h("span", { class: "joy-toggle__symbol" }, null, -1)), Wn = { class: "joy-toggle__content-label" }, Gn = /* @__PURE__ */ dt(() => /* @__PURE__ */ h("span", { class: "joy-toggle__smile" }, [
+  /* @__PURE__ */ h("svg", {
     width: "18",
     height: "10",
     viewBox: "0 0 18 10",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   }, [
-    /* @__PURE__ */ _("path", {
+    /* @__PURE__ */ h("path", {
       d: "M9.0237 9.14856C15.7144 9.14856 17.8736 2.22231 17.9649 1.91853L17.9345 1.94891C18.1778 1.15908 17.7216 0.308485 16.9309 0.0654591C16.1402 -0.177566 15.2886 0.278108 15.0453 1.06794C14.9845 1.25021 13.5551 6.11073 8.99328 6.11073C4.43147 6.11073 3.03249 1.43248 2.97167 1.21983C2.75878 0.399622 1.90724 -0.0560541 1.11652 0.156593C0.295397 0.369241 -0.160787 1.18945 0.0520982 2.00967C0.721165 4.4703 3.48869 9.14856 9.0237 9.14856Z",
       fill: "currentColor"
     })
   ])
-], -1)), Ma = /* @__PURE__ */ j({
+], -1)), Un = /* @__PURE__ */ $({
   __name: "VJoyToggle",
   props: {
     modelValue: {
@@ -3096,10 +3521,10 @@ const Ta = /* @__PURE__ */ x(Ja, [["__scopeId", "data-v-d0d2c93e"]]), it = (e) =
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const t = b(!1), o = {
-      onChange: (n) => {
-        const r = n.target.checked;
-        l("update:modelValue", r);
+    const t = b(!1), a = {
+      onChange: (o) => {
+        const s = o.target.checked;
+        l("update:modelValue", s);
       },
       onFocus: () => {
         t.value = !0;
@@ -3108,8 +3533,8 @@ const Ta = /* @__PURE__ */ x(Ja, [["__scopeId", "data-v-d0d2c93e"]]), it = (e) =
         t.value = !1;
       }
     };
-    return (n, r) => (y(), p("div", za, [
-      _("label", {
+    return (o, s) => (u(), p("div", Nn, [
+      h("label", {
         class: w([
           "joy-toggle",
           {
@@ -3119,7 +3544,7 @@ const Ta = /* @__PURE__ */ x(Ja, [["__scopeId", "data-v-d0d2c93e"]]), it = (e) =
           }
         ])
       }, [
-        _("input", {
+        h("input", {
           ref: "input",
           type: "checkbox",
           class: "joy-toggle__input",
@@ -3130,95 +3555,107 @@ const Ta = /* @__PURE__ */ x(Ja, [["__scopeId", "data-v-d0d2c93e"]]), it = (e) =
           required: e.required,
           "aria-checked": e.modelValue,
           value: e.value,
-          onChange: r[0] || (r[0] = //@ts-ignore
-          (...s) => o.onChange && o.onChange(...s)),
-          onFocus: r[1] || (r[1] = //@ts-ignore
-          (...s) => o.onFocus && o.onFocus(...s)),
-          onBlur: r[2] || (r[2] = //@ts-ignore
-          (...s) => o.onBlur && o.onBlur(...s))
-        }, null, 40, Pa),
-        _("p", qa, [
-          Aa,
-          _("span", Fa, [
-            h(n.$slots, "default", {}, () => [
-              L(C(e.label), 1)
+          onChange: s[0] || (s[0] = //@ts-ignore
+          (...r) => a.onChange && a.onChange(...r)),
+          onFocus: s[1] || (s[1] = //@ts-ignore
+          (...r) => a.onFocus && a.onFocus(...r)),
+          onBlur: s[2] || (s[2] = //@ts-ignore
+          (...r) => a.onBlur && a.onBlur(...r))
+        }, null, 40, Rn),
+        h("p", Hn, [
+          Dn,
+          h("span", Wn, [
+            _(o.$slots, "default", {}, () => [
+              O(L(e.label), 1)
             ], !0)
           ]),
-          Na
+          Gn
         ])
       ], 2)
     ]));
   }
 });
-const Ra = /* @__PURE__ */ x(Ma, [["__scopeId", "data-v-cf79d999"]]), Da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Zn = /* @__PURE__ */ j(Un, [["__scopeId", "data-v-cf79d999"]]), Kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VJoyAvatar: $t,
-  VJoyAvatarsList: xt,
-  VJoyBadge: Ct,
-  VJoyButton: Ke,
-  VJoyCheckbox: he,
-  VJoyCounter: el,
-  VJoyDropdown: no,
-  VJoyDropdownList: lt,
-  VJoyFormError: ot,
-  VJoyHighlight: yo,
-  VJoyIcon: q,
-  VJoyInput: So,
-  VJoyLabel: U,
-  VJoyLink: Vo,
-  VJoyMultiCheckbox: Co,
-  VJoyPanel: Ao,
-  VJoyPanelSection: Do,
-  VJoyRadio: Qo,
-  VJoyRadioGroup: Xo,
-  VJoyScreenLoader: _e,
-  VJoySelect: na,
-  VJoySelectableItem: at,
-  VJoySelectableItemGroup: ca,
-  VJoySpinner: ge,
-  VJoyTag: nt,
-  VJoyTagsList: ga,
-  VJoyTemplate: Ia,
-  VJoyTextarea: Ta,
-  VJoyToggle: Ra,
-  VJoyWrapper: ya
-}, Symbol.toStringTag, { value: "Module" })), Wa = {
+  VJoyAvailability: kt,
+  VJoyAvatar: Bt,
+  VJoyAvatarsList: Jt,
+  VJoyBadge: At,
+  VJoyBadgeLevel: rl,
+  VJoyButton: Xe,
+  VJoyCheckbox: je,
+  VJoyCompanyAvatar: Vl,
+  VJoyCounter: Jl,
+  VJoyDividerCta: Ml,
+  VJoyDropdown: Wa,
+  VJoyDropdownList: it,
+  VJoyFormError: st,
+  VJoyHighlight: Xa,
+  VJoyIcon: P,
+  VJoyInput: ro,
+  VJoyLabel: K,
+  VJoyLink: yo,
+  VJoyMultiCheckbox: ho,
+  VJoyPanel: Vo,
+  VJoyPanelSection: Oo,
+  VJoyRadio: Po,
+  VJoyRadioGroup: qo,
+  VJoyRatingStars: ln,
+  VJoyScreenLoader: xe,
+  VJoySelect: un,
+  VJoySelectableItem: rt,
+  VJoySelectableItemGroup: mn,
+  VJoySeparator: hn,
+  VJoySpinner: ke,
+  VJoyTag: ut,
+  VJoyTagsList: $n,
+  VJoyTemplate: Tn,
+  VJoyTextarea: Mn,
+  VJoyToggle: Zn,
+  VJoyWrapper: _n
+}, Symbol.toStringTag, { value: "Module" })), Yn = {
   install: (e) => {
-    Object.entries(Da).forEach(([l, t]) => {
+    Object.entries(Kn).forEach(([l, t]) => {
       e.component(l, t);
     });
   }
 };
 export {
-  Wa as JoyVuePlugin,
-  $t as VJoyAvatar,
-  xt as VJoyAvatarsList,
-  Ct as VJoyBadge,
-  Ke as VJoyButton,
-  he as VJoyCheckbox,
-  el as VJoyCounter,
-  no as VJoyDropdown,
-  lt as VJoyDropdownList,
-  ot as VJoyFormError,
-  yo as VJoyHighlight,
-  q as VJoyIcon,
-  So as VJoyInput,
-  U as VJoyLabel,
-  Vo as VJoyLink,
-  Co as VJoyMultiCheckbox,
-  Ao as VJoyPanel,
-  Do as VJoyPanelSection,
-  Qo as VJoyRadio,
-  Xo as VJoyRadioGroup,
-  _e as VJoyScreenLoader,
-  na as VJoySelect,
-  at as VJoySelectableItem,
-  ca as VJoySelectableItemGroup,
-  ge as VJoySpinner,
-  nt as VJoyTag,
-  ga as VJoyTagsList,
-  Ia as VJoyTemplate,
-  Ta as VJoyTextarea,
-  Ra as VJoyToggle,
-  ya as VJoyWrapper
+  Yn as JoyVuePlugin,
+  kt as VJoyAvailability,
+  Bt as VJoyAvatar,
+  Jt as VJoyAvatarsList,
+  At as VJoyBadge,
+  rl as VJoyBadgeLevel,
+  Xe as VJoyButton,
+  je as VJoyCheckbox,
+  Vl as VJoyCompanyAvatar,
+  Jl as VJoyCounter,
+  Ml as VJoyDividerCta,
+  Wa as VJoyDropdown,
+  it as VJoyDropdownList,
+  st as VJoyFormError,
+  Xa as VJoyHighlight,
+  P as VJoyIcon,
+  ro as VJoyInput,
+  K as VJoyLabel,
+  yo as VJoyLink,
+  ho as VJoyMultiCheckbox,
+  Vo as VJoyPanel,
+  Oo as VJoyPanelSection,
+  Po as VJoyRadio,
+  qo as VJoyRadioGroup,
+  ln as VJoyRatingStars,
+  xe as VJoyScreenLoader,
+  un as VJoySelect,
+  rt as VJoySelectableItem,
+  mn as VJoySelectableItemGroup,
+  hn as VJoySeparator,
+  ke as VJoySpinner,
+  ut as VJoyTag,
+  $n as VJoyTagsList,
+  Tn as VJoyTemplate,
+  Mn as VJoyTextarea,
+  Zn as VJoyToggle,
+  _n as VJoyWrapper
 };