@solfacil/girassol 0.1.11 → 0.2.0

package/dist/girassol.es.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, ref, toDisplayString, createCommentVNode, createVNode, mergeProps, isRef, createBlock, withCtx, withDirectives, vShow, vModelText, Fragment, renderList, getCurrentScope, onScopeDispose, watch, reactive, withModifiers, createTextVNode, Transition as Transition$1, normalizeStyle, withKeys, onMounted, onUnmounted, render as render$9 } from "vue";
-var Button_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".sol-button-core{border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-family:Rubik;font-weight:500;font-size:.875rem;line-height:1.15;padding:.75rem 1.5rem;width:fit-content;min-width:40px;transition:filter .15s ease}.sol-button-core.-has-icon{padding-left:1rem;padding-right:1rem}.sol-button-core.-only-icon{padding:.5rem}.sol-button-core:not(.-only-icon)>.icon:empty{display:none}.sol-button-core:not(.-only-icon)>.icon.-left{margin-right:.5rem}.sol-button-core:not(.-only-icon)>.icon.-right{margin-left:.5rem}.sol-button-core:focus-visible{outline:4px solid #292929}.sol-button-core.-block{width:100%}.sol-button-core.-dense{padding:.5rem 1rem}.sol-button-core.-primary{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-button-core.-primary:hover{--tw-outline-opacity: 1;outline-color:rgba(143,143,143,var(--tw-outline-opacity));outline-width:2px;outline-style:solid}.sol-button-core.-primary:active{filter:brightness(1.2) drop-shadow(0px 3px 2px rgba(33,33,34,.5647058824))}.sol-button-core.-primary.-invert{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-button-core.-primary.-invert:hover{--tw-bg-opacity: .8;--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity));--tw-outline-opacity: 1;outline-color:rgba(82,82,82,var(--tw-outline-opacity))}.sol-button-core.-primary.-invert:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(143,143,143,var(--tw-outline-opacity))}.sol-button-core.-secondary{background-color:transparent;--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));border-width:1px;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-button-core.-secondary:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-secondary.-invert{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-button-core.-secondary.-invert:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-secondary.-invert:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(255,255,255,var(--tw-outline-opacity));outline-width:200px}.sol-button-core.-flat{background-color:transparent;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-button-core.-flat:hover{--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity))}.sol-button-core.-flat.-invert{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-button-core.-flat.-invert:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-button-core.-flat.-invert:focus{outline-color:#fff}.sol-button-core:disabled{cursor:not-allowed;filter:brightness(.8) grayscale(1)}\n")();
-const _hoisted_1$n = ["data-testid"];
-const _hoisted_2$l = { class: "icon -left" };
-const _hoisted_3$j = { class: "icon -right" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+var Button_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$o = ["data-testid"];
+const _hoisted_2$m = { class: "icon -left" };
+const _hoisted_3$k = { class: "icon -right" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -31,39 +31,41 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     id: null
   },
   setup(__props) {
-    function hasVariant(variant, variantClass) {
-      return variant ? variantClass : "";
+    const props = __props;
+    function hasVariant(variant2, variantClass) {
+      return variant2 ? variantClass : "";
     }
     const slots = useSlots();
     const hasContentWithIcon = computed(() => !!(slots == null ? void 0 : slots.default) && (!!(slots == null ? void 0 : slots["icon-right"]) || !!(slots == null ? void 0 : slots["icon-left"])));
     const onlyIcon = computed(() => !(slots == null ? void 0 : slots.default) && (!!(slots == null ? void 0 : slots["icon-right"]) || !!(slots == null ? void 0 : slots["icon-left"])));
+    const variant = computed(() => props.variant ? `-${props.variant}` : "-primary");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
         "data-testid": `button-${__props.id}`,
-        class: normalizeClass(["sol-button-core", `-${__props.variant}
+        class: normalizeClass(["sol-button-core", `${unref(variant)}
       ${hasVariant(__props.dense, "-dense")} ${hasVariant(__props.invert, "-invert")}
       ${hasVariant(unref(hasContentWithIcon), "-has-icon")}
       ${hasVariant(unref(onlyIcon), "-only-icon")}
     `]),
         type: "button"
       }, [
-        createElementVNode("div", _hoisted_2$l, [
+        createElementVNode("div", _hoisted_2$m, [
           renderSlot(_ctx.$slots, "icon-left")
         ]),
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("div", _hoisted_3$j, [
+        createElementVNode("div", _hoisted_3$k, [
           renderSlot(_ctx.$slots, "icon-right")
         ])
-      ], 10, _hoisted_1$n);
+      ], 10, _hoisted_1$o);
     };
   }
 });
-_sfc_main$e.install = (app) => {
-  app.component("SolButton", _sfc_main$e);
+_sfc_main$f.install = (app) => {
+  app.component("SolButton", _sfc_main$f);
 };
-var Input_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".sol-input-core{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity));border-radius:.5rem;border-width:2px;cursor:pointer;font-family:Rubik;font-size:.875rem;max-height:2.5rem;padding:.75rem;--tw-caret-opacity: 1;caret-color:rgba(255,176,31,var(--tw-caret-opacity));--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-input-core::placeholder{color:#8f8f8f!important;font-size:undefined!important;font-family:undefined!important;line-height:undefined!important}.sol-input-core:focus-visible{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));outline:3px solid #292929;outline-offset:0px}.sol-input-core.-invert{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-input-core.-invert:focus-visible{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));outline:3px solid #ffffff;outline-offset:0px}.sol-input-core.-invert:not(:placeholder-shown):invalid,.sol-input-core.-invert.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-input-core.-invert:disabled{--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity));border-color:transparent}.sol-input-core:not(:placeholder-shown):invalid,.sol-input-core.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-input-core:not(:placeholder-shown):invalid:focus-visible,.sol-input-core.-error:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(255,37,31,var(--tw-outline-opacity))}.sol-input-core:disabled{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(224,224,224,var(--tw-border-opacity));cursor:not-allowed}\n")();
-const _hoisted_1$m = ["id", "data-testid", "value"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+var Input_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$n = ["id", "data-testid", "value"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     id: null,
@@ -89,20 +91,20 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         value: __props.modelValue,
         class: normalizeClass(["sol-input-core", { "-invert": __props.invert, "-error": __props.error }]),
         onInput: emitInput
-      }, null, 42, _hoisted_1$m);
+      }, null, 42, _hoisted_1$n);
     };
   }
 });
-_sfc_main$d.install = (app) => {
-  app.component("SolInput", _sfc_main$d);
+_sfc_main$e.install = (app) => {
+  app.component("SolInput", _sfc_main$e);
 };
-var Textfield_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => '.sol-textfield-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.sol-textfield-core.-invert>.label,.sol-textfield-core.-invert>.hint{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-textfield-core:is([required=true],[required=""])>.label:after{position:absolute;top:30%;right:0px;content:"*"}.sol-textfield-core>.label{font-family:Rubik;font-weight:400;font-size:.875rem;line-height:1.15;margin-bottom:.25rem;position:relative;text-align:left;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-textfield-core>.container-input{position:relative}.sol-textfield-core>.container-input>.input{width:100%;scroll-margin-top:14rem}.sol-textfield-core>.container-input>.input~*{position:absolute;top:calc(50% - 8px);right:12px}.sol-textfield-core>.hint,.sol-textfield-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-textfield-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-textfield-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}\n')();
-const _hoisted_1$l = ["id", "data-testid"];
-const _hoisted_2$k = ["for"];
-const _hoisted_3$i = { class: "container-input" };
-const _hoisted_4$6 = ["id"];
-const _hoisted_5$3 = ["id"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+var Textfield_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$m = ["id", "data-testid"];
+const _hoisted_2$l = ["for"];
+const _hoisted_3$j = { class: "container-input" };
+const _hoisted_4$8 = ["id"];
+const _hoisted_5$4 = ["id"];
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "Textfield",
   props: {
     id: null,
@@ -146,11 +148,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$k)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$l)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$i, [
+        createElementVNode("div", _hoisted_3$j, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_sfc_main$d, mergeProps(_ctx.$attrs, {
+            createVNode(_sfc_main$e, mergeProps(_ctx.$attrs, {
               id: __props.id,
               modelValue: unref(model),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
@@ -167,51 +169,51 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_4$6)) : __props.error ? (openBlock(), createElementBlock("span", {
+        }, toDisplayString(__props.hint), 9, _hoisted_4$8)) : __props.error ? (openBlock(), createElementBlock("span", {
           key: 1,
           id: `error-${__props.id}`,
           class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_5$3)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$l);
+        }, toDisplayString(__props.error), 9, _hoisted_5$4)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$m);
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z" }),
   /* @__PURE__ */ createElementVNode("path", { d: "M21.894 11.553C19.736 7.236 15.904 5 12 5c-3.903 0-7.736 2.236-9.894 6.553a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894zM12 17c-2.969 0-6.002-1.62-7.87-5C5.998 8.62 9.03 7 12 7c2.969 0 6.002 1.62 7.87 5c-1.868 3.38-4.901 5-7.87 5z" })
 ], -1);
-const _hoisted_3$h = [
-  _hoisted_2$j
+const _hoisted_3$i = [
+  _hoisted_2$k
 ];
 function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$i);
 }
 var EyeOn = { name: "mi-eye", render: render$8 };
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M4.707 3.293a1 1 0 0 0-1.414 1.414l2.424 2.424c-1.43 1.076-2.678 2.554-3.611 4.422a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c1.555 0 3.1-.355 4.53-1.055l2.763 2.762a1 1 0 0 0 1.414-1.414l-16-16zm10.307 13.135c-.98.383-2 .572-3.014.572c-2.969 0-6.002-1.62-7.87-5c.817-1.479 1.858-2.62 3.018-3.437l2.144 2.144a3 3 0 0 0 4.001 4.001l1.72 1.72zm3.538-2.532c.483-.556.926-1.187 1.318-1.896c-1.868-3.38-4.9-5-7.87-5c-.112 0-.224.002-.336.007L9.879 5.223A10.215 10.215 0 0 1 12 5c3.903 0 7.736 2.236 9.894 6.553a1 1 0 0 1 0 .894a13.106 13.106 0 0 1-1.925 2.865l-1.417-1.416z"
 }, null, -1);
-const _hoisted_3$g = [
-  _hoisted_2$i
+const _hoisted_3$h = [
+  _hoisted_2$j
 ];
 function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$g);
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$h);
 }
 var EyeOff = { name: "mi-eye-off", render: render$7 };
-const _hoisted_1$i = ["aria-label"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = ["aria-label"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "TextfieldPassword",
   props: {
     id: { default: "" },
@@ -221,7 +223,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const passwordIsVisible = ref(false);
     const inputType = computed(() => passwordIsVisible.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$c, {
+      return openBlock(), createBlock(_sfc_main$d, {
         id: __props.id,
         required: "",
         type: unref(inputType),
@@ -241,27 +243,27 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             withDirectives(createVNode(unref(EyeOff), { "aria-hidden": "true" }, null, 512), [
               [vShow, !passwordIsVisible.value]
             ])
-          ], 8, _hoisted_1$i)
+          ], 8, _hoisted_1$j)
         ]),
         _: 1
       }, 8, ["id", "type", "label"]);
     };
   }
 });
-_sfc_main$c.install = (app) => {
-  app.component("SolTextfield", _sfc_main$c);
+_sfc_main$d.install = (app) => {
+  app.component("SolTextfield", _sfc_main$d);
 };
-_sfc_main$b.install = (app) => {
-  app.component("SolTextfieldPassword", _sfc_main$b);
+_sfc_main$c.install = (app) => {
+  app.component("SolTextfieldPassword", _sfc_main$c);
 };
-var Textarea_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => '.sol-textarea-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.sol-textarea-core.-invert>.label,.sol-textarea-core.-invert>.hint{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-textarea-core:is([required=true],[required=""])>.label:after{position:absolute;top:30%;right:0px;content:"*"}.sol-textarea-core>.label{font-family:Rubik;font-weight:400;font-size:.875rem;line-height:1.15;margin-bottom:.25rem;position:relative;text-align:left;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-textarea-core>.container-textarea{position:relative}.sol-textarea-core>.container-textarea>.textarea{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity));border-radius:.5rem;border-width:2px;cursor:pointer;font-family:Rubik;height:100%;font-size:.875rem;max-width:100%;padding:.75rem;--tw-caret-opacity: 1;caret-color:rgba(255,176,31,var(--tw-caret-opacity));--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity));scroll-margin-top:14rem}.sol-textarea-core>.container-textarea>.textarea.-invert{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-textarea-core>.container-textarea>.textarea.-invert:focus-visible{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));outline:3px solid #ffffff;outline-offset:0px}.sol-textarea-core>.container-textarea>.textarea.-invert:not(:placeholder-shown):invalid,.sol-textarea-core>.container-textarea>.textarea.-invert.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-textarea-core>.container-textarea>.textarea.-invert:disabled{--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity));border-color:transparent}.sol-textarea-core>.container-textarea>.textarea:not(:placeholder-shown):invalid,.sol-textarea-core>.container-textarea>.textarea.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-textarea-core>.container-textarea>.textarea:not(:placeholder-shown):invalid:focus-visible,.sol-textarea-core>.container-textarea>.textarea.-error:focus-visible{--tw-outline-opacity: 1;outline-color:rgba(255,37,31,var(--tw-outline-opacity))}.sol-textarea-core>.container-textarea>.textarea:disabled{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(224,224,224,var(--tw-border-opacity));cursor:not-allowed}.sol-textarea-core>.hint,.sol-textarea-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-textarea-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-textarea-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}\n')();
-const _hoisted_1$h = ["id", "data-testid"];
-const _hoisted_2$h = ["for"];
-const _hoisted_3$f = { class: "container-textarea" };
-const _hoisted_4$5 = ["id", "data-testid", "invert", "aria-invalid", "aria-describedby"];
-const _hoisted_5$2 = ["id"];
-const _hoisted_6$2 = ["id"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+var Textarea_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$i = ["id", "data-testid"];
+const _hoisted_2$i = ["for"];
+const _hoisted_3$g = { class: "container-textarea" };
+const _hoisted_4$7 = ["id", "data-testid", "invert", "aria-invalid", "aria-describedby"];
+const _hoisted_5$3 = ["id"];
+const _hoisted_6$3 = ["id"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Textarea",
   props: {
     id: null,
@@ -306,9 +308,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$h)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$i)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$f, [
+        createElementVNode("div", _hoisted_3$g, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             withDirectives(createElementVNode("textarea", mergeProps(_ctx.$attrs, {
               id: `input-${__props.id}`,
@@ -319,7 +321,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               style: { resize: __props.resize },
               "aria-invalid": !!__props.error,
               "aria-describedby": ariaDescribedby(__props.hint, __props.error)
-            }), null, 16, _hoisted_4$5), [
+            }), null, 16, _hoisted_4$7), [
               [vModelText, unref(model)]
             ])
           ])
@@ -328,22 +330,22 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_5$2)) : __props.error ? (openBlock(), createElementBlock("span", {
+        }, toDisplayString(__props.hint), 9, _hoisted_5$3)) : __props.error ? (openBlock(), createElementBlock("span", {
           key: 1,
           id: `error-${__props.id}`,
           class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_6$2)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$h);
+        }, toDisplayString(__props.error), 9, _hoisted_6$3)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$i);
     };
   }
 });
-_sfc_main$a.install = (app) => {
-  app.component("SolTextarea", _sfc_main$a);
+_sfc_main$b.install = (app) => {
+  app.component("SolTextarea", _sfc_main$b);
 };
-var Radio_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".sol-radio-core{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.sol-radio-core:focus-within{outline:3px solid #292929;outline-offset:0px}.sol-radio-core>.radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));border-radius:100%;border-style:solid;border-width:2px;cursor:pointer;height:1rem;margin-right:.5rem;width:1rem}.sol-radio-core>.radio:checked{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-radio-core>.radio:disabled{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity));cursor:not-allowed}.sol-radio-core>.radio:disabled~.label{cursor:not-allowed;--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-radio-core>.label{cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;height:1rem;font-size:.875rem;line-height:1.33;padding-right:.5rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}\n")();
-const _hoisted_1$g = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$g = ["for"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+var Radio_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$h = ["id", "data-testid", "checked", "value", "name"];
+const _hoisted_2$h = ["for"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Radio",
   props: {
     id: null,
@@ -368,21 +370,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           value: __props.value,
           name: __props.name,
           onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-        }), null, 16, _hoisted_1$g),
+        }), null, 16, _hoisted_1$h),
         createElementVNode("label", {
           class: "label",
           for: `radio-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$g)
+        }, toDisplayString(__props.label), 9, _hoisted_2$h)
       ], 2);
     };
   }
 });
-var RadioGroup_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".sol-radio-group-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;text-align:left}.sol-radio-group-core>.title{margin-bottom:.75rem}.sol-radio-group-core>.container-radios{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.sol-radio-group-core>.container-radios>.radio{width:-webkit-min-content;width:-moz-min-content;width:min-content}.sol-radio-group-core>.hint,.sol-radio-group-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-radio-group-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-radio-group-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}\n")();
-const _hoisted_1$f = ["aria-labelledby"];
-const _hoisted_2$f = ["id", "data-testid"];
-const _hoisted_3$e = ["id"];
-const _hoisted_4$4 = ["id"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+var RadioGroup_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$g = ["aria-labelledby"];
+const _hoisted_2$g = ["id", "data-testid"];
+const _hoisted_3$f = ["id"];
+const _hoisted_4$6 = ["id"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: {
     id: null,
@@ -426,7 +428,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             id: `radio-group-title-${__props.id}`,
             class: normalizeClass(["title", { "sr-only": __props.hideTitle }]),
             "data-testid": `radio-group-title-${__props.id}`
-          }, toDisplayString(__props.title), 11, _hoisted_2$f)
+          }, toDisplayString(__props.title), 11, _hoisted_2$g)
         ]),
         createElementVNode("ul", {
           class: normalizeClass(["container-radios", { "flex-col": __props.direction === "column" }])
@@ -438,7 +440,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.radios, (radio, index) => {
               var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$9, mergeProps(_ctx.$attrs, {
+                createVNode(_sfc_main$a, mergeProps(_ctx.$attrs, {
                   id: (_a2 = radio == null ? void 0 : radio.id) != null ? _a2 : `${radio.value}`,
                   class: ["radio", { "mb-micro": __props.direction === "column", "mr-micro": __props.direction === "row" }],
                   name: radio.name,
@@ -457,25 +459,25 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$e)) : __props.error ? (openBlock(), createElementBlock("p", {
+        }, toDisplayString(__props.hint), 9, _hoisted_3$f)) : __props.error ? (openBlock(), createElementBlock("p", {
           key: 1,
           id: `error-${__props.id}`,
           class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_4$4)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$f);
+        }, toDisplayString(__props.error), 9, _hoisted_4$6)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$g);
     };
   }
 });
-_sfc_main$9.install = (app) => {
-  app.component("SolRadio", _sfc_main$9);
+_sfc_main$a.install = (app) => {
+  app.component("SolRadio", _sfc_main$a);
 };
-_sfc_main$8.install = (app) => {
-  app.component("SolRadioGroup", _sfc_main$8);
+_sfc_main$9.install = (app) => {
+  app.component("SolRadioGroup", _sfc_main$9);
 };
-var Checkbox_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => '.sol-checkbox-core{border-radius:.25rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.sol-checkbox-core:focus-within{outline:3px solid #292929;outline-offset:0px}.sol-checkbox-core:hover>.checkbox:not(:checked){--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-checkbox-core:hover>.checkbox:checked:before{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-checkbox-core>.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity));border-radius:.25rem;border-width:2px;display:-ms-grid;display:grid;place-content:center;height:1rem;margin-right:.5rem;width:1rem}.sol-checkbox-core>.checkbox:before{content:"";transform:scale(0);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity));height:.5rem;width:.5rem;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.sol-checkbox-core>.checkbox:checked:before{transform:scale(1)}.sol-checkbox-core>.checkbox:checked{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity))}.sol-checkbox-core>.checkbox:disabled{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity));cursor:not-allowed}.sol-checkbox-core>.checkbox:disabled~.label{cursor:not-allowed;--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-checkbox-core>.label{cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;height:1rem;font-size:.875rem;line-height:1.33;padding-right:.5rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}\n')();
-const _hoisted_1$e = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$e = ["for"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+var Checkbox_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$f = ["id", "data-testid", "checked", "value", "name"];
+const _hoisted_2$f = ["for"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     id: null,
@@ -500,21 +502,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           value: __props.value,
           name: __props.name,
           onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-        }), null, 16, _hoisted_1$e),
+        }), null, 16, _hoisted_1$f),
         createElementVNode("label", {
           class: "label",
           for: `checkbox-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$e)
+        }, toDisplayString(__props.label), 9, _hoisted_2$f)
       ], 2);
     };
   }
 });
-var CheckboxGroup_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".sol-checkbox-group-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;text-align:left}.sol-checkbox-group-core>.title{font-weight:700;margin-bottom:.75rem}.sol-checkbox-group-core>.container-checkboxes{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.sol-checkbox-group-core>.container-checkboxes>.checkbox{width:-webkit-min-content;width:-moz-min-content;width:min-content}.sol-checkbox-group-core>.hint,.sol-checkbox-group-core>.error{font-family:Rubik;font-weight:400;font-size:.75rem;line-height:1.15;margin-top:.25rem;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-checkbox-group-core>.hint{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-checkbox-group-core>.error{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}\n")();
-const _hoisted_1$d = ["aria-labelledby"];
-const _hoisted_2$d = ["id", "data-testid"];
-const _hoisted_3$d = ["id"];
-const _hoisted_4$3 = ["id"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$e = ["aria-labelledby"];
+const _hoisted_2$e = ["id", "data-testid"];
+const _hoisted_3$e = ["id"];
+const _hoisted_4$5 = ["id"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CheckboxGroup",
   props: {
     id: null,
@@ -564,7 +566,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             id: `checkbox-group-title-${__props.id}`,
             class: normalizeClass(["title", { "sr-only": __props.hideTitle }]),
             "data-testid": `checkbox-group-title-${__props.id}`
-          }, toDisplayString(__props.title), 11, _hoisted_2$d)
+          }, toDisplayString(__props.title), 11, _hoisted_2$e)
         ]),
         createElementVNode("ul", {
           class: normalizeClass(["container-checkboxes", { "flex-col": __props.direction === "column" }])
@@ -576,7 +578,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkboxes, (checkbox, index) => {
               var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$7, mergeProps(_ctx.$attrs, {
+                createVNode(_sfc_main$8, mergeProps(_ctx.$attrs, {
                   id: (_a2 = checkbox == null ? void 0 : checkbox.id) != null ? _a2 : `${checkbox.value}`,
                   class: ["checkbox", { "mb-micro": __props.direction === "column", "mr-micro": __props.direction === "row" }],
                   label: checkbox.label,
@@ -595,27 +597,27 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$d)) : __props.error ? (openBlock(), createElementBlock("p", {
+        }, toDisplayString(__props.hint), 9, _hoisted_3$e)) : __props.error ? (openBlock(), createElementBlock("p", {
           key: 1,
           id: `error-${__props.id}`,
           class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_4$3)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$d);
+        }, toDisplayString(__props.error), 9, _hoisted_4$5)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$e);
     };
   }
 });
-_sfc_main$7.install = (app) => {
-  app.component("SolCheckbox", _sfc_main$7);
+_sfc_main$8.install = (app) => {
+  app.component("SolCheckbox", _sfc_main$8);
 };
-_sfc_main$6.install = (app) => {
-  app.component("SolCheckboxGroup", _sfc_main$6);
+_sfc_main$7.install = (app) => {
+  app.component("SolCheckboxGroup", _sfc_main$7);
 };
-var Switch_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => '.sol-switch-core{border-radius:1rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.sol-switch-core[disabled=""]>.label,.sol-switch-core[disabled=true]>.label{cursor:not-allowed;--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-switch-core[disabled=""]>.switch-container,.sol-switch-core[disabled=true]>.switch-container{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));--tw-border-opacity: .16}.sol-switch-core.-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.sol-switch-core:focus-within>.switch-container{outline:3px solid #292929;outline-offset:0px}.sol-switch-core>.label{cursor:pointer;display:inline-block;font-family:Rubik;font-weight:500;height:1rem;font-size:.875rem;line-height:1.33;padding-right:.5rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.sol-switch-core>.switch-container{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));border-radius:1rem;border-width:2px;height:1.5rem;overflow:hidden;position:relative;width:3rem}.sol-switch-core>.switch-container:hover>.switch:checked~.ellipse{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.sol-switch-core>.switch-container>.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:100%;width:100%;transition:.2s background-color}.sol-switch-core>.switch-container>.switch:checked{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-switch-core>.switch-container>.switch:checked~.ellipse{transform:translate(140%)}.sol-switch-core>.switch-container>.switch[disabled=""],.sol-switch-core>.switch-container>.switch[disabled=true]{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity));cursor:not-allowed}.sol-switch-core>.switch-container>.switch[disabled=""]~.ellipse,.sol-switch-core>.switch-container>.switch[disabled=true]~.ellipse{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity))}.sol-switch-core>.switch-container>.ellipse{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity));border-radius:.5rem;display:inline-block;height:1rem;pointer-events:none;position:absolute;top:11.111111%;left:.25rem;width:1rem;transition:.2s transform,.15s background-color}\n')();
-const _hoisted_1$c = ["id", "for", "data-testid"];
-const _hoisted_2$c = { class: "switch-container" };
-const _hoisted_3$c = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"];
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "ellipse" }, null, -1);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+var Switch_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$d = ["id", "for", "data-testid"];
+const _hoisted_2$d = { class: "switch-container" };
+const _hoisted_3$d = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"];
+const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("span", { class: "ellipse" }, null, -1);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: {
     id: null,
@@ -638,8 +640,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["label", { "mb-1": !__props.horizontalLabel, "sr-only": __props.hideLabel }]),
           for: `switch-${__props.name}-${__props.id}`,
           "data-testid": `switch-label-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 11, _hoisted_1$c),
-        createElementVNode("div", _hoisted_2$c, [
+        }, toDisplayString(__props.label), 11, _hoisted_1$d),
+        createElementVNode("div", _hoisted_2$d, [
           createElementVNode("input", mergeProps(_ctx.$attrs, {
             id: `switch-${__props.name}-${__props.id}`,
             type: "checkbox",
@@ -652,16 +654,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             value: __props.value,
             name: __props.name,
             onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-          }), null, 16, _hoisted_3$c),
-          _hoisted_4$2
+          }), null, 16, _hoisted_3$d),
+          _hoisted_4$4
         ])
       ], 2);
     };
   }
 });
-_sfc_main$5.install = (app) => {
-  app.component("SolSwitch", _sfc_main$5);
+_sfc_main$6.install = (app) => {
+  app.component("SolSwitch", _sfc_main$6);
 };
+var _a;
+const isClient = typeof window !== "undefined";
+const isString = (val) => typeof val === "string";
+const noop = () => {
+};
+isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -669,12 +677,6 @@ function tryOnScopeDispose(fn) {
   }
   return false;
 }
-var _a;
-const isClient = typeof window !== "undefined";
-const isString = (val) => typeof val === "string";
-const noop = () => {
-};
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function unrefElement(elRef) {
   var _a2;
   const plain = unref(elRef);
@@ -716,7 +718,7 @@ function useEventListener(...args) {
   return stop;
 }
 function onClickOutside(target, handler, options = {}) {
-  const { window: window2 = defaultWindow, ignore, capture = true } = options;
+  const { window: window2 = defaultWindow, ignore, capture = true, detectIframe = false } = options;
   if (!window2)
     return;
   const shouldListen = ref(true);
@@ -743,9 +745,19 @@ function onClickOutside(target, handler, options = {}) {
       shouldListen.value = !!el && !e.composedPath().includes(el);
     }, { passive: true }),
     useEventListener(window2, "pointerup", (e) => {
-      fallback = window2.setTimeout(() => listener(e), 50);
-    }, { passive: true })
-  ];
+      if (e.button === 0) {
+        const path = e.composedPath();
+        e.composedPath = () => path;
+        fallback = window2.setTimeout(() => listener(e), 50);
+      }
+    }, { passive: true }),
+    detectIframe && useEventListener(window2, "blur", (event) => {
+      var _a2;
+      const el = unrefElement(target);
+      if (((_a2 = document.activeElement) == null ? void 0 : _a2.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(document.activeElement)))
+        handler(event);
+    })
+  ].filter(Boolean);
   const stop = () => cleanup.forEach((fn) => fn());
   return stop;
 }
@@ -761,36 +773,36 @@ var SwipeDirection;
   SwipeDirection2["LEFT"] = "LEFT";
   SwipeDirection2["NONE"] = "NONE";
 })(SwipeDirection || (SwipeDirection = {}));
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$b = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("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);
-const _hoisted_3$b = [
-  _hoisted_2$b
+const _hoisted_3$c = [
+  _hoisted_2$c
 ];
 function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_3$b);
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$c);
 }
 var IconSearch = { name: "mi-search", render: render$6 };
-var Dropdown_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => '.dropdown-leave-from,.dropdown-enter-to{transform:rotateX(0)}.dropdown-leave-to,.dropdown-enter-from{transform:rotateX(-90deg)}@keyframes dropdown-item{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.sol-dropdown-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;position:relative}.sol-dropdown-core:focus-within>.button-toggle-dropdown>*{outline:3px solid #292929;outline-offset:0px;box-shadow:0 0 0 2px #ffba4732}.sol-dropdown-core>.button-toggle-dropdown{min-height:2rem;border-radius:.5rem;scroll-margin-top:14rem}.sol-dropdown-core>.button-toggle-dropdown:disabled{cursor:not-allowed}.sol-dropdown-core.-smaller>.dropdown-container,.sol-dropdown-core.-smaller>.toggle-dropdown{min-width:64px;width:fit-content}.sol-dropdown-core>.label{font-family:Rubik;font-size:.875rem;line-height:1.15;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity));margin-bottom:.25rem}.sol-dropdown-core>.label.-disabled{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-dropdown-core>.dropdown-container{position:absolute;top:100%;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));margin-top:.5rem;min-width:12.5rem;overflow:hidden;padding-top:.5rem;padding-bottom:.5rem;width:100%;border-radius:inherit;z-index:6;transform-origin:top center;transition:transform .2s ease-in;box-shadow:1px 1px 6px 1px #21212132;will-change:transform}.sol-dropdown-core>.dropdown-container>.search-container{margin-left:.5rem;margin-right:.5rem;position:relative}.sol-dropdown-core>.dropdown-container>.search-container.-loading:before{content:"";animation:loading 1.5s ease-out infinite;background:linear-gradient(90deg,#ffb600,#ffcd70,#ffb600);transform-origin:left;transform:scaleX(0);will-change:transform;display:inline-block;position:absolute;bottom:0px;height:.25rem;width:100%}@keyframes loading{0%{transform:scaleX(0) translate(0)}40%{transform:scaleX(1)}to{transform:scaleX(1) translate(110%)}}.sol-dropdown-core>.dropdown-container>.search-container>.search{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));margin-bottom:.5rem;margin-bottom:1.5rem;width:100%}.sol-dropdown-core>.dropdown-container>.search-container>.icon{pointer-events:none;position:absolute;right:.5rem;top:10px}.sol-dropdown-core>.dropdown-container>.dropdown-list-core{max-height:240px;overflow-y:auto;padding-left:.5rem;padding-right:.5rem;width:100%;scrollbar-width:thin;scroll-behavior:smooth}.sol-dropdown-core>.dropdown-container>.dropdown-list-core::-webkit-scrollbar{width:.25rem}.sol-dropdown-core>.dropdown-container>.dropdown-list-core::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity))}.sol-dropdown-core>.dropdown-container>.dropdown-list-core::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.sol-dropdown-core>.dropdown-container>.dropdown-list-core>.no-data{font-family:Lato,sans-serif;font-size:.875rem;line-height:1.15;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-dropdown-core>.dropdown-container>.dropdown-list-core>.dropdown-item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;height:2rem;margin-bottom:.5rem;padding-left:.5rem;padding-right:.5rem;width:100%;font-family:Lato,sans-serif;font-size:.875rem;line-height:1.15;white-space:nowrap;transition:border-radius .12s ease-in;transform:rotateX(-90deg);animation:dropdown-item .3s forwards cubic-bezier(.175,.885,.32,1.275);animation-delay:calc(.2s + var(--item, 2) * 50ms)}.sol-dropdown-core>.dropdown-container>.dropdown-list-core>.dropdown-item:hover,.sol-dropdown-core>.dropdown-container>.dropdown-list-core>.dropdown-item:focus{--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity));border-radius:.5rem}.sol-dropdown-core>.dropdown-container>.dropdown-list-core>.dropdown-item[selected=true]{--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity));--tw-border-opacity: 1;border-bottom-color:rgba(255,176,31,var(--tw-border-opacity));border-bottom-width:1px}.sol-dropdown-core>.dropdown-container>.dropdown-list-core>.dropdown-item[selected=true]:hover,.sol-dropdown-core>.dropdown-container>.dropdown-list-core>.dropdown-item[selected=true]:focus{filter:saturate(2.5)}\n')();
-const _hoisted_1$a = ["data-testid"];
-const _hoisted_2$a = ["id", "for"];
-const _hoisted_3$a = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"];
-const _hoisted_4$1 = { class: "dropdown-container" };
-const _hoisted_5$1 = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"];
-const _hoisted_6$1 = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"];
-const _hoisted_7 = {
+var Dropdown_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$b = ["data-testid"];
+const _hoisted_2$b = ["id", "for"];
+const _hoisted_3$b = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"];
+const _hoisted_4$3 = { class: "dropdown-container" };
+const _hoisted_5$2 = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"];
+const _hoisted_6$2 = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"];
+const _hoisted_7$1 = {
   key: 0,
   class: "no-data"
 };
 const _hoisted_8 = /* @__PURE__ */ createTextVNode(" Sem dados ");
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "Dropdown",
   props: {
     id: null,
@@ -923,7 +935,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             id: `label-dropdown-${__props.id}`,
             class: normalizeClass(["label", { "-disabled": __props.disabled, "sr-only": __props.ariaLabel }]),
             for: `toggle-dropdown-${__props.id}`
-          }, toDisplayString(__props.label || __props.ariaLabel), 11, _hoisted_2$a)
+          }, toDisplayString(__props.label || __props.ariaLabel), 11, _hoisted_2$b)
         ]),
         createElementVNode("button", {
           id: `toggle-dropdown-${__props.id}`,
@@ -946,19 +958,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           }, () => [
             createTextVNode(toDisplayString(unref(selectedSanitize) || "Selecione"), 1)
           ])
-        ], 8, _hoisted_3$a),
+        ], 8, _hoisted_3$b),
         createVNode(Transition$1, {
           mode: "out-in",
           name: "dropdown"
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_4$1, [
+            withDirectives(createElementVNode("div", _hoisted_4$3, [
               __props.searchable ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: normalizeClass(["search-container", { "-loading": __props.loading }])
               }, [
                 renderSlot(_ctx.$slots, "search", { filter: filter.value }, () => [
-                  createVNode(_sfc_main$d, {
+                  createVNode(_sfc_main$e, {
                     id: `search-dropdown-${__props.id}`,
                     ref: (target) => addRefElementToElements("search", target == null ? void 0 : target.input),
                     modelValue: filter.value,
@@ -1021,49 +1033,49 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     }, () => [
                       createTextVNode(toDisplayString(getOption(option, "name")), 1)
                     ])
-                  ], 44, _hoisted_6$1);
+                  ], 44, _hoisted_6$2);
                 }), 128)),
-                !unref(filtered).length ? (openBlock(), createElementBlock("li", _hoisted_7, [
+                !unref(filtered).length ? (openBlock(), createElementBlock("li", _hoisted_7$1, [
                   renderSlot(_ctx.$slots, "no-data", {}, () => [
                     _hoisted_8
                   ])
                 ])) : createCommentVNode("", true)
-              ], 8, _hoisted_5$1)
+              ], 8, _hoisted_5$2)
             ], 512), [
               [vShow, isDropdownOpen.value]
             ])
           ]),
           _: 3
         })
-      ], 42, _hoisted_1$a);
+      ], 42, _hoisted_1$b);
     };
   }
 });
-_sfc_main$4.install = (app) => {
-  app.component("SolDropdown", _sfc_main$4);
+_sfc_main$5.install = (app) => {
+  app.component("SolDropdown", _sfc_main$5);
 };
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$a = /* @__PURE__ */ createElementVNode("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);
-const _hoisted_3$9 = [
-  _hoisted_2$9
+const _hoisted_3$a = [
+  _hoisted_2$a
 ];
 function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$a);
 }
 var Close = { name: "mi-close", render: render$5 };
-var Chip_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".sol-chip-core{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:100%;min-height:2rem;padding-left:.75rem;padding-right:.25rem;width:fit-content;--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity));--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));border-radius:1rem;border-width:2px;cursor:pointer;transition:background .2s ease-in}.sol-chip-core:focus-within{outline:3px solid #292929;outline-offset:0px}.sol-chip-core:hover{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity))}.sol-chip-core.-selected{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.sol-chip-core.-disabled{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity));cursor:not-allowed;pointer-events:none}.sol-chip-core>.label{display:inline-block;margin-right:.25rem;--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity));font-family:Rubik;font-weight:500;font-size:.75rem;line-height:1.15;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-chip-core>.close{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:1.5rem;width:1.5rem;border-radius:50%;transition:background .2s cubic-bezier(.165,.84,.44,1)}.sol-chip-core>.close:hover,.sol-chip-core>.close:focus{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity));--tw-bg-opacity: .16}.sol-chip-core>.close>.icon{font-size:.875rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}\n")();
-const _hoisted_1$8 = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"];
-const _hoisted_2$8 = ["id"];
-const _hoisted_3$8 = { class: "label" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var Chip_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$9 = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"];
+const _hoisted_2$9 = ["id"];
+const _hoisted_3$9 = { class: "label" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Chip",
   props: {
     id: null,
@@ -1106,8 +1118,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           id: `chip-description-${__props.id}`,
           "z-index": "-1",
           class: "sr-only"
-        }, "Press Delete or Backspace to remove this Chip", 8, _hoisted_2$8),
-        createElementVNode("span", _hoisted_3$8, [
+        }, "Press Delete or Backspace to remove this Chip", 8, _hoisted_2$9),
+        createElementVNode("span", _hoisted_3$9, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(__props.label), 1)
           ])
@@ -1121,7 +1133,77 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(unref(Close), { class: "icon" })
         ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$8);
+      ], 42, _hoisted_1$9);
+    };
+  }
+});
+var ListOption_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$8 = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"];
+const _hoisted_2$8 = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"];
+const _hoisted_3$8 = {
+  key: 0,
+  class: "no-data"
+};
+const _hoisted_4$2 = /* @__PURE__ */ createTextVNode(" Sem dados ");
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ListOption",
+  props: {
+    id: null,
+    options: null,
+    multiple: { type: Boolean },
+    isSelected: null
+  },
+  emits: ["select"],
+  setup(__props, { expose, emit }) {
+    const list = ref("");
+    expose({
+      list
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        id: `select-list-${__props.id}`,
+        ref_key: "list",
+        ref: list,
+        "data-testid": `select-list-${__props.id}`,
+        role: "listbox",
+        tabindex: "-1",
+        "aria-multiselectable": __props.multiple,
+        "aria-labelledby": `select-label-${__props.id}`,
+        class: "select-list-core"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+          return openBlock(), createElementBlock("li", {
+            id: `option-${__props.id}-${option.value}`,
+            key: index,
+            "data-testid": `option-${__props.id}-${option.value}`,
+            role: "option",
+            tabindex: "-1",
+            class: "select-option-item",
+            style: normalizeStyle(`--item: ${index + 1}`),
+            selected: __props.isSelected(option),
+            "aria-selected": __props.isSelected(option),
+            onClick: ($event) => emit("select", option),
+            onKeyup: [
+              withKeys(($event) => emit("select", option), ["enter"]),
+              withKeys(($event) => emit("select", option), ["space"])
+            ]
+          }, [
+            renderSlot(_ctx.$slots, "item-list", {
+              text: option.name,
+              value: option.value,
+              option,
+              isSelected: __props.isSelected(option)
+            }, () => [
+              createTextVNode(toDisplayString(option.name), 1)
+            ])
+          ], 44, _hoisted_2$8);
+        }), 128)),
+        !__props.options.length ? (openBlock(), createElementBlock("li", _hoisted_3$8, [
+          renderSlot(_ctx.$slots, "no-data", {}, () => [
+            _hoisted_4$2
+          ])
+        ])) : createCommentVNode("", true)
+      ], 8, _hoisted_1$8);
     };
   }
 });
@@ -1142,81 +1224,280 @@ function render$4(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
 }
 var IconArrow = { name: "mi-caret-down", render: render$4 };
-var Select_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".sol-select-core>.toggle-dropdown{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;max-width:20rem}.sol-select-core>.toggle-dropdown>.select-container{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;height:100%;padding-left:.75rem;padding-right:.75rem;width:100%;--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));cursor:pointer;overflow:hidden;--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity));border-radius:.5rem;border-width:2px;font-family:Rubik;font-size:.875rem}.sol-select-core>.toggle-dropdown>.select-container.-disabled{--tw-border-opacity: 1;border-color:rgba(224,224,224,var(--tw-border-opacity));cursor:not-allowed}.sol-select-core>.toggle-dropdown>.select-container.-disabled>.icon{--tw-text-opacity: 1;color:rgba(224,224,224,var(--tw-text-opacity))}.sol-select-core>.toggle-dropdown>.select-container.-error{--tw-border-opacity: 1;border-color:rgba(255,37,31,var(--tw-border-opacity))}.sol-select-core>.toggle-dropdown>.select-container>.select{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;height:100%;margin-right:1rem;min-height:2.25rem;gap:4px}.sol-select-core>.toggle-dropdown>.select-container>.select:not(:empty){padding-top:.25rem;padding-bottom:.25rem}.sol-select-core>.toggle-dropdown>.select-container>.select>.tag{border-radius:.25rem;padding:.25rem;width:fit-content;--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity));font-family:Rubik;font-size:.75rem}.sol-select-core>.toggle-dropdown>.select-container>.select>.tag:hover{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-select-core>.toggle-dropdown>.select-container>.icon{position:absolute;right:12px;transition:transform .35s}.sol-select-core>.toggle-dropdown>.select-container>.icon.-open{transform-origin:center;transform:rotate3d(0,0,1,180deg)}.sol-select-core>.toggle-dropdown>.select-container~.error{display:inline-block;margin-top:.25rem;padding-left:.25rem;width:100%;font-size:.75rem;text-align:left;--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}.sol-select-core>.toggle-dropdown>.select-container~.error:empty{display:none}\n")();
-const _hoisted_1$6 = { class: "select" };
-const _hoisted_2$6 = {
-  key: 2,
-  class: "placeholder-inline"
+var Select_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$6 = ["data-testid"];
+const _hoisted_2$6 = ["id"];
+const _hoisted_3$6 = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"];
+const _hoisted_4$1 = {
+  key: 0,
+  class: "container-tags"
+};
+const _hoisted_5$1 = {
+  key: 1,
+  class: "mr-micro placeholder-inline",
+  tabindex: "-1"
 };
-const _hoisted_3$6 = { class: "error" };
+const _hoisted_6$1 = { class: "error" };
+const _hoisted_7 = { class: "select-options-container" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
     id: null,
-    options: null,
     label: null,
     ariaLabel: null,
     smallerWidth: { type: Boolean },
     disabled: { type: Boolean },
+    loading: { type: Boolean, default: false },
+    searchable: { type: Boolean, default: false },
+    closeOnSelect: { type: Boolean, default: true },
+    fetchOnSearch: { type: Boolean, default: false },
     multiple: { type: Boolean },
-    modelValue: null,
-    error: null,
-    fetchOnApi: { type: Boolean },
-    placeholder: { default: "Selecione" },
     searchPlaceholder: null,
-    searchable: { type: Boolean }
+    selected: null,
+    options: { default: () => [] },
+    error: null,
+    placeholder: { default: "placeholder" }
   },
-  emits: ["update:modelValue"],
+  emits: ["closeDropdown", "search", "update:selected"],
   setup(__props, { emit }) {
+    const props = __props;
+    const el = ref();
+    const isDropdownOpen = ref(false);
+    const filter = ref("");
+    const filtered = computed(() => {
+      var _a2;
+      return props.fetchOnSearch ? props.options : (_a2 = props.options) == null ? void 0 : _a2.filter((option) => option.name.includes(filter.value));
+    });
+    onClickOutside(el, () => {
+      if (isDropdownOpen.value)
+        close2();
+    });
+    function toggleDropdown() {
+      if (!props.disabled)
+        isDropdownOpen.value ? close2() : open();
+    }
+    function open() {
+      isDropdownOpen.value = true;
+    }
+    function close2() {
+      resetStates();
+      emit("closeDropdown");
+    }
+    function sanitizeMultipleSelection(selected) {
+      if (Array.isArray(props.selected)) {
+        const indexOfSelect = props.selected.findIndex(({ value }) => value === selected.value);
+        return indexOfSelect === -1 ? [...props.selected, selected] : props.selected.filter((_, index) => index !== indexOfSelect);
+      }
+      return [selected];
+    }
+    function select(selected) {
+      props.multiple ? emit("update:selected", sanitizeMultipleSelection(selected)) : emit("update:selected", selected);
+      if (props.closeOnSelect && !props.multiple)
+        close2();
+    }
+    function isSelected(option) {
+      var _a2;
+      return Array.isArray(props.selected) ? props.selected.some(({ value }) => value === option.value) : option.value === ((_a2 = props.selected) == null ? void 0 : _a2.value);
+    }
+    const elements = reactive({
+      list: void 0,
+      search: void 0
+    });
+    const elementFocus = reactive({
+      id: "",
+      index: 0
+    });
+    function navigation({ code }) {
+      const focusListItem = (index) => {
+        const indexItem = index != null ? index : elementFocus.index;
+        if (index !== void 0)
+          elementFocus.index = index;
+        setTimeout(() => {
+          var _a2, _b;
+          const item = (_a2 = elements.list) == null ? void 0 : _a2.children[indexItem];
+          elementFocus.id = (_b = item == null ? void 0 : item.id) != null ? _b : "";
+          item == null ? void 0 : item.focus();
+        }, 0);
+      };
+      const focusSearch = () => {
+        var _a2;
+        if (props.searchable) {
+          elementFocus.index = 0;
+          (_a2 = elements == null ? void 0 : elements.search) == null ? void 0 : _a2.focus();
+        }
+      };
+      switch (code) {
+        case "ArrowUp":
+          elementFocus.index > 0 && (elementFocus.index -= 1);
+          return focusListItem();
+        case "ArrowDown":
+          if (!isDropdownOpen.value) {
+            open();
+            return focusListItem(0);
+          }
+          elementFocus.index < props.options.length - 1 && (elementFocus.index += 1);
+          return focusListItem();
+        case "Home":
+          return focusListItem(0);
+        case "End":
+          return focusListItem(props.options.length - 1);
+        case "Escape":
+          return close2();
+        default:
+          !["Enter", "NumpadEnter", "Space"].includes(code) && focusSearch();
+      }
+    }
+    function resetStates() {
+      isDropdownOpen.value = false;
+      elementFocus.index = 0;
+      filter.value = "";
+    }
+    function addRefElementToElements(key) {
+      return (target) => {
+        elements[key] = key === "search" ? target == null ? void 0 : target.input : target == null ? void 0 : target.list;
+      };
+    }
+    function renderSingleSelectionOrPlaceholder() {
+      var _a2;
+      const selected = props.selected;
+      return (_a2 = selected == null ? void 0 : selected.name) != null ? _a2 : props.placeholder;
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$4, {
-        id: `select-${__props.id}`,
-        selected: __props.modelValue,
-        label: __props.label,
-        "aria-label": __props.ariaLabel,
-        "smaller-width": __props.smallerWidth,
-        disabled: __props.disabled,
-        "fetch-on-search": __props.fetchOnApi,
-        "is-multiple-select": __props.multiple,
-        class: "sol-select-core",
-        "search-placeholder": __props.searchPlaceholder,
-        searchable: __props.searchable,
-        options: __props.options,
-        "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
-      }, {
-        "toggle-dropdown": withCtx(({ selected, isOpen, select }) => [
-          createElementVNode("div", {
-            class: normalizeClass(["select-container", { "-disabled": __props.disabled, "-error": __props.error }])
-          }, [
-            createElementVNode("div", _hoisted_1$6, [
-              __props.multiple && (selected == null ? void 0 : selected.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selected, (item, index) => {
-                return openBlock(), createBlock(_sfc_main$3, {
-                  id: item,
-                  key: index,
-                  label: item,
-                  onClick: withModifiers(($event) => select(item), ["stop"]),
-                  onClose: ($event) => select(item)
-                }, null, 8, ["id", "label", "onClick", "onClose"]);
-              }), 128)) : (selected == null ? void 0 : selected.length) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createTextVNode(toDisplayString(selected), 1)
-              ], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(__props.placeholder), 1))
-            ]),
-            createVNode(unref(IconArrow), {
-              class: normalizeClass(["icon", { "-open": isOpen }])
-            }, null, 8, ["class"])
-          ], 2),
-          createElementVNode("span", _hoisted_3$6, toDisplayString(__props.error), 1)
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        class: normalizeClass(["sol-select-core", { "-smaller": __props.smallerWidth }]),
+        "data-testid": `select-${__props.id}`,
+        onKeydownPassive: navigation
+      }, [
+        renderSlot(_ctx.$slots, "label", {
+          id: `select-label-${__props.id}`,
+          for: `select-toggle-${__props.id}`
+        }, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            id: `select-label-${__props.id}`,
+            class: normalizeClass(["label", { "-disabled": __props.disabled }])
+          }, toDisplayString(__props.label), 11, _hoisted_2$6)) : createCommentVNode("", true)
         ]),
-        _: 1
-      }, 8, ["id", "selected", "label", "aria-label", "smaller-width", "disabled", "fetch-on-search", "is-multiple-select", "search-placeholder", "searchable", "options"]);
+        createElementVNode("button", {
+          id: `select-toggle-${__props.id}`,
+          disabled: __props.disabled,
+          "data-testid": `select-toggle-${__props.id}`,
+          class: "select-button-toggle",
+          "aria-haspopup": "listbox",
+          "aria-expanded": isDropdownOpen.value,
+          "aria-labelledby": `select-label-${__props.id}`,
+          "aria-label": __props.ariaLabel,
+          "aria-controls": `select-list-${__props.id}`,
+          onClick: withModifiers(toggleDropdown, ["stop"])
+        }, [
+          renderSlot(_ctx.$slots, "toggle-dropdown", {
+            toggle: { open, close: close2, toggleDropdown },
+            isOpen: isDropdownOpen.value,
+            select,
+            selected: __props.selected
+          }, () => {
+            var _a2;
+            return [
+              __props.multiple && Array.isArray(__props.selected) && ((_a2 = __props.selected) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.selected, (item, index) => {
+                  return openBlock(), createBlock(_sfc_main$4, {
+                    id: item.value,
+                    key: index,
+                    label: item.name,
+                    onClick: withModifiers(($event) => select(item), ["stop"]),
+                    onClose: ($event) => select(item)
+                  }, null, 8, ["id", "label", "onClick", "onClose"]);
+                }), 128))
+              ])) : (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(renderSingleSelectionOrPlaceholder()), 1)),
+              createVNode(unref(IconArrow), {
+                "aria-hidden": "true",
+                tabindex: "-1",
+                class: normalizeClass(["icon", { "-open": isDropdownOpen.value }])
+              }, null, 8, ["class"])
+            ];
+          })
+        ], 8, _hoisted_3$6),
+        createElementVNode("span", _hoisted_6$1, toDisplayString(__props.error), 1),
+        createVNode(Transition$1, {
+          mode: "out-in",
+          name: "dropdown"
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", _hoisted_7, [
+              renderSlot(_ctx.$slots, "search", {}, () => [
+                __props.searchable ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(["search-container", { "-loading": __props.loading }])
+                }, [
+                  renderSlot(_ctx.$slots, "search", { filter: filter.value }, () => [
+                    createVNode(_sfc_main$e, {
+                      id: `select-search-${__props.id}`,
+                      ref: addRefElementToElements("search"),
+                      modelValue: filter.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
+                      "data-testid": `select-search-${__props.id}`,
+                      role: "combobox",
+                      class: "search",
+                      "aria-autocomplete": "list",
+                      placeholder: __props.searchPlaceholder,
+                      "aria-expanded": isDropdownOpen.value,
+                      "aria-haspopup": "listbox",
+                      "aria-owns": `select-list-${__props.id}`,
+                      "aria-controls": `select-list-${__props.id}`,
+                      "aria-activedescendant": elementFocus.id,
+                      "aria-labelledby": `select-label-${__props.id}`,
+                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                      }, ["stop"])),
+                      onInput: _cache[2] || (_cache[2] = ($event) => {
+                        var _a2;
+                        return emit("search", (_a2 = $event.target) == null ? void 0 : _a2.value);
+                      })
+                    }, null, 8, ["id", "modelValue", "data-testid", "placeholder", "aria-expanded", "aria-owns", "aria-controls", "aria-activedescendant", "aria-labelledby"]),
+                    createVNode(unref(IconSearch), {
+                      "aria-hidden": "true",
+                      class: "icon"
+                    })
+                  ])
+                ], 2)) : createCommentVNode("", true),
+                createVNode(_sfc_main$3, {
+                  id: __props.id,
+                  ref: addRefElementToElements("list"),
+                  options: unref(filtered),
+                  multiple: __props.multiple,
+                  "is-selected": isSelected,
+                  onSelect: select
+                }, {
+                  "item-list": withCtx(({ text, value, option, isSelected: isSelected2 }) => [
+                    renderSlot(_ctx.$slots, "default", {
+                      text,
+                      value,
+                      option,
+                      isSelected: isSelected2
+                    })
+                  ]),
+                  "no-data": withCtx(() => [
+                    renderSlot(_ctx.$slots, "no-data")
+                  ]),
+                  _: 3
+                }, 8, ["id", "options", "multiple"])
+              ])
+            ], 512), [
+              [vShow, isDropdownOpen.value]
+            ])
+          ]),
+          _: 3
+        })
+      ], 42, _hoisted_1$6);
     };
   }
 });
 _sfc_main$2.install = (app) => {
   app.component("SolSelect", _sfc_main$2);
 };
-_sfc_main$3.install = (app) => {
-  app.component("SolChip", _sfc_main$3);
+_sfc_main$4.install = (app) => {
+  app.component("SolChip", _sfc_main$4);
 };
 const _hoisted_1$5 = {
   preserveAspectRatio: "xMidYMid meet",
@@ -1235,7 +1516,7 @@ function render$3(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
 }
 var Chevron = { name: "mi-chevron-up", render: render$3 };
-var Accordion_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".sol-accordion-core{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity));border-bottom-width:1px;width:clamp(260px,100%,600px)}.sol-accordion-core:focus-visible{outline:3px solid #292929;outline-offset:0px}.sol-accordion-core:not([open])>.summary{border-bottom-width:0}.sol-accordion-core:not([open])>.summary>.icon{transform:rotate(-180deg)}.sol-accordion-core:not([open])>.container{transform:scaleY(0)}.sol-accordion-core.-invert>.summary,.sol-accordion-core.-invert>.summary>.icon{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.sol-accordion-core.-disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-accordion-core.-disabled>.summary{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.sol-accordion-core.-disabled.-invert>.summary{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.sol-accordion-core>.summary{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:3.5rem;width:100%;--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity));border-bottom-width:1px;margin-bottom:.5rem;padding:.5rem .5rem .5rem 1rem;font-family:Rubik;font-size:1.5rem;list-style-type:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sol-accordion-core>.summary::-webkit-details-marker{display:none}.sol-accordion-core>.summary>.icon{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity));transition:transform .25s linear;transform:rotate(0)}.sol-accordion-core .container{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:.5rem;font-size:.875rem;box-shadow:0 2px 6px #21212132;transform-origin:top center;transition:all .2s ease-in;transform:scaleY(1)}\n")();
+var Accordion_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$4 = ["id", "data-testid", "aria-disabled"];
 const _hoisted_2$4 = ["data-testid", "tabindex"];
 const _hoisted_3$4 = ["data-testid"];
@@ -1281,10 +1562,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 _sfc_main$1.install = (app) => {
   app.component("SolAccordion", _sfc_main$1);
 };
-var windiBase = /* @__PURE__ */ (() => "*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, 1);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,input,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button{text-transform:none;background-color:transparent;background-image:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,[role=button]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:Lato,sans-serif;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}h2,h3,h4{font-size:inherit;font-weight:inherit}img{border-style:solid;max-width:100%;height:auto}input::placeholder{opacity:1;color:#a1a1aa}input::webkit-input-placeholder{opacity:1;color:#a1a1aa}input::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::-ms-input-placeholder{opacity:1;color:#a1a1aa}img,svg{display:block;vertical-align:middle}legend{padding:0}p,h2,hr,h3,h4,dl{margin:0}strong{font-weight:bolder}small{font-size:80%}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#a1a1aa}textarea::webkit-input-placeholder{opacity:1;color:#a1a1aa}textarea::-moz-placeholder{opacity:1;color:#a1a1aa}textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}textarea::-ms-input-placeholder{opacity:1;color:#a1a1aa}ul{list-style:none;margin:0;padding:0}\n")();
-var windiComponents = /* @__PURE__ */ (() => "")();
-var windiUtilities = /* @__PURE__ */ (() => '.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-brand-primary-light{--tw-bg-opacity: 1;background-color:rgba(255,248,235,var(--tw-bg-opacity))}.bg-brand-primary-pure{--tw-bg-opacity: 1;background-color:rgba(255,176,31,var(--tw-bg-opacity))}.bg-neutral-low-medium{--tw-bg-opacity: 1;background-color:rgba(82,82,82,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-neutral-high-light{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-neutral-high-pure{--tw-bg-opacity: 1;background-color:rgba(224,224,224,var(--tw-bg-opacity))}.bg-neutral-high-medium{--tw-bg-opacity: 1;background-color:rgba(245,245,245,var(--tw-bg-opacity))}.bg-neutral-low-light{--tw-bg-opacity: 1;background-color:rgba(143,143,143,var(--tw-bg-opacity))}.bg-neutral-low-pure{--tw-bg-opacity: 1;background-color:rgba(41,41,41,var(--tw-bg-opacity))}.bg-brand-primary-medium{--tw-bg-opacity: 1;background-color:rgba(255,205,112,var(--tw-bg-opacity))}.bg-feedback-positive-medium{--tw-bg-opacity: 1;background-color:rgba(138,229,191,var(--tw-bg-opacity))}.bg-feedback-positive-light{--tw-bg-opacity: 1;background-color:rgba(238,251,246,var(--tw-bg-opacity))}.bg-feedback-positive-pure{--tw-bg-opacity: 1;background-color:rgba(71,215,154,var(--tw-bg-opacity))}.bg-feedback-informative-light{--tw-bg-opacity: 1;background-color:rgba(235,248,255,var(--tw-bg-opacity))}.bg-feedback-informative-medium{--tw-bg-opacity: 1;background-color:rgba(112,203,255,var(--tw-bg-opacity))}.bg-feedback-negative-pure{--tw-bg-opacity: 1;background-color:rgba(255,37,31,var(--tw-bg-opacity))}.bg-feedback-informative-pure{--tw-bg-opacity: 1;background-color:rgba(31,174,255,var(--tw-bg-opacity))}.bg-feedback-negative-light{--tw-bg-opacity: 1;background-color:rgba(255,235,235,var(--tw-bg-opacity))}.bg-feedback-negative-medium{--tw-bg-opacity: 1;background-color:rgba(255,116,112,var(--tw-bg-opacity))}.border-neutral-high-light{--tw-border-opacity: 1;border-color:rgba(255,255,255,var(--tw-border-opacity))}.border-neutral-low-pure{--tw-border-opacity: 1;border-color:rgba(41,41,41,var(--tw-border-opacity))}.border-neutral-low-light{--tw-border-opacity: 1;border-color:rgba(143,143,143,var(--tw-border-opacity))}.border-neutral-low-medium{--tw-border-opacity: 1;border-color:rgba(82,82,82,var(--tw-border-opacity))}.border-neutral-high-pure{--tw-border-opacity: 1;border-color:rgba(224,224,224,var(--tw-border-opacity))}.border-b-brand-primary-pure{--tw-border-opacity: 1;border-bottom-color:rgba(255,176,31,var(--tw-border-opacity))}.rounded-md{border-radius:.5rem}.rounded-sm{border-radius:.25rem}.rounded-fully{border-radius:100%}.rounded-lg{border-radius:1rem}.rounded-none{border-radius:0}.rounded-half{border-radius:50%}.rounded-full{border-radius:40rem}.border-solid{border-style:solid}.border-a-xs{border-width:1px}.border-sm,.border-2,.border-a-sm{border-width:2px}.border-a-md{border-width:4px}.border-a-lg{border-width:8px}.border-b-xs{border-bottom-width:1px}.border-t-md{border-top-width:4px}.border-r-md{border-right-width:4px}.border-b-md{border-bottom-width:4px}.border-l-md{border-left-width:4px}.border-y-md{border-top-width:4px;border-bottom-width:4px}.border-x-md{border-left-width:4px;border-right-width:4px}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.place-items-center{place-items:center}.place-content-center{place-content:center}.items-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.font-highlight{font-family:Rubik}.font-base{font-family:Lato,sans-serif}.font-code{font-family:Roboto Slab,"serif"}.font-medium{font-weight:500}.font-regular{font-weight:400}.h-8{height:2rem}.h-4{height:1rem}.h-2{height:.5rem}.h-full{height:100%}.h-6{height:1.5rem}.h-1{height:.25rem}.h-40{height:10rem}.h-60{height:15rem}.h-24{height:6rem}.text-sm{font-size:1.5rem}.text-3xs{font-size:.875rem}.text-micro{font-size:.75rem}.text-2xs{font-size:1rem}.text-xs{font-size:1.25rem}.text-md{font-size:2rem}.text-lg{font-size:2.5rem}.text-xl{font-size:3rem}.text-2xl{font-size:3.5rem}.text-3xl{font-size:4rem}.text-mega{font-size:4.5rem}.text-giga{font-size:5.5rem}.leading-xs{line-height:1.15}.leading-md{line-height:1.33}.leading-default{line-height:1}.leading-sm{line-height:1.2}.leading-lg{line-height:1.5}.leading-xl{line-height:1.7}.list-none{list-style-type:none}.mx-4{margin-left:1rem;margin-right:1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mt-micro{margin-top:.5rem}.mb-micro{margin-bottom:.5rem}.mb-xs{margin-bottom:1.5rem}.mr-micro{margin-right:.5rem}.mb-3xs{margin-bottom:.75rem}.mt-nano{margin-top:.25rem}.mb-1,.mb-nano{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-0{margin-bottom:0}.ml-4{margin-left:1rem}.max-h-10{max-height:2.5rem}.max-h-240px{max-height:240px}.max-h-200{max-height:50rem}.max-w-full{max-width:100%}.min-h-9{min-height:2.25rem}.min-h-8{min-height:2rem}.min-h-14{min-height:3.5rem}.min-w-50{min-width:12.5rem}.outline-solid-neutral-high-light{--tw-outline-opacity: 1;outline-color:rgba(255,255,255,var(--tw-outline-opacity))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.py-micro{padding-top:.5rem;padding-bottom:.5rem}.px-micro{padding-left:.5rem;padding-right:.5rem}.py-3xs{padding-top:.75rem;padding-bottom:.75rem}.px-xs{padding-left:1.5rem;padding-right:1.5rem}.px-3xs{padding-left:.75rem;padding-right:.75rem}.px-nano{padding-left:.25rem;padding-right:.25rem}.py-nano{padding-top:.25rem;padding-bottom:.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.pl-2xs{padding-left:1rem}.pr-micro{padding-right:.5rem}.pl-nano{padding-left:.25rem}.pl-3xs{padding-left:.75rem}.caret-brand-primary-pure{--tw-caret-opacity: 1;caret-color:rgba(255,176,31,var(--tw-caret-opacity))}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-2\\/18{top:11.111111%}.left-1{left:.25rem}.top-3\\/10{top:30%}.resize{resize:both}.shadow-soft{--tw-shadow: 0px 8px 16px rgba(41, 41, 41, .08);--tw-shadow-colored: 0px 8px 16px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-medium{--tw-shadow: 0px 12px 24px rgba(41, 41, 41, .16);--tw-shadow-colored: 0px 12px 24px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-large{--tw-shadow: 0px 16px 64px rgba(41, 41, 41, .24);--tw-shadow-colored: 0px 16px 64px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.text-left{text-align:left}.text-neutral-low-light{--tw-text-opacity: 1;color:rgba(143,143,143,var(--tw-text-opacity))}.text-neutral-low-medium{--tw-text-opacity: 1;color:rgba(82,82,82,var(--tw-text-opacity))}.text-neutral-low-pure{--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity))}.text-feedback-negative-pure{--tw-text-opacity: 1;color:rgba(255,37,31,var(--tw-text-opacity))}.uppercase{text-transform:uppercase}.text-stroke-neutral-high-light{--tw-text-stroke-opacity: 1;-webkit-text-stroke-color:rgba(255,255,255,var(--tw-text-stroke-opacity))}.content-wrapper{content:"wrapper"}.tracking-md{letter-spacing:.04rem}.tracking-default{letter-spacing:normal}.tracking-sm{letter-spacing:.16rem}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.visible{visibility:visible}.break-words{overflow-wrap:break-word}.w-full{width:100%}.w-fit-content{width:fit-content}.w-4{width:1rem}.w-2{width:.5rem}.w-12{width:3rem}.w-60{width:15rem}.w-82{width:20.5rem}.z-80{z-index:80}.gap-4{grid-gap:1rem;gap:1rem}.gap-3{grid-gap:.75rem;gap:.75rem}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.transition-transform{-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.\\<transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,filter,backdrop-filter;-o-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-box-shadow,transform,-webkit-transform,filter,backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.ease-out{-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);-o-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.filter{--tw-blur: var(--tw-empty, );--tw-brightness: var(--tw-empty, );--tw-contrast: var(--tw-empty, );--tw-grayscale: var(--tw-empty, );--tw-hue-rotate: var(--tw-empty, );--tw-invert: var(--tw-empty, );--tw-saturate: var(--tw-empty, );--tw-sepia: var(--tw-empty, );--tw-drop-shadow: var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert,.-invert,.invert\\]{--tw-invert: invert(100%)}.placeholder::placeholder{color:#8f8f8f!important;font-size:undefined!important;font-family:undefined!important;line-height:undefined!important}.placeholder-inline{color:#8f8f8f!important;font-size:undefined!important;font-family:undefined!important;line-height:undefined!important}@media (min-width: 768px){.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}\n')();
-var style = /* @__PURE__ */ (() => "@font-face{font-family:Lato;src:url(fonts/lato/Lato-Regular.ttf);font-weight:400}@font-face{font-family:Lato;src:url(fonts/lato/Lato-Bold.ttf);font-weight:700}@font-face{font-family:Lato;src:url(fonts/lato/Lato-Medium.ttf);font-weight:500}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Regular.ttf);font-weight:400}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Bold.ttf);font-weight:700}@font-face{font-family:Rubik;src:url(fonts/rubik/Rubik-Medium.ttf);font-weight:500}@font-face{font-family:Roboto Slab;src:url(fonts/roboto-slab/RobotoSlab.ttf)}\n")();
+var windiBase = "";
+var windiComponents = "";
+var windiUtilities = "";
+var style = "";
 const TOAST_GAP = 12;
 const DEFAULT_OPTIONS = {
   type: "success",
@@ -1440,7 +1721,7 @@ function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
 }
 var Info = { name: "mi-circle-warning", render };
-var Toast_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".bounce-right-enter-active{animation:bounceInRight .7s}.bounce-right-leave-active{animation:bounceOutLeft .7s}.bounce-left-enter-active{animation:bounceInLeft .7s}.bounce-left-leave-active{animation:bounceOutRight .7s}.bounce-down-enter-active{animation:bounceInDown .7s}.bounce-down-leave-active{animation:bounceOutUp .7s}.bounce-up-enter-active{animation:bounceInUp .7s}.bounce-up-leave-active{animation:bounceOutDown .7s}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-2000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(2000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.sol-toast-core{border-radius:.5rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-left:1rem;margin-right:1rem;max-height:50rem;min-height:3.5rem;overflow:hidden;padding:.5rem .5rem .5rem 1rem;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-wrap:break-word;width:20.5rem;z-index:80;touch-action:none;transition:top .3s ease-out .5s,bottom .3s ease-out .5s}.sol-toast-core.-multiline{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.sol-toast-core.-multiline>.content-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.sol-toast-core.-multiline>.content-wrapper>.content>.title{font-weight:500;font-size:1rem;line-height:1.5}.sol-toast-core.-multiline>.close>.icon{font-size:1rem}.sol-toast-core>.content-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.sol-toast-core>.content-wrapper>.icon-container{margin-right:.75rem}.sol-toast-core>.content-wrapper>.icon-container>.icon{font-size:1.25rem}.sol-toast-core>.content-wrapper>.content{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;line-height:1.2;--tw-text-stroke-opacity: 1;-webkit-text-stroke-color:rgba(255,255,255,var(--tw-text-stroke-opacity))}.sol-toast-core>.content-wrapper>.content>.title{font-family:Rubik;font-weight:400;font-size:.875rem;margin-bottom:.25rem;--tw-text-opacity: 1;color:rgba(41,41,41,var(--tw-text-opacity));overflow:hidden;line-clamp:4;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical}.sol-toast-core>.content-wrapper>.content>.description{font-size:.875rem;margin-bottom:.5rem;overflow:hidden;line-clamp:3;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical}.sol-toast-core>.close{cursor:pointer;padding-left:.75rem;padding-right:.75rem}.sol-toast-core>.close>.icon{font-size:1.25rem}.sol-toast-core>.progressbar{height:.25rem;position:absolute;bottom:0px;z-index:30;transition:all linear .2s;background-color:#fff9;margin-left:-12px;will-change:width}.sol-toast-core.-success{--tw-bg-opacity: 1;background-color:rgba(138,229,191,var(--tw-bg-opacity))}.sol-toast-core.-info{--tw-bg-opacity: 1;background-color:rgba(112,203,255,var(--tw-bg-opacity))}.sol-toast-core.-danger{--tw-bg-opacity: 1;background-color:rgba(255,116,112,var(--tw-bg-opacity))}\n")();
+var Toast_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1 = ["id", "data-testid"];
 const _hoisted_2 = { class: "content-wrapper" };
 const _hoisted_3 = {
@@ -1680,19 +1961,19 @@ function close(id, position) {
 }
 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");
 const components = {
-  SolButton: _sfc_main$e,
-  SolInput: _sfc_main$d,
-  SolTextarea: _sfc_main$a,
-  SolTextfield: _sfc_main$c,
-  SolTextfieldPassword: _sfc_main$b,
-  SolRadio: _sfc_main$9,
-  SolRadioGroup: _sfc_main$8,
-  SolCheckbox: _sfc_main$7,
-  SolCheckboxGroup: _sfc_main$6,
-  SolSwitch: _sfc_main$5,
-  SolDropdown: _sfc_main$4,
+  SolButton: _sfc_main$f,
+  SolInput: _sfc_main$e,
+  SolTextarea: _sfc_main$b,
+  SolTextfield: _sfc_main$d,
+  SolTextfieldPassword: _sfc_main$c,
+  SolRadio: _sfc_main$a,
+  SolRadioGroup: _sfc_main$9,
+  SolCheckbox: _sfc_main$8,
+  SolCheckboxGroup: _sfc_main$7,
+  SolSwitch: _sfc_main$6,
+  SolDropdown: _sfc_main$5,
   SolSelect: _sfc_main$2,
-  SolChip: _sfc_main$3,
+  SolChip: _sfc_main$4,
   SolAccordion: _sfc_main$1
 };
 function install(App) {
@@ -1700,4 +1981,4 @@ function install(App) {
     App.component(component, components[component]);
   }
 }
-export { _sfc_main$1 as SolAccordion, _sfc_main$e as SolButton, _sfc_main$7 as SolCheckbox, _sfc_main$6 as SolCheckboxGroup, _sfc_main$3 as SolChip, _sfc_main$4 as SolDropdown, _sfc_main$d as SolInput, _sfc_main$9 as SolRadio, _sfc_main$8 as SolRadioGroup, _sfc_main$2 as SolSelect, _sfc_main$5 as SolSwitch, _sfc_main$a as SolTextarea, _sfc_main$c as SolTextfield, _sfc_main$b as SolTextfieldPassword, components, install, useToast };
+export { _sfc_main$1 as SolAccordion, _sfc_main$f as SolButton, _sfc_main$8 as SolCheckbox, _sfc_main$7 as SolCheckboxGroup, _sfc_main$4 as SolChip, _sfc_main$5 as SolDropdown, _sfc_main$e as SolInput, _sfc_main$a as SolRadio, _sfc_main$9 as SolRadioGroup, _sfc_main$2 as SolSelect, _sfc_main$6 as SolSwitch, _sfc_main$b as SolTextarea, _sfc_main$d as SolTextfield, _sfc_main$c as SolTextfieldPassword, components, install, useToast };