@solfacil/girassol 0.2.10 → 0.3.0

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 D, 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 p, Transition as Me, normalizeStyle as ae, withKeys as K, onMounted as De, onUnmounted as Xe, render as pe } 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"
@@ -36,14 +36,14 @@ const nt = ["data-testid", "disabled"], lt = { class: "icon -left" }, it = { cla
     function n(a, o) {
       return a ? o : "";
     }
-    const t = Ye(), i = p(
+    const t = Ye(), i = D(
       () => !!(t != null && t.default) && (!!(t != null && t["icon-right"]) || !!(t != null && t["icon-left"]))
-    ), l = p(
+    ), l = D(
       () => !(t != null && t.default) && (!!(t != null && t["icon-right"]) || !!(t != null && t["icon-left"]))
     );
     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));
   }
@@ -157,7 +157,7 @@ const ht = ["id", "data-testid"], ft = ["for"], mt = { class: "container-input"
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, i = p({
+    const t = e, i = D({
       get: () => t.modelValue,
       set: (o) => {
         n("update:modelValue", o);
@@ -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,17 +238,17 @@ 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: "" },
     label: { default: "Sua senha" }
   },
   setup(e) {
-    const n = z(!1), t = p(
+    const n = z(!1), t = D(
       () => n.value ? "text" : "password"
     );
     return (i, l) => (s(), R(oe, {
@@ -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)
@@ -297,7 +297,7 @@ const Mt = ["id", "data-testid"], Tt = ["for"], Lt = { class: "container-textare
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, i = p({
+    const t = e, i = D({
       get: () => t.modelValue,
       set: (o) => {
         n("update:modelValue", o);
@@ -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"], Dt = {
+  inheritAttrs: !1
+}, se = /* @__PURE__ */ O({
+  ...Dt,
   __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 pt = ["aria-labelledby"], Nt = ["id", "data-testid"], Rt = ["id", "data-testid"], Ht = ["id", "data-testid"], ye = /* @__PURE__ */ O({
   __name: "RadioGroup",
   props: {
     id: null,
@@ -408,7 +411,7 @@ const pt = ["aria-labelledby"], Dt = ["id", "data-testid"], Nt = ["id"], Rt = ["
       return !!d && !c;
     }
     function l(d, c) {
-      return c ? `error-${t.id}` : i(d, c) ? `hint-${t.id}` : null;
+      return c ? `radios-error-${t.id}` : i(d, c) ? `radios-hint-${t.id}` : null;
     }
     function a(d) {
       return (t == null ? void 0 : t.modelValue) === d;
@@ -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,13 +459,15 @@ 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)
+      }, x(e.error), 9, Ht)) : T("", !0)
     ], 8, pt));
   }
 });
@@ -472,7 +477,10 @@ 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", "indeterminate", "data-testid", "checked", "value", "name"], qt = ["for"], Kt = {
+  inheritAttrs: !1
+}, de = /* @__PURE__ */ O({
+  ...Kt,
   __name: "Checkbox",
   props: {
     id: null,
@@ -480,31 +488,33 @@ const Ht = ["id", "data-testid", "checked", "value", "name"], Ft = ["for"], de =
     value: null,
     label: null,
     checked: null,
-    class: null
+    class: null,
+    indeterminate: { type: Boolean }
   },
   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}`,
         type: "checkbox",
+        indeterminate: e.indeterminate,
         class: "checkbox",
         "data-testid": `checkbox-${e.name}-${e.id}`,
         checked: e.checked,
         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 Ut = ["aria-labelledby"], Gt = ["id", "data-testid"], Qt = ["id", "data-testid"], Yt = ["id", "data-testid"], ge = /* @__PURE__ */ O({
   __name: "CheckboxGroup",
   props: {
     id: null,
@@ -523,7 +533,7 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
       return !!c && !h;
     }
     function l(c, h) {
-      return h ? `error-${t.id}` : i(c, h) ? `hint-${t.id}` : null;
+      return h ? `checkboxes-error-${t.id}` : i(c, h) ? `checkboxes-hint-${t.id}` : null;
     }
     function a(c) {
       var h;
@@ -535,7 +545,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 +557,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, Gt)
       ]),
       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" }],
@@ -578,14 +588,16 @@ const qt = ["aria-labelledby"], Kt = ["id", "data-testid"], Ut = ["id"], Gt = ["
       ], 2),
       i(e.hint, e.error) ? (s(), r("p", {
         key: 0,
-        id: `hint-${e.id}`,
+        id: `checkboxes-hint-${e.id}`,
+        "data-testid": `checkboxes-hint-${e.id}`,
         class: "hint"
-      }, k(e.hint), 9, Ut)) : e.error ? (s(), r("p", {
+      }, x(e.hint), 9, Qt)) : e.error ? (s(), r("p", {
         key: 1,
-        id: `error-${e.id}`,
+        id: `checkboxes-error-${e.id}`,
+        "data-testid": `checkboxes-hint-${e.id}`,
         class: "error"
-      }, k(e.error), 9, Gt)) : T("", !0)
-    ], 8, qt));
+      }, x(e.error), 9, Yt)) : T("", !0)
+    ], 8, Ut));
   }
 });
 de.install = (e) => {
@@ -594,7 +606,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 Wt = ["id", "for", "data-testid"], jt = { class: "switch-container" }, Zt = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"], Jt = /* @__PURE__ */ u("span", { class: "ellipse" }, null, -1), we = /* @__PURE__ */ O({
   __name: "Switch",
   props: {
     id: null,
@@ -609,15 +621,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, Wt),
+      u("div", jt, [
         u("input", U(t.$attrs, {
           id: `switch-${e.name}-${e.id}`,
           type: "checkbox",
@@ -630,8 +642,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, Zt),
+        Jt
       ])
     ], 2));
   }
@@ -640,21 +652,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", Xt = (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 _t(e) {
   return typeof e == "function" ? e() : $(e);
 }
-function Xt(e) {
+function en(e) {
   return e;
 }
-function _t(e) {
+function tn(e) {
   return je() ? (Ze(e), !0) : !1;
 }
 function J(e) {
   var n;
-  const t = Jt(e);
+  const t = _t(e);
   return (n = t == null ? void 0 : t.$el) != null ? n : t;
 }
 const Re = te ? window : void 0;
@@ -663,7 +675,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 (Xt(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 +685,7 @@ function le(...e) {
   }, { immediate: !0, flush: "post" }), d = () => {
     o(), a();
   };
-  return _t(d), d;
+  return tn(d), d;
 }
 function Te(e, n, t = {}) {
   const { window: i = Re, ignore: l, capture: a = !0, detectIframe: o = !1 } = t;
@@ -683,10 +695,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 +714,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 nn = Object.defineProperty, ze = Object.getOwnPropertySymbols, ln = Object.prototype.hasOwnProperty, an = Object.prototype.propertyIsEnumerable, Ve = (e, n, t) => n in e ? nn(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, on = (e, n) => {
   for (var t in n || (n = {}))
-    tn.call(n, t) && Ve(e, t, n[t]);
+    ln.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]);
+      an.call(n, t) && Ve(e, t, n[t]);
   return e;
 };
-const an = {
+const sn = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -749,27 +761,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 = {
+on({
+  linear: en
+}, sn);
+const dn = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, sn = /* @__PURE__ */ u("path", {
+}, cn = /* @__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), rn = [
+  cn
 ];
-function cn(e, n) {
-  return s(), r("svg", on, dn);
+function un(e, n) {
+  return s(), r("svg", dn, rn);
 }
-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: un }, hn = ["data-testid"], fn = ["id", "for"], mn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], vn = { class: "dropdown-container" }, $n = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], bn = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], yn = {
   key: 0,
   class: "no-data"
-}, bn = /* @__PURE__ */ D(" Sem dados "), Se = /* @__PURE__ */ O({
+}, gn = /* @__PURE__ */ p(" Sem dados "), Se = /* @__PURE__ */ O({
   __name: "Dropdown",
   props: {
     id: null,
@@ -788,14 +800,14 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
   },
   emits: ["closeDropdown", "search", "update:selected"],
   setup(e, { emit: n }) {
-    const t = e, i = z(), l = z(!1), a = z(""), o = p(
+    const t = e, i = z(), l = z(!1), a = z(""), o = D(
       () => {
         var b;
         return t.fetchOnSearch ? t.options : (b = t.options) == null ? void 0 : b.filter(
           (v) => typeof v == "string" ? v.includes(a.value) : v.name.includes(a.value)
         );
       }
-    ), d = p(
+    ), d = D(
       () => Array.isArray(t.selected) ? t.selected.join(", ").trim() : t.selected
     );
     Te(i, () => {
@@ -810,18 +822,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 +845,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 +874,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, fn)
       ]),
       u("button", {
         id: `toggle-dropdown-${e.id}`,
@@ -897,18 +909,18 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
           selectedSanitized: $(d),
           selected: e.selected
         }, () => [
-          D(k($(d) || "Selecione"), 1)
+          p(x($(d) || "Selecione"), 1)
         ])
-      ], 8, hn),
+      ], 8, mn),
       L(Me, {
         mode: "out-in",
         name: "dropdown"
       }, {
         default: E(() => [
-          Y(u("div", fn, [
+          Y(u("div", vn, [
             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 +983,42 @@ const He = { name: "mi-search", render: cn }, rn = ["data-testid"], un = ["id",
                   option: C,
                   isSelect: S
                 }, () => [
-                  D(k(G(C, "name")), 1)
+                  p(x(G(C, "name")), 1)
                 ])
-              ], 44, vn))), 128)),
-              $(o).length ? T("", !0) : (s(), r("li", $n, [
+              ], 44, bn))), 128)),
+              $(o).length ? T("", !0) : (s(), r("li", yn, [
                 m(b.$slots, "no-data", {}, () => [
-                  bn
+                  gn
                 ])
               ]))
-            ], 8, mn)
+            ], 8, $n)
           ], 512), [
             [X, l.value]
           ])
         ]),
         _: 3
       })
-    ], 42, rn));
+    ], 42, hn));
   }
 });
 Se.install = (e) => {
   e.component("SolDropdown", Se);
 };
-const yn = {
+const wn = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, gn = /* @__PURE__ */ u("path", {
+}, kn = /* @__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), xn = [
+  kn
 ];
-function xn(e, n) {
-  return s(), r("svg", yn, wn);
+function Sn(e, n) {
+  return s(), r("svg", wn, xn);
 }
-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: Sn }, Cn = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"], In = ["id"], Bn = { class: "label" }, ce = /* @__PURE__ */ O({
   __name: "Chip",
   props: {
     id: null,
@@ -1035,7 +1047,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 +1059,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, In),
+      u("span", Bn, [
         m(l.$slots, "default", {}, () => [
-          D(k(e.label), 1)
+          p(x(e.label), 1)
         ])
       ]),
       e.removable ? (s(), r("i", {
@@ -1062,13 +1074,13 @@ const Fe = { name: "mi-close", render: xn }, kn = ["id", "data-testid", "title",
       }, [
         L($(Fe), { class: "icon" })
       ])) : T("", !0)
-    ], 42, kn));
+    ], 42, Cn));
   }
 });
-const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], In = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], On = {
+const On = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], Mn = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], Tn = {
   key: 0,
   class: "no-data"
-}, Mn = /* @__PURE__ */ D(" Sem dados "), Tn = /* @__PURE__ */ O({
+}, Ln = /* @__PURE__ */ p(" Sem dados "), Pn = /* @__PURE__ */ O({
   __name: "ListOption",
   props: {
     id: null,
@@ -1114,32 +1126,32 @@ const Bn = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], In
           option: o,
           isSelected: e.isSelected(o)
         }, () => [
-          D(k(o.name), 1)
+          p(x(o.name), 1)
         ])
-      ], 44, In))), 128)),
-      e.options.length ? T("", !0) : (s(), r("li", On, [
+      ], 44, Mn))), 128)),
+      e.options.length ? T("", !0) : (s(), r("li", Tn, [
         m(l.$slots, "no-data", {}, () => [
-          Mn
+          Ln
         ])
       ]))
-    ], 8, Bn));
+    ], 8, On));
   }
 });
-const Ln = {
+const zn = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, Pn = /* @__PURE__ */ u("path", {
+}, Vn = /* @__PURE__ */ u("path", {
   fill: "currentColor",
   d: "m17 10l-5 6l-5-6h10z"
-}, null, -1), zn = [
-  Pn
+}, null, -1), An = [
+  Vn
 ];
-function Vn(e, n) {
-  return s(), r("svg", Ln, zn);
+function En(e, n) {
+  return s(), r("svg", zn, An);
 }
-const An = { name: "mi-caret-down", render: Vn };
+const Dn = { name: "mi-caret-down", render: En };
 function qe(e, n) {
   function t({ code: i }) {
     var o;
@@ -1161,11 +1173,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 +1209,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"], Nn = ["id"], Rn = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], Hn = {
   key: 0,
   class: "container-tags"
-}, Rn = {
+}, Fn = {
   key: 1,
   class: "mr-micro placeholder-inline",
   tabindex: "-1"
-}, Hn = { class: "error" }, Fn = { class: "select-options-container" }, Ce = /* @__PURE__ */ O({
+}, qn = { class: "error" }, Kn = { class: "select-options-container" }, Ce = /* @__PURE__ */ O({
   __name: "Select",
   props: {
     id: null,
@@ -1225,7 +1237,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
   },
   emits: ["closeDropdown", "search", "update:selected"],
   setup(e, { emit: n }) {
-    const t = e, i = z(), l = z(!1), a = z(""), o = p(
+    const t = e, i = z(), l = z(!1), a = z(""), o = D(
       () => {
         var g;
         return t.fetchOnSearch ? t.options : (g = t.options) == null ? void 0 : g.filter((w) => w.name.includes(a.value));
@@ -1252,14 +1264,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 +1283,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 +1300,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 +1311,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 +1322,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, Nn)) : T("", !0)
       ]),
       u("button", {
         id: `select-toggle-${e.id}`,
@@ -1328,39 +1340,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", Hn, [
               (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", Fn, x(H()), 1)),
+            L($(Dn), {
               "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, Rn),
+      u("span", qn, x(e.error), 1),
       L(Me, {
         mode: "out-in",
         name: "dropdown"
       }, {
         default: E(() => [
-          Y(u("div", Fn, [
+          Y(u("div", Kn, [
             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 +1404,13 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
                   })
                 ])
               ], 2)) : T("", !0),
-              L(Tn, {
+              L(Pn, {
                 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 +1432,7 @@ const En = ["data-testid"], pn = ["id"], Dn = ["id", "disabled", "data-testid",
         ]),
         _: 3
       })
-    ], 42, En));
+    ], 42, pn));
   }
 });
 Ce.install = (e) => {
@@ -1429,21 +1441,21 @@ Ce.install = (e) => {
 ce.install = (e) => {
   e.component("SolChip", ce);
 };
-const qn = {
+const Un = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, Kn = /* @__PURE__ */ u("path", {
+}, Gn = /* @__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), Qn = [
+  Gn
 ];
-function Gn(e, n) {
-  return s(), r("svg", qn, Un);
+function Yn(e, n) {
+  return s(), r("svg", Un, Qn);
 }
-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: Yn }, Wn = ["id", "data-testid", "aria-disabled"], jn = ["data-testid", "tabindex"], Zn = { class: "container-title" }, Jn = { class: "icon" }, Xn = ["data-testid"], Ie = /* @__PURE__ */ O({
   __name: "Accordion",
   props: {
     id: null,
@@ -1455,7 +1467,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 +1475,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", Zn, [
+          u("span", Jn, [
             m(n.$slots, "icon")
           ]),
           m(n.$slots, "title", {}, () => [
-            D(k(e.title), 1)
+            p(x(e.title), 1)
           ])
         ]),
         L($(Ue), {
           class: "icon",
           "aria-hidden": "true"
         })
-      ], 8, Yn),
+      ], 8, jn),
       u("div", {
         "data-testid": `accordion-content-${e.id}`,
         class: "accordion-content"
       }, [
         m(n.$slots, "default")
-      ], 8, Zn)
-    ], 10, Qn));
+      ], 8, Xn)
+    ], 10, Wn));
   }
 });
-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 _n = ["id", "data-testid"], el = ["id", "aria-expanded"], tl = ["id", "data-testid", "aria-labelledby"], re = /* @__PURE__ */ O({
   __name: "Menu",
   props: {
     id: null,
@@ -1498,9 +1510,9 @@ 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(
+    const t = z(!1), i = z(), l = D(
       () => i.value ? i.value.childElementCount : 0
     ), {
       resetStateFocus: a,
@@ -1515,23 +1527,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 +1555,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 }, () => [
+          p(x(e.label), 1)
         ])
-      ], 8, Xn),
+      ], 8, el),
       Y(u("menu", {
         id: `menu-container-${e.id}`,
         ref_key: "menu",
@@ -1554,22 +1566,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, tl), [
         [X, t.value]
       ])
-    ], 42, Jn));
+    ], 42, _n));
   }
 });
 re.install = (e) => {
   e.component("SolMenu", re);
 };
-const el = ["id"], tl = ["href", "target"], ue = /* @__PURE__ */ O({
+const nl = ["id"], ll = ["href", "target"], ue = /* @__PURE__ */ O({
   __name: "MenuItemLink",
   props: {
     id: null,
+    linkId: null,
     text: null,
     link: null,
     active: null,
@@ -1577,38 +1590,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, ll)
+        ])
+      ], 40, nl);
+    };
   }
 });
 ue.install = (e) => {
   e.component("SolMenuItemLink", ue);
 };
-const nl = { class: "label-container" }, ll = { class: "label" }, Ie = /* @__PURE__ */ O({
+const il = { class: "label-container" }, al = { class: "label" }, Be = /* @__PURE__ */ O({
   __name: "MenuNavigationLinks",
   props: {
     id: null,
@@ -1622,43 +1638,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", il, [
+            u("span", al, 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 +1691,7 @@ const Ge = 12, Q = {
   position: "top-right",
   hideProgressBar: !1
 };
-function il(e, n) {
+function ol(e, n) {
   const t = ie({
     id: null,
     intervalId: null,
@@ -1686,7 +1709,7 @@ function il(e, n) {
   function o() {
     clearInterval(t.intervalId), clearTimeout(t.id), i.value = 100;
   }
-  return pe(() => {
+  return De(() => {
     if (n <= 0)
       return !1;
   }), Xe(() => {
@@ -1698,9 +1721,9 @@ function il(e, n) {
     progress: i
   };
 }
-function al(e) {
+function sl(e) {
   return {
-    stylePosition: p(() => {
+    stylePosition: D(() => {
       const { position: t, offset: i } = e();
       switch (t) {
         case "top-left":
@@ -1744,56 +1767,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 dl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, sl = /* @__PURE__ */ u("path", {
+}, cl = /* @__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), rl = [
+  cl
 ];
-function cl(e, n) {
-  return s(), r("svg", ol, dl);
+function ul(e, n) {
+  return s(), r("svg", dl, rl);
 }
-const rl = { name: "mi-circle-check", render: cl }, ul = {
+const hl = { name: "mi-circle-check", render: ul }, fl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, hl = /* @__PURE__ */ u("path", {
+}, ml = /* @__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), vl = [
+  ml
 ];
-function ml(e, n) {
-  return s(), r("svg", ul, fl);
+function $l(e, n) {
+  return s(), r("svg", fl, vl);
 }
-const vl = { name: "mi-circle-error", render: ml }, $l = {
+const bl = { name: "mi-circle-error", render: $l }, yl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1em",
   height: "1em"
-}, bl = /* @__PURE__ */ u("g", { fill: "currentColor" }, [
+}, gl = /* @__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), wl = [
+  gl
 ];
-function gl(e, n) {
-  return s(), r("svg", $l, yl);
+function kl(e, n) {
+  return s(), r("svg", yl, wl);
 }
-const wl = { name: "mi-circle-warning", render: gl }, xl = ["id", "data-testid"], kl = { class: "content-wrapper" }, Sl = {
+const xl = { name: "mi-circle-warning", render: kl }, Sl = ["id", "data-testid"], Cl = { class: "content-wrapper" }, Il = {
   key: 0,
   class: "icon-container",
   "aria-hidden": "true"
-}, Cl = { class: "content" }, Bl = {
+}, Bl = { class: "content" }, Ol = {
   key: 0,
   class: "description"
-}, Il = ["data-testid"], Ol = /* @__PURE__ */ O({
+}, Ml = ["data-testid"], Tl = /* @__PURE__ */ O({
   __name: "Toast",
   props: {
     id: null,
@@ -1810,20 +1833,20 @@ 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 } = ol(() => {
       var h;
       (h = n.onCloseHandler) == null || h.call(n);
-    }, n.timeout), { stylePosition: a } = al(() => ({
+    }, n.timeout), { stylePosition: a } = sl(() => ({
       offset: n.offset,
       position: n.position
-    })), o = p(() => n.title && n.description);
+    })), o = D(() => n.title && n.description);
     function d() {
       n.timeout > 0 && i();
     }
     function c() {
       t();
     }
-    return pe(() => {
+    return De(() => {
       t();
     }), (h, f) => (s(), R(Me, {
       name: $(Qe)[e.position],
@@ -1836,9 +1859,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,54 +1869,54 @@ 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", Cl, [
+            e.showIcon ? (s(), r("div", Il, [
               m(h.$slots, "icon-status", { type: e.type }, () => [
-                e.type === "success" ? (s(), R($(rl), {
+                e.type === "success" ? (s(), R($(hl), {
                   key: 0,
                   class: "icon"
                 })) : T("", !0),
-                e.type === "info" ? (s(), R($(wl), {
+                e.type === "info" ? (s(), R($(xl), {
                   key: 1,
                   class: "icon"
                 })) : T("", !0),
-                e.type === "danger" ? (s(), R($(vl), {
+                e.type === "danger" ? (s(), R($(bl), {
                   key: 2,
                   class: "icon"
                 })) : T("", !0)
               ])
             ])) : T("", !0),
-            u("div", Cl, [
+            u("div", Bl, [
               u("p", {
-                class: x(["title", { "-multiline": $(o) }])
+                class: k(["title", { "-multiline": $(o) }])
               }, [
                 m(h.$slots, "title", {}, () => [
-                  D(k(e.title), 1)
+                  p(x(e.title), 1)
                 ])
               ], 2),
-              e.description ? (s(), r("p", Bl, [
+              e.description ? (s(), r("p", Ol, [
                 m(h.$slots, "description", {}, () => [
-                  D(k(e.description), 1)
+                  p(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, Ml),
           e.hideProgressBar ? T("", !0) : (s(), r("div", {
             key: 0,
             class: "progressbar",
             "aria-hidden": "true",
             style: ae({ width: `${$(l)}%` })
           }, null, 4))
-        ], 46, xl)) : T("", !0)
+        ], 46, Sl)) : T("", !0)
       ]),
       _: 3
     }, 8, ["name"]));
@@ -1907,7 +1930,7 @@ const ee = {
   "bottom-right": [],
   "bottom-center": []
 };
-function Al() {
+function Dl() {
   let e = 0;
   function n() {
     Object.entries(ee).forEach(([i, l]) => {
@@ -1920,15 +1943,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 ? Ll(l) : Q;
+      return l != null && l.showOneToast && n(), Pl(a, o, typeof i == "string" ? { title: i } : i), {
         close: () => Oe(a, o.position)
       };
     },
     clearAllToasts: n
   };
 }
-function Ml(e) {
+function Ll(e) {
   const n = {
     ...Q,
     ...e,
@@ -1936,18 +1959,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 Pl(e, n, t) {
   setTimeout(() => {
-    const i = Pl(n, ee, Ge), l = document.createElement("div");
+    const i = Vl(n, ee, Ge), l = document.createElement("div");
     document.body.appendChild(l);
     const a = L(
-      Ol,
-      Ll(n, e, i, Oe, t)
+      Tl,
+      zl(n, e, i, Oe, t)
     );
-    De(a, l), ee[n.position].push({ toastVNode: a, container: l }), a.component && (a.component.props.visible = !0);
+    pe(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 zl(e, n, t, i, l) {
   return {
     ...e,
     ...l,
@@ -1959,12 +1982,12 @@ function Ll(e, n, t, i, l) {
     }
   };
 }
-function Pl(e, n, t) {
+function Vl(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 Al(e, n, t, i) {
   for (let l = e; l < n.length; l++) {
     const { toastVNode: a } = n[l];
     if (!a.el)
@@ -1986,11 +2009,11 @@ 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), Al(i, t, n, o), !a.component)
     return;
   const d = a.component.props;
   d.visible = !1, d.onClose && d.onClose(), setTimeout(() => {
-    De(null, l), document.body.removeChild(l);
+    pe(null, l), document.body.removeChild(l);
   }, 1e3);
 }
 console.log("%c\u{1F33B}[Girassol]\u{1F33B}", "padding: 8px;background: #212121;color: gold; font-family: 'Fira code'; font-weight: bold; font-size: 1.2rem");
@@ -2009,17 +2032,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 +2052,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 +2061,6 @@ export {
   oe as SolTextfield,
   $e as SolTextfieldPassword,
   Ae as components,
-  El as install,
-  Al as useToast
+  pl as install,
+  Dl as useToast
 };