@solfacil/girassol 0.1.7 → 0.1.8

package/dist/girassol.es.js

@@ -19,10 +19,10 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, ref, toDisplayString, createCommentVNode, createVNode, mergeProps, isRef, createBlock, withCtx, withDirectives, vShow, vModelText, Fragment, renderList, getCurrentScope, onScopeDispose, watch, reactive, withModifiers, createTextVNode, Transition as Transition$1, normalizeStyle, withKeys, onMounted, onUnmounted, render as render$8 } from "vue";
 var Button_vue_vue_type_style_index_0_lang = "";
-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({
+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",
   props: {
     variant: { default: "primary" },
@@ -47,23 +47,23 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     `]),
         type: "button"
       }, [
-        createElementVNode("div", _hoisted_2$i, [
+        createElementVNode("div", _hoisted_2$j, [
           renderSlot(_ctx.$slots, "icon-left")
         ]),
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("div", _hoisted_3$g, [
+        createElementVNode("div", _hoisted_3$h, [
           renderSlot(_ctx.$slots, "icon-right")
         ])
-      ], 10, _hoisted_1$k);
+      ], 10, _hoisted_1$l);
     };
   }
 });
-_sfc_main$c.install = (app) => {
-  app.component("SolButton", _sfc_main$c);
+_sfc_main$d.install = (app) => {
+  app.component("SolButton", _sfc_main$d);
 };
 var Input_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$j = ["id", "data-testid", "value"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = ["id", "data-testid", "value"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   name: "Input",
   props: {
     id: null,
@@ -74,8 +74,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { expose, emit }) {
     function emitInput({ target }) {
-      var _a2;
-      emit("update:modelValue", (_a2 = target == null ? void 0 : target.value) != null ? _a2 : "");
+      emit("update:modelValue", target == null ? void 0 : target.value);
     }
     const input = ref("");
     expose({
@@ -90,20 +89,20 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         value: __props.modelValue,
         class: normalizeClass(["sol-input-core", { "-invert": __props.invert, "-error": __props.error }]),
         onInput: emitInput
-      }, null, 42, _hoisted_1$j);
+      }, null, 42, _hoisted_1$k);
     };
   }
 });
-_sfc_main$b.install = (app) => {
-  app.component("SolInput", _sfc_main$b);
+_sfc_main$c.install = (app) => {
+  app.component("SolInput", _sfc_main$c);
 };
 var Textfield_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$i = ["id", "data-testid"];
-const _hoisted_2$h = ["for"];
-const _hoisted_3$f = { class: "container-input" };
+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$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   name: "Textfield",
   props: {
     id: null,
@@ -147,11 +146,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$h)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$i)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$f, [
+        createElementVNode("div", _hoisted_3$g, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_sfc_main$b, mergeProps(_ctx.$attrs, {
+            createVNode(_sfc_main$c, mergeProps(_ctx.$attrs, {
               id: __props.id,
               modelValue: unref(model),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
@@ -173,46 +172,46 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           id: `error-${__props.id}`,
           class: "error"
         }, toDisplayString(__props.error), 9, _hoisted_5$3)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$i);
+      ], 10, _hoisted_1$j);
     };
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
+const _hoisted_2$h = /* @__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$e = [
-  _hoisted_2$g
+const _hoisted_3$f = [
+  _hoisted_2$h
 ];
 function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$e);
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$f);
 }
 var EyeOn = { name: "mi-eye", render: render$7 };
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$g = /* @__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$d = [
-  _hoisted_2$f
+const _hoisted_3$e = [
+  _hoisted_2$g
 ];
 function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$d);
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$e);
 }
 var EyeOff = { name: "mi-eye-off", render: render$6 };
-const _hoisted_1$f = ["aria-label"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["aria-label"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   name: "TextfieldPassword",
   props: {
     id: { default: "" },
@@ -222,7 +221,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const passwordIsVisible = ref(false);
     const inputType = computed(() => passwordIsVisible.value ? "text" : "password");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         id: __props.id,
         required: "",
         type: unref(inputType),
@@ -242,27 +241,27 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             withDirectives(createVNode(unref(EyeOff), { "aria-hidden": "true" }, null, 512), [
               [vShow, !passwordIsVisible.value]
             ])
-          ], 8, _hoisted_1$f)
+          ], 8, _hoisted_1$g)
         ]),
         _: 1
       }, 8, ["id", "type", "label"]);
     };
   }
 });
-_sfc_main$a.install = (app) => {
-  app.component("SolTextfield", _sfc_main$a);
+_sfc_main$b.install = (app) => {
+  app.component("SolTextfield", _sfc_main$b);
 };
-_sfc_main$9.install = (app) => {
-  app.component("SolTextfieldPassword", _sfc_main$9);
+_sfc_main$a.install = (app) => {
+  app.component("SolTextfieldPassword", _sfc_main$a);
 };
 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_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$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   name: "Textarea",
   props: {
     id: null,
@@ -307,9 +306,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             class: "label"
           }, [
             createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$e)) : createCommentVNode("", true)
+          ], 8, _hoisted_2$f)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_3$c, [
+        createElementVNode("div", _hoisted_3$d, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             withDirectives(createElementVNode("textarea", mergeProps(_ctx.$attrs, {
               id: `input-${__props.id}`,
@@ -334,17 +333,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           id: `error-${__props.id}`,
           class: "error"
         }, toDisplayString(__props.error), 9, _hoisted_6$2)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$e);
+      ], 10, _hoisted_1$f);
     };
   }
 });
-_sfc_main$8.install = (app) => {
-  app.component("SolTextarea", _sfc_main$8);
+_sfc_main$9.install = (app) => {
+  app.component("SolTextarea", _sfc_main$9);
 };
 var Radio_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$d = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$d = ["for"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["id", "data-testid", "checked", "value", "name"];
+const _hoisted_2$e = ["for"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   name: "Radio",
   props: {
     id: null,
@@ -369,21 +368,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           value: __props.value,
           name: __props.name,
           onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-        }), null, 16, _hoisted_1$d),
+        }), null, 16, _hoisted_1$e),
         createElementVNode("label", {
           class: "label",
           for: `radio-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$d)
+        }, toDisplayString(__props.label), 9, _hoisted_2$e)
       ], 2);
     };
   }
 });
 var RadioGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$c = ["aria-labelledby"];
-const _hoisted_2$c = ["id", "data-testid"];
-const _hoisted_3$b = ["id"];
+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$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   name: "RadioGroup",
   props: {
     id: null,
@@ -427,7 +426,7 @@ const _sfc_main$6 = /* @__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$c)
+          }, toDisplayString(__props.title), 11, _hoisted_2$d)
         ]),
         createElementVNode("ul", {
           class: normalizeClass(["container-radios", { "flex-col": __props.direction === "column" }])
@@ -439,7 +438,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.radios, (radio, index) => {
               var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$7, mergeProps(_ctx.$attrs, {
+                createVNode(_sfc_main$8, mergeProps(_ctx.$attrs, {
                   id: (_a2 = 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,
@@ -458,25 +457,25 @@ const _sfc_main$6 = /* @__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$c)) : __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$c);
+      ], 8, _hoisted_1$d);
     };
   }
 });
-_sfc_main$7.install = (app) => {
-  app.component("SolRadio", _sfc_main$7);
+_sfc_main$8.install = (app) => {
+  app.component("SolRadio", _sfc_main$8);
 };
-_sfc_main$6.install = (app) => {
-  app.component("SolRadioGroup", _sfc_main$6);
+_sfc_main$7.install = (app) => {
+  app.component("SolRadioGroup", _sfc_main$7);
 };
 var Checkbox_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$b = ["for"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["id", "data-testid", "checked", "value", "name"];
+const _hoisted_2$c = ["for"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   name: "Checkbox",
   props: {
     id: null,
@@ -501,21 +500,21 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           value: __props.value,
           name: __props.name,
           onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-        }), null, 16, _hoisted_1$b),
+        }), null, 16, _hoisted_1$c),
         createElementVNode("label", {
           class: "label",
           for: `checkbox-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$b)
+        }, toDisplayString(__props.label), 9, _hoisted_2$c)
       ], 2);
     };
   }
 });
 var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$a = ["aria-labelledby"];
-const _hoisted_2$a = ["id", "data-testid"];
-const _hoisted_3$a = ["id"];
+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$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   name: "CheckboxGroup",
   props: {
     id: null,
@@ -565,7 +564,7 @@ const _sfc_main$4 = /* @__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$a)
+          }, toDisplayString(__props.title), 11, _hoisted_2$b)
         ]),
         createElementVNode("ul", {
           class: normalizeClass(["container-checkboxes", { "flex-col": __props.direction === "column" }])
@@ -577,7 +576,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkboxes, (checkbox, index) => {
               var _a2;
               return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$5, mergeProps(_ctx.$attrs, {
+                createVNode(_sfc_main$6, 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,
@@ -596,27 +595,27 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           key: 0,
           id: `hint-${__props.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$a)) : __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$3)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$a);
+      ], 8, _hoisted_1$b);
     };
   }
 });
-_sfc_main$5.install = (app) => {
-  app.component("SolCheckbox", _sfc_main$5);
+_sfc_main$6.install = (app) => {
+  app.component("SolCheckbox", _sfc_main$6);
 };
-_sfc_main$4.install = (app) => {
-  app.component("SolCheckboxGroup", _sfc_main$4);
+_sfc_main$5.install = (app) => {
+  app.component("SolCheckboxGroup", _sfc_main$5);
 };
 var Switch_vue_vue_type_style_index_0_lang = "";
-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_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$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   name: "Switch",
   props: {
     id: null,
@@ -639,8 +638,8 @@ const _sfc_main$3 = /* @__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$9),
-        createElementVNode("div", _hoisted_2$9, [
+        }, toDisplayString(__props.label), 11, _hoisted_1$a),
+        createElementVNode("div", _hoisted_2$a, [
           createElementVNode("input", mergeProps(_ctx.$attrs, {
             id: `switch-${__props.name}-${__props.id}`,
             type: "checkbox",
@@ -653,15 +652,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             value: __props.value,
             name: __props.name,
             onChange: _cache[0] || (_cache[0] = ($event) => emit("change", __props.value))
-          }), null, 16, _hoisted_3$9),
+          }), null, 16, _hoisted_3$a),
           _hoisted_4$2
         ])
       ], 2);
     };
   }
 });
-_sfc_main$3.install = (app) => {
-  app.component("SolSwitch", _sfc_main$3);
+_sfc_main$4.install = (app) => {
+  app.component("SolSwitch", _sfc_main$4);
 };
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
@@ -754,27 +753,27 @@ const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !
 const globalKey = "__vueuse_ssr_handlers__";
 _global[globalKey] = _global[globalKey] || {};
 _global[globalKey];
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$9 = /* @__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
+const _hoisted_3$9 = [
+  _hoisted_2$9
 ];
 function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_3$8);
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_3$9);
 }
 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_1$8 = ["data-testid"];
+const _hoisted_2$8 = ["id", "for"];
+const _hoisted_3$8 = ["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"];
@@ -783,7 +782,7 @@ const _hoisted_7 = {
   class: "no-data"
 };
 const _hoisted_8 = /* @__PURE__ */ createTextVNode(" Sem dados ");
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   name: "Dropdown",
   props: {
     id: null,
@@ -898,6 +897,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     function getOption(option, key) {
       return typeof option === "string" ? option : option[key != null ? key : "value"];
     }
+    function addRefElementToElements(key, target) {
+      elements[key] = target != null ? target : void 0;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "el",
@@ -912,7 +914,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             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)
+          }, toDisplayString(__props.label), 11, _hoisted_2$8)) : createCommentVNode("", true)
         ]),
         createElementVNode("button", {
           id: `toggle-dropdown-${__props.id}`,
@@ -928,12 +930,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "toggle-dropdown", {
             toggle: { open, close: close2, toggleDropdown },
             isOpen: isDropdownOpen.value,
+            select,
             selectedSanitized: unref(selectedSanitize),
             selected: __props.selected
           }, () => [
             createTextVNode(toDisplayString(unref(selectedSanitize) || "Selecione"), 1)
           ])
-        ], 8, _hoisted_3$7),
+        ], 8, _hoisted_3$8),
         createVNode(Transition$1, {
           mode: "out-in",
           name: "dropdown"
@@ -945,9 +948,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["search-container", { "-loading": __props.loading }])
               }, [
                 renderSlot(_ctx.$slots, "search", { filter: filter.value }, () => [
-                  createVNode(_sfc_main$b, {
+                  createVNode(_sfc_main$c, {
                     id: `search-dropdown-${__props.id}`,
-                    ref: (target) => elements.search = target == null ? void 0 : target.input,
+                    ref: (target) => addRefElementToElements("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}`,
@@ -976,7 +979,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ], 2)) : createCommentVNode("", true),
               createElementVNode("ul", {
                 id: `dropdown-list-${__props.id}`,
-                ref: (target) => elements.list = target,
+                ref: (target) => addRefElementToElements("list", target),
                 "data-testid": `dropdown-list-${__props.id}`,
                 role: "listbox",
                 tabindex: "-1",
@@ -1022,37 +1025,120 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         })
-      ], 40, _hoisted_1$7);
+      ], 40, _hoisted_1$8);
     };
   }
 });
-_sfc_main$2.install = (app) => {
-  app.component("SolDropdown", _sfc_main$2);
+_sfc_main$3.install = (app) => {
+  app.component("SolDropdown", _sfc_main$3);
 };
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "m17 10l-5 6l-5-6h10z"
+  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$6 = [
-  _hoisted_2$6
+const _hoisted_3$7 = [
+  _hoisted_2$7
 ];
 function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
 }
-var IconArrow = { name: "mi-caret-down", render: render$4 };
+var Close = { name: "mi-close", render: render$4 };
+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",
+  props: {
+    id: null,
+    label: null,
+    selected: { type: Boolean },
+    disabled: { type: Boolean },
+    removable: { type: Boolean, default: true }
+  },
+  emits: ["close", "update:selected"],
+  setup(__props, { emit }) {
+    const props = __props;
+    function keyboardTrigger({ code }) {
+      if (props.disabled)
+        return;
+      switch (code) {
+        case "Enter":
+        case "NumpadEnter":
+        case "Space":
+          return emit("update:selected");
+        case "Delete":
+        case "Backspace":
+          return props.removable && emit("close");
+        default:
+          return false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: `chip-${__props.id}`,
+        "data-testid": `chip-${__props.id}`,
+        class: normalizeClass(["sol-chip-core", { "-selected": __props.selected, "-disabled": __props.disabled }]),
+        tabindex: "0",
+        title: __props.label,
+        "aria-describedby": `chip-description-${__props.id}`,
+        "aria-disabled": __props.disabled,
+        onClick: _cache[1] || (_cache[1] = ($event) => emit("update:selected")),
+        onKeydown: withModifiers(keyboardTrigger, ["self"])
+      }, [
+        createElementVNode("span", {
+          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, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ])
+        ]),
+        __props.removable ? (openBlock(), createElementBlock("i", {
+          key: 0,
+          role: "presentation",
+          "aira-hidden": "true",
+          class: "close",
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("close"), ["stop"]))
+        }, [
+          createVNode(unref(Close), { class: "icon" })
+        ])) : createCommentVNode("", true)
+      ], 42, _hoisted_1$6);
+    };
+  }
+});
+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: "m17 10l-5 6l-5-6h10z"
+}, 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 IconArrow = { name: "mi-caret-down", render: render$3 };
 var Select_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$5 = { class: "select" };
-const _hoisted_2$5 = {
+const _hoisted_1$4 = { class: "select" };
+const _hoisted_2$4 = {
   key: 2,
   class: "placeholder-inline"
 };
-const _hoisted_3$5 = { class: "error" };
+const _hoisted_3$4 = { class: "error" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   name: "Select",
   props: {
@@ -1071,7 +1157,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$2, {
+      return openBlock(), createBlock(_sfc_main$3, {
         id: `select-${__props.id}`,
         selected: __props.modelValue,
         label: __props.label,
@@ -1082,29 +1168,30 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "search-placeholder": __props.searchPlaceholder,
         searchable: __props.searchable,
         options: __props.options,
-        "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event))
+        "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
       }, {
-        "toggle-dropdown": withCtx(({ selected, isOpen }) => [
+        "toggle-dropdown": withCtx(({ selected, isOpen, select }) => [
           createElementVNode("div", {
             class: normalizeClass(["select-container", { "-disabled": __props.disabled, "-error": __props.error }])
           }, [
-            createElementVNode("div", _hoisted_1$5, [
+            createElementVNode("div", _hoisted_1$4, [
               __props.multiple && selected.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selected, (item, index) => {
-                return openBlock(), createElementBlock("span", {
+                return openBlock(), createBlock(_sfc_main$2, {
+                  id: item,
                   key: index,
-                  class: "tag",
-                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                  }, ["stop"]))
-                }, toDisplayString(item), 1);
+                  label: item,
+                  onClick: withModifiers(($event) => select(item), ["stop"]),
+                  onClose: ($event) => select(item)
+                }, null, 8, ["id", "label", "onClick", "onClose"]);
               }), 128)) : selected.length ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(toDisplayString(selected), 1)
-              ], 64)) : (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(__props.placeholder), 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$5, toDisplayString(__props.error), 1)
+          createElementVNode("span", _hoisted_3$4, toDisplayString(__props.error), 1)
         ]),
         _: 1
       }, 8, ["id", "selected", "label", "disabled", "fetch-on-search", "is-multiple-select", "search-placeholder", "searchable", "options"]);
@@ -1114,6 +1201,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 _sfc_main$1.install = (app) => {
   app.component("SolSelect", _sfc_main$1);
 };
+_sfc_main$2.install = (app) => {
+  app.component("SolChip", _sfc_main$2);
+};
 var windiBase = "";
 var windiComponents = "";
 var windiUtilities = "";
@@ -1222,23 +1312,6 @@ var Transition = /* @__PURE__ */ ((Transition2) => {
   Transition2["bottom-right"] = "bounce-right";
   return Transition2;
 })(Transition || {});
-const _hoisted_1$4 = {
-  preserveAspectRatio: "xMidYMid meet",
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm14.664-3.247a1 1 0 0 1 .083 1.411l-5.333 6a1 1 0 0 1-1.495 0l-2.666-3a1 1 0 0 1 1.494-1.328l1.92 2.159l4.586-5.16a1 1 0 0 1 1.411-.082z"
-}, null, -1);
-const _hoisted_3$4 = [
-  _hoisted_2$4
-];
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
-}
-var Success = { name: "mi-circle-check", render: render$3 };
 const _hoisted_1$3 = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
@@ -1247,7 +1320,7 @@ const _hoisted_1$3 = {
 };
 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"
+  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$3 = [
   _hoisted_2$3
@@ -1255,41 +1328,41 @@ const _hoisted_3$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 };
+var Success = { name: "mi-circle-check", 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_2$2 = /* @__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$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 };
+var Error$1 = { name: "mi-circle-error", 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_2$1 = /* @__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$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 Info = { name: "mi-circle-warning", render };
 var Toast_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1 = ["id", "data-testid"];
 const _hoisted_2 = { class: "content-wrapper" };
@@ -1530,18 +1603,19 @@ function close(id, position) {
 }
 console.log("%c\u{1F33B}[Girassol]\u{1F33B}", "padding: 8px;background: #212121;color: gold; font-family: 'Fira code'; font-weight: bold; font-size: 1.2rem");
 const components = {
-  SolButton: _sfc_main$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
+  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
 };
 function install(App) {
   for (const component in components) {
@@ -1551,4 +1625,4 @@ function install(App) {
 const componentsNames = [];
 for (const component in components)
   componentsNames.push(component);
-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 };
+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 };