@solfacil/girassol 0.1.9 → 0.2.0

package/dist/girassol.es.js

@@ -17,13 +17,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 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$8 } 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$9 } from "vue";
 var Button_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$l = ["data-testid"];
-const _hoisted_2$j = { class: "icon -left" };
-const _hoisted_3$h = { class: "icon -right" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  name: "Button",
+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" },
     dense: { type: Boolean, default: false },
@@ -31,40 +31,42 @@ const _sfc_main$d = /* @__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$j, [
+        createElementVNode("div", _hoisted_2$m, [
           renderSlot(_ctx.$slots, "icon-left")
         ]),
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("div", _hoisted_3$h, [
+        createElementVNode("div", _hoisted_3$k, [
           renderSlot(_ctx.$slots, "icon-right")
         ])
-      ], 10, _hoisted_1$l);
+      ], 10, _hoisted_1$o);
     };
   }
 });
-_sfc_main$d.install = (app) => {
-  app.component("SolButton", _sfc_main$d);
+_sfc_main$f.install = (app) => {
+  app.component("SolButton", _sfc_main$f);
 };
 var Input_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$k = ["id", "data-testid", "value"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  name: "Input",
+const _hoisted_1$n = ["id", "data-testid", "value"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "Input",
   props: {
     id: null,
     modelValue: null,
@@ -89,21 +91,21 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         value: __props.modelValue,
         class: normalizeClass(["sol-input-core", { "-invert": __props.invert, "-error": __props.error }]),
         onInput: emitInput
-      }, null, 42, _hoisted_1$k);
+      }, null, 42, _hoisted_1$n);
     };
   }
 });
-_sfc_main$c.install = (app) => {
-  app.component("SolInput", _sfc_main$c);
+_sfc_main$e.install = (app) => {
+  app.component("SolInput", _sfc_main$e);
 };
 var Textfield_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$j = ["id", "data-testid"];
-const _hoisted_2$i = ["for"];
-const _hoisted_3$g = { class: "container-input" };
-const _hoisted_4$6 = ["id"];
-const _hoisted_5$3 = ["id"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  name: "Textfield",
+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,
     class: null,
@@ -146,11 +148,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$i)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$l)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$g, [
+        createElementVNode("div", _hoisted_3$j, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_sfc_main$c, 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,52 +169,52 @@ const _sfc_main$b = /* @__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$j);
+        }, toDisplayString(__props.error), 9, _hoisted_5$4)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$m);
     };
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$l = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$h = /* @__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$f = [
-  _hoisted_2$h
+const _hoisted_3$i = [
+  _hoisted_2$k
 ];
-function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$f);
+function render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$i);
 }
-var EyeOn = { name: "mi-eye", render: render$7 };
-const _hoisted_1$h = {
+var EyeOn = { name: "mi-eye", render: render$8 };
+const _hoisted_1$k = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$g = /* @__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$e = [
-  _hoisted_2$g
+const _hoisted_3$h = [
+  _hoisted_2$j
 ];
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$e);
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$h);
 }
-var EyeOff = { name: "mi-eye-off", render: render$6 };
-const _hoisted_1$g = ["aria-label"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  name: "TextfieldPassword",
+var EyeOff = { name: "mi-eye-off", render: render$7 };
+const _hoisted_1$j = ["aria-label"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "TextfieldPassword",
   props: {
     id: { default: "" },
     label: { default: "Sua senha" }
@@ -221,7 +223,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const passwordIsVisible = ref(false);
     const inputType = computed(() => passwordIsVisible.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$b, {
+      return openBlock(), createBlock(_sfc_main$d, {
         id: __props.id,
         required: "",
         type: unref(inputType),
@@ -241,28 +243,28 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             withDirectives(createVNode(unref(EyeOff), { "aria-hidden": "true" }, null, 512), [
               [vShow, !passwordIsVisible.value]
             ])
-          ], 8, _hoisted_1$g)
+          ], 8, _hoisted_1$j)
         ]),
         _: 1
       }, 8, ["id", "type", "label"]);
     };
   }
 });
-_sfc_main$b.install = (app) => {
-  app.component("SolTextfield", _sfc_main$b);
+_sfc_main$d.install = (app) => {
+  app.component("SolTextfield", _sfc_main$d);
 };
-_sfc_main$a.install = (app) => {
-  app.component("SolTextfieldPassword", _sfc_main$a);
+_sfc_main$c.install = (app) => {
+  app.component("SolTextfieldPassword", _sfc_main$c);
 };
 var Textarea_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$f = ["id", "data-testid"];
-const _hoisted_2$f = ["for"];
-const _hoisted_3$d = { 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$9 = /* @__PURE__ */ defineComponent({
-  name: "Textarea",
+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,
     class: null,
@@ -306,9 +308,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$f)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$i)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$d, [
+        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$9 = /* @__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,23 +330,23 @@ const _sfc_main$9 = /* @__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$f);
+        }, toDisplayString(__props.error), 9, _hoisted_6$3)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$i);
     };
   }
 });
-_sfc_main$9.install = (app) => {
-  app.component("SolTextarea", _sfc_main$9);
+_sfc_main$b.install = (app) => {
+  app.component("SolTextarea", _sfc_main$b);
 };
 var Radio_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$e = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$e = ["for"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  name: "Radio",
+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,
     name: null,
@@ -368,22 +370,22 @@ const _sfc_main$8 = /* @__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$h),
         createElementVNode("label", {
           class: "label",
           for: `radio-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$e)
+        }, toDisplayString(__props.label), 9, _hoisted_2$h)
       ], 2);
     };
   }
 });
 var RadioGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$d = ["aria-labelledby"];
-const _hoisted_2$d = ["id", "data-testid"];
-const _hoisted_3$c = ["id"];
-const _hoisted_4$4 = ["id"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  name: "RadioGroup",
+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,
     title: null,
@@ -426,7 +428,7 @@ const _sfc_main$7 = /* @__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$d)
+          }, 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$7 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.radios, (radio, index) => {
               var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$8, 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,26 +459,26 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$c)) : __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$d);
+        }, toDisplayString(__props.error), 9, _hoisted_4$6)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$g);
     };
   }
 });
-_sfc_main$8.install = (app) => {
-  app.component("SolRadio", _sfc_main$8);
+_sfc_main$a.install = (app) => {
+  app.component("SolRadio", _sfc_main$a);
 };
-_sfc_main$7.install = (app) => {
-  app.component("SolRadioGroup", _sfc_main$7);
+_sfc_main$9.install = (app) => {
+  app.component("SolRadioGroup", _sfc_main$9);
 };
 var Checkbox_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$c = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$c = ["for"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  name: "Checkbox",
+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,
     name: null,
@@ -500,22 +502,22 @@ 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$c),
+        }), null, 16, _hoisted_1$f),
         createElementVNode("label", {
           class: "label",
           for: `checkbox-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$c)
+        }, toDisplayString(__props.label), 9, _hoisted_2$f)
       ], 2);
     };
   }
 });
 var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = ["aria-labelledby"];
-const _hoisted_2$b = ["id", "data-testid"];
-const _hoisted_3$b = ["id"];
-const _hoisted_4$3 = ["id"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  name: "CheckboxGroup",
+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,
     title: null,
@@ -564,7 +566,7 @@ const _sfc_main$5 = /* @__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$b)
+          }, 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$5 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkboxes, (checkbox, index) => {
               var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$6, 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,28 +597,28 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$b)) : __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$b);
+        }, toDisplayString(__props.error), 9, _hoisted_4$5)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$e);
     };
   }
 });
-_sfc_main$6.install = (app) => {
-  app.component("SolCheckbox", _sfc_main$6);
+_sfc_main$8.install = (app) => {
+  app.component("SolCheckbox", _sfc_main$8);
 };
-_sfc_main$5.install = (app) => {
-  app.component("SolCheckboxGroup", _sfc_main$5);
+_sfc_main$7.install = (app) => {
+  app.component("SolCheckboxGroup", _sfc_main$7);
 };
 var Switch_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$a = ["id", "for", "data-testid"];
-const _hoisted_2$a = { class: "switch-container" };
-const _hoisted_3$a = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"];
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "ellipse" }, null, -1);
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  name: "Switch",
+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,
     name: null,
@@ -638,8 +640,8 @@ const _sfc_main$4 = /* @__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$a),
-        createElementVNode("div", _hoisted_2$a, [
+        }, 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$4 = /* @__PURE__ */ defineComponent({
             value: __props.value,
             name: __props.name,
             onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-          }), null, 16, _hoisted_3$a),
-          _hoisted_4$2
+          }), null, 16, _hoisted_3$d),
+          _hoisted_4$4
         ])
       ], 2);
     };
   }
 });
-_sfc_main$4.install = (app) => {
-  app.component("SolSwitch", _sfc_main$4);
+_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;
 }
@@ -753,37 +765,45 @@ const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !
 const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
 _global[globalKey];
-const _hoisted_1$9 = {
+var SwipeDirection;
+(function(SwipeDirection2) {
+  SwipeDirection2["UP"] = "UP";
+  SwipeDirection2["RIGHT"] = "RIGHT";
+  SwipeDirection2["DOWN"] = "DOWN";
+  SwipeDirection2["LEFT"] = "LEFT";
+  SwipeDirection2["NONE"] = "NONE";
+})(SwipeDirection || (SwipeDirection = {}));
+const _hoisted_1$c = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$9 = /* @__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$9 = [
-  _hoisted_2$9
+const _hoisted_3$c = [
+  _hoisted_2$c
 ];
-function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$c);
 }
-var IconSearch = { name: "mi-search", render: render$5 };
+var IconSearch = { name: "mi-search", render: render$6 };
 var Dropdown_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$8 = ["data-testid"];
-const _hoisted_2$8 = ["id", "for"];
-const _hoisted_3$8 = ["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 = {
+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$3 = /* @__PURE__ */ defineComponent({
-  name: "Dropdown",
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "Dropdown",
   props: {
     id: null,
     label: null,
@@ -915,7 +935,7 @@ const _sfc_main$3 = /* @__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$8)
+          }, toDisplayString(__props.label || __props.ariaLabel), 11, _hoisted_2$b)
         ]),
         createElementVNode("button", {
           id: `toggle-dropdown-${__props.id}`,
@@ -938,19 +958,19 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }, () => [
             createTextVNode(toDisplayString(unref(selectedSanitize) || "Selecione"), 1)
           ])
-        ], 8, _hoisted_3$8),
+        ], 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$c, {
+                  createVNode(_sfc_main$e, {
                     id: `search-dropdown-${__props.id}`,
                     ref: (target) => addRefElementToElements("search", target == null ? void 0 : target.input),
                     modelValue: filter.value,
@@ -1013,50 +1033,50 @@ const _sfc_main$3 = /* @__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$8);
+      ], 42, _hoisted_1$b);
     };
   }
 });
-_sfc_main$3.install = (app) => {
-  app.component("SolDropdown", _sfc_main$3);
+_sfc_main$5.install = (app) => {
+  app.component("SolDropdown", _sfc_main$5);
 };
-const _hoisted_1$7 = {
+const _hoisted_1$a = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$7 = /* @__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$7 = [
-  _hoisted_2$7
+const _hoisted_3$a = [
+  _hoisted_2$a
 ];
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$a);
 }
-var Close = { name: "mi-close", render: render$4 };
+var Close = { name: "mi-close", render: render$5 };
 var Chip_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$6 = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"];
-const _hoisted_2$6 = ["id"];
-const _hoisted_3$6 = { class: "label" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  name: "Chip",
+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,
     label: null,
@@ -1098,8 +1118,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           id: `chip-description-${__props.id}`,
           "z-index": "-1",
           class: "sr-only"
-        }, "Press Delete or Backspace to remove this Chip", 8, _hoisted_2$6),
-        createElementVNode("span", _hoisted_3$6, [
+        }, "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)
           ])
@@ -1113,102 +1133,434 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(unref(Close), { class: "icon" })
         ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1$6);
+      ], 42, _hoisted_1$9);
     };
   }
 });
-const _hoisted_1$5 = {
+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);
+    };
+  }
+});
+const _hoisted_1$7 = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m17 10l-5 6l-5-6h10z"
 }, null, -1);
-const _hoisted_3$5 = [
-  _hoisted_2$5
+const _hoisted_3$7 = [
+  _hoisted_2$7
 ];
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
 }
-var IconArrow = { name: "mi-caret-down", render: render$3 };
+var IconArrow = { name: "mi-caret-down", render: render$4 };
 var Select_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$4 = { class: "select" };
-const _hoisted_2$4 = {
-  key: 2,
-  class: "placeholder-inline"
+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_3$4 = { class: "error" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  name: "Select",
+const _hoisted_5$1 = {
+  key: 1,
+  class: "mr-micro placeholder-inline",
+  tabindex: "-1"
+};
+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$3, {
-        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$4, [
-              __props.multiple && (selected == null ? void 0 : selected.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selected, (item, index) => {
-                return openBlock(), createBlock(_sfc_main$2, {
-                  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$4, toDisplayString(__props.placeholder), 1))
-            ]),
-            createVNode(unref(IconArrow), {
-              class: normalizeClass(["icon", { "-open": isOpen }])
-            }, null, 8, ["class"])
-          ], 2),
-          createElementVNode("span", _hoisted_3$4, 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$1.install = (app) => {
-  app.component("SolSelect", _sfc_main$1);
-};
 _sfc_main$2.install = (app) => {
-  app.component("SolChip", _sfc_main$2);
+  app.component("SolSelect", _sfc_main$2);
+};
+_sfc_main$4.install = (app) => {
+  app.component("SolChip", _sfc_main$4);
+};
+const _hoisted_1$5 = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M11.293 7.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l6-6z"
+}, null, -1);
+const _hoisted_3$5 = [
+  _hoisted_2$5
+];
+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 = "";
+const _hoisted_1$4 = ["id", "data-testid", "aria-disabled"];
+const _hoisted_2$4 = ["data-testid", "tabindex"];
+const _hoisted_3$4 = ["data-testid"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Accordion",
+  props: {
+    id: null,
+    title: { default: "Title" },
+    invert: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("details", {
+        id: `accordion-${__props.id}`,
+        "data-testid": `accordion-${__props.id}`,
+        class: normalizeClass(["sol-accordion-core", { "-invert": __props.invert, "-disabled": __props.disabled }]),
+        "aria-disabled": __props.disabled
+      }, [
+        createElementVNode("summary", {
+          "data-testid": `accordion-title-${__props.id}`,
+          class: "summary",
+          tabindex: __props.disabled ? -1 : 0
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(__props.title), 1)
+          ]),
+          createVNode(unref(Chevron), {
+            class: "icon",
+            "aria-hidden": "true"
+          })
+        ], 8, _hoisted_2$4),
+        createElementVNode("div", {
+          "data-testid": `accordion-content-${__props.id}`,
+          class: "container"
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 8, _hoisted_3$4)
+      ], 10, _hoisted_1$4);
+    };
+  }
+});
+_sfc_main$1.install = (app) => {
+  app.component("SolAccordion", _sfc_main$1);
 };
 var windiBase = "";
 var windiComponents = "";
@@ -1384,7 +1736,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = ["data-testid"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  name: "Toast",
+  __name: "Toast",
   props: {
     id: null,
     type: { default: DEFAULT_OPTIONS.type },
@@ -1547,7 +1899,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$8(toastVNode, container);
+    render$9(toastVNode, container);
     toasts[options.position].push({ toastVNode, container });
     if (toastVNode.component)
       toastVNode.component.props.visible = true;
@@ -1603,32 +1955,30 @@ function close(id, position) {
   componentProps.visible = false;
   componentProps.onClose && componentProps.onClose();
   setTimeout(() => {
-    render$8(null, container);
+    render$9(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$d,
-  SolInput: _sfc_main$c,
-  SolTextarea: _sfc_main$9,
-  SolTextfield: _sfc_main$b,
-  SolTextfieldPassword: _sfc_main$a,
-  SolRadio: _sfc_main$8,
-  SolRadioGroup: _sfc_main$7,
-  SolCheckbox: _sfc_main$6,
-  SolCheckboxGroup: _sfc_main$5,
-  SolSwitch: _sfc_main$4,
-  SolDropdown: _sfc_main$3,
-  SolSelect: _sfc_main$1,
-  SolChip: _sfc_main$2
+  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$4,
+  SolAccordion: _sfc_main$1
 };
 function install(App) {
   for (const component in components) {
     App.component(component, components[component]);
   }
 }
-const componentsNames = [];
-for (const component in components)
-  componentsNames.push(component);
-export { _sfc_main$d as SolButton, _sfc_main$6 as SolCheckbox, _sfc_main$5 as SolCheckboxGroup, _sfc_main$2 as SolChip, _sfc_main$3 as SolDropdown, _sfc_main$c as SolInput, _sfc_main$8 as SolRadio, _sfc_main$7 as SolRadioGroup, _sfc_main$1 as SolSelect, _sfc_main$4 as SolSwitch, _sfc_main$9 as SolTextarea, _sfc_main$b as SolTextfield, _sfc_main$a as SolTextfieldPassword, componentsNames, 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 };