@solfacil/girassol 0.1.5 → 0.1.6

package/dist/girassol.es.js

@@ -17,12 +17,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, mergeProps, isRef, ref, createBlock, withCtx, withDirectives, vShow, vModelText, Fragment, renderList, getCurrentScope, onScopeDispose, watch, withModifiers, withKeys, createTextVNode, reactive, onMounted, onUnmounted, Transition as Transition$1, normalizeStyle, render as render$7 } from "vue";
+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$8 } from "vue";
 var Button_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$i = ["data-testid"];
-const _hoisted_2$g = { class: "icon -left" };
-const _hoisted_3$e = { class: "icon -right" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = ["data-testid"];
+const _hoisted_2$i = { class: "icon -left" };
+const _hoisted_3$g = { class: "icon -right" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     variant: { default: "primary" },
     dense: { type: Boolean, default: false },
@@ -46,23 +46,23 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     `]),
         type: "button"
       }, [
-        createElementVNode("div", _hoisted_2$g, [
+        createElementVNode("div", _hoisted_2$i, [
           renderSlot(_ctx.$slots, "icon-left")
         ]),
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("div", _hoisted_3$e, [
+        createElementVNode("div", _hoisted_3$g, [
           renderSlot(_ctx.$slots, "icon-right")
         ])
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$k);
     };
   }
 });
-_sfc_main$b.install = (app) => {
-  app.component("SolButton", _sfc_main$b);
+_sfc_main$c.install = (app) => {
+  app.component("SolButton", _sfc_main$c);
 };
 var Input_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$h = ["id", "data-testid", "value"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = ["id", "data-testid", "value"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
     modelValue: null,
@@ -70,32 +70,38 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     error: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit }) {
+  setup(__props, { expose, emit }) {
     function emitInput({ target }) {
-      const { value } = target;
-      emit("update:modelValue", value);
+      var _a2;
+      emit("update:modelValue", (_a2 = target == null ? void 0 : target.value) != null ? _a2 : "");
     }
+    const input = ref("");
+    expose({
+      input
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("input", {
         id: `input-${__props.id}`,
+        ref_key: "input",
+        ref: input,
         "data-testid": `input-${__props.id}`,
         value: __props.modelValue,
         class: normalizeClass(["sol-input-core", { "-invert": __props.invert, "-error": __props.error }]),
         onInput: emitInput
-      }, null, 42, _hoisted_1$h);
+      }, null, 42, _hoisted_1$j);
     };
   }
 });
-_sfc_main$a.install = (app) => {
-  app.component("SolInput", _sfc_main$a);
+_sfc_main$b.install = (app) => {
+  app.component("SolInput", _sfc_main$b);
 };
 var Textfield_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$g = ["id", "data-testid"];
-const _hoisted_2$f = ["for"];
-const _hoisted_3$d = { class: "container-input" };
+const _hoisted_1$i = ["id", "data-testid"];
+const _hoisted_2$h = ["for"];
+const _hoisted_3$f = { class: "container-input" };
 const _hoisted_4$6 = ["id"];
 const _hoisted_5$3 = ["id"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
     class: null,
@@ -138,11 +144,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$f)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$h)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$d, [
+        createElementVNode("div", _hoisted_3$f, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_sfc_main$a, mergeProps(_ctx.$attrs, {
+            createVNode(_sfc_main$b, mergeProps(_ctx.$attrs, {
               id: __props.id,
               modelValue: unref(model),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
@@ -164,46 +170,46 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           id: `error-${__props.id}`,
           class: "error"
         }, toDisplayString(__props.error), 9, _hoisted_5$3)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$g);
+      ], 10, _hoisted_1$i);
     };
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$h = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
+const _hoisted_2$g = /* @__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$c = [
-  _hoisted_2$e
+const _hoisted_3$e = [
+  _hoisted_2$g
 ];
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$c);
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$e);
 }
-var EyeOn = { name: "mi-eye", render: render$6 };
-const _hoisted_1$e = {
+var EyeOn = { name: "mi-eye", render: render$7 };
+const _hoisted_1$g = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$f = /* @__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$b = [
-  _hoisted_2$d
+const _hoisted_3$d = [
+  _hoisted_2$f
 ];
-function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$b);
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$d);
 }
-var EyeOff = { name: "mi-eye-off", render: render$5 };
-const _hoisted_1$d = ["aria-label"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+var EyeOff = { name: "mi-eye-off", render: render$6 };
+const _hoisted_1$f = ["aria-label"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
     id: { default: "" },
     label: { default: "Sua senha" }
@@ -212,7 +218,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const passwordIsVisible = ref(false);
     const inputType = computed(() => passwordIsVisible.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$9, {
+      return openBlock(), createBlock(_sfc_main$a, {
         id: __props.id,
         required: "",
         type: unref(inputType),
@@ -232,27 +238,27 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             withDirectives(createVNode(unref(EyeOff), { "aria-hidden": "true" }, null, 512), [
               [vShow, !passwordIsVisible.value]
             ])
-          ], 8, _hoisted_1$d)
+          ], 8, _hoisted_1$f)
         ]),
         _: 1
       }, 8, ["id", "type", "label"]);
     };
   }
 });
-_sfc_main$9.install = (app) => {
-  app.component("SolTextfield", _sfc_main$9);
+_sfc_main$a.install = (app) => {
+  app.component("SolTextfield", _sfc_main$a);
 };
-_sfc_main$8.install = (app) => {
-  app.component("SolTextfieldPassword", _sfc_main$8);
+_sfc_main$9.install = (app) => {
+  app.component("SolTextfieldPassword", _sfc_main$9);
 };
 var Textarea_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$c = ["id", "data-testid"];
-const _hoisted_2$c = ["for"];
-const _hoisted_3$a = { class: "container-textarea" };
+const _hoisted_1$e = ["id", "data-testid"];
+const _hoisted_2$e = ["for"];
+const _hoisted_3$c = { 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$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
     class: null,
@@ -296,9 +302,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$c)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$e)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$a, [
+        createElementVNode("div", _hoisted_3$c, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             withDirectives(createElementVNode("textarea", mergeProps(_ctx.$attrs, {
               id: `input-${__props.id}`,
@@ -323,17 +329,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           id: `error-${__props.id}`,
           class: "error"
         }, toDisplayString(__props.error), 9, _hoisted_6$2)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$c);
+      ], 10, _hoisted_1$e);
     };
   }
 });
-_sfc_main$7.install = (app) => {
-  app.component("SolTextarea", _sfc_main$7);
+_sfc_main$8.install = (app) => {
+  app.component("SolTextarea", _sfc_main$8);
 };
 var Radio_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$b = ["for"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["id", "data-testid", "checked", "value", "name"];
+const _hoisted_2$d = ["for"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
     name: null,
@@ -357,21 +363,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           value: __props.value,
           name: __props.name,
           onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-        }), null, 16, _hoisted_1$b),
+        }), null, 16, _hoisted_1$d),
         createElementVNode("label", {
           class: "label",
           for: `radio-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$b)
+        }, toDisplayString(__props.label), 9, _hoisted_2$d)
       ], 2);
     };
   }
 });
 var RadioGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$a = ["aria-labelledby"];
-const _hoisted_2$a = ["id", "data-testid"];
-const _hoisted_3$9 = ["id"];
+const _hoisted_1$c = ["aria-labelledby"];
+const _hoisted_2$c = ["id", "data-testid"];
+const _hoisted_3$b = ["id"];
 const _hoisted_4$4 = ["id"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
     title: null,
@@ -414,7 +420,7 @@ const _sfc_main$5 = /* @__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$a)
+          }, toDisplayString(__props.title), 11, _hoisted_2$c)
         ]),
         createElementVNode("ul", {
           class: normalizeClass(["container-radios", { "flex-col": __props.direction === "column" }])
@@ -426,7 +432,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.radios, (radio, index) => {
               var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$6, mergeProps(_ctx.$attrs, {
+                createVNode(_sfc_main$7, 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,
@@ -445,25 +451,25 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$9)) : __props.error ? (openBlock(), createElementBlock("p", {
+        }, toDisplayString(__props.hint), 9, _hoisted_3$b)) : __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$a);
+      ], 8, _hoisted_1$c);
     };
   }
 });
-_sfc_main$6.install = (app) => {
-  app.component("SolRadio", _sfc_main$6);
+_sfc_main$7.install = (app) => {
+  app.component("SolRadio", _sfc_main$7);
 };
-_sfc_main$5.install = (app) => {
-  app.component("SolRadioGroup", _sfc_main$5);
+_sfc_main$6.install = (app) => {
+  app.component("SolRadioGroup", _sfc_main$6);
 };
 var Checkbox_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$9 = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$9 = ["for"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = ["id", "data-testid", "checked", "value", "name"];
+const _hoisted_2$b = ["for"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
     name: null,
@@ -487,21 +493,21 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           value: __props.value,
           name: __props.name,
           onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-        }), null, 16, _hoisted_1$9),
+        }), null, 16, _hoisted_1$b),
         createElementVNode("label", {
           class: "label",
           for: `checkbox-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$9)
+        }, toDisplayString(__props.label), 9, _hoisted_2$b)
       ], 2);
     };
   }
 });
 var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$8 = ["aria-labelledby"];
-const _hoisted_2$8 = ["id", "data-testid"];
-const _hoisted_3$8 = ["id"];
+const _hoisted_1$a = ["aria-labelledby"];
+const _hoisted_2$a = ["id", "data-testid"];
+const _hoisted_3$a = ["id"];
 const _hoisted_4$3 = ["id"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
     title: null,
@@ -550,7 +556,7 @@ const _sfc_main$3 = /* @__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$8)
+          }, toDisplayString(__props.title), 11, _hoisted_2$a)
         ]),
         createElementVNode("ul", {
           class: normalizeClass(["container-checkboxes", { "flex-col": __props.direction === "column" }])
@@ -562,7 +568,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkboxes, (checkbox, index) => {
               var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$4, mergeProps(_ctx.$attrs, {
+                createVNode(_sfc_main$5, 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,
@@ -581,27 +587,27 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$8)) : __props.error ? (openBlock(), createElementBlock("p", {
+        }, toDisplayString(__props.hint), 9, _hoisted_3$a)) : __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$8);
+      ], 8, _hoisted_1$a);
     };
   }
 });
-_sfc_main$4.install = (app) => {
-  app.component("SolCheckbox", _sfc_main$4);
+_sfc_main$5.install = (app) => {
+  app.component("SolCheckbox", _sfc_main$5);
 };
-_sfc_main$3.install = (app) => {
-  app.component("SolCheckboxGroup", _sfc_main$3);
+_sfc_main$4.install = (app) => {
+  app.component("SolCheckboxGroup", _sfc_main$4);
 };
 var Switch_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$7 = ["id", "for", "data-testid"];
-const _hoisted_2$7 = { class: "switch-container" };
-const _hoisted_3$7 = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"];
+const _hoisted_1$9 = ["id", "for", "data-testid"];
+const _hoisted_2$9 = { class: "switch-container" };
+const _hoisted_3$9 = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"];
 const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "ellipse" }, null, -1);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
     name: null,
@@ -623,8 +629,8 @@ const _sfc_main$2 = /* @__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$7),
-        createElementVNode("div", _hoisted_2$7, [
+        }, toDisplayString(__props.label), 11, _hoisted_1$9),
+        createElementVNode("div", _hoisted_2$9, [
           createElementVNode("input", mergeProps(_ctx.$attrs, {
             id: `switch-${__props.name}-${__props.id}`,
             type: "checkbox",
@@ -637,15 +643,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             value: __props.value,
             name: __props.name,
             onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-          }), null, 16, _hoisted_3$7),
+          }), null, 16, _hoisted_3$9),
           _hoisted_4$2
         ])
       ], 2);
     };
   }
 });
-_sfc_main$2.install = (app) => {
-  app.component("SolSwitch", _sfc_main$2);
+_sfc_main$3.install = (app) => {
+  app.component("SolSwitch", _sfc_main$3);
 };
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
@@ -654,10 +660,12 @@ 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);
@@ -703,7 +711,9 @@ function onClickOutside(target, handler, options = {}) {
   if (!window2)
     return;
   const shouldListen = ref(true);
+  let fallback;
   const listener = (event) => {
+    window2.clearTimeout(fallback);
     const el = unrefElement(target);
     const composedPath = event.composedPath();
     if (!el || el === event.target || composedPath.includes(el) || !shouldListen.value)
@@ -722,6 +732,9 @@ function onClickOutside(target, handler, options = {}) {
     useEventListener(window2, "pointerdown", (e) => {
       const el = unrefElement(target);
       shouldListen.value = !!el && !e.composedPath().includes(el);
+    }, { passive: true }),
+    useEventListener(window2, "pointerup", (e) => {
+      fallback = window2.setTimeout(() => listener(e), 50);
     }, { passive: true })
   ];
   const stop = () => cleanup.forEach((fn) => fn());
@@ -731,39 +744,39 @@ const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !
 const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
 _global[globalKey];
-var _a, _b;
-isClient && (window == null ? void 0 : window.navigator) && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.platform) && /iP(ad|hone|od)/.test((_b = window == null ? void 0 : window.navigator) == null ? void 0 : _b.platform);
-const _hoisted_1$6 = {
+const _hoisted_1$8 = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$8 = /* @__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$6 = [
-  _hoisted_2$6
+const _hoisted_3$8 = [
+  _hoisted_2$8
 ];
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$8);
 }
-var IconSearch = { name: "mi-search", render: render$4 };
+var IconSearch = { name: "mi-search", render: render$5 };
 var Dropdown_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$5 = ["data-testid"];
-const _hoisted_2$5 = ["id", "disabled", "data-testid", "aria-expanded", "aria-controls", "aria-activedescendant", "onClick", "onKeyup"];
-const _hoisted_3$5 = { class: "dropdown-container" };
-const _hoisted_4$1 = ["id", "data-testid", "aria-labelledby"];
-const _hoisted_5$1 = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"];
-const _hoisted_6$1 = {
+const _hoisted_1$7 = ["data-testid"];
+const _hoisted_2$7 = ["id", "for"];
+const _hoisted_3$7 = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "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 = {
   key: 0,
   class: "no-data"
 };
-const _hoisted_7 = /* @__PURE__ */ createTextVNode(" Sem dados ");
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_8 = /* @__PURE__ */ createTextVNode(" Sem dados ");
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     id: null,
+    label: null,
     disabled: { type: Boolean },
     loading: { type: Boolean, default: false },
     searchable: { type: Boolean, default: false },
@@ -779,7 +792,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const el = ref();
     const isDropdownOpen = ref(false);
-    const elementFocus = ref("");
     const filter = ref("");
     const filtered = computed(() => {
       var _a2;
@@ -791,9 +803,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         close2();
     });
     function toggleDropdown() {
-      if (!props.disabled) {
+      if (!props.disabled)
         isDropdownOpen.value ? close2() : open();
-      }
     }
     function open() {
       isDropdownOpen.value = true;
@@ -820,36 +831,43 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       return typeof option === "string" ? option === props.selected : option.value === props.selected;
     }
-    const listItemFocusIndex = ref(0);
-    function navigation({ key, code }) {
+    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 : listItemFocusIndex.value;
-        if (!!index)
-          listItemFocusIndex.value = index;
+        const indexItem = index != null ? index : elementFocus.index;
+        if (index !== void 0)
+          elementFocus.index = index;
         setTimeout(() => {
-          const list = el.value.children[1].lastChild;
-          const item = list.children[indexItem];
-          elementFocus.value = item.id;
-          item.focus();
+          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) {
-          listItemFocusIndex.value = 0;
-          (_a2 = el.value.children[1].firstChild.firstElementChild) == null ? void 0 : _a2.focus();
+          elementFocus.index = 0;
+          (_a2 = elements == null ? void 0 : elements.search) == null ? void 0 : _a2.focus();
         }
       };
       switch (code) {
         case "ArrowUp":
-          listItemFocusIndex.value > 0 && (listItemFocusIndex.value -= 1);
+          elementFocus.index > 0 && (elementFocus.index -= 1);
           return focusListItem();
         case "ArrowDown":
           if (!isDropdownOpen.value) {
             open();
             return focusListItem(0);
           }
-          listItemFocusIndex.value < filtered.value.length - 1 && (listItemFocusIndex.value += 1);
+          elementFocus.index < filtered.value.length - 1 && (elementFocus.index += 1);
           return focusListItem();
         case "Home":
           return focusListItem(0);
@@ -863,7 +881,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     function resetStates() {
       isDropdownOpen.value = false;
-      listItemFocusIndex.value = 0;
+      elementFocus.index = 0;
       filter.value = "";
     }
     function getOption(option, key) {
@@ -877,108 +895,212 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "data-testid": `dropdown-${__props.id}`,
         onKeydownPassive: navigation
       }, [
+        renderSlot(_ctx.$slots, "label", {}, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            id: `label-dropdown-${__props.id}`,
+            class: normalizeClass(["label", { "-disabled": __props.disabled }]),
+            for: `toggle-dropdown-${__props.id}`
+          }, toDisplayString(__props.label), 11, _hoisted_2$7)) : createCommentVNode("", true)
+        ]),
         createElementVNode("button", {
           id: `toggle-dropdown-${__props.id}`,
-          role: "combobox",
           disabled: __props.disabled,
           "data-testid": `toggle-dropdown-${__props.id}`,
           class: "button-toggle-dropdown toggle-dropdown",
           "aria-haspopup": "listbox",
           "aria-expanded": isDropdownOpen.value,
+          "aria-labelledby": `label-dropdown-${__props.id}`,
           "aria-controls": `dropdown-list-${__props.id}`,
-          "aria-activedescendant": elementFocus.value,
-          onClick: withModifiers(toggleDropdown, ["stop"]),
-          onKeyup: withKeys(toggleDropdown, ["space"])
+          onClick: withModifiers(toggleDropdown, ["stop"])
         }, [
           renderSlot(_ctx.$slots, "toggle-dropdown", {
             toggle: { open, close: close2, toggleDropdown },
+            isOpen: isDropdownOpen.value,
             selectedSanitized: unref(selectedSanitize),
             selected: __props.selected
           }, () => [
             createTextVNode(toDisplayString(unref(selectedSanitize) || "Selecione"), 1)
           ])
-        ], 40, _hoisted_2$5),
-        withDirectives(createElementVNode("div", _hoisted_3$5, [
-          __props.searchable ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["search-container", { "-loading": __props.loading }])
-          }, [
-            renderSlot(_ctx.$slots, "search", { filter: filter.value }, () => [
-              createVNode(_sfc_main$a, {
-                id: `search-dropdown-${__props.id}`,
-                modelValue: filter.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
-                "data-testid": `search-dropdown-${__props.id}`,
-                role: "searchbox",
-                class: "search",
-                "aria-autocomplete": "list",
-                placeholder: __props.searchPlaceholder,
-                "aria-expanded": isDropdownOpen.value,
-                "aria-haspopup": "listbox",
-                "aria-controls": `dropdown-list-${__props.id}`,
-                "aria-activedescendant": elementFocus.value,
-                "aria-label": `Pesquisar dentro da lista ${__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-controls", "aria-activedescendant", "aria-label"]),
-              createVNode(unref(IconSearch), {
-                "aria-hidden": "true",
-                class: "icon"
-              })
-            ])
-          ], 2)) : createCommentVNode("", true),
-          createElementVNode("ul", {
-            id: `dropdown-list-${__props.id}`,
-            "data-testid": `dropdown-list-${__props.id}`,
-            role: "listbox",
-            tabindex: "-1",
-            "aria-labelledby": `toggle-dropdown-${__props.id}`,
-            class: "dropdown-list-core"
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filtered), (option, index) => {
-              return openBlock(), createElementBlock("li", {
-                id: `option-${__props.id}-${getOption(option, "value")}`,
-                key: index,
-                "data-testid": `option-${__props.id}-${getOption(option, "value")}`,
-                role: "option",
-                tabindex: "-1",
-                class: "dropdown-item",
-                selected: isSelected(option),
-                "aria-selected": isSelected(option),
-                onClick: ($event) => select(option),
-                onKeyup: [
-                  withKeys(($event) => select(option), ["enter"]),
-                  withKeys(($event) => select(option), ["space"])
-                ]
+        ], 8, _hoisted_3$7),
+        createVNode(Transition$1, {
+          mode: "out-in",
+          name: "dropdown"
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", _hoisted_4$1, [
+              __props.searchable ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["search-container", { "-loading": __props.loading }])
               }, [
-                renderSlot(_ctx.$slots, "default", {
-                  text: getOption(option, "name"),
-                  option,
-                  isSelect: isSelected
-                }, () => [
-                  createTextVNode(toDisplayString(getOption(option, "name")), 1)
+                renderSlot(_ctx.$slots, "search", { filter: filter.value }, () => [
+                  createVNode(_sfc_main$b, {
+                    id: `search-dropdown-${__props.id}`,
+                    ref: (target) => unref(elements).search = target == null ? void 0 : target.input,
+                    modelValue: filter.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
+                    "data-testid": `search-dropdown-${__props.id}`,
+                    role: "combobox",
+                    class: "search",
+                    "aria-autocomplete": "list",
+                    placeholder: __props.searchPlaceholder,
+                    "aria-expanded": isDropdownOpen.value,
+                    "aria-haspopup": "listbox",
+                    "aria-owns": `dropdown-list-${__props.id}`,
+                    "aria-controls": `dropdown-list-${__props.id}`,
+                    "aria-activedescendant": unref(elementFocus).id,
+                    "aria-labelledby": `label-dropdown-${__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"
+                  })
                 ])
-              ], 40, _hoisted_5$1);
-            }), 128)),
-            !unref(filtered).length ? (openBlock(), createElementBlock("li", _hoisted_6$1, [
-              renderSlot(_ctx.$slots, "no-data", {}, () => [
-                _hoisted_7
-              ])
-            ])) : createCommentVNode("", true)
-          ], 8, _hoisted_4$1)
-        ], 512), [
-          [vShow, isDropdownOpen.value]
-        ])
-      ], 40, _hoisted_1$5);
+              ], 2)) : createCommentVNode("", true),
+              createElementVNode("ul", {
+                id: `dropdown-list-${__props.id}`,
+                ref: (target) => unref(elements).list = target,
+                "data-testid": `dropdown-list-${__props.id}`,
+                role: "listbox",
+                tabindex: "-1",
+                "aria-multiselectable": __props.isMultipleSelect,
+                "aria-labelledby": `label-dropdown-${__props.id}`,
+                class: "dropdown-list-core"
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filtered), (option, index) => {
+                  return openBlock(), createElementBlock("li", {
+                    id: `option-${__props.id}-${getOption(option, "value")}`,
+                    key: index,
+                    "data-testid": `option-${__props.id}-${getOption(option, "value")}`,
+                    role: "option",
+                    tabindex: "-1",
+                    class: "dropdown-item",
+                    style: normalizeStyle(`--item: ${index + 1}`),
+                    selected: isSelected(option),
+                    "aria-selected": isSelected(option),
+                    onClick: ($event) => select(option),
+                    onKeyup: [
+                      withKeys(($event) => select(option), ["enter"]),
+                      withKeys(($event) => select(option), ["space"])
+                    ]
+                  }, [
+                    renderSlot(_ctx.$slots, "default", {
+                      text: getOption(option, "name"),
+                      option,
+                      isSelect: isSelected
+                    }, () => [
+                      createTextVNode(toDisplayString(getOption(option, "name")), 1)
+                    ])
+                  ], 44, _hoisted_6$1);
+                }), 128)),
+                !unref(filtered).length ? (openBlock(), createElementBlock("li", _hoisted_7, [
+                  renderSlot(_ctx.$slots, "no-data", {}, () => [
+                    _hoisted_8
+                  ])
+                ])) : createCommentVNode("", true)
+              ], 8, _hoisted_5$1)
+            ], 512), [
+              [vShow, isDropdownOpen.value]
+            ])
+          ]),
+          _: 3
+        })
+      ], 40, _hoisted_1$7);
+    };
+  }
+});
+_sfc_main$2.install = (app) => {
+  app.component("SolDropdown", _sfc_main$2);
+};
+const _hoisted_1$6 = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "m17 10l-5 6l-5-6h10z"
+}, null, -1);
+const _hoisted_3$6 = [
+  _hoisted_2$6
+];
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
+}
+var IconArrow = { name: "mi-caret-down", render: render$4 };
+var Select_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$5 = { class: "select" };
+const _hoisted_2$5 = {
+  key: 2,
+  class: "placeholder-inline"
+};
+const _hoisted_3$5 = { class: "error" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  props: {
+    id: null,
+    options: null,
+    label: { default: "Label" },
+    disabled: { type: Boolean },
+    multiple: { type: Boolean },
+    modelValue: null,
+    error: null,
+    fetchOnApi: { type: Boolean },
+    placeholder: { default: "Selecione" },
+    searchPlaceholder: null,
+    searchable: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$2, {
+        id: `select-${__props.id}`,
+        selected: __props.modelValue,
+        label: __props.label,
+        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[1] || (_cache[1] = ($event) => emit("update:modelValue", $event))
+      }, {
+        "toggle-dropdown": withCtx(({ selected, isOpen }) => [
+          createElementVNode("div", {
+            class: normalizeClass(["select-container", { "-disabled": __props.disabled, "-error": __props.error }])
+          }, [
+            createElementVNode("div", _hoisted_1$5, [
+              __props.multiple && selected.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selected, (item, index) => {
+                return openBlock(), createElementBlock("span", {
+                  key: index,
+                  class: "tag",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["stop"]))
+                }, toDisplayString(item), 1);
+              }), 128)) : selected.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(selected), 1)
+              ], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(__props.placeholder), 1))
+            ]),
+            createVNode(unref(IconArrow), {
+              class: normalizeClass(["icon", { "-open": isOpen }])
+            }, null, 8, ["class"])
+          ], 2),
+          createElementVNode("span", _hoisted_3$5, toDisplayString(__props.error), 1)
+        ]),
+        _: 1
+      }, 8, ["id", "selected", "label", "disabled", "fetch-on-search", "is-multiple-select", "search-placeholder", "searchable", "options"]);
     };
   }
 });
 _sfc_main$1.install = (app) => {
-  app.component("SolDropdown", _sfc_main$1);
+  app.component("SolSelect", _sfc_main$1);
 };
 var windiBase = "";
 var windiComponents = "";
@@ -993,74 +1115,6 @@ const DEFAULT_OPTIONS = {
   position: "top-right",
   hideProgressBar: false
 };
-const _hoisted_1$4 = {
-  preserveAspectRatio: "xMidYMid meet",
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm14.664-3.247a1 1 0 0 1 .083 1.411l-5.333 6a1 1 0 0 1-1.495 0l-2.666-3a1 1 0 0 1 1.494-1.328l1.92 2.159l4.586-5.16a1 1 0 0 1 1.411-.082z"
-}, null, -1);
-const _hoisted_3$4 = [
-  _hoisted_2$4
-];
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
-}
-var Success = { name: "mi-circle-check", render: render$3 };
-const _hoisted_1$3 = {
-  preserveAspectRatio: "xMidYMid meet",
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm5.793-4.207a1 1 0 0 1 1.414 0L12 10.586l2.793-2.793a1 1 0 1 1 1.414 1.414L13.414 12l2.793 2.793a1 1 0 0 1-1.414 1.414L12 13.414l-2.793 2.793a1 1 0 0 1-1.414-1.414L10.586 12L7.793 9.207a1 1 0 0 1 0-1.414z"
-}, null, -1);
-const _hoisted_3$3 = [
-  _hoisted_2$3
-];
-function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
-}
-var Error$1 = { name: "mi-circle-error", render: render$2 };
-const _hoisted_1$2 = {
-  preserveAspectRatio: "xMidYMid meet",
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
-  /* @__PURE__ */ createElementVNode("path", { d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12z" }),
-  /* @__PURE__ */ createElementVNode("path", { d: "M12 14a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zm-1.5 2.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0z" })
-], -1);
-const _hoisted_3$2 = [
-  _hoisted_2$2
-];
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
-}
-var Info = { name: "mi-circle-warning", render: render$1 };
-const _hoisted_1$1 = {
-  preserveAspectRatio: "xMidYMid meet",
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$1 = /* @__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$1 = [
-  _hoisted_2$1
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
-}
-var Close = { name: "mi-close", render };
 function useTimer(callback, delay) {
   const timer = reactive({
     id: null,
@@ -1089,7 +1143,7 @@ function useTimer(callback, delay) {
   }
   onMounted(() => {
     if (delay <= 0)
-      return;
+      return false;
   });
   onUnmounted(() => {
     clear();
@@ -1156,6 +1210,74 @@ var Transition = /* @__PURE__ */ ((Transition2) => {
   Transition2["bottom-right"] = "bounce-right";
   return Transition2;
 })(Transition || {});
+const _hoisted_1$4 = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm14.664-3.247a1 1 0 0 1 .083 1.411l-5.333 6a1 1 0 0 1-1.495 0l-2.666-3a1 1 0 0 1 1.494-1.328l1.92 2.159l4.586-5.16a1 1 0 0 1 1.411-.082z"
+}, null, -1);
+const _hoisted_3$4 = [
+  _hoisted_2$4
+];
+function render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
+}
+var Success = { name: "mi-circle-check", render: render$3 };
+const _hoisted_1$3 = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm5.793-4.207a1 1 0 0 1 1.414 0L12 10.586l2.793-2.793a1 1 0 1 1 1.414 1.414L13.414 12l2.793 2.793a1 1 0 0 1-1.414 1.414L12 13.414l-2.793 2.793a1 1 0 0 1-1.414-1.414L10.586 12L7.793 9.207a1 1 0 0 1 0-1.414z"
+}, null, -1);
+const _hoisted_3$3 = [
+  _hoisted_2$3
+];
+function render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+}
+var Error$1 = { name: "mi-circle-error", render: render$2 };
+const _hoisted_1$2 = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
+  /* @__PURE__ */ createElementVNode("path", { d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12z" }),
+  /* @__PURE__ */ createElementVNode("path", { d: "M12 14a1 1 0 0 1-1-1V7a1 1 0 1 1 2 0v6a1 1 0 0 1-1 1zm-1.5 2.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0z" })
+], -1);
+const _hoisted_3$2 = [
+  _hoisted_2$2
+];
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+}
+var Info = { name: "mi-circle-warning", render: render$1 };
+const _hoisted_1$1 = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$1 = /* @__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$1 = [
+  _hoisted_2$1
+];
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+}
+var Close = { name: "mi-close", render };
 var Toast_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1 = ["id", "data-testid"];
 const _hoisted_2 = { class: "content-wrapper" };
@@ -1333,7 +1455,7 @@ function setupVNode(id, options, content) {
     const container = document.createElement("div");
     document.body.appendChild(container);
     const toastVNode = createVNode(_sfc_main, setupVNodeProps(options, id, verticalOffset, close, content));
-    render$7(toastVNode, container);
+    render$8(toastVNode, container);
     toasts[options.position].push({ toastVNode, container });
     if (toastVNode.component)
       toastVNode.component.props.visible = true;
@@ -1389,23 +1511,24 @@ function close(id, position) {
   componentProps.visible = false;
   componentProps.onClose && componentProps.onClose();
   setTimeout(() => {
-    render$7(null, container);
+    render$8(null, container);
     document.body.removeChild(container);
   }, 1e3);
 }
 console.log("%c\u{1F33B}[Girassol]\u{1F33B}", "padding: 8px;background: #212121;color: gold; font-family: 'Fira code'; font-weight: bold; font-size: 1.2rem");
 const components = {
-  SolButton: _sfc_main$b,
-  SolInput: _sfc_main$a,
-  SolTextarea: _sfc_main$7,
-  SolTextfield: _sfc_main$9,
-  SolTextfieldPassword: _sfc_main$8,
-  SolRadio: _sfc_main$6,
-  SolRadioGroup: _sfc_main$5,
-  SolCheckbox: _sfc_main$4,
-  SolCheckboxGroup: _sfc_main$3,
-  SolSwitch: _sfc_main$2,
-  SolDropdown: _sfc_main$1
+  SolButton: _sfc_main$c,
+  SolInput: _sfc_main$b,
+  SolTextarea: _sfc_main$8,
+  SolTextfield: _sfc_main$a,
+  SolTextfieldPassword: _sfc_main$9,
+  SolRadio: _sfc_main$7,
+  SolRadioGroup: _sfc_main$6,
+  SolCheckbox: _sfc_main$5,
+  SolCheckboxGroup: _sfc_main$4,
+  SolSwitch: _sfc_main$3,
+  SolDropdown: _sfc_main$2,
+  SolSelect: _sfc_main$1
 };
 function install(App) {
   for (const component in components) {
@@ -1413,7 +1536,6 @@ function install(App) {
   }
 }
 const componentsNames = [];
-for (const component in components) {
+for (const component in components)
   componentsNames.push(component);
-}
-export { _sfc_main$b as SolButton, _sfc_main$4 as SolCheckbox, _sfc_main$3 as SolCheckboxGroup, _sfc_main$1 as SolDropdown, _sfc_main$a as SolInput, _sfc_main$6 as SolRadio, _sfc_main$5 as SolRadioGroup, _sfc_main$2 as SolSwitch, _sfc_main$7 as SolTextarea, _sfc_main$9 as SolTextfield, _sfc_main$8 as SolTextfieldPassword, componentsNames, install, useToast };
+export { _sfc_main$c as SolButton, _sfc_main$5 as SolCheckbox, _sfc_main$4 as SolCheckboxGroup, _sfc_main$2 as SolDropdown, _sfc_main$b as SolInput, _sfc_main$7 as SolRadio, _sfc_main$6 as SolRadioGroup, _sfc_main$1 as SolSelect, _sfc_main$3 as SolSwitch, _sfc_main$8 as SolTextarea, _sfc_main$a as SolTextfield, _sfc_main$9 as SolTextfieldPassword, componentsNames, install, useToast };