energy-components 1.17.0 → 1.19.0-beta.0

package/dist/components/dropdown.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as me, mergeModels as J, toRefs as ve, useModel as ye, ref as D, computed as i, provide as _, onMounted as be, nextTick as F, onBeforeUnmount as we, createElementBlock as w, openBlock as u, normalizeClass as T, unref as a, createVNode as S, mergeProps as Q, withModifiers as r, createSlots as X, withCtx as d, createElementVNode as c, createCommentVNode as O, createBlock as K, renderSlot as v, Fragment as ge, toDisplayString as E } from "vue";
+import { defineComponent as fe, mergeModels as J, toRefs as ve, useModel as ye, ref as D, computed as i, provide as _, onMounted as be, nextTick as F, onBeforeUnmount as we, createElementBlock as w, openBlock as u, normalizeClass as T, unref as a, createVNode as S, mergeProps as Q, withModifiers as r, createSlots as X, withCtx as d, createElementVNode as c, createCommentVNode as O, createBlock as K, renderSlot as v, Fragment as ge, toDisplayString as E } from "vue";
 import he from "./multiselect.es.js";
 import ke from "./checkbox.es.js";
 import { _ as $e } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
@@ -15,7 +15,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
 }, Te = { class: "rds-e-dropdown__before-list-container" }, Ee = {
   key: 1,
   class: "rds-e-dropdown__before-list"
-}, Le = { class: "rds-e-dropdown__before-list-container" }, Me = { class: "rds-e-dropdown__after-list" }, je = { class: "rds-e-dropdown__after-list-container" }, Ie = /* @__PURE__ */ me({
+}, Le = { class: "rds-e-dropdown__before-list-container" }, Me = { class: "rds-e-dropdown__after-list" }, je = { class: "rds-e-dropdown__after-list-container" }, Ie = /* @__PURE__ */ fe({
   __name: "dropdown",
   props: /* @__PURE__ */ J({
     /**
@@ -198,13 +198,13 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
       multiple: $,
       options: h,
       textOnly: j
-    } = ve(s), n = ye(o, "modelValue"), p = D([]), f = D(), y = D(), I = D(""), q = D(!1);
+    } = ve(s), n = ye(o, "modelValue"), p = D([]), m = D(), y = D(), I = D(""), q = D(!1);
     let B = !1;
     const le = () => {
       q.value = !0;
     }, te = i(() => {
       var e;
-      return ((e = f.value) == null ? void 0 : e.isOpen) ?? !1;
+      return ((e = m.value) == null ? void 0 : e.isOpen) ?? !1;
     }), C = i(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), oe = i(() => ({
       id: s.autocomplete.id || `autocomplete-${s.id}`,
       label: s.autocomplete.label || s.label,
@@ -223,7 +223,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
       const l = p.value.findIndex((t) => t === e);
       l > -1 && p.value.splice(l, 1);
     }), _("isFocusWithinDropdown", (e) => {
-      const l = p.value.some((m) => m === e || m.contains(e)), t = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
+      const l = p.value.some((f) => f === e || f.contains(e)), t = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
       return l || t;
     });
     const H = i({
@@ -276,26 +276,26 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
         }
       });
     }, P = (e) => {
-      f.value.select(e), B = !0;
+      m.value.select(e), B = !0;
     }, A = () => {
-      f.value.activate();
+      m.value.activate();
     }, R = () => {
-      f.value.deactivate();
+      m.value.deactivate();
     }, W = () => {
-      f.value.toggle(), B = !0;
+      m.value.toggle(), B = !0;
     }, z = () => {
       te.value ? R() : A();
-    }, fe = () => {
+    }, me = () => {
       C.value && y.value && (le(), A(), F(() => {
         y.value.focus();
       }));
     }, G = (e) => {
-      var m, g;
+      var f, g;
       if (B) {
         B = !1;
         return;
       }
-      const l = e.target, t = !((g = (m = f.value) == null ? void 0 : m.$el) != null && g.contains(l));
+      const l = e.target, t = !((g = (f = m.value) == null ? void 0 : f.$el) != null && g.contains(l));
       if (q.value) {
         const b = y.value && !y.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
         t && b && (q.value = !1, R());
@@ -303,7 +303,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
     };
     return be(() => {
       var e;
-      (e = f.value) != null && e.$el && p.value.push(f.value.$el), F(() => {
+      (e = m.value) != null && e.$el && p.value.push(m.value.$el), F(() => {
         var l;
         if (C.value && ((l = y.value) != null && l.$el)) {
           p.value.push(y.value.$el);
@@ -330,7 +330,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
     }, [
       S(he, Q({
         ref_key: "multiselect",
-        ref: f,
+        ref: m,
         modelValue: n.value,
         "onUpdate:modelValue": l[12] || (l[12] = (t) => n.value = t),
         class: re.value,
@@ -375,7 +375,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
             key: 1,
             id: `multiselect-dropdown-${o.id}`,
             modelValue: N.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (m) => N.value = m),
+            "onUpdate:modelValue": l[0] || (l[0] = (f) => N.value = f),
             class: "rds-e-dropdown__input",
             label: o.label,
             error: o.error,
@@ -409,7 +409,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
         placeholder: d(() => [
           l[14] || (l[14] = c("span", null, null, -1))
         ]),
-        option: d(({ option: t, search: m, index: g }) => [
+        option: d(({ option: t, search: f, index: g }) => [
           c("div", Oe, [
             c("div", xe, [
               c("div", Be, [
@@ -417,10 +417,10 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
                   key: 0,
                   id: `${g}-${t.id}`,
                   small: o.small,
-                  "is-checked": V(t),
+                  "model-value": V(t),
                   disabled: a(x) || (t == null ? void 0 : t.$isDisabled) || !1,
                   onClick: r((b) => P(t), ["prevent", "stop"])
-                }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !a($) && o.showRadio ? (u(), K(a($e), {
+                }, null, 8, ["id", "small", "model-value", "disabled", "onClick"])) : !a($) && o.showRadio ? (u(), K(a($e), {
                   key: 1,
                   modelValue: H.value,
                   "onUpdate:modelValue": l[1] || (l[1] = (b) => H.value = b),
@@ -454,7 +454,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
             e.$slots.optionAppend ? (u(), w("div", Fe, [
               v(e.$slots, "optionAppend", {
                 option: t,
-                search: m,
+                search: f,
                 index: g
               }, void 0, !0)
             ])) : O("", !0)
@@ -498,7 +498,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
               class: "rds-e-dropdown__before-list",
               onMousedown: l[5] || (l[5] = r(() => {
               }, ["stop"])),
-              onClick: r(fe, ["stop"]),
+              onClick: r(me, ["stop"]),
               onBlur: l[6] || (l[6] = r(() => {
               }, ["stop"])),
               onFocus: l[7] || (l[7] = r(() => {
@@ -549,7 +549,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
       ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "open-direction", "limit", "limit-text", "append-to-body", "text-only"])
     ], 2));
   }
-}), ze = /* @__PURE__ */ De(Ie, [["__scopeId", "data-v-e408ffba"]]);
+}), ze = /* @__PURE__ */ De(Ie, [["__scopeId", "data-v-570d3e25"]]);
 export {
   ze as default
 };

package/dist/components/{floating-ui.vue-7LKzPqHI.js → floating-ui.vue-DWAG1g94.js}

@@ -1137,10 +1137,10 @@ function Xe(t, e, n) {
   };
 }
 export {
-  Ye as a,
-  qe as b,
+  He as a,
+  Ye as b,
   Ne as c,
-  He as d,
+  qe as d,
   je as f,
   ze as o,
   Ie as s,

package/dist/components/link.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as N, toRefs as V, computed as f, createBlock as p, openBlock as s, resolveDynamicComponent as $, unref as e, normalizeStyle as M, normalizeClass as _, withCtx as O, createCommentVNode as d, createElementBlock as I, mergeProps as k, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
-import { R as v } from "./icon-svg-arye8CV8.js";
-import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/link.css';const T = /* @__PURE__ */ N({
+import { defineComponent as $, toRefs as M, computed as m, createBlock as p, openBlock as s, resolveDynamicComponent as O, unref as e, normalizeStyle as P, normalizeClass as k, withCtx as T, createCommentVNode as d, createElementBlock as I, mergeProps as v, renderSlot as D, createTextVNode as R, toDisplayString as j } from "vue";
+import { R as y } from "./icon-svg-arye8CV8.js";
+import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/link.css';const A = /* @__PURE__ */ $({
   __name: "link",
   props: {
     /**
@@ -96,96 +96,98 @@ import './style/link.css';const T = /* @__PURE__ */ N({
       default: void 0
     }
   },
-  setup(o) {
-    const y = o, {
-      text: w,
-      to: g,
+  emits: ["click"],
+  setup(o, { emit: w }) {
+    const z = o, E = w, {
+      text: g,
+      to: h,
       icon: r,
       tag: u,
       disabled: i,
-      inverse: m,
+      inverse: _,
       arrow: c,
-      right: t,
-      underline: h,
-      customClass: b,
+      right: n,
+      underline: b,
+      customClass: x,
       color: l,
-      arrowSmall: x,
-      id: z
-    } = V(y), E = f(() => l.value ? { color: l.value } : void 0), L = f(() => {
-      var n, B;
+      arrowSmall: S,
+      id: L
+    } = M(z), N = m(() => l.value ? { color: l.value } : void 0), V = m(() => {
+      var t, f;
       const a = ["rds-e-link"];
-      return m.value && a.push("rds-e-link--inverse"), h.value && a.push("rds-e-link--underline"), i.value && a.push("rds-e-style-state-disabled"), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && a.push("rds-e-arrow-link"), ((B = r == null ? void 0 : r.value) == null ? void 0 : B.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), b.value === "rds-e-breadcrumbs__link--text" && a.push("rds-e-link__breadcrumbs"), a.join(" ");
-    }), S = f(() => {
-      var n;
+      return _.value && a.push("rds-e-link--inverse"), b.value && a.push("rds-e-link--underline"), i.value && a.push("rds-e-style-state-disabled"), ((t = r == null ? void 0 : r.value) == null ? void 0 : t.name) !== "arrow" && a.push("rds-e-arrow-link"), ((f = r == null ? void 0 : r.value) == null ? void 0 : f.name) !== "arrow" && _.value && a.push("rds-e-arrow-link__icon--inverse"), x.value === "rds-e-breadcrumbs__link--text" && a.push("rds-e-link__breadcrumbs"), a.join(" ");
+    }), C = m(() => {
+      var t;
       const a = ["rds-e-arrow-link__icon--arrow"];
-      return r != null && r.value && (a.push("rds-e-arrow-link__icon"), i.value && a.push("rds-e-arrow-link__icon--disabled")), ((n = r == null ? void 0 : r.value) == null ? void 0 : n.name) !== "arrow" && m.value && a.push("rds-e-arrow-link__icon--inverse"), a.push(
-        t.value ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
+      return r != null && r.value && (a.push("rds-e-arrow-link__icon"), i.value && a.push("rds-e-arrow-link__icon--disabled")), ((t = r == null ? void 0 : r.value) == null ? void 0 : t.name) !== "arrow" && _.value && a.push("rds-e-arrow-link__icon--inverse"), a.push(
+        n.value ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left"
       ), a.join(" ");
-    }), C = f(() => {
+    }), B = m(() => {
       var a;
       return c.value || ((a = r == null ? void 0 : r.value) == null ? void 0 : a.name);
     });
-    return (a, n) => (s(), p($(e(u) === "a" ? e(u) : "router-link"), {
-      id: e(z),
-      class: _(L.value),
-      to: e(u) === "router-link" ? e(g) : null,
-      href: e(u) === "a" ? e(g) : null,
+    return (a, t) => (s(), p(O(e(u) === "a" ? e(u) : "router-link"), {
+      id: e(L),
+      class: k(V.value),
+      to: e(u) === "router-link" ? e(h) : null,
+      href: e(u) === "a" ? e(h) : null,
       disable: e(i),
-      style: M(E.value),
+      style: P(N.value),
       tabindex: e(i) ? -1 : void 0,
-      "aria-disabled": e(i)
+      "aria-disabled": e(i),
+      onClick: t[0] || (t[0] = (f) => E("click", f))
     }, {
-      default: O(() => [
-        e(r).name && !e(t) && !e(c) ? (s(), p(v, k({
+      default: T(() => [
+        e(r).name && !e(n) && !e(c) ? (s(), p(y, v({
           key: 0,
           name: e(r).name
         }, {
           ...e(r)
         }, {
-          class: ["rds-e-link__icon-left", S.value],
+          class: ["rds-e-link__icon-left", C.value],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["name", "class", "style"])) : d("", !0),
-        e(t) ? (s(), I("span", {
+        e(n) ? (s(), I("span", {
           key: 1,
-          class: _(["rds-e-link__text", [e(b), {
-            "rds-e-mr-xs": C.value,
-            "rds-e-link__text--underline": e(h)
+          class: k(["rds-e-link__text", [e(x), {
+            "rds-e-mr-xs": B.value,
+            "rds-e-link__text--underline": e(b)
           }]])
         }, [
           D(a.$slots, "default", {}, () => [
-            R(j(e(w)), 1)
+            R(j(e(g)), 1)
           ], !0)
         ], 2)) : d("", !0),
-        e(c) ? (s(), p(v, k({ key: 2 }, {
-          name: e(t) ? "arrow_right" : "arrow_left",
-          size: e(x) ? 16 : void 0
+        e(c) ? (s(), p(y, v({ key: 2 }, {
+          name: e(n) ? "arrow_right" : "arrow_left",
+          size: e(S) ? 16 : void 0
         }, {
           class: ["rds-e-arrow-link__icon--arrow", [
-            e(t) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
-            { "rds-flex rds-flex-center-center": e(x) }
+            e(n) ? "rds-e-arrow-link__icon--animation-right" : "rds-e-arrow-link__icon--animation-left",
+            { "rds-flex rds-flex-center-center": e(S) }
           ]],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["class", "style"])) : d("", !0),
-        e(t) ? d("", !0) : (s(), I("span", {
+        e(n) ? d("", !0) : (s(), I("span", {
           key: 3,
-          class: _(["rds-e-link__text", { "rds-e-ml-xs": C.value }])
+          class: k(["rds-e-link__text", { "rds-e-ml-xs": B.value }])
         }, [
           D(a.$slots, "default", {}, () => [
-            R(j(e(w)), 1)
+            R(j(e(g)), 1)
           ], !0)
         ], 2)),
-        e(r).name && e(t) && !e(c) ? (s(), p(v, k({
+        e(r).name && e(n) && !e(c) ? (s(), p(y, v({
           key: 4,
           name: e(r).name
         }, e(r), {
-          class: ["rds-e-link__icon-right", S.value],
+          class: ["rds-e-link__icon-right", C.value],
           style: e(l) ? { color: e(l) } : void 0
         }), null, 16, ["name", "class", "style"])) : d("", !0)
       ]),
       _: 3
     }, 8, ["id", "class", "to", "href", "disable", "style", "tabindex", "aria-disabled"]));
   }
-}), G = /* @__PURE__ */ P(T, [["__scopeId", "data-v-3a1cb6f7"]]);
+}), J = /* @__PURE__ */ q(A, [["__scopeId", "data-v-16fa62ca"]]);
 export {
-  G as default
+  J as default
 };

package/dist/components/popover.es.js

@@ -1,11 +1,11 @@
-import { useSlots as P, computed as v, ref as g, onBeforeUnmount as $, createElementBlock as r, openBlock as n, createElementVNode as S, createBlock as w, renderSlot as y, Teleport as F, createCommentVNode as E, normalizeStyle as N, unref as D, Fragment as H, renderList as M, toDisplayString as V, nextTick as z } from "vue";
-import { o as A, f as I, s as U, a as j, u as W, d as q } from "./floating-ui.vue-7LKzPqHI.js";
-import { R as G } from "./icon-svg-arye8CV8.js";
-import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/popover.css';const K = { class: "rds-e-popover" }, Q = {
+import { useSlots as $, computed as v, ref as g, onBeforeUnmount as D, createElementBlock as r, openBlock as s, createElementVNode as w, createBlock as E, renderSlot as y, Teleport as F, createCommentVNode as T, normalizeStyle as N, normalizeClass as B, unref as z, Fragment as H, renderList as M, toDisplayString as V, nextTick as A } from "vue";
+import { o as I, f as U, s as j, b as W, u as q, a as G } from "./floating-ui.vue-DWAG1g94.js";
+import { R as J } from "./icon-svg-arye8CV8.js";
+import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/popover.css';const Q = { class: "rds-e-popover" }, X = {
   key: 1,
   class: "rds-e-popover__list"
-}, X = ["onClick"], Y = { class: "rds-e-popover__item-label" }, Z = {
+}, Y = ["onClick"], Z = { class: "rds-e-popover__item-label" }, ee = {
   __name: "popover",
   props: {
     /**
@@ -80,106 +80,106 @@ import './style/popover.css';const K = { class: "rds-e-popover" }, Q = {
      */
     "close"
   ],
-  setup(c, { expose: T, emit: B }) {
-    const o = c, u = B, L = P(), O = v(() => !!L.default), l = g(!1), s = g(null), i = g(null), R = v(() => {
+  setup(c, { expose: L, emit: O }) {
+    const o = c, u = O, R = $(), _ = v(() => !!R.default), n = g(!1), l = g(null), i = g(null), C = v(() => {
       const e = [
-        A(o.offsetSpace)
+        I(o.offsetSpace)
       ];
       return o.autoFlip && e.push(
-        I({
+        U({
           fallbackPlacements: o.fallbackPlacements.length ? o.fallbackPlacements : void 0
         })
       ), e.push(
-        U({ padding: 8 }),
-        j({
-          apply({ availableWidth: b, elements: t }) {
-            const d = Math.min(o.width, b - 32);
+        j({ padding: 8 }),
+        W({
+          apply({ availableWidth: S, elements: t }) {
+            const d = Math.min(o.width, S - 32);
             Object.assign(t.floating.style, {
               width: `${d}px`
             });
           }
         })
       ), e;
-    }), { floatingStyles: x, update: C } = W(
-      s,
+    }), { floatingStyles: x, update: P } = q(
+      l,
       i,
       {
         placement: v(() => o.placement),
-        middleware: R,
-        whileElementsMounted: q
+        middleware: C,
+        whileElementsMounted: G
       }
     );
     let p, f, m;
     const k = () => {
       document.removeEventListener("click", p), document.removeEventListener("keydown", f), document.removeEventListener("scroll", m, !0);
     }, a = () => {
-      l.value && (l.value = !1, u("close"), k());
+      n.value && (n.value = !1, u("close"), k());
     };
     p = (e) => {
-      i.value && !i.value.contains(e.target) && s.value && !s.value.contains(e.target) && a();
+      i.value && !i.value.contains(e.target) && l.value && !l.value.contains(e.target) && a();
     }, f = (e) => {
       e.key === "Escape" && a();
     }, m = () => {
-      if (!s.value) return;
-      const e = s.value.getBoundingClientRect();
+      if (!l.value) return;
+      const e = l.value.getBoundingClientRect();
       (e.bottom < 0 || e.top > window.innerHeight) && a();
     };
-    const _ = async () => {
-      l.value ? a() : (l.value = !0, u("open"), await z(), C(), setTimeout(() => {
+    const b = async () => {
+      n.value ? a() : (n.value = !0, u("open"), await A(), P(), setTimeout(() => {
         document.addEventListener("click", p), document.addEventListener("keydown", f), o.closeOnTriggerHidden && document.addEventListener("scroll", m, !0);
       }));
     }, h = (e) => {
       u("select", e), a();
     };
-    return $(k), T({
-      toggle: _,
+    return D(k), L({
+      toggle: b,
       close: a,
-      isOpen: l
-    }), (e, b) => (n(), r("div", K, [
-      S("button", {
+      isOpen: n
+    }), (e, S) => (s(), r("div", Q, [
+      w("button", {
         ref_key: "referenceRef",
-        ref: s,
+        ref: l,
         class: "rds-e-popover__trigger-btn",
-        onClick: _
+        onClick: b
       }, [
         y(e.$slots, "trigger", {}, void 0, !0)
       ], 512),
-      (n(), w(F, {
+      (s(), E(F, {
         to: c.teleportTo,
         disabled: !c.teleportTo
       }, [
-        l.value ? (n(), r("div", {
+        n.value ? (s(), r("div", {
           key: 0,
           ref_key: "floatingRef",
           ref: i,
-          class: "rds-e-popover__content",
-          style: N(D(x))
+          class: B(["rds-e-popover__content", { "rds-e-popover__content--no-styles": _.value }]),
+          style: N(z(x))
         }, [
-          O.value ? y(e.$slots, "default", { key: 0 }, void 0, !0) : (n(), r("ul", Q, [
-            (n(!0), r(H, null, M(c.items, (t, d) => y(e.$slots, "item", {
+          _.value ? y(e.$slots, "default", { key: 0 }, void 0, !0) : (s(), r("ul", X, [
+            (s(!0), r(H, null, M(c.items, (t, d) => y(e.$slots, "item", {
               item: t,
               index: d,
               onSelect: () => h(t)
             }, () => [
-              (n(), r("li", {
+              (s(), r("li", {
                 key: d,
-                class: "rds-e-popover__item rds-body-02",
-                onClick: (ee) => h(t)
+                class: B(["rds-e-popover__item rds-body-02", { "rds-e-popover__item--destructive": t.isDestructive }]),
+                onClick: (te) => h(t)
               }, [
-                t.icon ? (n(), w(G, {
+                t.icon ? (s(), E(J, {
                   key: 0,
                   class: "rds-e-popover__item-icon",
                   name: t.icon
-                }, null, 8, ["name"])) : E("", !0),
-                S("span", Y, V(t.label), 1)
-              ], 8, X))
+                }, null, 8, ["name"])) : T("", !0),
+                w("span", Z, V(t.label), 1)
+              ], 10, Y))
             ], !0)), 256))
           ]))
-        ], 4)) : E("", !0)
+        ], 6)) : T("", !0)
       ], 8, ["to", "disabled"]))
     ]));
   }
-}, se = /* @__PURE__ */ J(Z, [["__scopeId", "data-v-d86bc1ef"]]);
+}, ae = /* @__PURE__ */ K(ee, [["__scopeId", "data-v-eb1307b7"]]);
 export {
-  se as default
+  ae as default
 };