@solfacil/girassol 0.2.9 → 0.2.12

package/dist/girassol.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, openBlock as s, createElementBlock as r, normalizeClass as x, createElementVNode as u, useSlots as Ye, computed as p, unref as $, renderSlot as m, createVNode as L, createCommentVNode as T, createBlock as R, withCtx as E, ref as z, toDisplayString as k, mergeProps as U, isRef as Ee, withDirectives as Y, vShow as X, vModelText as We, Fragment as j, renderList as Z, getCurrentScope as je, onScopeDispose as Ze, watch as Je, reactive as ie, withModifiers as q, createTextVNode as D, Transition as Me, normalizeStyle as ae, withKeys as K, onMounted as pe, onUnmounted as Xe, render as De } from "vue";
+import { defineComponent as O, openBlock as s, createElementBlock as r, normalizeClass as k, createElementVNode as u, useSlots as Ye, computed as p, unref as $, renderSlot as m, createVNode as L, createCommentVNode as T, createBlock as R, withCtx as E, ref as z, toDisplayString as x, mergeProps as U, isRef as Ee, withDirectives as Y, vShow as X, vModelText as We, Fragment as j, renderList as Z, getCurrentScope as je, onScopeDispose as Ze, watch as Je, reactive as ie, withModifiers as q, createTextVNode as D, Transition as Me, normalizeStyle as ae, withKeys as K, onMounted as pe, onUnmounted as Xe, render as De } from "vue";
 const _e = /* @__PURE__ */ u("path", {
   class: "path",
   d: "M16.0008 1.5C17.905 1.5 19.7905 1.87506 21.5497 2.60375C23.3089 3.33244 24.9074 4.4005 26.2538 5.74695C27.6003 7.0934 28.6684 8.69187 29.397 10.4511C30.1257 12.2103 30.5008 14.0958 30.5008 16C30.5008 17.9042 30.1257 19.7897 29.397 21.5489C28.6684 23.3081 27.6003 24.9066 26.2538 26.2531C24.9074 27.5995 23.3089 28.6676 21.5497 29.3963C19.7905 30.1249 17.905 30.5 16.0008 30.5C14.0966 30.5 12.2111 30.1249 10.4519 29.3963C8.69266 28.6676 7.09419 27.5995 5.74774 26.253C4.4013 24.9066 3.33323 23.3081 2.60454 21.5489C1.87585 19.7897 1.50079 17.9042 1.50079 16C1.5008 14.0958 1.87585 12.2103 2.60454 10.4511C3.33324 8.69187 4.4013 7.0934 5.74775 5.74695C7.0942 4.4005 8.69267 3.33244 10.4519 2.60375C12.2111 1.87505 14.0966 1.5 16.0008 1.5L16.0008 1.5Z"
@@ -12,7 +12,7 @@ const _e = /* @__PURE__ */ u("path", {
   },
   setup(e) {
     return (n, t) => (s(), r("svg", {
-      class: x(["sol-inner-loader", `-${e.size}`]),
+      class: k(["sol-inner-loader", `-${e.size}`]),
       viewBox: "0 0 32 32",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
@@ -43,7 +43,7 @@ const nt = ["data-testid", "disabled"], lt = { class: "icon -left" }, it = { cla
     );
     return (a, o) => (s(), r("button", {
       "data-testid": `button-${e.id}`,
-      class: x(["sol-button-core", `-${e.variant} -${e.size}
+      class: k(["sol-button-core", `-${e.variant} -${e.size}
       ${n(e.loading, "-loading-helper")}
       ${n(e.onColor, "-on-color")}
       ${n($(i), "-has-icon")}
@@ -136,7 +136,7 @@ const ut = ["id", "data-testid", "value"], W = /* @__PURE__ */ O({
       ref: l,
       "data-testid": `input-${e.id}`,
       value: e.modelValue,
-      class: x(["sol-input-core", { "-invert": e.invert, "-error": e.error }]),
+      class: k(["sol-input-core", { "-invert": e.invert, "-error": e.error }]),
       onInput: i
     }, null, 42, ut));
   }
@@ -174,7 +174,7 @@ const ht = ["id", "data-testid"], ft = ["for"], mt = { class: "container-input"
       return s(), r("div", {
         id: `textfield-${e.id}`,
         "data-testid": `textfield-${e.id}`,
-        class: x([[`${(c = o.$props.class) != null ? c : ""}`, { "-invert": e.invert }], "sol-textfield-core"])
+        class: k([[`${(c = o.$props.class) != null ? c : ""}`, { "-invert": e.invert }], "sol-textfield-core"])
       }, [
         m(o.$slots, "label", {}, () => [
           e.label ? (s(), r("label", {
@@ -182,7 +182,7 @@ const ht = ["id", "data-testid"], ft = ["for"], mt = { class: "container-input"
             for: `input-${e.id}`,
             class: "label"
           }, [
-            u("span", null, k(e.label), 1)
+            u("span", null, x(e.label), 1)
           ], 8, ft)) : T("", !0)
         ]),
         u("div", mt, [
@@ -204,11 +204,11 @@ const ht = ["id", "data-testid"], ft = ["for"], mt = { class: "container-input"
           key: 0,
           id: `hint-${e.id}`,
           class: "hint"
-        }, k(e.hint), 9, vt)) : e.error ? (s(), r("span", {
+        }, x(e.hint), 9, vt)) : e.error ? (s(), r("span", {
           key: 1,
           id: `error-${e.id}`,
           class: "error"
-        }, k(e.error), 9, $t)) : T("", !0)
+        }, x(e.error), 9, $t)) : T("", !0)
       ], 10, ht);
     };
   }
@@ -227,7 +227,7 @@ const bt = {
 function wt(e, n) {
   return s(), r("svg", bt, gt);
 }
-const xt = { name: "mi-eye", render: wt }, kt = {
+const kt = { name: "mi-eye", render: wt }, xt = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
@@ -238,10 +238,10 @@ const xt = { name: "mi-eye", render: wt }, kt = {
 }, null, -1), Ct = [
   St
 ];
-function Bt(e, n) {
-  return s(), r("svg", kt, Ct);
+function It(e, n) {
+  return s(), r("svg", xt, Ct);
 }
-const It = { name: "mi-eye-off", render: Bt }, Ot = ["aria-label"], $e = /* @__PURE__ */ O({
+const Bt = { name: "mi-eye-off", render: It }, Ot = ["aria-label"], $e = /* @__PURE__ */ O({
   __name: "TextfieldPassword",
   props: {
     id: { default: "" },
@@ -265,10 +265,10 @@ const It = { name: "mi-eye-off", render: Bt }, Ot = ["aria-label"], $e = /* @__P
           "aria-label": n.value ? "Hide password" : "Show password",
           onClick: l[0] || (l[0] = (a) => n.value = !n.value)
         }, [
-          Y(L($(xt), { "aria-hidden": "true" }, null, 512), [
+          Y(L($(kt), { "aria-hidden": "true" }, null, 512), [
             [X, n.value]
           ]),
-          Y(L($(It), { "aria-hidden": "true" }, null, 512), [
+          Y(L($(Bt), { "aria-hidden": "true" }, null, 512), [
             [X, !n.value]
           ])
         ], 8, Ot)
@@ -314,7 +314,7 @@ const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textare
       return s(), r("div", {
         id: `textarea-${e.id}`,
         "data-testid": `textarea-${e.id}`,
-        class: x([[`${(c = o.$props.class) != null ? c : ""}`, { "-invert": e.invert }], "sol-textarea-core"])
+        class: k([[`${(c = o.$props.class) != null ? c : ""}`, { "-invert": e.invert }], "sol-textarea-core"])
       }, [
         m(o.$slots, "label", {}, () => [
           e.label ? (s(), r("label", {
@@ -322,7 +322,7 @@ const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textare
             for: `input-${e.id}`,
             class: "label"
           }, [
-            u("span", null, k(e.label), 1)
+            u("span", null, x(e.label), 1)
           ], 8, Tt)) : T("", !0)
         ]),
         u("div", Lt, [
@@ -345,11 +345,11 @@ const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textare
           key: 0,
           id: `hint-${e.id}`,
           class: "hint"
-        }, k(e.hint), 9, zt)) : e.error ? (s(), r("span", {
+        }, x(e.hint), 9, zt)) : e.error ? (s(), r("span", {
           key: 1,
           id: `error-${e.id}`,
           class: "error"
-        }, k(e.error), 9, Vt)) : T("", !0)
+        }, x(e.error), 9, Vt)) : T("", !0)
       ], 10, Mt);
     };
   }
@@ -357,7 +357,10 @@ const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textare
 be.install = (e) => {
   e.component("SolTextarea", be);
 };
-const At = ["id", "data-testid", "checked", "value", "name"], Et = ["for"], se = /* @__PURE__ */ O({
+const At = ["id", "data-testid", "checked", "value", "name"], Et = ["for"], pt = {
+  inheritAttrs: !1
+}, se = /* @__PURE__ */ O({
+  ...pt,
   __name: "Radio",
   props: {
     id: null,
@@ -370,7 +373,7 @@ const At = ["id", "data-testid", "checked", "value", "name"], Et = ["for"], se =
   emits: ["change"],
   setup(e, { emit: n }) {
     return (t, i) => (s(), r("div", {
-      class: x(["sol-radio-core", t.$props.class])
+      class: k(["sol-radio-core", t.$props.class])
     }, [
       u("input", U(t.$attrs, {
         id: `radio-${e.name}-${e.id}`,
@@ -385,11 +388,11 @@ const At = ["id", "data-testid", "checked", "value", "name"], Et = ["for"], se =
       u("label", {
         class: "label",
         for: `radio-${e.name}-${e.id}`
-      }, k(e.label), 9, Et)
+      }, x(e.label), 9, Et)
     ], 2));
   }
 });
-const pt = ["aria-labelledby"], Dt = ["id", "data-testid"], Nt = ["id"], Rt = ["id"], ye = /* @__PURE__ */ O({
+const Dt = ["aria-labelledby"], Nt = ["id", "data-testid"], Rt = ["id", "data-testid"], Ht = ["id", "data-testid"], ye = /* @__PURE__ */ O({
   __name: "RadioGroup",
   props: {
     id: null,
@@ -425,22 +428,22 @@ const pt = ["aria-labelledby"], Dt = ["id", "data-testid"], Nt = ["id"], Rt = ["
       }, () => [
         u("legend", {
           id: `radio-group-title-${e.id}`,
-          class: x(["title", { "sr-only": e.hideTitle }]),
+          class: k(["title", { "sr-only": e.hideTitle }]),
           "data-testid": `radio-group-title-${e.id}`
-        }, k(e.title), 11, Dt)
+        }, x(e.title), 11, Nt)
       ]),
       u("ul", {
-        class: x(["container-radios", { "flex-col": e.direction === "column" }])
+        class: k(["container-radios", { "flex-col": e.direction === "column" }])
       }, [
         m(d.$slots, "default", {
           radios: e.radios,
           direction: e.direction
         }, () => [
           (s(!0), r(j, null, Z(e.radios, (h, f) => {
-            var B;
+            var I;
             return s(), r("li", { key: f }, [
               L(se, U(d.$attrs, {
-                id: (B = h == null ? void 0 : h.id) != null ? B : `${h.value}`,
+                id: (I = h == null ? void 0 : h.id) != null ? I : `${h.value}`,
                 class: ["radio", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
                 name: h.name,
                 value: h.value,
@@ -456,14 +459,16 @@ const pt = ["aria-labelledby"], Dt = ["id", "data-testid"], Nt = ["id"], Rt = ["
       ], 2),
       i(e.hint, e.error) ? (s(), r("p", {
         key: 0,
-        id: `hint-${e.id}`,
+        id: `radios-hint-${e.id}`,
+        "data-testid": `radios-hint-${e.id}`,
         class: "hint"
-      }, k(e.hint), 9, Nt)) : e.error ? (s(), r("p", {
+      }, x(e.hint), 9, Rt)) : e.error ? (s(), r("p", {
         key: 1,
-        id: `error-${e.id}`,
+        id: `radios-error-${e.id}`,
+        "data-testid": `radios-error-${e.id}`,
         class: "error"
-      }, k(e.error), 9, Rt)) : T("", !0)
-    ], 8, pt));
+      }, x(e.error), 9, Ht)) : T("", !0)
+    ], 8, Dt));
   }
 });
 se.install = (e) => {
@@ -472,7 +477,7 @@ se.install = (e) => {
 ye.install = (e) => {
   e.component("SolRadioGroup", ye);
 };
-const Ht = ["id", "data-testid", "checked", "value", "name"], Ft = ["for"], de = /* @__PURE__ */ O({
+const Ft = ["id", "data-testid", "checked", "value", "name"], qt = ["for"], de = /* @__PURE__ */ O({
   __name: "Checkbox",
   props: {
     id: null,
@@ -485,7 +490,7 @@ const Ht = ["id", "data-testid", "checked", "value", "name"], Ft = ["for"], de =
   emits: ["change"],
   setup(e, { emit: n }) {
     return (t, i) => (s(), r("div", {
-      class: x(["sol-checkbox-core", t.$props.class])
+      class: k(["sol-checkbox-core", t.$props.class])
     }, [
       u("input", U(t.$attrs, {
         id: `checkbox-${e.name}-${e.id}`,
@@ -496,15 +501,15 @@ const Ht = ["id", "data-testid", "checked", "value", "name"], Ft = ["for"], de =
         value: e.value,
         name: e.name,
         onChange: i[0] || (i[0] = (l) => n("change", e.value))
-      }), null, 16, Ht),
+      }), null, 16, Ft),
       u("label", {
         class: "label",
         for: `checkbox-${e.name}-${e.id}`
-      }, k(e.label), 9, Ft)
+      }, x(e.label), 9, qt)
     ], 2));
   }
 });
-const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["id"], ge = /* @__PURE__ */ O({
+const Kt = ["aria-labelledby"], Ut = ["id", "data-testid"], Gt = ["id"], Qt = ["id"], ge = /* @__PURE__ */ O({
   __name: "CheckboxGroup",
   props: {
     id: null,
@@ -535,7 +540,7 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
     function d(c) {
       var f;
       n("change", c.value);
-      const h = a(c.value) ? (f = t.modelValue) == null ? void 0 : f.filter((B) => B !== c.value) : o(c.value);
+      const h = a(c.value) ? (f = t.modelValue) == null ? void 0 : f.filter((I) => I !== c.value) : o(c.value);
       n("update:modelValue", h);
     }
     return (c, h) => (s(), r("fieldset", {
@@ -547,20 +552,20 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
       }, () => [
         u("legend", {
           id: `checkbox-group-title-${e.id}`,
-          class: x(["title", { "sr-only": e.hideTitle }]),
+          class: k(["title", { "sr-only": e.hideTitle }]),
           "data-testid": `checkbox-group-title-${e.id}`
-        }, k(e.title), 11, Kt)
+        }, x(e.title), 11, Ut)
       ]),
       u("ul", {
-        class: x(["container-checkboxes", { "flex-col": e.direction === "column" }])
+        class: k(["container-checkboxes", { "flex-col": e.direction === "column" }])
       }, [
         m(c.$slots, "default", {
           checkboxes: e.checkboxes,
           direction: e.direction
         }, () => [
-          (s(!0), r(j, null, Z(e.checkboxes, (f, B) => {
+          (s(!0), r(j, null, Z(e.checkboxes, (f, I) => {
             var y;
-            return s(), r("li", { key: B }, [
+            return s(), r("li", { key: I }, [
               L(de, U(c.$attrs, {
                 id: (y = f == null ? void 0 : f.id) != null ? y : `${f.value}`,
                 class: ["checkbox", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
@@ -580,12 +585,12 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
         key: 0,
         id: `hint-${e.id}`,
         class: "hint"
-      }, k(e.hint), 9, Ut)) : e.error ? (s(), r("p", {
+      }, x(e.hint), 9, Gt)) : e.error ? (s(), r("p", {
         key: 1,
         id: `error-${e.id}`,
         class: "error"
-      }, k(e.error), 9, Gt)) : T("", !0)
-    ], 8, qt));
+      }, x(e.error), 9, Qt)) : T("", !0)
+    ], 8, Kt));
   }
 });
 de.install = (e) => {
@@ -594,7 +599,7 @@ de.install = (e) => {
 ge.install = (e) => {
   e.component("SolCheckboxGroup", ge);
 };
-const Qt = ["id", "for", "data-testid"], Yt = { class: "switch-container" }, Wt = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"], jt = /* @__PURE__ */ u("span", { class: "ellipse" }, null, -1), we = /* @__PURE__ */ O({
+const Yt = ["id", "for", "data-testid"], Wt = { class: "switch-container" }, jt = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"], Zt = /* @__PURE__ */ u("span", { class: "ellipse" }, null, -1), we = /* @__PURE__ */ O({
   __name: "Switch",
   props: {
     id: null,
@@ -609,15 +614,15 @@ const Qt = ["id", "for", "data-testid"], Yt = { class: "switch-container" }, Wt
   emits: ["change"],
   setup(e, { emit: n }) {
     return (t, i) => (s(), r("div", {
-      class: x(["sol-switch-core", [t.$props.class, { "-horizontal": e.horizontalLabel }]])
+      class: k(["sol-switch-core", [t.$props.class, { "-horizontal": e.horizontalLabel }]])
     }, [
       u("label", {
         id: `switch-label-${e.name}-${e.id}`,
-        class: x(["label", { "mb-1": !e.horizontalLabel, "sr-only": e.hideLabel }]),
+        class: k(["label", { "mb-1": !e.horizontalLabel, "sr-only": e.hideLabel }]),
         for: `switch-${e.name}-${e.id}`,
         "data-testid": `switch-label-${e.name}-${e.id}`
-      }, k(e.label), 11, Qt),
-      u("div", Yt, [
+      }, x(e.label), 11, Yt),
+      u("div", Wt, [
         u("input", U(t.$attrs, {
           id: `switch-${e.name}-${e.id}`,
           type: "checkbox",
@@ -630,8 +635,8 @@ const Qt = ["id", "for", "data-testid"], Yt = { class: "switch-container" }, Wt
           value: e.value,
           name: e.name,
           onChange: i[0] || (i[0] = (l) => n("change", e.value))
-        }), null, 16, Wt),
-        jt
+        }), null, 16, jt),
+        Zt
       ])
     ], 2));
   }
@@ -640,21 +645,21 @@ we.install = (e) => {
   e.component("SolSwitch", we);
 };
 var Le;
-const te = typeof window < "u", Zt = (e) => typeof e == "string", ve = () => {
+const te = typeof window < "u", Jt = (e) => typeof e == "string", ve = () => {
 };
 te && ((Le = window == null ? void 0 : window.navigator) == null ? void 0 : Le.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Jt(e) {
+function Xt(e) {
   return typeof e == "function" ? e() : $(e);
 }
-function Xt(e) {
+function _t(e) {
   return e;
 }
-function _t(e) {
+function en(e) {
   return je() ? (Ze(e), !0) : !1;
 }
 function J(e) {
   var n;
-  const t = Jt(e);
+  const t = Xt(e);
   return (n = t == null ? void 0 : t.$el) != null ? n : t;
 }
 const Re = te ? window : void 0;
@@ -663,7 +668,7 @@ te && window.navigator;
 te && window.location;
 function le(...e) {
   let n, t, i, l;
-  if (Zt(e[0]) ? ([t, i, l] = e, n = Re) : [n, t, i, l] = e, !n)
+  if (Jt(e[0]) ? ([t, i, l] = e, n = Re) : [n, t, i, l] = e, !n)
     return ve;
   let a = ve;
   const o = Je(() => J(n), (c) => {
@@ -673,7 +678,7 @@ function le(...e) {
   }, { immediate: !0, flush: "post" }), d = () => {
     o(), a();
   };
-  return _t(d), d;
+  return en(d), d;
 }
 function Te(e, n, t = {}) {
   const { window: i = Re, ignore: l, capture: a = !0, detectIframe: o = !1 } = t;
@@ -683,10 +688,10 @@ function Te(e, n, t = {}) {
   let c;
   const h = (y) => {
     i.clearTimeout(c);
-    const S = J(e), I = y.composedPath();
-    !S || S === y.target || I.includes(S) || !d.value || l && l.length > 0 && l.some((M) => {
+    const S = J(e), B = y.composedPath();
+    !S || S === y.target || B.includes(S) || !d.value || l && l.length > 0 && l.some((M) => {
       const N = J(M);
-      return N && (y.target === N || I.includes(N));
+      return N && (y.target === N || B.includes(N));
     }) || n(y);
   }, f = [
     le(i, "click", h, { passive: !0, capture: a }),
@@ -702,28 +707,28 @@ function Te(e, n, t = {}) {
     }, { passive: !0 }),
     o && le(i, "blur", (y) => {
       var S;
-      const I = J(e);
-      ((S = document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !(I != null && I.contains(document.activeElement)) && n(y);
+      const B = J(e);
+      ((S = document.activeElement) == null ? void 0 : S.tagName) === "IFRAME" && !(B != null && B.contains(document.activeElement)) && n(y);
     })
   ].filter(Boolean);
   return () => f.forEach((y) => y());
 }
-const xe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ke = "__vueuse_ssr_handlers__";
-xe[ke] = xe[ke] || {};
-xe[ke];
+const ke = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, xe = "__vueuse_ssr_handlers__";
+ke[xe] = ke[xe] || {};
+ke[xe];
 var Pe;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(Pe || (Pe = {}));
-var en = Object.defineProperty, ze = Object.getOwnPropertySymbols, tn = Object.prototype.hasOwnProperty, nn = Object.prototype.propertyIsEnumerable, Ve = (e, n, t) => n in e ? en(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, ln = (e, n) => {
+var tn = Object.defineProperty, ze = Object.getOwnPropertySymbols, nn = Object.prototype.hasOwnProperty, ln = Object.prototype.propertyIsEnumerable, Ve = (e, n, t) => n in e ? tn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, an = (e, n) => {
   for (var t in n || (n = {}))
-    tn.call(n, t) && Ve(e, t, n[t]);
+    nn.call(n, t) && Ve(e, t, n[t]);
   if (ze)
     for (var t of ze(n))
-      nn.call(n, t) && Ve(e, t, n[t]);
+      ln.call(n, t) && Ve(e, t, n[t]);
   return e;
 };
-const an = {
+const on = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -749,27 +754,27 @@ const an = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-ln({
-  linear: Xt
-}, an);
-const on = {
+an({
+  linear: _t
+}, on);
+const sn = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, sn = /* @__PURE__ */ u("path", {
+}, dn = /* @__PURE__ */ u("path", {
   fill: "currentColor",
   d: "M10 4a6 6 0 1 0 0 12a6 6 0 0 0 0-12zm-8 6a8 8 0 1 1 14.32 4.906l5.387 5.387a1 1 0 0 1-1.414 1.414l-5.387-5.387A8 8 0 0 1 2 10z"
-}, null, -1), dn = [
-  sn
+}, null, -1), cn = [
+  dn
 ];
-function cn(e, n) {
-  return s(), r("svg", on, dn);
+function rn(e, n) {
+  return s(), r("svg", sn, cn);
 }
-const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id", "for"], hn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], fn = { class: "dropdown-container" }, mn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], vn = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], $n = {
+const He = { name: "mi-search", render: rn }, un = ["data-testid"], hn = ["id", "for"], fn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], mn = { class: "dropdown-container" }, vn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], $n = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], bn = {
   key: 0,
   class: "no-data"
-}, bn = /* @__PURE__ */ D(" Sem dados "), Se = /* @__PURE__ */ O({
+}, yn = /* @__PURE__ */ D(" Sem dados "), Se = /* @__PURE__ */ O({
   __name: "Dropdown",
   props: {
     id: null,
@@ -810,18 +815,18 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
     function f() {
       he(), n("closeDropdown");
     }
-    function B(b) {
+    function I(b) {
       const v = new Set(t.selected);
       return v.has(b) ? v.delete(b) : v.add(b), [...v];
     }
     function y(b) {
-      const v = typeof b == "string" ? b : b.value, C = t.isMultipleSelect ? B(v) : v;
+      const v = typeof b == "string" ? b : b.value, C = t.isMultipleSelect ? I(v) : v;
       n("update:selected", C), t.closeOnSelect && !t.isMultipleSelect && f();
     }
     function S(b) {
       return Array.isArray(t.selected) ? typeof b == "string" ? t.selected.includes(b) : t.selected.includes(b.value) : typeof b == "string" ? b === t.selected : b.value === t.selected;
     }
-    const I = ie({
+    const B = ie({
       list: void 0,
       search: void 0
     }), M = ie({
@@ -833,12 +838,12 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
         const F = P != null ? P : M.index;
         P !== void 0 && (M.index = P), setTimeout(() => {
           var g, w;
-          const H = (g = I.list) == null ? void 0 : g.children[F];
+          const H = (g = B.list) == null ? void 0 : g.children[F];
           M.id = (w = H == null ? void 0 : H.id) != null ? w : "", H == null || H.focus();
         }, 0);
       }, C = () => {
         var P;
-        t.searchable && (M.index = 0, (P = I == null ? void 0 : I.search) == null || P.focus());
+        t.searchable && (M.index = 0, (P = B == null ? void 0 : B.search) == null || P.focus());
       };
       switch (b) {
         case "ArrowUp":
@@ -862,21 +867,21 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
       return typeof b == "string" ? b : b[v != null ? v : "value"];
     }
     function ne(b, v) {
-      I[b] = v != null ? v : void 0;
+      B[b] = v != null ? v : void 0;
     }
     return (b, v) => (s(), r("div", {
       ref_key: "el",
       ref: i,
-      class: x(["sol-dropdown-core", { "-smaller": e.smallerWidth }]),
+      class: k(["sol-dropdown-core", { "-smaller": e.smallerWidth }]),
       "data-testid": `dropdown-${e.id}`,
       onKeydownPassive: N
     }, [
       m(b.$slots, "label", {}, () => [
         u("label", {
           id: `label-dropdown-${e.id}`,
-          class: x(["label", { "-disabled": e.disabled, "sr-only": e.ariaLabel }]),
+          class: k(["label", { "-disabled": e.disabled, "sr-only": e.ariaLabel }]),
           for: `toggle-dropdown-${e.id}`
-        }, k(e.label || e.ariaLabel), 11, un)
+        }, x(e.label || e.ariaLabel), 11, hn)
       ]),
       u("button", {
         id: `toggle-dropdown-${e.id}`,
@@ -897,18 +902,18 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
           selectedSanitized: $(d),
           selected: e.selected
         }, () => [
-          D(k($(d) || "Selecione"), 1)
+          D(x($(d) || "Selecione"), 1)
         ])
-      ], 8, hn),
+      ], 8, fn),
       L(Me, {
         mode: "out-in",
         name: "dropdown"
       }, {
         default: E(() => [
-          Y(u("div", fn, [
+          Y(u("div", mn, [
             e.searchable ? (s(), r("div", {
               key: 0,
-              class: x(["search-container", { "-loading": e.loading }])
+              class: k(["search-container", { "-loading": e.loading }])
             }, [
               m(b.$slots, "search", { filter: a.value }, () => [
                 L(W, {
@@ -971,42 +976,42 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
                   option: C,
                   isSelect: S
                 }, () => [
-                  D(k(G(C, "name")), 1)
+                  D(x(G(C, "name")), 1)
                 ])
-              ], 44, vn))), 128)),
-              $(o).length ? T("", !0) : (s(), r("li", $n, [
+              ], 44, $n))), 128)),
+              $(o).length ? T("", !0) : (s(), r("li", bn, [
                 m(b.$slots, "no-data", {}, () => [
-                  bn
+                  yn
                 ])
               ]))
-            ], 8, mn)
+            ], 8, vn)
           ], 512), [
             [X, l.value]
           ])
         ]),
         _: 3
       })
-    ], 42, rn));
+    ], 42, un));
   }
 });
 Se.install = (e) => {
   e.component("SolDropdown", Se);
 };
-const yn = {
+const gn = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, gn = /* @__PURE__ */ u("path", {
+}, wn = /* @__PURE__ */ u("path", {
   fill: "currentColor",
   d: "M5.293 5.293a1 1 0 0 1 1.414 0L12 10.586l5.293-5.293a1 1 0 1 1 1.414 1.414L13.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414L12 13.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L10.586 12L5.293 6.707a1 1 0 0 1 0-1.414z"
-}, null, -1), wn = [
-  gn
+}, null, -1), kn = [
+  wn
 ];
 function xn(e, n) {
-  return s(), r("svg", yn, wn);
+  return s(), r("svg", gn, kn);
 }
-const Fe = { name: "mi-close", render: xn }, kn = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"], Sn = ["id"], Cn = { class: "label" }, ce = /* @__PURE__ */ O({
+const Fe = { name: "mi-close", render: xn }, Sn = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"], Cn = ["id"], In = { class: "label" }, ce = /* @__PURE__ */ O({
   __name: "Chip",
   props: {
     id: null,
@@ -1035,7 +1040,7 @@ const Fe = { name: "mi-close", render: xn }, kn = ["id", "data-testid", "title",
     return (l, a) => (s(), r("div", {
       id: `chip-${e.id}`,
       "data-testid": `chip-${e.id}`,
-      class: x(["sol-chip-core", { "-selected": e.selected, "-disabled": e.disabled }]),
+      class: k(["sol-chip-core", { "-selected": e.selected, "-disabled": e.disabled }]),
       tabindex: "0",
       title: e.label,
       "aria-describedby": `chip-description-${e.id}`,
@@ -1047,10 +1052,10 @@ const Fe = { name: "mi-close", render: xn }, kn = ["id", "data-testid", "title",
         id: `chip-description-${e.id}`,
         "z-index": "-1",
         class: "sr-only"
-      }, "Press Delete or Backspace to remove this Chip", 8, Sn),
-      u("span", Cn, [
+      }, "Press Delete or Backspace to remove this Chip", 8, Cn),
+      u("span", In, [
         m(l.$slots, "default", {}, () => [
-          D(k(e.label), 1)
+          D(x(e.label), 1)
         ])
       ]),
       e.removable ? (s(), r("i", {
@@ -1062,13 +1067,13 @@ const Fe = { name: "mi-close", render: xn }, kn = ["id", "data-testid", "title",
       }, [
         L($(Fe), { class: "icon" })
       ])) : T("", !0)
-    ], 42, kn));
+    ], 42, Sn));
   }
 });
-const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], In = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], On = {
+const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], On = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], Mn = {
   key: 0,
   class: "no-data"
-}, Mn = /* @__PURE__ */ D(" Sem dados "), Tn = /* @__PURE__ */ O({
+}, Tn = /* @__PURE__ */ D(" Sem dados "), Ln = /* @__PURE__ */ O({
   __name: "ListOption",
   props: {
     id: null,
@@ -1114,32 +1119,32 @@ const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], In
           option: o,
           isSelected: e.isSelected(o)
         }, () => [
-          D(k(o.name), 1)
+          D(x(o.name), 1)
         ])
-      ], 44, In))), 128)),
-      e.options.length ? T("", !0) : (s(), r("li", On, [
+      ], 44, On))), 128)),
+      e.options.length ? T("", !0) : (s(), r("li", Mn, [
         m(l.$slots, "no-data", {}, () => [
-          Mn
+          Tn
         ])
       ]))
     ], 8, Bn));
   }
 });
-const Ln = {
+const Pn = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, Pn = /* @__PURE__ */ u("path", {
+}, zn = /* @__PURE__ */ u("path", {
   fill: "currentColor",
   d: "m17 10l-5 6l-5-6h10z"
-}, null, -1), zn = [
-  Pn
+}, null, -1), Vn = [
+  zn
 ];
-function Vn(e, n) {
-  return s(), r("svg", Ln, zn);
+function An(e, n) {
+  return s(), r("svg", Pn, Vn);
 }
-const An = { name: "mi-caret-down", render: Vn };
+const En = { name: "mi-caret-down", render: An };
 function qe(e, n) {
   function t({ code: i }) {
     var o;
@@ -1161,11 +1166,11 @@ function Ke({ target: e, query: n }) {
     index: -1
   });
   function i(f) {
-    const B = f != null ? f : t.index, y = e == null ? void 0 : e.value;
+    const I = f != null ? f : t.index, y = e == null ? void 0 : e.value;
     f !== void 0 && (t.index = f), setTimeout(() => {
       var M;
-      const S = y.children[B], I = n && S.querySelector(n) ? S.querySelector(n) : S;
-      t.id = (M = S == null ? void 0 : S.id) != null ? M : "", I == null || I.focus();
+      const S = y.children[I], B = n && S.querySelector(n) ? S.querySelector(n) : S;
+      t.id = (M = S == null ? void 0 : S.id) != null ? M : "", B == null || B.focus();
     }, 0);
   }
   function l() {
@@ -1197,14 +1202,14 @@ function Ke({ target: e, query: n }) {
     focusOnLastItem: d
   };
 }
-const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], Nn = {
+const pn = ["data-testid"], Dn = ["id"], Nn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], Rn = {
   key: 0,
   class: "container-tags"
-}, Rn = {
+}, Hn = {
   key: 1,
   class: "mr-micro placeholder-inline",
   tabindex: "-1"
-}, Hn = { class: "error" }, Fn = { class: "select-options-container" }, Ce = /* @__PURE__ */ O({
+}, Fn = { class: "error" }, qn = { class: "select-options-container" }, Ce = /* @__PURE__ */ O({
   __name: "Select",
   props: {
     id: null,
@@ -1252,14 +1257,14 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
       }
       return [g];
     }
-    function B(g) {
+    function I(g) {
       t.multiple ? n("update:selected", f(g)) : n("update:selected", g), t.closeOnSelect && !t.multiple && h();
     }
     function y(g) {
       var w;
       return Array.isArray(t.selected) ? t.selected.some(({ value: V }) => V === g.value) : g.value === ((w = t.selected) == null ? void 0 : w.value);
     }
-    const S = z(), I = z();
+    const S = z(), B = z();
     function M() {
       var g;
       t.searchable && (v(), (g = S.value) == null || g.focus());
@@ -1271,7 +1276,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
       focusOnNextItem: ne,
       focusOnPreviousItem: b,
       resetStateFocus: v
-    } = Ke({ target: I }), { navigate: C } = qe({
+    } = Ke({ target: B }), { navigate: C } = qe({
       Home: he,
       End: () => G(t.options.length),
       ArrowUp: b,
@@ -1288,7 +1293,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
     }
     function F(g) {
       return (w) => {
-        g === "search" ? S.value = w == null ? void 0 : w.input : I.value = w == null ? void 0 : w.list;
+        g === "search" ? S.value = w == null ? void 0 : w.input : B.value = w == null ? void 0 : w.list;
       };
     }
     function H() {
@@ -1299,7 +1304,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
     return (g, w) => (s(), r("div", {
       ref_key: "el",
       ref: i,
-      class: x(["sol-select-core", { "-smaller": e.smallerWidth }]),
+      class: k(["sol-select-core", { "-smaller": e.smallerWidth }]),
       "data-testid": `select-${e.id}`,
       onKeydownPassive: w[3] || (w[3] = (...V) => $(C) && $(C)(...V))
     }, [
@@ -1310,8 +1315,8 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
         e.label ? (s(), r("label", {
           key: 0,
           id: `select-label-${e.id}`,
-          class: x(["label", { "-disabled": e.disabled }])
-        }, k(e.label), 11, pn)) : T("", !0)
+          class: k(["label", { "-disabled": e.disabled }])
+        }, x(e.label), 11, Dn)) : T("", !0)
       ]),
       u("button", {
         id: `select-toggle-${e.id}`,
@@ -1328,39 +1333,39 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
         m(g.$slots, "toggle-dropdown", {
           toggle: { open: c, close: h, toggleDropdown: d },
           isOpen: l.value,
-          select: B,
+          select: I,
           selected: e.selected
         }, () => {
           var V;
           return [
-            e.multiple && Array.isArray(e.selected) && ((V = e.selected) == null ? void 0 : V.length) ? (s(), r("div", Nn, [
+            e.multiple && Array.isArray(e.selected) && ((V = e.selected) == null ? void 0 : V.length) ? (s(), r("div", Rn, [
               (s(!0), r(j, null, Z(e.selected, (A, fe) => (s(), R(ce, {
                 id: A.value,
                 key: fe,
                 label: A.name,
-                onClick: q((me) => B(A), ["stop"]),
-                onClose: (me) => B(A)
+                onClick: q((me) => I(A), ["stop"]),
+                onClose: (me) => I(A)
               }, null, 8, ["id", "label", "onClick", "onClose"]))), 128))
-            ])) : (s(), r("span", Rn, k(H()), 1)),
-            L($(An), {
+            ])) : (s(), r("span", Hn, x(H()), 1)),
+            L($(En), {
               "aria-hidden": "true",
               tabindex: "-1",
-              class: x(["icon", { "-open": l.value }])
+              class: k(["icon", { "-open": l.value }])
             }, null, 8, ["class"])
           ];
         })
-      ], 8, Dn),
-      u("span", Hn, k(e.error), 1),
+      ], 8, Nn),
+      u("span", Fn, x(e.error), 1),
       L(Me, {
         mode: "out-in",
         name: "dropdown"
       }, {
         default: E(() => [
-          Y(u("div", Fn, [
+          Y(u("div", qn, [
             m(g.$slots, "search", {}, () => [
               e.searchable ? (s(), r("div", {
                 key: 0,
-                class: x(["search-container", { "-loading": e.loading }])
+                class: k(["search-container", { "-loading": e.loading }])
               }, [
                 m(g.$slots, "search", { filter: a.value }, () => [
                   L(W, {
@@ -1392,13 +1397,13 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
                   })
                 ])
               ], 2)) : T("", !0),
-              L(Tn, {
+              L(Ln, {
                 id: e.id,
                 ref: F("list"),
                 options: $(o),
                 multiple: e.multiple,
                 "is-selected": y,
-                onSelect: B
+                onSelect: I
               }, {
                 "item-list": E(({ text: V, value: A, option: fe, isSelected: me }) => [
                   m(g.$slots, "default", {
@@ -1420,7 +1425,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
         ]),
         _: 3
       })
-    ], 42, En));
+    ], 42, pn));
   }
 });
 Ce.install = (e) => {
@@ -1429,21 +1434,21 @@ Ce.install = (e) => {
 ce.install = (e) => {
   e.component("SolChip", ce);
 };
-const qn = {
+const Kn = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, Kn = /* @__PURE__ */ u("path", {
+}, Un = /* @__PURE__ */ u("path", {
   fill: "currentColor",
   d: "M12 14.975q-.2 0-.387-.075q-.188-.075-.313-.2l-4.6-4.6q-.275-.275-.275-.7q0-.425.275-.7q.275-.275.7-.275q.425 0 .7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275q.425 0 .7.275q.275.275.275.7q0 .425-.275.7l-4.6 4.6q-.15.15-.325.212q-.175.063-.375.063Z"
-}, null, -1), Un = [
-  Kn
+}, null, -1), Gn = [
+  Un
 ];
-function Gn(e, n) {
-  return s(), r("svg", qn, Un);
+function Qn(e, n) {
+  return s(), r("svg", Kn, Gn);
 }
-const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render: Gn }, Qn = ["id", "data-testid", "aria-disabled"], Yn = ["data-testid", "tabindex"], Wn = { class: "container-title" }, jn = { class: "icon" }, Zn = ["data-testid"], Be = /* @__PURE__ */ O({
+const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render: Qn }, Yn = ["id", "data-testid", "aria-disabled"], Wn = ["data-testid", "tabindex"], jn = { class: "container-title" }, Zn = { class: "icon" }, Jn = ["data-testid"], Ie = /* @__PURE__ */ O({
   __name: "Accordion",
   props: {
     id: null,
@@ -1455,7 +1460,7 @@ const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render: Gn },
     return (n, t) => (s(), r("details", {
       id: `accordion-${e.id}`,
       "data-testid": `accordion-${e.id}`,
-      class: x(["sol-accordion-core", { "-on-color": e.onColor, "-disabled": e.disabled }]),
+      class: k(["sol-accordion-core", { "-on-color": e.onColor, "-disabled": e.disabled }]),
       "aria-disabled": e.disabled
     }, [
       u("summary", {
@@ -1463,32 +1468,32 @@ const Ue = { name: "material-symbols-keyboard-arrow-down-rounded", render: Gn },
         class: "summary",
         tabindex: e.disabled ? -1 : 0
       }, [
-        u("div", Wn, [
-          u("span", jn, [
+        u("div", jn, [
+          u("span", Zn, [
             m(n.$slots, "icon")
           ]),
           m(n.$slots, "title", {}, () => [
-            D(k(e.title), 1)
+            D(x(e.title), 1)
           ])
         ]),
         L($(Ue), {
           class: "icon",
           "aria-hidden": "true"
         })
-      ], 8, Yn),
+      ], 8, Wn),
       u("div", {
         "data-testid": `accordion-content-${e.id}`,
         class: "accordion-content"
       }, [
         m(n.$slots, "default")
-      ], 8, Zn)
-    ], 10, Qn));
+      ], 8, Jn)
+    ], 10, Yn));
   }
 });
-Be.install = (e) => {
-  e.component("SolAccordion", Be);
+Ie.install = (e) => {
+  e.component("SolAccordion", Ie);
 };
-const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "data-testid", "aria-labelledby"], re = /* @__PURE__ */ O({
+const Xn = ["id", "data-testid"], _n = ["id", "aria-expanded"], el = ["id", "data-testid", "aria-labelledby"], re = /* @__PURE__ */ O({
   __name: "Menu",
   props: {
     id: null,
@@ -1498,7 +1503,7 @@ const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "dat
   setup(e) {
     const n = z();
     Te(n, () => {
-      B();
+      I();
     });
     const t = z(!1), i = z(), l = p(
       () => i.value ? i.value.childElementCount : 0
@@ -1515,23 +1520,23 @@ const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "dat
       ArrowDown: () => {
         !t.value && y(), d(l.value);
       },
-      Escape: B
+      Escape: I
     });
-    function B() {
+    function I() {
       t.value = !1, a();
     }
     function y() {
       t.value = !0;
     }
     function S() {
-      t.value ? B() : y();
+      t.value ? I() : y();
     }
-    return (I, M) => (s(), r("div", {
+    return (B, M) => (s(), r("div", {
       id: `menu-${e.id}`,
       ref_key: "el",
       ref: n,
       "data-testid": `menu-${e.id}`,
-      class: x([`-${e.position}`, "sol-menu-core"]),
+      class: k([`-${e.position}`, "sol-menu-core"]),
       onKeyupPassive: M[0] || (M[0] = (...N) => $(f) && $(f)(...N))
     }, [
       u("button", {
@@ -1543,10 +1548,10 @@ const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "dat
         "aria-expanded": t.value,
         onClick: S
       }, [
-        m(I.$slots, "label", { isOpen: t.value }, () => [
-          D(k(e.label), 1)
+        m(B.$slots, "label", { isOpen: t.value }, () => [
+          D(x(e.label), 1)
         ])
-      ], 8, Xn),
+      ], 8, _n),
       Y(u("menu", {
         id: `menu-container-${e.id}`,
         ref_key: "menu",
@@ -1554,22 +1559,23 @@ const Jn = ["id", "data-testid"], Xn = ["id", "aria-expanded"], _n = ["id", "dat
         "data-testid": `menu-container-${e.id}`,
         role: "menu",
         "aria-labelledby": `menu-button-${e.id}`,
-        class: x(["menu", { "-open": t.value }])
+        class: k(["menu", { "-open": t.value }])
       }, [
-        m(I.$slots, "default", { close: B })
-      ], 10, _n), [
+        m(B.$slots, "default", { close: I })
+      ], 10, el), [
         [X, t.value]
       ])
-    ], 42, Jn));
+    ], 42, Xn));
   }
 });
 re.install = (e) => {
   e.component("SolMenu", re);
 };
-const el = ["id"], tl = ["href", "target"], ue = /* @__PURE__ */ O({
+const tl = ["id"], nl = ["href", "target"], ue = /* @__PURE__ */ O({
   __name: "MenuItemLink",
   props: {
     id: null,
+    linkId: null,
     text: null,
     link: null,
     active: null,
@@ -1577,38 +1583,41 @@ const el = ["id"], tl = ["href", "target"], ue = /* @__PURE__ */ O({
   },
   emits: ["clicked"],
   setup(e, { emit: n }) {
-    return (t, i) => (s(), r("li", {
-      id: `menu-item-link-${e.id}`,
-      class: "sol-menuitem-link-core",
-      tabindex: "-1",
-      role: "none",
-      onClick: i[0] || (i[0] = (l) => n("clicked")),
-      onKeyup: [
-        i[1] || (i[1] = K((l) => n("clicked"), ["enter"])),
-        i[2] || (i[2] = K((l) => n("clicked"), ["space"]))
-      ]
-    }, [
-      m(t.$slots, "default", {
-        id: e.id,
-        active: e.active,
-        link: e.link,
-        text: e.text,
-        external: e.external
-      }, () => [
-        u("a", {
-          role: "menuitem",
-          class: x({ "-active": e.active }),
-          href: e.link,
-          target: e.external ? "_blank" : "_parent"
-        }, k(e.text), 11, tl)
-      ])
-    ], 40, el));
+    return (t, i) => {
+      var l;
+      return s(), r("li", {
+        id: `menu-item-link-${e.id}`,
+        class: "sol-menuitem-link-core",
+        tabindex: "-1",
+        role: "none",
+        onClick: i[0] || (i[0] = (a) => n("clicked")),
+        onKeyup: [
+          i[1] || (i[1] = K((a) => n("clicked"), ["enter"])),
+          i[2] || (i[2] = K((a) => n("clicked"), ["space"]))
+        ]
+      }, [
+        m(t.$slots, "default", {
+          id: (l = e.linkId) != null ? l : e.id,
+          active: e.active,
+          link: e.link,
+          text: e.text,
+          external: e.external
+        }, () => [
+          u("a", {
+            role: "menuitem",
+            class: k({ "-active": e.active }),
+            href: e.link,
+            target: e.external ? "_blank" : "_parent"
+          }, x(e.text), 11, nl)
+        ])
+      ], 40, tl);
+    };
   }
 });
 ue.install = (e) => {
   e.component("SolMenuItemLink", ue);
 };
-const nl = { class: "label-container" }, ll = { class: "label" }, Ie = /* @__PURE__ */ O({
+const ll = { class: "label-container" }, il = { class: "label" }, Be = /* @__PURE__ */ O({
   __name: "MenuNavigationLinks",
   props: {
     id: null,
@@ -1622,43 +1631,50 @@ const nl = { class: "label-container" }, ll = { class: "label" }, Ie = /* @__PUR
     }, {
       label: E(({ isOpen: i }) => [
         m(n.$slots, "label", { isOpen: i }, () => [
-          u("div", nl, [
-            u("span", ll, k(e.label), 1),
+          u("div", ll, [
+            u("span", il, x(e.label), 1),
             L($(Ue), {
-              class: x(["icon", { "-opened": i }]),
+              class: k(["icon", { "-opened": i }]),
               "aria-hidden": "true"
             }, null, 8, ["class"])
           ])
         ])
       ]),
       default: E(({ close: i }) => [
-        (s(!0), r(j, null, Z(e.linkItems, (l, a) => (s(), R(ue, {
-          id: `${e.id}-${l.text}`,
-          key: a,
-          text: l.text,
-          link: l.link,
-          external: l.external,
-          active: l.active,
-          onClicked: i
-        }, {
-          default: E(() => [
-            m(n.$slots, "default", {
-              id: e.id,
-              active: l.active,
-              link: l.link,
-              text: l.text,
-              external: l.external
-            })
-          ]),
-          _: 2
-        }, 1032, ["id", "text", "link", "external", "active", "onClicked"]))), 128))
+        (s(!0), r(j, null, Z(e.linkItems, (l, a) => {
+          var o;
+          return s(), R(ue, {
+            id: `${e.id}-${(o = l == null ? void 0 : l.id) != null ? o : l.text}`,
+            key: a,
+            "link-id": l.id,
+            text: l.text,
+            link: l.link,
+            external: l.external,
+            active: l.active,
+            onClicked: i
+          }, {
+            default: E(() => {
+              var d;
+              return [
+                m(n.$slots, "default", {
+                  id: (d = l.id) != null ? d : e.id,
+                  active: l.active,
+                  link: l.link,
+                  text: l.text,
+                  external: l.external
+                })
+              ];
+            }),
+            _: 2
+          }, 1032, ["id", "link-id", "text", "link", "external", "active", "onClicked"]);
+        }), 128))
       ]),
       _: 3
     }, 8, ["id"]));
   }
 });
-Ie.install = (e) => {
-  e.component("SolMenuNavigationLinks", Ie);
+Be.install = (e) => {
+  e.component("SolMenuNavigationLinks", Be);
 };
 const Ge = 12, Q = {
   type: "success",
@@ -1668,7 +1684,7 @@ const Ge = 12, Q = {
   position: "top-right",
   hideProgressBar: !1
 };
-function il(e, n) {
+function al(e, n) {
   const t = ie({
     id: null,
     intervalId: null,
@@ -1698,7 +1714,7 @@ function il(e, n) {
     progress: i
   };
 }
-function al(e) {
+function ol(e) {
   return {
     stylePosition: p(() => {
       const { position: t, offset: i } = e();
@@ -1744,56 +1760,56 @@ function al(e) {
   };
 }
 var Qe = /* @__PURE__ */ ((e) => (e["top-left"] = "bounce-left", e["top-right"] = "bounce-right", e["top-center"] = "bounce-down", e["bottom-left"] = "bounce-left", e["bottom-center"] = "bounce-up", e["bottom-right"] = "bounce-right", e))(Qe || {});
-const ol = {
+const sl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, sl = /* @__PURE__ */ u("path", {
+}, dl = /* @__PURE__ */ u("path", {
   fill: "currentColor",
   d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm14.664-3.247a1 1 0 0 1 .083 1.411l-5.333 6a1 1 0 0 1-1.495 0l-2.666-3a1 1 0 0 1 1.494-1.328l1.92 2.159l4.586-5.16a1 1 0 0 1 1.411-.082z"
-}, null, -1), dl = [
-  sl
+}, null, -1), cl = [
+  dl
 ];
-function cl(e, n) {
-  return s(), r("svg", ol, dl);
+function rl(e, n) {
+  return s(), r("svg", sl, cl);
 }
-const rl = { name: "mi-circle-check", render: cl }, ul = {
+const ul = { name: "mi-circle-check", render: rl }, hl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, hl = /* @__PURE__ */ u("path", {
+}, fl = /* @__PURE__ */ u("path", {
   fill: "currentColor",
   d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm5.793-4.207a1 1 0 0 1 1.414 0L12 10.586l2.793-2.793a1 1 0 1 1 1.414 1.414L13.414 12l2.793 2.793a1 1 0 0 1-1.414 1.414L12 13.414l-2.793 2.793a1 1 0 0 1-1.414-1.414L10.586 12L7.793 9.207a1 1 0 0 1 0-1.414z"
-}, null, -1), fl = [
-  hl
+}, null, -1), ml = [
+  fl
 ];
-function ml(e, n) {
-  return s(), r("svg", ul, fl);
+function vl(e, n) {
+  return s(), r("svg", hl, ml);
 }
-const vl = { name: "mi-circle-error", render: ml }, $l = {
+const $l = { name: "mi-circle-error", render: vl }, bl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, bl = /* @__PURE__ */ u("g", { fill: "currentColor" }, [
+}, yl = /* @__PURE__ */ u("g", { fill: "currentColor" }, [
   /* @__PURE__ */ u("path", { d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12z" }),
   /* @__PURE__ */ u("path", { d: "M12 14a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zm-1.5 2.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0z" })
-], -1), yl = [
-  bl
+], -1), gl = [
+  yl
 ];
-function gl(e, n) {
-  return s(), r("svg", $l, yl);
+function wl(e, n) {
+  return s(), r("svg", bl, gl);
 }
-const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"], kl = { class: "content-wrapper" }, Sl = {
+const kl = { name: "mi-circle-warning", render: wl }, xl = ["id", "data-testid"], Sl = { class: "content-wrapper" }, Cl = {
   key: 0,
   class: "icon-container",
   "aria-hidden": "true"
-}, Cl = { class: "content" }, Bl = {
+}, Il = { class: "content" }, Bl = {
   key: 0,
   class: "description"
-}, Il = ["data-testid"], Ol = /* @__PURE__ */ O({
+}, Ol = ["data-testid"], Ml = /* @__PURE__ */ O({
   __name: "Toast",
   props: {
     id: null,
@@ -1810,10 +1826,10 @@ const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"]
     position: { default: Q.position }
   },
   setup(e) {
-    const n = e, { start: t, stop: i, progress: l } = il(() => {
+    const n = e, { start: t, stop: i, progress: l } = al(() => {
       var h;
       (h = n.onCloseHandler) == null || h.call(n);
-    }, n.timeout), { stylePosition: a } = al(() => ({
+    }, n.timeout), { stylePosition: a } = ol(() => ({
       offset: n.offset,
       position: n.position
     })), o = p(() => n.title && n.description);
@@ -1836,9 +1852,9 @@ const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"]
           role: "status",
           "data-testid": `toast-${e.type}-${e.id}`,
           style: ae($(a)),
-          class: x(["sol-toast-core", [`-${e.type}`, { "-multiline": $(o) }]]),
+          class: k(["sol-toast-core", [`-${e.type}`, { "-multiline": $(o) }]]),
           onKeyup: f[1] || (f[1] = K(
-            (...B) => e.onCloseHandler && e.onCloseHandler(...B),
+            (...I) => e.onCloseHandler && e.onCloseHandler(...I),
             ["esc"]
           )),
           onMouseenter: d,
@@ -1846,47 +1862,47 @@ const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"]
           onFocusin: d,
           onFocusout: c
         }, [
-          u("section", kl, [
-            e.showIcon ? (s(), r("div", Sl, [
+          u("section", Sl, [
+            e.showIcon ? (s(), r("div", Cl, [
               m(h.$slots, "icon-status", { type: e.type }, () => [
-                e.type === "success" ? (s(), R($(rl), {
+                e.type === "success" ? (s(), R($(ul), {
                   key: 0,
                   class: "icon"
                 })) : T("", !0),
-                e.type === "info" ? (s(), R($(wl), {
+                e.type === "info" ? (s(), R($(kl), {
                   key: 1,
                   class: "icon"
                 })) : T("", !0),
-                e.type === "danger" ? (s(), R($(vl), {
+                e.type === "danger" ? (s(), R($($l), {
                   key: 2,
                   class: "icon"
                 })) : T("", !0)
               ])
             ])) : T("", !0),
-            u("div", Cl, [
+            u("div", Il, [
               u("p", {
-                class: x(["title", { "-multiline": $(o) }])
+                class: k(["title", { "-multiline": $(o) }])
               }, [
                 m(h.$slots, "title", {}, () => [
-                  D(k(e.title), 1)
+                  D(x(e.title), 1)
                 ])
               ], 2),
               e.description ? (s(), r("p", Bl, [
                 m(h.$slots, "description", {}, () => [
-                  D(k(e.description), 1)
+                  D(x(e.description), 1)
                 ])
               ])) : T("", !0)
             ])
           ]),
           u("button", {
             type: "button",
-            class: x(["close", { "-multiline": $(o) }]),
+            class: k(["close", { "-multiline": $(o) }]),
             "data-testid": `toast-close-button-${e.type}-${e.id}`,
             "aria-label": "close notification",
-            onClick: f[0] || (f[0] = (...B) => e.onCloseHandler && e.onCloseHandler(...B))
+            onClick: f[0] || (f[0] = (...I) => e.onCloseHandler && e.onCloseHandler(...I))
           }, [
             L($(Fe), { class: "icon" })
-          ], 10, Il),
+          ], 10, Ol),
           e.hideProgressBar ? T("", !0) : (s(), r("div", {
             key: 0,
             class: "progressbar",
@@ -1907,7 +1923,7 @@ const ee = {
   "bottom-right": [],
   "bottom-center": []
 };
-function Al() {
+function El() {
   let e = 0;
   function n() {
     Object.entries(ee).forEach(([i, l]) => {
@@ -1920,15 +1936,15 @@ function Al() {
   }
   return {
     createToast: (i, l) => {
-      const a = e++, o = l ? Ml(l) : Q;
-      return l != null && l.showOneToast && n(), Tl(a, o, typeof i == "string" ? { title: i } : i), {
+      const a = e++, o = l ? Tl(l) : Q;
+      return l != null && l.showOneToast && n(), Ll(a, o, typeof i == "string" ? { title: i } : i), {
         close: () => Oe(a, o.position)
       };
     },
     clearAllToasts: n
   };
 }
-function Ml(e) {
+function Tl(e) {
   const n = {
     ...Q,
     ...e,
@@ -1936,18 +1952,18 @@ function Ml(e) {
   };
   return n.hideProgressBar = !!(n.timeout && (n == null ? void 0 : n.timeout) <= 0), e.hideProgressBar && (n.hideProgressBar = e.hideProgressBar), n;
 }
-function Tl(e, n, t) {
+function Ll(e, n, t) {
   setTimeout(() => {
-    const i = Pl(n, ee, Ge), l = document.createElement("div");
+    const i = zl(n, ee, Ge), l = document.createElement("div");
     document.body.appendChild(l);
     const a = L(
-      Ol,
-      Ll(n, e, i, Oe, t)
+      Ml,
+      Pl(n, e, i, Oe, t)
     );
     De(a, l), ee[n.position].push({ toastVNode: a, container: l }), a.component && (a.component.props.visible = !0);
   }, 1);
 }
-function Ll(e, n, t, i, l) {
+function Pl(e, n, t, i, l) {
   return {
     ...e,
     ...l,
@@ -1959,12 +1975,12 @@ function Ll(e, n, t, i, l) {
     }
   };
 }
-function Pl(e, n, t) {
+function zl(e, n, t) {
   if (!e.position)
     throw new Error("no position");
   return n[e.position].reduce((i, { toastVNode: l }) => (i += l.el.offsetHeight + t || 0, i), t);
 }
-function zl(e, n, t, i) {
+function Vl(e, n, t, i) {
   for (let l = e; l < n.length; l++) {
     const { toastVNode: a } = n[l];
     if (!a.el)
@@ -1986,7 +2002,7 @@ function Oe(e, n) {
   if (i === -1)
     return;
   const { container: l, toastVNode: a } = t[i], o = (c = a == null ? void 0 : a.el) == null ? void 0 : c.offsetHeight;
-  if (ee[n].splice(i, 1), zl(i, t, n, o), !a.component)
+  if (ee[n].splice(i, 1), Vl(i, t, n, o), !a.component)
     return;
   const d = a.component.props;
   d.visible = !1, d.onClose && d.onClose(), setTimeout(() => {
@@ -2009,17 +2025,17 @@ const Ae = {
   SolDropdown: Se,
   SolSelect: Ce,
   SolChip: ce,
-  SolAccordion: Be,
+  SolAccordion: Ie,
   SolMenu: re,
   SolMenuItemLink: ue,
-  SolMenuNavigationLinks: Ie
+  SolMenuNavigationLinks: Be
 };
-function El(e) {
+function pl(e) {
   for (const n in Ae)
     e.component(n, Ae[n]);
 }
 export {
-  Be as SolAccordion,
+  Ie as SolAccordion,
   _ as SolButton,
   Ne as SolButtonDestructive,
   de as SolCheckbox,
@@ -2029,7 +2045,7 @@ export {
   W as SolInput,
   re as SolMenu,
   ue as SolMenuItemLink,
-  Ie as SolMenuNavigationLinks,
+  Be as SolMenuNavigationLinks,
   se as SolRadio,
   ye as SolRadioGroup,
   Ce as SolSelect,
@@ -2038,6 +2054,6 @@ export {
   oe as SolTextfield,
   $e as SolTextfieldPassword,
   Ae as components,
-  El as install,
-  Al as useToast
+  pl as install,
+  El as useToast
 };