@solfacil/girassol 0.1.3 → 0.1.7

package/dist/girassol.es.js

@@ -1,9 +1,29 @@
-import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, mergeProps, isRef, ref, createBlock, withCtx, withDirectives, vShow, Fragment, renderList } from "vue";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  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";
 var Button_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$a = ["data-testid"];
-const _hoisted_2$8 = { class: "icon -left" };
-const _hoisted_3$6 = { class: "icon -right" };
-const _sfc_main$8 = /* @__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({
+  name: "Button",
   props: {
     variant: { default: "primary" },
     dense: { type: Boolean, default: false },
@@ -27,23 +47,24 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     `]),
         type: "button"
       }, [
-        createElementVNode("div", _hoisted_2$8, [
+        createElementVNode("div", _hoisted_2$i, [
           renderSlot(_ctx.$slots, "icon-left")
         ]),
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("div", _hoisted_3$6, [
+        createElementVNode("div", _hoisted_3$g, [
           renderSlot(_ctx.$slots, "icon-right")
         ])
-      ], 10, _hoisted_1$a);
+      ], 10, _hoisted_1$k);
     };
   }
 });
-_sfc_main$8.install = (app) => {
-  app.component("SolButton", _sfc_main$8);
+_sfc_main$c.install = (app) => {
+  app.component("SolButton", _sfc_main$c);
 };
 var Input_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$9 = ["id", "data-testid", "value"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$j = ["id", "data-testid", "value"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  name: "Input",
   props: {
     id: null,
     modelValue: null,
@@ -51,32 +72,39 @@ const _sfc_main$7 = /* @__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$9);
+      }, null, 42, _hoisted_1$j);
     };
   }
 });
-_sfc_main$7.install = (app) => {
-  app.component("SolInput", _sfc_main$7);
+_sfc_main$b.install = (app) => {
+  app.component("SolInput", _sfc_main$b);
 };
 var Textfield_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$8 = ["id", "data-testid"];
-const _hoisted_2$7 = ["for"];
-const _hoisted_3$5 = { class: "container-input" };
-const _hoisted_4$3 = ["id"];
-const _hoisted_5 = ["id"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+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$a = /* @__PURE__ */ defineComponent({
+  name: "Textfield",
   props: {
     id: null,
     class: null,
@@ -106,11 +134,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return null;
     }
     return (_ctx, _cache) => {
-      var _a;
+      var _a2;
       return openBlock(), createElementBlock("div", {
         id: `textfield-${__props.id}`,
         "data-testid": `textfield-${__props.id}`,
-        class: normalizeClass([[`${(_a = _ctx.$props.class) != null ? _a : ""}`, { "-invert": __props.invert }], "sol-textfield-core"])
+        class: normalizeClass([[`${(_a2 = _ctx.$props.class) != null ? _a2 : ""}`, { "-invert": __props.invert }], "sol-textfield-core"])
       }, [
         renderSlot(_ctx.$slots, "label", {}, () => [
           __props.label ? (openBlock(), createElementBlock("label", {
@@ -119,20 +147,20 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$7)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$h)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$5, [
+        createElementVNode("div", _hoisted_3$f, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_sfc_main$7, 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),
-              id: __props.id,
               "data-testid": `input-${__props.id}`,
               class: [__props.error && "-error", "input"],
               invert: __props.invert,
               "aria-invalid": !!__props.error,
               "aria-describedby": ariaDescribedby(__props.hint, __props.error)
-            }), null, 16, ["modelValue", "id", "data-testid", "class", "invert", "aria-invalid", "aria-describedby"])
+            }), null, 16, ["id", "modelValue", "data-testid", "class", "invert", "aria-invalid", "aria-describedby"])
           ]),
           renderSlot(_ctx.$slots, "icon")
         ]),
@@ -140,51 +168,52 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_4$3)) : __props.error ? (openBlock(), createElementBlock("span", {
+        }, toDisplayString(__props.hint), 9, _hoisted_4$6)) : __props.error ? (openBlock(), createElementBlock("span", {
           key: 1,
           id: `error-${__props.id}`,
           class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_5)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$8);
+        }, toDisplayString(__props.error), 9, _hoisted_5$3)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$i);
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$h = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$6 = /* @__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$4 = [
-  _hoisted_2$6
+const _hoisted_3$e = [
+  _hoisted_2$g
 ];
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$4);
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$e);
 }
-var EyeOn = { name: "mi-eye", render: render$1 };
-const _hoisted_1$6 = {
+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$5 = /* @__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$3 = [
-  _hoisted_2$5
+const _hoisted_3$d = [
+  _hoisted_2$f
 ];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$3);
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$d);
 }
-var EyeOff = { name: "mi-eye-off", render };
-const _hoisted_1$5 = ["aria-label"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+var EyeOff = { name: "mi-eye-off", render: render$6 };
+const _hoisted_1$f = ["aria-label"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  name: "TextfieldPassword",
   props: {
     id: { default: "" },
     label: { default: "Sua senha" }
@@ -193,7 +222,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const passwordIsVisible = ref(false);
     const inputType = computed(() => passwordIsVisible.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$6, {
+      return openBlock(), createBlock(_sfc_main$a, {
         id: __props.id,
         required: "",
         type: unref(inputType),
@@ -213,23 +242,110 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             withDirectives(createVNode(unref(EyeOff), { "aria-hidden": "true" }, null, 512), [
               [vShow, !passwordIsVisible.value]
             ])
-          ], 8, _hoisted_1$5)
+          ], 8, _hoisted_1$f)
         ]),
         _: 1
       }, 8, ["id", "type", "label"]);
     };
   }
 });
-_sfc_main$6.install = (app) => {
-  app.component("SolTextfield", _sfc_main$6);
+_sfc_main$a.install = (app) => {
+  app.component("SolTextfield", _sfc_main$a);
 };
-_sfc_main$5.install = (app) => {
-  app.component("SolTextfieldPassword", _sfc_main$5);
+_sfc_main$9.install = (app) => {
+  app.component("SolTextfieldPassword", _sfc_main$9);
+};
+var Textarea_vue_vue_type_style_index_0_lang = "";
+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$8 = /* @__PURE__ */ defineComponent({
+  name: "Textarea",
+  props: {
+    id: null,
+    class: null,
+    modelValue: { default: "" },
+    label: { default: "label" },
+    hint: null,
+    invert: { type: Boolean },
+    resize: { default: "both" },
+    error: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const model = computed({
+      get: () => props.modelValue,
+      set: (inputValue) => {
+        emit("update:modelValue", inputValue);
+      }
+    });
+    function showHint(hint, error) {
+      return !!hint && !error;
+    }
+    function ariaDescribedby(hint, error) {
+      if (error)
+        return `error-${props.id}`;
+      if (showHint(hint, error))
+        return `hint-${props.id}`;
+      return null;
+    }
+    return (_ctx, _cache) => {
+      var _a2;
+      return openBlock(), createElementBlock("div", {
+        id: `textarea-${__props.id}`,
+        "data-testid": `textarea-${__props.id}`,
+        class: normalizeClass([[`${(_a2 = _ctx.$props.class) != null ? _a2 : ""}`, { "-invert": __props.invert }], "sol-textarea-core"])
+      }, [
+        renderSlot(_ctx.$slots, "label", {}, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            for: `input-${__props.id}`,
+            class: "label"
+          }, [
+            createElementVNode("span", null, toDisplayString(__props.label), 1)
+          ], 8, _hoisted_2$e)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_3$c, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            withDirectives(createElementVNode("textarea", mergeProps(_ctx.$attrs, {
+              id: `input-${__props.id}`,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
+              "data-testid": `input-${__props.id}`,
+              class: [__props.error && "-error", "textarea"],
+              invert: __props.invert,
+              style: { resize: __props.resize },
+              "aria-invalid": !!__props.error,
+              "aria-describedby": ariaDescribedby(__props.hint, __props.error)
+            }), null, 16, _hoisted_4$5), [
+              [vModelText, unref(model)]
+            ])
+          ])
+        ]),
+        showHint(__props.hint, __props.error) ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          id: `hint-${__props.id}`,
+          class: "hint"
+        }, toDisplayString(__props.hint), 9, _hoisted_5$2)) : __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$e);
+    };
+  }
+});
+_sfc_main$8.install = (app) => {
+  app.component("SolTextarea", _sfc_main$8);
 };
 var Radio_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$4 = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$4 = ["for"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["id", "data-testid", "checked", "value", "name"];
+const _hoisted_2$d = ["for"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  name: "Radio",
   props: {
     id: null,
     name: null,
@@ -242,32 +358,33 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["sol-radio-core", __props.class])
+        class: normalizeClass(["sol-radio-core", _ctx.$props.class])
       }, [
         createElementVNode("input", mergeProps(_ctx.$attrs, {
+          id: `radio-${__props.name}-${__props.id}`,
           type: "radio",
           class: "radio",
-          id: `radio-${__props.name}-${__props.id}`,
           "data-testid": `radio-${__props.name}-${__props.id}`,
           checked: __props.checked,
           value: __props.value,
           name: __props.name,
           onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-        }), null, 16, _hoisted_1$4),
+        }), null, 16, _hoisted_1$d),
         createElementVNode("label", {
           class: "label",
           for: `radio-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$4)
+        }, toDisplayString(__props.label), 9, _hoisted_2$d)
       ], 2);
     };
   }
 });
 var RadioGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$3 = ["aria-labelledby"];
-const _hoisted_2$3 = ["id", "data-testid"];
-const _hoisted_3$2 = ["id"];
-const _hoisted_4$2 = ["id"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+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$6 = /* @__PURE__ */ defineComponent({
+  name: "RadioGroup",
   props: {
     id: null,
     title: null,
@@ -307,10 +424,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           id: `radio-group-title-${__props.id}`
         }, () => [
           createElementVNode("legend", {
-            class: normalizeClass(["title", { "sr-only": __props.hideTitle }]),
             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$3)
+          }, toDisplayString(__props.title), 11, _hoisted_2$c)
         ]),
         createElementVNode("ul", {
           class: normalizeClass(["container-radios", { "flex-col": __props.direction === "column" }])
@@ -320,11 +437,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             direction: __props.direction
           }, () => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.radios, (radio, index) => {
-              var _a;
+              var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$4, 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" }],
-                  id: (_a = radio == null ? void 0 : radio.id) != null ? _a : `${radio.value}`,
                   name: radio.name,
                   value: radio.value,
                   label: radio.label,
@@ -332,7 +449,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   "aria-invalid": !!__props.error,
                   "aria-describedby": ariaDescribedby(__props.hint, __props.error),
                   onChange: ($event) => emitUpdatedValue(radio)
-                }), null, 16, ["class", "id", "name", "value", "label", "checked", "aria-invalid", "aria-describedby", "onChange"])
+                }), null, 16, ["id", "class", "name", "value", "label", "checked", "aria-invalid", "aria-describedby", "onChange"])
               ]);
             }), 128))
           ])
@@ -341,25 +458,26 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$2)) : __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$2)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$3);
+        }, toDisplayString(__props.error), 9, _hoisted_4$4)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$c);
     };
   }
 });
-_sfc_main$4.install = (app) => {
-  app.component("SolRadio", _sfc_main$4);
+_sfc_main$7.install = (app) => {
+  app.component("SolRadio", _sfc_main$7);
 };
-_sfc_main$3.install = (app) => {
-  app.component("SolRadioGroup", _sfc_main$3);
+_sfc_main$6.install = (app) => {
+  app.component("SolRadioGroup", _sfc_main$6);
 };
 var Checkbox_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$2 = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$2 = ["for"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = ["id", "data-testid", "checked", "value", "name"];
+const _hoisted_2$b = ["for"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  name: "Checkbox",
   props: {
     id: null,
     name: null,
@@ -372,32 +490,33 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["sol-checkbox-core", __props.class])
+        class: normalizeClass(["sol-checkbox-core", _ctx.$props.class])
       }, [
         createElementVNode("input", mergeProps(_ctx.$attrs, {
+          id: `checkbox-${__props.name}-${__props.id}`,
           type: "checkbox",
           class: "checkbox",
-          id: `checkbox-${__props.name}-${__props.id}`,
           "data-testid": `checkbox-${__props.name}-${__props.id}`,
           checked: __props.checked,
           value: __props.value,
           name: __props.name,
           onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-        }), null, 16, _hoisted_1$2),
+        }), null, 16, _hoisted_1$b),
         createElementVNode("label", {
           class: "label",
           for: `checkbox-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$2)
+        }, toDisplayString(__props.label), 9, _hoisted_2$b)
       ], 2);
     };
   }
 });
 var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$1 = ["aria-labelledby"];
-const _hoisted_2$1 = ["id", "data-testid"];
-const _hoisted_3$1 = ["id"];
-const _hoisted_4$1 = ["id"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+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$4 = /* @__PURE__ */ defineComponent({
+  name: "CheckboxGroup",
   props: {
     id: null,
     title: null,
@@ -422,21 +541,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return null;
     }
     function isChecked(value) {
-      var _a;
-      return (_a = props == null ? void 0 : props.modelValue) == null ? void 0 : _a.includes(value);
+      var _a2;
+      return (_a2 = props == null ? void 0 : props.modelValue) == null ? void 0 : _a2.includes(value);
     }
     function sanitizeNewModelValue(value) {
       return Array.isArray(props == null ? void 0 : props.modelValue) ? [...props.modelValue, value] : [value];
     }
     function emitUpdatedValue(checkbox) {
-      var _a;
+      var _a2;
       emit("change", checkbox.value);
-      const checked = isChecked(checkbox.value) ? (_a = props.modelValue) == null ? void 0 : _a.filter((value) => value !== checkbox.value) : sanitizeNewModelValue(checkbox.value);
+      const checked = isChecked(checkbox.value) ? (_a2 = props.modelValue) == null ? void 0 : _a2.filter((value) => value !== checkbox.value) : sanitizeNewModelValue(checkbox.value);
       emit("update:modelValue", checked);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("fieldset", {
-        role: "group",
         class: "sol-checkbox-group-core",
         "aria-labelledby": `checkbox-group-title-${__props.id}`
       }, [
@@ -444,10 +562,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           id: `checkbox-group-title-${__props.id}`
         }, () => [
           createElementVNode("legend", {
-            class: normalizeClass(["title", { "sr-only": __props.hideTitle }]),
             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$1)
+          }, toDisplayString(__props.title), 11, _hoisted_2$a)
         ]),
         createElementVNode("ul", {
           class: normalizeClass(["container-checkboxes", { "flex-col": __props.direction === "column" }])
@@ -457,11 +575,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             direction: __props.direction
           }, () => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkboxes, (checkbox, index) => {
-              var _a;
+              var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$2, 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" }],
-                  id: (_a = checkbox == null ? void 0 : checkbox.id) != null ? _a : `${checkbox.value}`,
                   label: checkbox.label,
                   name: checkbox.name,
                   value: checkbox.value,
@@ -469,7 +587,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   "aria-invalid": !!__props.error,
                   "aria-describedby": ariaDescribedby(__props.hint, __props.error),
                   onChange: ($event) => emitUpdatedValue(checkbox)
-                }), null, 16, ["class", "id", "label", "name", "value", "checked", "aria-invalid", "aria-describedby", "onChange"])
+                }), null, 16, ["id", "class", "label", "name", "value", "checked", "aria-invalid", "aria-describedby", "onChange"])
               ]);
             }), 128))
           ])
@@ -478,27 +596,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$1)) : __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$1)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$1);
+        }, toDisplayString(__props.error), 9, _hoisted_4$3)) : createCommentVNode("", true)
+      ], 8, _hoisted_1$a);
     };
   }
 });
-_sfc_main$2.install = (app) => {
-  app.component("SolCheckbox", _sfc_main$2);
+_sfc_main$5.install = (app) => {
+  app.component("SolCheckbox", _sfc_main$5);
 };
-_sfc_main$1.install = (app) => {
-  app.component("SolCheckboxGroup", _sfc_main$1);
+_sfc_main$4.install = (app) => {
+  app.component("SolCheckboxGroup", _sfc_main$4);
 };
 var Switch_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1 = ["for", "id", "data-testid"];
-const _hoisted_2 = { class: "switch-container" };
-const _hoisted_3 = ["id", "aria-labelledby", "data-testid", "checked", "value", "name"];
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "ellipse" }, null, -1);
-const _sfc_main = /* @__PURE__ */ defineComponent({
+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$3 = /* @__PURE__ */ defineComponent({
+  name: "Switch",
   props: {
     id: null,
     name: null,
@@ -516,48 +635,913 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["sol-switch-core", [_ctx.$props.class, { "-horizontal": __props.horizontalLabel }]])
       }, [
         createElementVNode("label", {
+          id: `switch-label-${__props.name}-${__props.id}`,
           class: normalizeClass(["label", { "mb-1": !__props.horizontalLabel, "sr-only": __props.hideLabel }]),
           for: `switch-${__props.name}-${__props.id}`,
-          id: `switch-label-${__props.name}-${__props.id}`,
           "data-testid": `switch-label-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 11, _hoisted_1),
-        createElementVNode("div", _hoisted_2, [
+        }, 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",
             class: "switch",
             role: "switch",
-            id: `switch-${__props.name}-${__props.id}`,
+            "aria-checked": __props.checked,
             "aria-labelledby": `switch-label-${__props.name}-${__props.id}`,
             "data-testid": `switch-${__props.name}-${__props.id}`,
             checked: __props.checked,
             value: __props.value,
             name: __props.name,
             onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-          }), null, 16, _hoisted_3),
-          _hoisted_4
+          }), null, 16, _hoisted_3$9),
+          _hoisted_4$2
         ])
       ], 2);
     };
   }
 });
-_sfc_main.install = (app) => {
-  app.component("SolSwitch", _sfc_main);
+_sfc_main$3.install = (app) => {
+  app.component("SolSwitch", _sfc_main$3);
+};
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  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);
+  return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
+}
+const defaultWindow = isClient ? window : void 0;
+isClient ? window.document : void 0;
+isClient ? window.navigator : void 0;
+isClient ? window.location : void 0;
+function useEventListener(...args) {
+  let target;
+  let event;
+  let listener;
+  let options;
+  if (isString(args[0])) {
+    [event, listener, options] = args;
+    target = defaultWindow;
+  } else {
+    [target, event, listener, options] = args;
+  }
+  if (!target)
+    return noop;
+  let cleanup = noop;
+  const stopWatch = watch(() => unrefElement(target), (el) => {
+    cleanup();
+    if (!el)
+      return;
+    el.addEventListener(event, listener, options);
+    cleanup = () => {
+      el.removeEventListener(event, listener, options);
+      cleanup = noop;
+    };
+  }, { immediate: true, flush: "post" });
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(stop);
+  return stop;
+}
+function onClickOutside(target, handler, options = {}) {
+  const { window: window2 = defaultWindow, ignore, capture = true } = 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)
+      return;
+    if (ignore && ignore.length > 0) {
+      if (ignore.some((target2) => {
+        const el2 = unrefElement(target2);
+        return el2 && (event.target === el2 || composedPath.includes(el2));
+      }))
+        return;
+    }
+    handler(event);
+  };
+  const cleanup = [
+    useEventListener(window2, "click", listener, { passive: true, capture }),
+    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());
+  return stop;
+}
+const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+const globalKey = "__vueuse_ssr_handlers__";
+_global[globalKey] = _global[globalKey] || {};
+_global[globalKey];
+const _hoisted_1$8 = {
+  preserveAspectRatio: "xMidYMid meet",
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+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$8 = [
+  _hoisted_2$8
+];
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$8);
+}
+var IconSearch = { name: "mi-search", render: render$5 };
+var Dropdown_vue_vue_type_style_index_0_lang = "";
+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_8 = /* @__PURE__ */ createTextVNode(" Sem dados ");
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  name: "Dropdown",
+  props: {
+    id: null,
+    label: null,
+    disabled: { type: Boolean },
+    loading: { type: Boolean, default: false },
+    searchable: { type: Boolean, default: false },
+    closeOnSelect: { type: Boolean, default: true },
+    fetchOnSearch: { type: Boolean, default: false },
+    isMultipleSelect: { type: Boolean },
+    searchPlaceholder: null,
+    selected: null,
+    options: { default: () => [] }
+  },
+  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) => typeof option === "string" ? option.includes(filter.value) : option.name.includes(filter.value));
+    });
+    const selectedSanitize = computed(() => Array.isArray(props.selected) ? props.selected.join(", ").trim() : props.selected);
+    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(selectedValue) {
+      const selected = new Set(props.selected);
+      selected.has(selectedValue) ? selected.delete(selectedValue) : selected.add(selectedValue);
+      return [...selected];
+    }
+    function select(selected) {
+      const value = typeof selected === "string" ? selected : selected.value;
+      const sanitize = props.isMultipleSelect ? sanitizeMultipleSelection(value) : value;
+      emit("update:selected", sanitize);
+      if (props.closeOnSelect && !props.isMultipleSelect)
+        close2();
+    }
+    function isSelected(option) {
+      if (Array.isArray(props.selected)) {
+        return typeof option === "string" ? props.selected.includes(option) : props.selected.includes(option.value);
+      }
+      return typeof option === "string" ? option === props.selected : option.value === props.selected;
+    }
+    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 < filtered.value.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 getOption(option, key) {
+      return typeof option === "string" ? option : option[key != null ? key : "value"];
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el,
+        class: "sol-dropdown-core",
+        "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}`,
+          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}`,
+          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)
+          ])
+        ], 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, "search", { filter: filter.value }, () => [
+                  createVNode(_sfc_main$b, {
+                    id: `search-dropdown-${__props.id}`,
+                    ref: (target) => 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": 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"
+                  })
+                ])
+              ], 2)) : createCommentVNode("", true),
+              createElementVNode("ul", {
+                id: `dropdown-list-${__props.id}`,
+                ref: (target) => 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({
+  name: "Select",
+  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("SolSelect", _sfc_main$1);
 };
 var windiBase = "";
 var windiComponents = "";
 var windiUtilities = "";
 var style = "";
+const TOAST_GAP = 12;
+const DEFAULT_OPTIONS = {
+  type: "success",
+  timeout: 5e3,
+  showIcon: true,
+  showCloseButton: true,
+  position: "top-right",
+  hideProgressBar: false
+};
+function useTimer(callback, delay) {
+  const timer = reactive({
+    id: null,
+    intervalId: null,
+    startTime: 0,
+    remaining: delay
+  });
+  const progress = ref(100);
+  function stop() {
+    clearInterval(timer.intervalId);
+    clearTimeout(timer.id);
+    timer.remaining -= Date.now() - timer.startTime;
+  }
+  function start() {
+    timer.startTime = Date.now();
+    clearTimeout(timer.id);
+    timer.intervalId = setInterval(() => {
+      progress.value--;
+    }, delay / 100 - 5);
+    timer.id = setTimeout(callback, timer.remaining);
+  }
+  function clear() {
+    clearInterval(timer.intervalId);
+    clearTimeout(timer.id);
+    progress.value = 100;
+  }
+  onMounted(() => {
+    if (delay <= 0)
+      return false;
+  });
+  onUnmounted(() => {
+    clear();
+  });
+  return {
+    start,
+    stop,
+    clear,
+    progress
+  };
+}
+function usePosition(fn) {
+  const stylePosition = computed(() => {
+    const { position, offset } = fn();
+    switch (position) {
+      case "top-left":
+        return {
+          left: "0",
+          top: `${offset}px`
+        };
+      case "bottom-left":
+        return {
+          left: "0",
+          bottom: `${offset}px`
+        };
+      case "bottom-right":
+        return {
+          right: "0",
+          bottom: `${offset}px`
+        };
+      case "top-center":
+        return {
+          top: `${offset}px`,
+          left: "0",
+          right: "0",
+          marginRight: "auto",
+          marginLeft: "auto"
+        };
+      case "bottom-center":
+        return {
+          bottom: `${offset}px`,
+          left: "0",
+          right: "0",
+          marginRight: "auto",
+          marginLeft: "auto"
+        };
+      default:
+        return {
+          right: "0",
+          top: `${offset}px`
+        };
+    }
+  });
+  return {
+    stylePosition
+  };
+}
+var Transition = /* @__PURE__ */ ((Transition2) => {
+  Transition2["top-left"] = "bounce-left";
+  Transition2["top-right"] = "bounce-right";
+  Transition2["top-center"] = "bounce-down";
+  Transition2["bottom-left"] = "bounce-left";
+  Transition2["bottom-center"] = "bounce-up";
+  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" };
+const _hoisted_3 = {
+  key: 0,
+  class: "icon-container",
+  "aria-hidden": "true"
+};
+const _hoisted_4 = { class: "content" };
+const _hoisted_5 = {
+  key: 0,
+  class: "description"
+};
+const _hoisted_6 = ["data-testid"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  name: "Toast",
+  props: {
+    id: null,
+    type: { default: DEFAULT_OPTIONS.type },
+    visible: { type: Boolean, default: false },
+    title: null,
+    description: null,
+    timeout: null,
+    hideProgressBar: { type: Boolean, default: DEFAULT_OPTIONS.hideProgressBar },
+    showIcon: { type: Boolean, default: DEFAULT_OPTIONS.showIcon },
+    offset: { default: 0 },
+    onClose: null,
+    onCloseHandler: null,
+    position: { default: DEFAULT_OPTIONS.position }
+  },
+  setup(__props) {
+    const props = __props;
+    const { start, stop, progress } = useTimer(() => {
+      var _a2;
+      (_a2 = props.onCloseHandler) == null ? void 0 : _a2.call(props);
+    }, props.timeout);
+    const { stylePosition } = usePosition(() => ({
+      offset: props.offset,
+      position: props.position
+    }));
+    const isMultiline = computed(() => props.title && props.description);
+    function onMouseEnter() {
+      if (props.timeout > 0) {
+        stop();
+      }
+    }
+    function onMouseLeave() {
+      start();
+    }
+    onMounted(() => {
+      start();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition$1, {
+        name: unref(Transition)[__props.position],
+        type: "animation"
+      }, {
+        default: withCtx(() => [
+          __props.visible ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            id: `toast-${__props.type}-${__props.id}`,
+            role: "status",
+            "data-testid": `toast-${__props.type}-${__props.id}`,
+            style: normalizeStyle(unref(stylePosition)),
+            class: normalizeClass(["sol-toast-core", [`-${__props.type}`, { "-multiline": unref(isMultiline) }]]),
+            onKeyup: _cache[1] || (_cache[1] = withKeys((...args) => __props.onCloseHandler && __props.onCloseHandler(...args), ["esc"])),
+            onMouseenter: onMouseEnter,
+            onMouseleave: onMouseLeave,
+            onFocusin: onMouseEnter,
+            onFocusout: onMouseLeave
+          }, [
+            createElementVNode("section", _hoisted_2, [
+              __props.showIcon ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "icon-status", { type: __props.type }, () => [
+                  __props.type === "success" ? (openBlock(), createBlock(unref(Success), {
+                    key: 0,
+                    class: "icon"
+                  })) : createCommentVNode("", true),
+                  __props.type === "info" ? (openBlock(), createBlock(unref(Info), {
+                    key: 1,
+                    class: "icon"
+                  })) : createCommentVNode("", true),
+                  __props.type === "danger" ? (openBlock(), createBlock(unref(Error$1), {
+                    key: 2,
+                    class: "icon"
+                  })) : createCommentVNode("", true)
+                ])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("p", {
+                  class: normalizeClass(["title", { "-multiline": unref(isMultiline) }])
+                }, [
+                  renderSlot(_ctx.$slots, "title", {}, () => [
+                    createTextVNode(toDisplayString(__props.title), 1)
+                  ])
+                ], 2),
+                __props.description ? (openBlock(), createElementBlock("p", _hoisted_5, [
+                  renderSlot(_ctx.$slots, "description", {}, () => [
+                    createTextVNode(toDisplayString(__props.description), 1)
+                  ])
+                ])) : createCommentVNode("", true)
+              ])
+            ]),
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(["close", { "-multiline": unref(isMultiline) }]),
+              "data-testid": `toast-close-button-${__props.type}-${__props.id}`,
+              "aria-label": "close notification",
+              onClick: _cache[0] || (_cache[0] = (...args) => __props.onCloseHandler && __props.onCloseHandler(...args))
+            }, [
+              createVNode(unref(Close), { class: "icon" })
+            ], 10, _hoisted_6),
+            !__props.hideProgressBar ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "progressbar",
+              "aria-hidden": "true",
+              style: normalizeStyle({ width: `${unref(progress)}%` })
+            }, null, 4)) : createCommentVNode("", true)
+          ], 46, _hoisted_1)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
+  }
+});
+const toasts = {
+  "top-left": [],
+  "top-right": [],
+  "top-center": [],
+  "bottom-left": [],
+  "bottom-right": [],
+  "bottom-center": []
+};
+function useToast() {
+  let toastId = 0;
+  function clearAllToasts() {
+    Object.entries(toasts).forEach(([position, toastsInAPosition]) => {
+      if (toastsInAPosition.length) {
+        toastsInAPosition.forEach((toast) => {
+          var _a2;
+          const id = (_a2 = toast.toastVNode.props) == null ? void 0 : _a2.id;
+          close(id, position);
+        });
+      }
+    });
+  }
+  const createToast = (content, options) => {
+    const id = toastId++;
+    const initializedOptions = options ? initializeOptions(options) : DEFAULT_OPTIONS;
+    if (options == null ? void 0 : options.showOneToast)
+      clearAllToasts();
+    const transformContent = typeof content === "string" ? { title: content } : content;
+    setupVNode(id, initializedOptions, transformContent);
+    return {
+      close: () => close(id, initializedOptions.position)
+    };
+  };
+  return {
+    createToast,
+    clearAllToasts
+  };
+}
+function initializeOptions(options) {
+  const processedOptions = __spreadProps(__spreadValues(__spreadValues({}, DEFAULT_OPTIONS), options), {
+    showIcon: options.showIcon
+  });
+  processedOptions.hideProgressBar = !!(processedOptions.timeout && (processedOptions == null ? void 0 : processedOptions.timeout) <= 0);
+  if (options.hideProgressBar) {
+    processedOptions.hideProgressBar = options.hideProgressBar;
+  }
+  return processedOptions;
+}
+function setupVNode(id, options, content) {
+  setTimeout(() => {
+    const verticalOffset = moveToastsOnAdd(options, toasts, TOAST_GAP);
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const toastVNode = createVNode(_sfc_main, setupVNodeProps(options, id, verticalOffset, close, content));
+    render$8(toastVNode, container);
+    toasts[options.position].push({ toastVNode, container });
+    if (toastVNode.component)
+      toastVNode.component.props.visible = true;
+  }, 1);
+}
+function setupVNodeProps(options, id, offset, closeFn, content) {
+  return __spreadProps(__spreadValues(__spreadValues({}, options), content), {
+    id,
+    offset,
+    visible: false,
+    onCloseHandler() {
+      closeFn(id, options.position ? options.position : "top-right");
+    }
+  });
+}
+function moveToastsOnAdd(options, toasts2, toastGap) {
+  if (!options.position)
+    throw new Error("no position");
+  return toasts2[options.position].reduce((acc, { toastVNode }) => {
+    const offsetHeight = toastVNode.el.offsetHeight + toastGap;
+    acc += offsetHeight || 0;
+    return acc;
+  }, toastGap);
+}
+function moveToastsOnClose(index, toastArr, position, toastHeight) {
+  for (let i = index; i < toastArr.length; i++) {
+    const { toastVNode } = toastArr[i];
+    if (!toastVNode.el)
+      return;
+    const verticalPosition = position.split("-")[0] || "top";
+    const positionLessOneToast = parseInt(toastVNode.el.style[verticalPosition], 10) - toastHeight - TOAST_GAP;
+    if (!toastVNode.component)
+      return;
+    toastVNode.component.props.offset = positionLessOneToast;
+  }
+}
+function close(id, position) {
+  var _a2;
+  const toastArr = toasts[position];
+  const index = toastArr.findIndex(({ toastVNode: toastVNode2 }) => {
+    var _a3;
+    return id === ((_a3 = toastVNode2 == null ? void 0 : toastVNode2.props) == null ? void 0 : _a3.id);
+  });
+  if (index === -1)
+    return;
+  const { container, toastVNode } = toastArr[index];
+  const height = (_a2 = toastVNode == null ? void 0 : toastVNode.el) == null ? void 0 : _a2.offsetHeight;
+  toasts[position].splice(index, 1);
+  moveToastsOnClose(index, toastArr, position, height);
+  if (!toastVNode.component)
+    return;
+  const componentProps = toastVNode.component.props;
+  componentProps.visible = false;
+  componentProps.onClose && componentProps.onClose();
+  setTimeout(() => {
+    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$8,
-  SolInput: _sfc_main$7,
-  SolTextfield: _sfc_main$6,
-  SolTextfieldPassword: _sfc_main$5,
-  SolRadio: _sfc_main$4,
-  SolRadioGroup: _sfc_main$3,
-  SolCheckbox: _sfc_main$2,
-  SolCheckboxGroup: _sfc_main$1,
-  SolSwitch: _sfc_main
+  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) {
@@ -565,7 +1549,6 @@ function install(App) {
   }
 }
 const componentsNames = [];
-for (const component in components) {
+for (const component in components)
   componentsNames.push(component);
-}
-export { _sfc_main$8 as SolButton, _sfc_main$2 as SolCheckbox, _sfc_main$1 as SolCheckboxGroup, _sfc_main$7 as SolInput, _sfc_main$4 as SolRadio, _sfc_main$3 as SolRadioGroup, _sfc_main as SolSwitch, _sfc_main$6 as SolTextfield, _sfc_main$5 as SolTextfieldPassword, componentsNames, install };
+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 };