@solfacil/girassol 0.2.0 → 0.2.1

package/dist/girassol.es.js

@@ -1,71 +1,45 @@
-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$9 } from "vue";
-var Button_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$o = ["data-testid"];
-const _hoisted_2$m = { class: "icon -left" };
-const _hoisted_3$k = { class: "icon -right" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+import { defineComponent as V, useSlots as Pe, computed as E, openBlock as d, createElementBlock as r, normalizeClass as x, unref as g, createElementVNode as m, renderSlot as y, ref as L, toDisplayString as S, createCommentVNode as T, createVNode as z, mergeProps as p, isRef as Be, createBlock as N, withCtx as G, withDirectives as Y, vShow as te, vModelText as Oe, Fragment as Q, renderList as X, getCurrentScope as De, onScopeDispose as Re, watch as pe, reactive as j, withModifiers as R, createTextVNode as O, Transition as we, normalizeStyle as le, withKeys as q, onMounted as Te, onUnmounted as He, render as Me } from "vue";
+const Ne = ["data-testid"], Ue = { class: "icon -left" }, Ge = { class: "icon -right" }, de = /* @__PURE__ */ V({
   __name: "Button",
   props: {
-    variant: { default: "primary" },
-    dense: { type: Boolean, default: false },
-    invert: { type: Boolean, default: false },
-    id: null
+    id: null,
+    loading: { type: Boolean },
+    onColor: { type: Boolean, default: !1 },
+    size: { default: "large" },
+    variant: { default: "primary" }
   },
-  setup(__props) {
-    const props = __props;
-    function hasVariant(variant2, variantClass) {
-      return variant2 ? variantClass : "";
+  setup(e) {
+    function l(a, o) {
+      return a ? o : "";
     }
-    const slots = useSlots();
-    const hasContentWithIcon = computed(() => !!(slots == null ? void 0 : slots.default) && (!!(slots == null ? void 0 : slots["icon-right"]) || !!(slots == null ? void 0 : slots["icon-left"])));
-    const onlyIcon = computed(() => !(slots == null ? void 0 : slots.default) && (!!(slots == null ? void 0 : slots["icon-right"]) || !!(slots == null ? void 0 : slots["icon-left"])));
-    const variant = computed(() => props.variant ? `-${props.variant}` : "-primary");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        "data-testid": `button-${__props.id}`,
-        class: normalizeClass(["sol-button-core", `${unref(variant)}
-      ${hasVariant(__props.dense, "-dense")} ${hasVariant(__props.invert, "-invert")}
-      ${hasVariant(unref(hasContentWithIcon), "-has-icon")}
-      ${hasVariant(unref(onlyIcon), "-only-icon")}
+    const t = Pe(), i = E(
+      () => !!(t != null && t.default) && (!!(t != null && t["icon-right"]) || !!(t != null && t["icon-left"]))
+    ), n = E(
+      () => !(t != null && t.default) && (!!(t != null && t["icon-right"]) || !!(t != null && t["icon-left"]))
+    );
+    return (a, o) => (d(), r("button", {
+      "data-testid": `button-${e.id}`,
+      class: x(["sol-button-core", `-${e.variant} -${e.size}
+      ${l(e.onColor, "-on-color")}
+      ${l(g(i), "-has-icon")}
+      ${l(g(n), "-only-icon")}
     `]),
-        type: "button"
-      }, [
-        createElementVNode("div", _hoisted_2$m, [
-          renderSlot(_ctx.$slots, "icon-left")
-        ]),
-        renderSlot(_ctx.$slots, "default"),
-        createElementVNode("div", _hoisted_3$k, [
-          renderSlot(_ctx.$slots, "icon-right")
-        ])
-      ], 10, _hoisted_1$o);
-    };
+      type: "button"
+    }, [
+      m("div", Ue, [
+        y(a.$slots, "icon-left")
+      ]),
+      y(a.$slots, "default"),
+      m("div", Ge, [
+        y(a.$slots, "icon-right")
+      ])
+    ], 10, Ne));
   }
 });
-_sfc_main$f.install = (app) => {
-  app.component("SolButton", _sfc_main$f);
+de.install = (e) => {
+  e.component("SolButton", de);
 };
-var Input_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$n = ["id", "data-testid", "value"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const Fe = ["id", "data-testid", "value"], F = /* @__PURE__ */ V({
   __name: "Input",
   props: {
     id: null,
@@ -74,37 +48,28 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     error: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(__props, { expose, emit }) {
-    function emitInput({ target }) {
-      emit("update:modelValue", target == null ? void 0 : target.value);
+  setup(e, { expose: l, emit: t }) {
+    function i({ target: a }) {
+      t("update:modelValue", a == null ? void 0 : a.value);
     }
-    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$n);
-    };
+    const n = L("");
+    return l({
+      input: n
+    }), (a, o) => (d(), r("input", {
+      id: `input-${e.id}`,
+      ref_key: "input",
+      ref: n,
+      "data-testid": `input-${e.id}`,
+      value: e.modelValue,
+      class: x(["sol-input-core", { "-invert": e.invert, "-error": e.error }]),
+      onInput: i
+    }, null, 42, Fe));
   }
 });
-_sfc_main$e.install = (app) => {
-  app.component("SolInput", _sfc_main$e);
+F.install = (e) => {
+  e.component("SolInput", F);
 };
-var Textfield_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$m = ["id", "data-testid"];
-const _hoisted_2$l = ["for"];
-const _hoisted_3$j = { class: "container-input" };
-const _hoisted_4$8 = ["id"];
-const _hoisted_5$4 = ["id"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const Ke = ["id", "data-testid"], We = ["for"], Ye = { class: "container-input" }, je = ["id"], qe = ["id"], ne = /* @__PURE__ */ V({
   __name: "Textfield",
   props: {
     id: null,
@@ -116,154 +81,134 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     error: null
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const model = computed({
-      get: () => props.modelValue,
-      set: (inputValue) => {
-        emit("update:modelValue", inputValue);
+  setup(e, { emit: l }) {
+    const t = e, i = E({
+      get: () => t.modelValue,
+      set: (o) => {
+        l("update:modelValue", o);
       }
     });
-    function showHint(hint, error) {
-      return !!hint && !error;
+    function n(o, c) {
+      return !!o && !c;
     }
-    function ariaDescribedby(hint, error) {
-      if (error)
-        return `error-${props.id}`;
-      if (showHint(hint, error))
-        return `hint-${props.id}`;
-      return null;
+    function a(o, c) {
+      return c ? `error-${t.id}` : n(o, c) ? `hint-${t.id}` : null;
     }
-    return (_ctx, _cache) => {
-      var _a2;
-      return openBlock(), createElementBlock("div", {
-        id: `textfield-${__props.id}`,
-        "data-testid": `textfield-${__props.id}`,
-        class: normalizeClass([[`${(_a2 = _ctx.$props.class) != null ? _a2 : ""}`, { "-invert": __props.invert }], "sol-textfield-core"])
+    return (o, c) => {
+      var u;
+      return d(), r("div", {
+        id: `textfield-${e.id}`,
+        "data-testid": `textfield-${e.id}`,
+        class: x([[`${(u = o.$props.class) != null ? u : ""}`, { "-invert": e.invert }], "sol-textfield-core"])
       }, [
-        renderSlot(_ctx.$slots, "label", {}, () => [
-          __props.label ? (openBlock(), createElementBlock("label", {
+        y(o.$slots, "label", {}, () => [
+          e.label ? (d(), r("label", {
             key: 0,
-            for: `input-${__props.id}`,
+            for: `input-${e.id}`,
             class: "label"
           }, [
-            createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$l)) : createCommentVNode("", true)
+            m("span", null, S(e.label), 1)
+          ], 8, We)) : T("", !0)
         ]),
-        createElementVNode("div", _hoisted_3$j, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_sfc_main$e, mergeProps(_ctx.$attrs, {
-              id: __props.id,
-              modelValue: unref(model),
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
-              "data-testid": `input-${__props.id}`,
-              class: [__props.error && "-error", "input"],
-              invert: __props.invert,
-              "aria-invalid": !!__props.error,
-              "aria-describedby": ariaDescribedby(__props.hint, __props.error)
+        m("div", Ye, [
+          y(o.$slots, "default", {}, () => [
+            z(F, p(o.$attrs, {
+              id: e.id,
+              modelValue: g(i),
+              "onUpdate:modelValue": c[0] || (c[0] = (h) => Be(i) ? i.value = h : null),
+              "data-testid": `input-${e.id}`,
+              class: [e.error && "-error", "input"],
+              invert: e.invert,
+              "aria-invalid": !!e.error,
+              "aria-describedby": a(e.hint, e.error)
             }), null, 16, ["id", "modelValue", "data-testid", "class", "invert", "aria-invalid", "aria-describedby"])
           ]),
-          renderSlot(_ctx.$slots, "icon")
+          y(o.$slots, "icon")
         ]),
-        showHint(__props.hint, __props.error) ? (openBlock(), createElementBlock("span", {
+        n(e.hint, e.error) ? (d(), r("span", {
           key: 0,
-          id: `hint-${__props.id}`,
+          id: `hint-${e.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_4$8)) : __props.error ? (openBlock(), createElementBlock("span", {
+        }, S(e.hint), 9, je)) : e.error ? (d(), r("span", {
           key: 1,
-          id: `error-${__props.id}`,
+          id: `error-${e.id}`,
           class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_5$4)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$m);
+        }, S(e.error), 9, qe)) : T("", !0)
+      ], 10, Ke);
     };
   }
 });
-const _hoisted_1$l = {
+const Je = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$k = /* @__PURE__ */ createElementVNode("g", { fill: "currentColor" }, [
-  /* @__PURE__ */ createElementVNode("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z" }),
-  /* @__PURE__ */ createElementVNode("path", { d: "M21.894 11.553C19.736 7.236 15.904 5 12 5c-3.903 0-7.736 2.236-9.894 6.553a1 1 0 0 0 0 .894C4.264 16.764 8.096 19 12 19c3.903 0 7.736-2.236 9.894-6.553a1 1 0 0 0 0-.894zM12 17c-2.969 0-6.002-1.62-7.87-5C5.998 8.62 9.03 7 12 7c2.969 0 6.002 1.62 7.87 5c-1.868 3.38-4.901 5-7.87 5z" })
-], -1);
-const _hoisted_3$i = [
-  _hoisted_2$k
+  width: "1em",
+  height: "1em"
+}, Qe = /* @__PURE__ */ m("g", { fill: "currentColor" }, [
+  /* @__PURE__ */ m("path", { d: "M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0z" }),
+  /* @__PURE__ */ m("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), Xe = [
+  Qe
 ];
-function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$i);
+function Ze(e, l) {
+  return d(), r("svg", Je, Xe);
 }
-var EyeOn = { name: "mi-eye", render: render$8 };
-const _hoisted_1$k = {
+const _e = { name: "mi-eye", render: Ze }, et = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
+  width: "1em",
+  height: "1em"
+}, tt = /* @__PURE__ */ m("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$h = [
-  _hoisted_2$j
+}, null, -1), lt = [
+  tt
 ];
-function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$h);
+function nt(e, l) {
+  return d(), r("svg", et, lt);
 }
-var EyeOff = { name: "mi-eye-off", render: render$7 };
-const _hoisted_1$j = ["aria-label"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const it = { name: "mi-eye-off", render: nt }, at = ["aria-label"], ce = /* @__PURE__ */ V({
   __name: "TextfieldPassword",
   props: {
     id: { default: "" },
     label: { default: "Sua senha" }
   },
-  setup(__props) {
-    const passwordIsVisible = ref(false);
-    const inputType = computed(() => passwordIsVisible.value ? "text" : "password");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, {
-        id: __props.id,
-        required: "",
-        type: unref(inputType),
-        label: __props.label,
-        placeholder: "Insira sua senha"
-      }, {
-        icon: withCtx(() => [
-          createElementVNode("button", {
-            type: "button",
-            "data-testid": "toggle-type-password",
-            "aria-label": passwordIsVisible.value ? "Hide password" : "Show password",
-            onClick: _cache[0] || (_cache[0] = ($event) => passwordIsVisible.value = !passwordIsVisible.value)
-          }, [
-            withDirectives(createVNode(unref(EyeOn), { "aria-hidden": "true" }, null, 512), [
-              [vShow, passwordIsVisible.value]
-            ]),
-            withDirectives(createVNode(unref(EyeOff), { "aria-hidden": "true" }, null, 512), [
-              [vShow, !passwordIsVisible.value]
-            ])
-          ], 8, _hoisted_1$j)
-        ]),
-        _: 1
-      }, 8, ["id", "type", "label"]);
-    };
+  setup(e) {
+    const l = L(!1), t = E(
+      () => l.value ? "text" : "password"
+    );
+    return (i, n) => (d(), N(ne, {
+      id: e.id,
+      required: "",
+      type: g(t),
+      label: e.label,
+      placeholder: "Insira sua senha"
+    }, {
+      icon: G(() => [
+        m("button", {
+          type: "button",
+          "data-testid": "toggle-type-password",
+          "aria-label": l.value ? "Hide password" : "Show password",
+          onClick: n[0] || (n[0] = (a) => l.value = !l.value)
+        }, [
+          Y(z(g(_e), { "aria-hidden": "true" }, null, 512), [
+            [te, l.value]
+          ]),
+          Y(z(g(it), { "aria-hidden": "true" }, null, 512), [
+            [te, !l.value]
+          ])
+        ], 8, at)
+      ]),
+      _: 1
+    }, 8, ["id", "type", "label"]));
   }
 });
-_sfc_main$d.install = (app) => {
-  app.component("SolTextfield", _sfc_main$d);
+ne.install = (e) => {
+  e.component("SolTextfield", ne);
 };
-_sfc_main$c.install = (app) => {
-  app.component("SolTextfieldPassword", _sfc_main$c);
+ce.install = (e) => {
+  e.component("SolTextfieldPassword", ce);
 };
-var Textarea_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$i = ["id", "data-testid"];
-const _hoisted_2$i = ["for"];
-const _hoisted_3$g = { class: "container-textarea" };
-const _hoisted_4$7 = ["id", "data-testid", "invert", "aria-invalid", "aria-describedby"];
-const _hoisted_5$3 = ["id"];
-const _hoisted_6$3 = ["id"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const ot = ["id", "data-testid"], st = ["for"], dt = { class: "container-textarea" }, ct = ["id", "data-testid", "invert", "aria-invalid", "aria-describedby"], rt = ["id"], ut = ["id"], re = /* @__PURE__ */ V({
   __name: "Textarea",
   props: {
     id: null,
@@ -276,76 +221,68 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     error: null
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const model = computed({
-      get: () => props.modelValue,
-      set: (inputValue) => {
-        emit("update:modelValue", inputValue);
+  setup(e, { emit: l }) {
+    const t = e, i = E({
+      get: () => t.modelValue,
+      set: (o) => {
+        l("update:modelValue", o);
       }
     });
-    function showHint(hint, error) {
-      return !!hint && !error;
+    function n(o, c) {
+      return !!o && !c;
     }
-    function ariaDescribedby(hint, error) {
-      if (error)
-        return `error-${props.id}`;
-      if (showHint(hint, error))
-        return `hint-${props.id}`;
-      return null;
+    function a(o, c) {
+      return c ? `error-${t.id}` : n(o, c) ? `hint-${t.id}` : 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"])
+    return (o, c) => {
+      var u;
+      return d(), r("div", {
+        id: `textarea-${e.id}`,
+        "data-testid": `textarea-${e.id}`,
+        class: x([[`${(u = o.$props.class) != null ? u : ""}`, { "-invert": e.invert }], "sol-textarea-core"])
       }, [
-        renderSlot(_ctx.$slots, "label", {}, () => [
-          __props.label ? (openBlock(), createElementBlock("label", {
+        y(o.$slots, "label", {}, () => [
+          e.label ? (d(), r("label", {
             key: 0,
-            for: `input-${__props.id}`,
+            for: `input-${e.id}`,
             class: "label"
           }, [
-            createElementVNode("span", null, toDisplayString(__props.label), 1)
-          ], 8, _hoisted_2$i)) : createCommentVNode("", true)
+            m("span", null, S(e.label), 1)
+          ], 8, st)) : T("", !0)
         ]),
-        createElementVNode("div", _hoisted_3$g, [
-          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$7), [
-              [vModelText, unref(model)]
+        m("div", dt, [
+          y(o.$slots, "default", {}, () => [
+            Y(m("textarea", p(o.$attrs, {
+              id: `input-${e.id}`,
+              "onUpdate:modelValue": c[0] || (c[0] = (h) => Be(i) ? i.value = h : null),
+              "data-testid": `input-${e.id}`,
+              class: [e.error && "-error", "textarea"],
+              invert: e.invert,
+              style: { resize: e.resize },
+              "aria-invalid": !!e.error,
+              "aria-describedby": a(e.hint, e.error)
+            }), null, 16, ct), [
+              [Oe, g(i)]
             ])
           ])
         ]),
-        showHint(__props.hint, __props.error) ? (openBlock(), createElementBlock("span", {
+        n(e.hint, e.error) ? (d(), r("span", {
           key: 0,
-          id: `hint-${__props.id}`,
+          id: `hint-${e.id}`,
           class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_5$3)) : __props.error ? (openBlock(), createElementBlock("span", {
+        }, S(e.hint), 9, rt)) : e.error ? (d(), r("span", {
           key: 1,
-          id: `error-${__props.id}`,
+          id: `error-${e.id}`,
           class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_6$3)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$i);
+        }, S(e.error), 9, ut)) : T("", !0)
+      ], 10, ot);
     };
   }
 });
-_sfc_main$b.install = (app) => {
-  app.component("SolTextarea", _sfc_main$b);
+re.install = (e) => {
+  e.component("SolTextarea", re);
 };
-var Radio_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$h = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$h = ["for"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const ht = ["id", "data-testid", "checked", "value", "name"], ft = ["for"], ie = /* @__PURE__ */ V({
   __name: "Radio",
   props: {
     id: null,
@@ -356,40 +293,33 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     class: null
   },
   emits: ["change"],
-  setup(__props, { emit }) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["sol-radio-core", _ctx.$props.class])
-      }, [
-        createElementVNode("input", mergeProps(_ctx.$attrs, {
-          id: `radio-${__props.name}-${__props.id}`,
-          type: "radio",
-          class: "radio",
-          "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$h),
-        createElementVNode("label", {
-          class: "label",
-          for: `radio-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$h)
-      ], 2);
-    };
+  setup(e, { emit: l }) {
+    return (t, i) => (d(), r("div", {
+      class: x(["sol-radio-core", t.$props.class])
+    }, [
+      m("input", p(t.$attrs, {
+        id: `radio-${e.name}-${e.id}`,
+        type: "radio",
+        class: "radio",
+        "data-testid": `radio-${e.name}-${e.id}`,
+        checked: e.checked,
+        value: e.value,
+        name: e.name,
+        onChange: i[0] || (i[0] = (n) => l("change", e.value))
+      }), null, 16, ht),
+      m("label", {
+        class: "label",
+        for: `radio-${e.name}-${e.id}`
+      }, S(e.label), 9, ft)
+    ], 2));
   }
 });
-var RadioGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$g = ["aria-labelledby"];
-const _hoisted_2$g = ["id", "data-testid"];
-const _hoisted_3$f = ["id"];
-const _hoisted_4$6 = ["id"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const mt = ["aria-labelledby"], $t = ["id", "data-testid"], vt = ["id"], bt = ["id"], ue = /* @__PURE__ */ V({
   __name: "RadioGroup",
   props: {
     id: null,
     title: null,
-    hideTitle: { type: Boolean, default: false },
+    hideTitle: { type: Boolean, default: !1 },
     hint: null,
     error: null,
     radios: null,
@@ -397,87 +327,77 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     direction: { default: "row" }
   },
   emits: ["change", "update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    function showHint(hint, error) {
-      return !!hint && !error;
+  setup(e, { emit: l }) {
+    const t = e;
+    function i(c, u) {
+      return !!c && !u;
     }
-    function ariaDescribedby(hint, error) {
-      if (error)
-        return `error-${props.id}`;
-      if (showHint(hint, error))
-        return `hint-${props.id}`;
-      return null;
+    function n(c, u) {
+      return u ? `error-${t.id}` : i(c, u) ? `hint-${t.id}` : null;
     }
-    function isChecked(value) {
-      return (props == null ? void 0 : props.modelValue) === value;
+    function a(c) {
+      return (t == null ? void 0 : t.modelValue) === c;
     }
-    function emitUpdatedValue(radio) {
-      emit("change", radio.value);
-      emit("update:modelValue", radio.value);
+    function o(c) {
+      l("change", c.value), l("update:modelValue", c.value);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", {
-        class: "sol-radio-group-core",
-        "aria-labelledby": `radio-group-title-${__props.id}`
+    return (c, u) => (d(), r("fieldset", {
+      class: "sol-radio-group-core",
+      "aria-labelledby": `radio-group-title-${e.id}`
+    }, [
+      y(c.$slots, "title", {
+        id: `radio-group-title-${e.id}`
+      }, () => [
+        m("legend", {
+          id: `radio-group-title-${e.id}`,
+          class: x(["title", { "sr-only": e.hideTitle }]),
+          "data-testid": `radio-group-title-${e.id}`
+        }, S(e.title), 11, $t)
+      ]),
+      m("ul", {
+        class: x(["container-radios", { "flex-col": e.direction === "column" }])
       }, [
-        renderSlot(_ctx.$slots, "title", {
-          id: `radio-group-title-${__props.id}`
+        y(c.$slots, "default", {
+          radios: e.radios,
+          direction: e.direction
         }, () => [
-          createElementVNode("legend", {
-            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$g)
-        ]),
-        createElementVNode("ul", {
-          class: normalizeClass(["container-radios", { "flex-col": __props.direction === "column" }])
-        }, [
-          renderSlot(_ctx.$slots, "default", {
-            radios: __props.radios,
-            direction: __props.direction
-          }, () => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.radios, (radio, index) => {
-              var _a2;
-              return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$a, mergeProps(_ctx.$attrs, {
-                  id: (_a2 = radio == null ? void 0 : radio.id) != null ? _a2 : `${radio.value}`,
-                  class: ["radio", { "mb-micro": __props.direction === "column", "mr-micro": __props.direction === "row" }],
-                  name: radio.name,
-                  value: radio.value,
-                  label: radio.label,
-                  checked: isChecked(radio.value),
-                  "aria-invalid": !!__props.error,
-                  "aria-describedby": ariaDescribedby(__props.hint, __props.error),
-                  onChange: ($event) => emitUpdatedValue(radio)
-                }), null, 16, ["id", "class", "name", "value", "label", "checked", "aria-invalid", "aria-describedby", "onChange"])
-              ]);
-            }), 128))
-          ])
-        ], 2),
-        showHint(__props.hint, __props.error) ? (openBlock(), createElementBlock("p", {
-          key: 0,
-          id: `hint-${__props.id}`,
-          class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$f)) : __props.error ? (openBlock(), createElementBlock("p", {
-          key: 1,
-          id: `error-${__props.id}`,
-          class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_4$6)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$g);
-    };
+          (d(!0), r(Q, null, X(e.radios, (h, v) => {
+            var M;
+            return d(), r("li", { key: v }, [
+              z(ie, p(c.$attrs, {
+                id: (M = h == null ? void 0 : h.id) != null ? M : `${h.value}`,
+                class: ["radio", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
+                name: h.name,
+                value: h.value,
+                label: h.label,
+                checked: a(h.value),
+                "aria-invalid": !!e.error,
+                "aria-describedby": n(e.hint, e.error),
+                onChange: (w) => o(h)
+              }), null, 16, ["id", "class", "name", "value", "label", "checked", "aria-invalid", "aria-describedby", "onChange"])
+            ]);
+          }), 128))
+        ])
+      ], 2),
+      i(e.hint, e.error) ? (d(), r("p", {
+        key: 0,
+        id: `hint-${e.id}`,
+        class: "hint"
+      }, S(e.hint), 9, vt)) : e.error ? (d(), r("p", {
+        key: 1,
+        id: `error-${e.id}`,
+        class: "error"
+      }, S(e.error), 9, bt)) : T("", !0)
+    ], 8, mt));
   }
 });
-_sfc_main$a.install = (app) => {
-  app.component("SolRadio", _sfc_main$a);
+ie.install = (e) => {
+  e.component("SolRadio", ie);
 };
-_sfc_main$9.install = (app) => {
-  app.component("SolRadioGroup", _sfc_main$9);
+ue.install = (e) => {
+  e.component("SolRadioGroup", ue);
 };
-var Checkbox_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$f = ["id", "data-testid", "checked", "value", "name"];
-const _hoisted_2$f = ["for"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const yt = ["id", "data-testid", "checked", "value", "name"], gt = ["for"], ae = /* @__PURE__ */ V({
   __name: "Checkbox",
   props: {
     id: null,
@@ -488,40 +408,33 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     class: null
   },
   emits: ["change"],
-  setup(__props, { emit }) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["sol-checkbox-core", _ctx.$props.class])
-      }, [
-        createElementVNode("input", mergeProps(_ctx.$attrs, {
-          id: `checkbox-${__props.name}-${__props.id}`,
-          type: "checkbox",
-          class: "checkbox",
-          "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$f),
-        createElementVNode("label", {
-          class: "label",
-          for: `checkbox-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 9, _hoisted_2$f)
-      ], 2);
-    };
+  setup(e, { emit: l }) {
+    return (t, i) => (d(), r("div", {
+      class: x(["sol-checkbox-core", t.$props.class])
+    }, [
+      m("input", p(t.$attrs, {
+        id: `checkbox-${e.name}-${e.id}`,
+        type: "checkbox",
+        class: "checkbox",
+        "data-testid": `checkbox-${e.name}-${e.id}`,
+        checked: e.checked,
+        value: e.value,
+        name: e.name,
+        onChange: i[0] || (i[0] = (n) => l("change", e.value))
+      }), null, 16, yt),
+      m("label", {
+        class: "label",
+        for: `checkbox-${e.name}-${e.id}`
+      }, S(e.label), 9, gt)
+    ], 2));
   }
 });
-var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$e = ["aria-labelledby"];
-const _hoisted_2$e = ["id", "data-testid"];
-const _hoisted_3$e = ["id"];
-const _hoisted_4$5 = ["id"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const wt = ["aria-labelledby"], St = ["id", "data-testid"], xt = ["id"], kt = ["id"], he = /* @__PURE__ */ V({
   __name: "CheckboxGroup",
   props: {
     id: null,
     title: null,
-    hideTitle: { type: Boolean, default: false },
+    hideTitle: { type: Boolean, default: !1 },
     hint: null,
     error: null,
     checkboxes: null,
@@ -529,95 +442,84 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     direction: { default: "row" }
   },
   emits: ["change", "update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    function showHint(hint, error) {
-      return !!hint && !error;
+  setup(e, { emit: l }) {
+    const t = e;
+    function i(u, h) {
+      return !!u && !h;
     }
-    function ariaDescribedby(hint, error) {
-      if (error)
-        return `error-${props.id}`;
-      if (showHint(hint, error))
-        return `hint-${props.id}`;
-      return null;
+    function n(u, h) {
+      return h ? `error-${t.id}` : i(u, h) ? `hint-${t.id}` : null;
     }
-    function isChecked(value) {
-      var _a2;
-      return (_a2 = props == null ? void 0 : props.modelValue) == null ? void 0 : _a2.includes(value);
+    function a(u) {
+      var h;
+      return (h = t == null ? void 0 : t.modelValue) == null ? void 0 : h.includes(u);
     }
-    function sanitizeNewModelValue(value) {
-      return Array.isArray(props == null ? void 0 : props.modelValue) ? [...props.modelValue, value] : [value];
+    function o(u) {
+      return Array.isArray(t == null ? void 0 : t.modelValue) ? [...t.modelValue, u] : [u];
     }
-    function emitUpdatedValue(checkbox) {
-      var _a2;
-      emit("change", 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);
+    function c(u) {
+      var v;
+      l("change", u.value);
+      const h = a(u.value) ? (v = t.modelValue) == null ? void 0 : v.filter((M) => M !== u.value) : o(u.value);
+      l("update:modelValue", h);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", {
-        class: "sol-checkbox-group-core",
-        "aria-labelledby": `checkbox-group-title-${__props.id}`
+    return (u, h) => (d(), r("fieldset", {
+      class: "sol-checkbox-group-core",
+      "aria-labelledby": `checkbox-group-title-${e.id}`
+    }, [
+      y(u.$slots, "title", {
+        id: `checkbox-group-title-${e.id}`
+      }, () => [
+        m("legend", {
+          id: `checkbox-group-title-${e.id}`,
+          class: x(["title", { "sr-only": e.hideTitle }]),
+          "data-testid": `checkbox-group-title-${e.id}`
+        }, S(e.title), 11, St)
+      ]),
+      m("ul", {
+        class: x(["container-checkboxes", { "flex-col": e.direction === "column" }])
       }, [
-        renderSlot(_ctx.$slots, "title", {
-          id: `checkbox-group-title-${__props.id}`
+        y(u.$slots, "default", {
+          checkboxes: e.checkboxes,
+          direction: e.direction
         }, () => [
-          createElementVNode("legend", {
-            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$e)
-        ]),
-        createElementVNode("ul", {
-          class: normalizeClass(["container-checkboxes", { "flex-col": __props.direction === "column" }])
-        }, [
-          renderSlot(_ctx.$slots, "default", {
-            checkboxes: __props.checkboxes,
-            direction: __props.direction
-          }, () => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkboxes, (checkbox, index) => {
-              var _a2;
-              return openBlock(), createElementBlock("li", { key: index }, [
-                createVNode(_sfc_main$8, mergeProps(_ctx.$attrs, {
-                  id: (_a2 = checkbox == null ? void 0 : checkbox.id) != null ? _a2 : `${checkbox.value}`,
-                  class: ["checkbox", { "mb-micro": __props.direction === "column", "mr-micro": __props.direction === "row" }],
-                  label: checkbox.label,
-                  name: checkbox.name,
-                  value: checkbox.value,
-                  checked: isChecked(checkbox.value),
-                  "aria-invalid": !!__props.error,
-                  "aria-describedby": ariaDescribedby(__props.hint, __props.error),
-                  onChange: ($event) => emitUpdatedValue(checkbox)
-                }), null, 16, ["id", "class", "label", "name", "value", "checked", "aria-invalid", "aria-describedby", "onChange"])
-              ]);
-            }), 128))
-          ])
-        ], 2),
-        showHint(__props.hint, __props.error) ? (openBlock(), createElementBlock("p", {
-          key: 0,
-          id: `hint-${__props.id}`,
-          class: "hint"
-        }, toDisplayString(__props.hint), 9, _hoisted_3$e)) : __props.error ? (openBlock(), createElementBlock("p", {
-          key: 1,
-          id: `error-${__props.id}`,
-          class: "error"
-        }, toDisplayString(__props.error), 9, _hoisted_4$5)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$e);
-    };
+          (d(!0), r(Q, null, X(e.checkboxes, (v, M) => {
+            var w;
+            return d(), r("li", { key: M }, [
+              z(ae, p(u.$attrs, {
+                id: (w = v == null ? void 0 : v.id) != null ? w : `${v.value}`,
+                class: ["checkbox", { "mb-micro": e.direction === "column", "mr-micro": e.direction === "row" }],
+                label: v.label,
+                name: v.name,
+                value: v.value,
+                checked: a(v.value),
+                "aria-invalid": !!e.error,
+                "aria-describedby": n(e.hint, e.error),
+                onChange: (k) => c(v)
+              }), null, 16, ["id", "class", "label", "name", "value", "checked", "aria-invalid", "aria-describedby", "onChange"])
+            ]);
+          }), 128))
+        ])
+      ], 2),
+      i(e.hint, e.error) ? (d(), r("p", {
+        key: 0,
+        id: `hint-${e.id}`,
+        class: "hint"
+      }, S(e.hint), 9, xt)) : e.error ? (d(), r("p", {
+        key: 1,
+        id: `error-${e.id}`,
+        class: "error"
+      }, S(e.error), 9, kt)) : T("", !0)
+    ], 8, wt));
   }
 });
-_sfc_main$8.install = (app) => {
-  app.component("SolCheckbox", _sfc_main$8);
+ae.install = (e) => {
+  e.component("SolCheckbox", ae);
 };
-_sfc_main$7.install = (app) => {
-  app.component("SolCheckboxGroup", _sfc_main$7);
+he.install = (e) => {
+  e.component("SolCheckboxGroup", he);
 };
-var Switch_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$d = ["id", "for", "data-testid"];
-const _hoisted_2$d = { class: "switch-container" };
-const _hoisted_3$d = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"];
-const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("span", { class: "ellipse" }, null, -1);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const Ct = ["id", "for", "data-testid"], Bt = { class: "switch-container" }, Tt = ["id", "aria-checked", "aria-labelledby", "data-testid", "checked", "value", "name"], Mt = /* @__PURE__ */ m("span", { class: "ellipse" }, null, -1), fe = /* @__PURE__ */ V({
   __name: "Switch",
   props: {
     id: null,
@@ -630,179 +532,129 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     horizontalLabel: { type: Boolean }
   },
   emits: ["change"],
-  setup(__props, { emit }) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        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}`,
-          "data-testid": `switch-label-${__props.name}-${__props.id}`
-        }, toDisplayString(__props.label), 11, _hoisted_1$d),
-        createElementVNode("div", _hoisted_2$d, [
-          createElementVNode("input", mergeProps(_ctx.$attrs, {
-            id: `switch-${__props.name}-${__props.id}`,
-            type: "checkbox",
-            class: "switch",
-            role: "switch",
-            "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$d),
-          _hoisted_4$4
-        ])
-      ], 2);
-    };
+  setup(e, { emit: l }) {
+    return (t, i) => (d(), r("div", {
+      class: x(["sol-switch-core", [t.$props.class, { "-horizontal": e.horizontalLabel }]])
+    }, [
+      m("label", {
+        id: `switch-label-${e.name}-${e.id}`,
+        class: x(["label", { "mb-1": !e.horizontalLabel, "sr-only": e.hideLabel }]),
+        for: `switch-${e.name}-${e.id}`,
+        "data-testid": `switch-label-${e.name}-${e.id}`
+      }, S(e.label), 11, Ct),
+      m("div", Bt, [
+        m("input", p(t.$attrs, {
+          id: `switch-${e.name}-${e.id}`,
+          type: "checkbox",
+          class: "switch",
+          role: "switch",
+          "aria-checked": e.checked,
+          "aria-labelledby": `switch-label-${e.name}-${e.id}`,
+          "data-testid": `switch-${e.name}-${e.id}`,
+          checked: e.checked,
+          value: e.value,
+          name: e.name,
+          onChange: i[0] || (i[0] = (n) => l("change", e.value))
+        }), null, 16, Tt),
+        Mt
+      ])
+    ], 2));
   }
 });
-_sfc_main$6.install = (app) => {
-  app.component("SolSwitch", _sfc_main$6);
+fe.install = (e) => {
+  e.component("SolSwitch", fe);
 };
-var _a;
-const isClient = typeof window !== "undefined";
-const isString = (val) => typeof val === "string";
-const noop = () => {
+var xe;
+const Z = typeof window < "u", zt = (e) => typeof e == "string", se = () => {
 };
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function tryOnScopeDispose(fn) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn);
-    return true;
-  }
-  return false;
+Z && ((xe = window == null ? void 0 : window.navigator) == null ? void 0 : xe.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function Vt(e) {
+  return typeof e == "function" ? e() : g(e);
 }
-function unrefElement(elRef) {
-  var _a2;
-  const plain = unref(elRef);
-  return (_a2 = plain == null ? void 0 : plain.$el) != null ? _a2 : plain;
+function It(e) {
+  return De() ? (Re(e), !0) : !1;
 }
-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();
+function W(e) {
+  var l;
+  const t = Vt(e);
+  return (l = t == null ? void 0 : t.$el) != null ? l : t;
+}
+const ze = Z ? window : void 0;
+Z && window.document;
+Z && window.navigator;
+Z && window.location;
+function ee(...e) {
+  let l, t, i, n;
+  if (zt(e[0]) ? ([t, i, n] = e, l = ze) : [l, t, i, n] = e, !l)
+    return se;
+  let a = se;
+  const o = pe(() => W(l), (u) => {
+    a(), u && (u.addEventListener(t, i, n), a = () => {
+      u.removeEventListener(t, i, n), a = se;
+    });
+  }, { immediate: !0, flush: "post" }), c = () => {
+    o(), a();
   };
-  tryOnScopeDispose(stop);
-  return stop;
+  return It(c), c;
 }
-function onClickOutside(target, handler, options = {}) {
-  const { window: window2 = defaultWindow, ignore, capture = true, detectIframe = false } = options;
-  if (!window2)
+function Ve(e, l, t = {}) {
+  const { window: i = ze, ignore: n, capture: a = !0, detectIframe: o = !1 } = t;
+  if (!i)
     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) => {
-      if (e.button === 0) {
-        const path = e.composedPath();
-        e.composedPath = () => path;
-        fallback = window2.setTimeout(() => listener(e), 50);
+  const c = L(!0);
+  let u;
+  const h = (w) => {
+    i.clearTimeout(u);
+    const k = W(e), C = w.composedPath();
+    !k || k === w.target || C.includes(k) || !c.value || n && n.length > 0 && n.some((A) => {
+      const D = W(A);
+      return D && (w.target === D || C.includes(D));
+    }) || l(w);
+  }, v = [
+    ee(i, "click", h, { passive: !0, capture: a }),
+    ee(i, "pointerdown", (w) => {
+      const k = W(e);
+      c.value = !!k && !w.composedPath().includes(k);
+    }, { passive: !0 }),
+    ee(i, "pointerup", (w) => {
+      if (w.button === 0) {
+        const k = w.composedPath();
+        w.composedPath = () => k, u = i.setTimeout(() => h(w), 50);
       }
-    }, { passive: true }),
-    detectIframe && useEventListener(window2, "blur", (event) => {
-      var _a2;
-      const el = unrefElement(target);
-      if (((_a2 = document.activeElement) == null ? void 0 : _a2.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(document.activeElement)))
-        handler(event);
+    }, { passive: !0 }),
+    o && ee(i, "blur", (w) => {
+      var k;
+      const C = W(e);
+      ((k = document.activeElement) == null ? void 0 : k.tagName) === "IFRAME" && !(C != null && C.contains(document.activeElement)) && l(w);
     })
   ].filter(Boolean);
-  const stop = () => cleanup.forEach((fn) => fn());
-  return stop;
+  return () => v.forEach((w) => w());
 }
-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];
-var SwipeDirection;
-(function(SwipeDirection2) {
-  SwipeDirection2["UP"] = "UP";
-  SwipeDirection2["RIGHT"] = "RIGHT";
-  SwipeDirection2["DOWN"] = "DOWN";
-  SwipeDirection2["LEFT"] = "LEFT";
-  SwipeDirection2["NONE"] = "NONE";
-})(SwipeDirection || (SwipeDirection = {}));
-const _hoisted_1$c = {
+const me = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, $e = "__vueuse_ssr_handlers__";
+me[$e] = me[$e] || {};
+me[$e];
+var ke;
+(function(e) {
+  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
+})(ke || (ke = {}));
+const At = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
+  width: "1em",
+  height: "1em"
+}, Lt = /* @__PURE__ */ m("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$c = [
-  _hoisted_2$c
+}, null, -1), Et = [
+  Lt
 ];
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$c);
+function Pt(e, l) {
+  return d(), r("svg", At, Et);
 }
-var IconSearch = { name: "mi-search", render: render$6 };
-var Dropdown_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = ["data-testid"];
-const _hoisted_2$b = ["id", "for"];
-const _hoisted_3$b = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"];
-const _hoisted_4$3 = { class: "dropdown-container" };
-const _hoisted_5$2 = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"];
-const _hoisted_6$2 = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"];
-const _hoisted_7$1 = {
+const Ie = { name: "mi-search", render: Pt }, Ot = ["data-testid"], Dt = ["id", "for"], Rt = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], pt = { class: "dropdown-container" }, Ht = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], Nt = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], Ut = {
   key: 0,
   class: "no-data"
-};
-const _hoisted_8 = /* @__PURE__ */ createTextVNode(" Sem dados ");
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+}, Gt = /* @__PURE__ */ O(" Sem dados "), ve = /* @__PURE__ */ V({
   __name: "Dropdown",
   props: {
     id: null,
@@ -810,342 +662,298 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     ariaLabel: null,
     smallerWidth: { type: Boolean },
     disabled: { type: Boolean },
-    loading: { type: Boolean, default: false },
-    searchable: { type: Boolean, default: false },
-    closeOnSelect: { type: Boolean, default: true },
-    fetchOnSearch: { type: Boolean, default: false },
+    loading: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !1 },
+    closeOnSelect: { type: Boolean, default: !0 },
+    fetchOnSearch: { type: Boolean, default: !1 },
     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();
+  setup(e, { emit: l }) {
+    const t = e, i = L(), n = L(!1), a = L(""), o = E(
+      () => {
+        var s;
+        return t.fetchOnSearch ? t.options : (s = t.options) == null ? void 0 : s.filter(
+          (f) => typeof f == "string" ? f.includes(a.value) : f.name.includes(a.value)
+        );
+      }
+    ), c = E(
+      () => Array.isArray(t.selected) ? t.selected.join(", ").trim() : t.selected
+    );
+    Ve(i, () => {
+      n.value && v();
     });
-    function toggleDropdown() {
-      if (!props.disabled)
-        isDropdownOpen.value ? close2() : open();
+    function u() {
+      t.disabled || (n.value ? v() : h());
     }
-    function open() {
-      isDropdownOpen.value = true;
+    function h() {
+      n.value = !0;
     }
-    function close2() {
-      resetStates();
-      emit("closeDropdown");
+    function v() {
+      _(), l("closeDropdown");
     }
-    function sanitizeMultipleSelection(selectedValue) {
-      const selected = new Set(props.selected);
-      selected.has(selectedValue) ? selected.delete(selectedValue) : selected.add(selectedValue);
-      return [...selected];
+    function M(s) {
+      const f = new Set(t.selected);
+      return f.has(s) ? f.delete(s) : f.add(s), [...f];
     }
-    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 w(s) {
+      const f = typeof s == "string" ? s : s.value, $ = t.isMultipleSelect ? M(f) : f;
+      l("update:selected", $), t.closeOnSelect && !t.isMultipleSelect && v();
     }
-    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;
+    function k(s) {
+      return Array.isArray(t.selected) ? typeof s == "string" ? t.selected.includes(s) : t.selected.includes(s.value) : typeof s == "string" ? s === t.selected : s.value === t.selected;
     }
-    const elements = reactive({
+    const C = j({
       list: void 0,
       search: void 0
-    });
-    const elementFocus = reactive({
+    }), A = j({
       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();
+    function D({ code: s }) {
+      const f = (B) => {
+        const I = B != null ? B : A.index;
+        B !== void 0 && (A.index = B), setTimeout(() => {
+          var K, Se;
+          const P = (K = C.list) == null ? void 0 : K.children[I];
+          A.id = (Se = P == null ? void 0 : P.id) != null ? Se : "", P == null || P.focus();
         }, 0);
+      }, $ = () => {
+        var B;
+        t.searchable && (A.index = 0, (B = C == null ? void 0 : C.search) == null || B.focus());
       };
-      const focusSearch = () => {
-        var _a2;
-        if (props.searchable) {
-          elementFocus.index = 0;
-          (_a2 = elements == null ? void 0 : elements.search) == null ? void 0 : _a2.focus();
-        }
-      };
-      switch (code) {
+      switch (s) {
         case "ArrowUp":
-          elementFocus.index > 0 && (elementFocus.index -= 1);
-          return focusListItem();
+          return A.index > 0 && (A.index -= 1), f();
         case "ArrowDown":
-          if (!isDropdownOpen.value) {
-            open();
-            return focusListItem(0);
-          }
-          elementFocus.index < filtered.value.length - 1 && (elementFocus.index += 1);
-          return focusListItem();
+          return n.value ? (A.index < o.value.length - 1 && (A.index += 1), f()) : (h(), f(0));
         case "Home":
-          return focusListItem(0);
+          return f(0);
         case "End":
-          return focusListItem(props.options.length - 1);
+          return f(t.options.length - 1);
         case "Escape":
-          return close2();
+          return v();
         default:
-          !["Enter", "NumpadEnter", "Space"].includes(code) && focusSearch();
+          !["Enter", "NumpadEnter", "Space"].includes(s) && $();
       }
     }
-    function resetStates() {
-      isDropdownOpen.value = false;
-      elementFocus.index = 0;
-      filter.value = "";
+    function _() {
+      n.value = !1, A.index = 0, a.value = "";
     }
-    function getOption(option, key) {
-      return typeof option === "string" ? option : option[key != null ? key : "value"];
+    function H(s, f) {
+      return typeof s == "string" ? s : s[f != null ? f : "value"];
     }
-    function addRefElementToElements(key, target) {
-      elements[key] = target != null ? target : void 0;
+    function b(s, f) {
+      C[s] = f != null ? f : void 0;
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: normalizeClass(["sol-dropdown-core", { "-smaller": __props.smallerWidth }]),
-        "data-testid": `dropdown-${__props.id}`,
-        onKeydownPassive: navigation
+    return (s, f) => (d(), r("div", {
+      ref_key: "el",
+      ref: i,
+      class: x(["sol-dropdown-core", { "-smaller": e.smallerWidth }]),
+      "data-testid": `dropdown-${e.id}`,
+      onKeydownPassive: D
+    }, [
+      y(s.$slots, "label", {}, () => [
+        m("label", {
+          id: `label-dropdown-${e.id}`,
+          class: x(["label", { "-disabled": e.disabled, "sr-only": e.ariaLabel }]),
+          for: `toggle-dropdown-${e.id}`
+        }, S(e.label || e.ariaLabel), 11, Dt)
+      ]),
+      m("button", {
+        id: `toggle-dropdown-${e.id}`,
+        disabled: e.disabled,
+        "data-testid": `toggle-dropdown-${e.id}`,
+        class: "button-toggle-dropdown toggle-dropdown",
+        "aria-haspopup": "listbox",
+        "aria-expanded": n.value,
+        "aria-labelledby": `label-dropdown-${e.id}`,
+        "aria-label": e.ariaLabel,
+        "aria-controls": `dropdown-list-${e.id}`,
+        onClick: R(u, ["stop"])
       }, [
-        renderSlot(_ctx.$slots, "label", {}, () => [
-          createElementVNode("label", {
-            id: `label-dropdown-${__props.id}`,
-            class: normalizeClass(["label", { "-disabled": __props.disabled, "sr-only": __props.ariaLabel }]),
-            for: `toggle-dropdown-${__props.id}`
-          }, toDisplayString(__props.label || __props.ariaLabel), 11, _hoisted_2$b)
-        ]),
-        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-label": __props.ariaLabel,
-          "aria-controls": `dropdown-list-${__props.id}`,
-          onClick: withModifiers(toggleDropdown, ["stop"])
-        }, [
-          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$b),
-        createVNode(Transition$1, {
-          mode: "out-in",
-          name: "dropdown"
-        }, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_4$3, [
-              __props.searchable ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: normalizeClass(["search-container", { "-loading": __props.loading }])
-              }, [
-                renderSlot(_ctx.$slots, "search", { filter: filter.value }, () => [
-                  createVNode(_sfc_main$e, {
-                    id: `search-dropdown-${__props.id}`,
-                    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}`,
-                    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"
+        y(s.$slots, "toggle-dropdown", {
+          toggle: { open: h, close: v, toggleDropdown: u },
+          isOpen: n.value,
+          select: w,
+          selectedSanitized: g(c),
+          selected: e.selected
+        }, () => [
+          O(S(g(c) || "Selecione"), 1)
+        ])
+      ], 8, Rt),
+      z(we, {
+        mode: "out-in",
+        name: "dropdown"
+      }, {
+        default: G(() => [
+          Y(m("div", pt, [
+            e.searchable ? (d(), r("div", {
+              key: 0,
+              class: x(["search-container", { "-loading": e.loading }])
+            }, [
+              y(s.$slots, "search", { filter: a.value }, () => [
+                z(F, {
+                  id: `search-dropdown-${e.id}`,
+                  ref: ($) => b("search", $ == null ? void 0 : $.input),
+                  modelValue: a.value,
+                  "onUpdate:modelValue": f[0] || (f[0] = ($) => a.value = $),
+                  "data-testid": `search-dropdown-${e.id}`,
+                  role: "combobox",
+                  class: "search",
+                  "aria-autocomplete": "list",
+                  placeholder: e.searchPlaceholder,
+                  "aria-expanded": n.value,
+                  "aria-haspopup": "listbox",
+                  "aria-owns": `dropdown-list-${e.id}`,
+                  "aria-controls": `dropdown-list-${e.id}`,
+                  "aria-activedescendant": A.id,
+                  "aria-labelledby": `label-dropdown-${e.id}`,
+                  onClick: f[1] || (f[1] = R(() => {
+                  }, ["stop"])),
+                  onInput: f[2] || (f[2] = ($) => {
+                    var B;
+                    return l("search", (B = $.target) == null ? void 0 : B.value);
                   })
-                ])
-              ], 2)) : createCommentVNode("", true),
-              createElementVNode("ul", {
-                id: `dropdown-list-${__props.id}`,
-                ref: (target) => addRefElementToElements("list", target),
-                "data-testid": `dropdown-list-${__props.id}`,
-                role: "listbox",
+                }, null, 8, ["id", "modelValue", "data-testid", "placeholder", "aria-expanded", "aria-owns", "aria-controls", "aria-activedescendant", "aria-labelledby"]),
+                z(g(Ie), {
+                  "aria-hidden": "true",
+                  class: "icon"
+                })
+              ])
+            ], 2)) : T("", !0),
+            m("ul", {
+              id: `dropdown-list-${e.id}`,
+              ref: ($) => b("list", $),
+              "data-testid": `dropdown-list-${e.id}`,
+              role: "listbox",
+              tabindex: "-1",
+              "aria-multiselectable": e.isMultipleSelect,
+              "aria-labelledby": `label-dropdown-${e.id}`,
+              class: "dropdown-list-core"
+            }, [
+              (d(!0), r(Q, null, X(g(o), ($, B) => (d(), r("li", {
+                id: `option-${e.id}-${H($, "value")}`,
+                key: B,
+                "data-testid": `option-${e.id}-${H($, "value")}`,
+                role: "option",
                 tabindex: "-1",
-                "aria-multiselectable": __props.isMultipleSelect,
-                "aria-labelledby": `label-dropdown-${__props.id}`,
-                class: "dropdown-list-core"
+                class: "dropdown-item",
+                style: le(`--item: ${B + 1}`),
+                selected: k($),
+                "aria-selected": k($),
+                onClick: (I) => w($),
+                onKeyup: [
+                  q((I) => w($), ["enter"]),
+                  q((I) => w($), ["space"])
+                ]
               }, [
-                (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$2);
-                }), 128)),
-                !unref(filtered).length ? (openBlock(), createElementBlock("li", _hoisted_7$1, [
-                  renderSlot(_ctx.$slots, "no-data", {}, () => [
-                    _hoisted_8
-                  ])
-                ])) : createCommentVNode("", true)
-              ], 8, _hoisted_5$2)
-            ], 512), [
-              [vShow, isDropdownOpen.value]
-            ])
-          ]),
-          _: 3
-        })
-      ], 42, _hoisted_1$b);
-    };
+                y(s.$slots, "default", {
+                  text: H($, "name"),
+                  option: $,
+                  isSelect: k
+                }, () => [
+                  O(S(H($, "name")), 1)
+                ])
+              ], 44, Nt))), 128)),
+              g(o).length ? T("", !0) : (d(), r("li", Ut, [
+                y(s.$slots, "no-data", {}, () => [
+                  Gt
+                ])
+              ]))
+            ], 8, Ht)
+          ], 512), [
+            [te, n.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 42, Ot));
   }
 });
-_sfc_main$5.install = (app) => {
-  app.component("SolDropdown", _sfc_main$5);
+ve.install = (e) => {
+  e.component("SolDropdown", ve);
 };
-const _hoisted_1$a = {
+const Ft = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
+  width: "1em",
+  height: "1em"
+}, Kt = /* @__PURE__ */ m("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$a = [
-  _hoisted_2$a
+}, null, -1), Wt = [
+  Kt
 ];
-function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, _hoisted_3$a);
+function Yt(e, l) {
+  return d(), r("svg", Ft, Wt);
 }
-var Close = { name: "mi-close", render: render$5 };
-var Chip_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$9 = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"];
-const _hoisted_2$9 = ["id"];
-const _hoisted_3$9 = { class: "label" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const Ae = { name: "mi-close", render: Yt }, jt = ["id", "data-testid", "title", "aria-describedby", "aria-disabled", "onKeydown"], qt = ["id"], Jt = { class: "label" }, oe = /* @__PURE__ */ V({
   __name: "Chip",
   props: {
     id: null,
     label: null,
     selected: { type: Boolean },
     disabled: { type: Boolean },
-    removable: { type: Boolean, default: true }
+    removable: { type: Boolean, default: !0 }
   },
   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;
-      }
+  setup(e, { emit: l }) {
+    const t = e;
+    function i({ code: n }) {
+      if (!t.disabled)
+        switch (n) {
+          case "Enter":
+          case "NumpadEnter":
+          case "Space":
+            return l("update:selected");
+          case "Delete":
+          case "Backspace":
+            return t.removable && l("close");
+          default:
+            return !1;
+        }
     }
-    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"])
+    return (n, a) => (d(), r("div", {
+      id: `chip-${e.id}`,
+      "data-testid": `chip-${e.id}`,
+      class: x(["sol-chip-core", { "-selected": e.selected, "-disabled": e.disabled }]),
+      tabindex: "0",
+      title: e.label,
+      "aria-describedby": `chip-description-${e.id}`,
+      "aria-disabled": e.disabled,
+      onClick: a[1] || (a[1] = (o) => l("update:selected")),
+      onKeydown: R(i, ["self"])
+    }, [
+      m("span", {
+        id: `chip-description-${e.id}`,
+        "z-index": "-1",
+        class: "sr-only"
+      }, "Press Delete or Backspace to remove this Chip", 8, qt),
+      m("span", Jt, [
+        y(n.$slots, "default", {}, () => [
+          O(S(e.label), 1)
+        ])
+      ]),
+      e.removable ? (d(), r("i", {
+        key: 0,
+        role: "presentation",
+        "aira-hidden": "true",
+        class: "close",
+        onClick: a[0] || (a[0] = R((o) => l("close"), ["stop"]))
       }, [
-        createElementVNode("span", {
-          id: `chip-description-${__props.id}`,
-          "z-index": "-1",
-          class: "sr-only"
-        }, "Press Delete or Backspace to remove this Chip", 8, _hoisted_2$9),
-        createElementVNode("span", _hoisted_3$9, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ])
-        ]),
-        __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$9);
-    };
+        z(g(Ae), { class: "icon" })
+      ])) : T("", !0)
+    ], 42, jt));
   }
 });
-var ListOption_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$8 = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"];
-const _hoisted_2$8 = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"];
-const _hoisted_3$8 = {
+const Qt = ["id", "data-testid", "aria-multiselectable", "aria-labelledby"], Xt = ["id", "data-testid", "selected", "aria-selected", "onClick", "onKeyup"], Zt = {
   key: 0,
   class: "no-data"
-};
-const _hoisted_4$2 = /* @__PURE__ */ createTextVNode(" Sem dados ");
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}, _t = /* @__PURE__ */ O(" Sem dados "), el = /* @__PURE__ */ V({
   __name: "ListOption",
   props: {
     id: null,
@@ -1154,92 +962,76 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     isSelected: null
   },
   emits: ["select"],
-  setup(__props, { expose, emit }) {
-    const list = ref("");
-    expose({
-      list
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ul", {
-        id: `select-list-${__props.id}`,
-        ref_key: "list",
-        ref: list,
-        "data-testid": `select-list-${__props.id}`,
-        role: "listbox",
+  setup(e, { expose: l, emit: t }) {
+    const i = L("");
+    return l({
+      list: i
+    }), (n, a) => (d(), r("ul", {
+      id: `select-list-${e.id}`,
+      ref_key: "list",
+      ref: i,
+      "data-testid": `select-list-${e.id}`,
+      role: "listbox",
+      tabindex: "-1",
+      "aria-multiselectable": e.multiple,
+      "aria-labelledby": `select-label-${e.id}`,
+      class: "select-list-core"
+    }, [
+      (d(!0), r(Q, null, X(e.options, (o, c) => (d(), r("li", {
+        id: `option-${e.id}-${o.value}`,
+        key: c,
+        "data-testid": `option-${e.id}-${o.value}`,
+        role: "option",
         tabindex: "-1",
-        "aria-multiselectable": __props.multiple,
-        "aria-labelledby": `select-label-${__props.id}`,
-        class: "select-list-core"
+        class: "select-option-item",
+        style: le(`--item: ${c + 1}`),
+        selected: e.isSelected(o),
+        "aria-selected": e.isSelected(o),
+        onClick: (u) => t("select", o),
+        onKeyup: [
+          q((u) => t("select", o), ["enter"]),
+          q((u) => t("select", o), ["space"])
+        ]
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
-          return openBlock(), createElementBlock("li", {
-            id: `option-${__props.id}-${option.value}`,
-            key: index,
-            "data-testid": `option-${__props.id}-${option.value}`,
-            role: "option",
-            tabindex: "-1",
-            class: "select-option-item",
-            style: normalizeStyle(`--item: ${index + 1}`),
-            selected: __props.isSelected(option),
-            "aria-selected": __props.isSelected(option),
-            onClick: ($event) => emit("select", option),
-            onKeyup: [
-              withKeys(($event) => emit("select", option), ["enter"]),
-              withKeys(($event) => emit("select", option), ["space"])
-            ]
-          }, [
-            renderSlot(_ctx.$slots, "item-list", {
-              text: option.name,
-              value: option.value,
-              option,
-              isSelected: __props.isSelected(option)
-            }, () => [
-              createTextVNode(toDisplayString(option.name), 1)
-            ])
-          ], 44, _hoisted_2$8);
-        }), 128)),
-        !__props.options.length ? (openBlock(), createElementBlock("li", _hoisted_3$8, [
-          renderSlot(_ctx.$slots, "no-data", {}, () => [
-            _hoisted_4$2
-          ])
-        ])) : createCommentVNode("", true)
-      ], 8, _hoisted_1$8);
-    };
+        y(n.$slots, "item-list", {
+          text: o.name,
+          value: o.value,
+          option: o,
+          isSelected: e.isSelected(o)
+        }, () => [
+          O(S(o.name), 1)
+        ])
+      ], 44, Xt))), 128)),
+      e.options.length ? T("", !0) : (d(), r("li", Zt, [
+        y(n.$slots, "no-data", {}, () => [
+          _t
+        ])
+      ]))
+    ], 8, Qt));
   }
 });
-const _hoisted_1$7 = {
+const tl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
+  width: "1em",
+  height: "1em"
+}, ll = /* @__PURE__ */ m("path", {
   fill: "currentColor",
   d: "m17 10l-5 6l-5-6h10z"
-}, null, -1);
-const _hoisted_3$7 = [
-  _hoisted_2$7
+}, null, -1), nl = [
+  ll
 ];
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
+function il(e, l) {
+  return d(), r("svg", tl, nl);
 }
-var IconArrow = { name: "mi-caret-down", render: render$4 };
-var Select_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$6 = ["data-testid"];
-const _hoisted_2$6 = ["id"];
-const _hoisted_3$6 = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"];
-const _hoisted_4$1 = {
+const al = { name: "mi-caret-down", render: il }, ol = ["data-testid"], sl = ["id"], dl = ["id", "disabled", "data-testid", "aria-expanded", "aria-labelledby", "aria-label", "aria-controls", "onClick"], cl = {
   key: 0,
   class: "container-tags"
-};
-const _hoisted_5$1 = {
+}, rl = {
   key: 1,
   class: "mr-micro placeholder-inline",
   tabindex: "-1"
-};
-const _hoisted_6$1 = { class: "error" };
-const _hoisted_7 = { class: "select-options-container" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}, ul = { class: "error" }, hl = { class: "select-options-container" }, be = /* @__PURE__ */ V({
   __name: "Select",
   props: {
     id: null,
@@ -1247,10 +1039,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     ariaLabel: null,
     smallerWidth: { type: Boolean },
     disabled: { type: Boolean },
-    loading: { type: Boolean, default: false },
-    searchable: { type: Boolean, default: false },
-    closeOnSelect: { type: Boolean, default: true },
-    fetchOnSearch: { type: Boolean, default: false },
+    loading: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !1 },
+    closeOnSelect: { type: Boolean, default: !0 },
+    fetchOnSearch: { type: Boolean, default: !1 },
     multiple: { type: Boolean },
     searchPlaceholder: null,
     selected: null,
@@ -1259,268 +1051,236 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     placeholder: { default: "placeholder" }
   },
   emits: ["closeDropdown", "search", "update:selected"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const el = ref();
-    const isDropdownOpen = ref(false);
-    const filter = ref("");
-    const filtered = computed(() => {
-      var _a2;
-      return props.fetchOnSearch ? props.options : (_a2 = props.options) == null ? void 0 : _a2.filter((option) => option.name.includes(filter.value));
-    });
-    onClickOutside(el, () => {
-      if (isDropdownOpen.value)
-        close2();
+  setup(e, { emit: l }) {
+    const t = e, i = L(), n = L(!1), a = L(""), o = E(
+      () => {
+        var b;
+        return t.fetchOnSearch ? t.options : (b = t.options) == null ? void 0 : b.filter((s) => s.name.includes(a.value));
+      }
+    );
+    Ve(i, () => {
+      n.value && h();
     });
-    function toggleDropdown() {
-      if (!props.disabled)
-        isDropdownOpen.value ? close2() : open();
+    function c() {
+      t.disabled || (n.value ? h() : u());
     }
-    function open() {
-      isDropdownOpen.value = true;
+    function u() {
+      n.value = !0;
     }
-    function close2() {
-      resetStates();
-      emit("closeDropdown");
+    function h() {
+      D(), l("closeDropdown");
     }
-    function sanitizeMultipleSelection(selected) {
-      if (Array.isArray(props.selected)) {
-        const indexOfSelect = props.selected.findIndex(({ value }) => value === selected.value);
-        return indexOfSelect === -1 ? [...props.selected, selected] : props.selected.filter((_, index) => index !== indexOfSelect);
+    function v(b) {
+      if (Array.isArray(t.selected)) {
+        const s = t.selected.findIndex(
+          ({ value: f }) => f === b.value
+        );
+        return s === -1 ? [...t.selected, b] : t.selected.filter((f, $) => $ !== s);
       }
-      return [selected];
+      return [b];
     }
-    function select(selected) {
-      props.multiple ? emit("update:selected", sanitizeMultipleSelection(selected)) : emit("update:selected", selected);
-      if (props.closeOnSelect && !props.multiple)
-        close2();
+    function M(b) {
+      t.multiple ? l("update:selected", v(b)) : l("update:selected", b), t.closeOnSelect && !t.multiple && h();
     }
-    function isSelected(option) {
-      var _a2;
-      return Array.isArray(props.selected) ? props.selected.some(({ value }) => value === option.value) : option.value === ((_a2 = props.selected) == null ? void 0 : _a2.value);
+    function w(b) {
+      var s;
+      return Array.isArray(t.selected) ? t.selected.some(({ value: f }) => f === b.value) : b.value === ((s = t.selected) == null ? void 0 : s.value);
     }
-    const elements = reactive({
+    const k = j({
       list: void 0,
       search: void 0
-    });
-    const elementFocus = reactive({
+    }), C = j({
       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();
+    function A({ code: b }) {
+      const s = ($) => {
+        const B = $ != null ? $ : C.index;
+        $ !== void 0 && (C.index = $), setTimeout(() => {
+          var P, K;
+          const I = (P = k.list) == null ? void 0 : P.children[B];
+          C.id = (K = I == null ? void 0 : I.id) != null ? K : "", I == null || I.focus();
         }, 0);
+      }, f = () => {
+        var $;
+        t.searchable && (C.index = 0, ($ = k == null ? void 0 : k.search) == null || $.focus());
       };
-      const focusSearch = () => {
-        var _a2;
-        if (props.searchable) {
-          elementFocus.index = 0;
-          (_a2 = elements == null ? void 0 : elements.search) == null ? void 0 : _a2.focus();
-        }
-      };
-      switch (code) {
+      switch (b) {
         case "ArrowUp":
-          elementFocus.index > 0 && (elementFocus.index -= 1);
-          return focusListItem();
+          return C.index > 0 && (C.index -= 1), s();
         case "ArrowDown":
-          if (!isDropdownOpen.value) {
-            open();
-            return focusListItem(0);
-          }
-          elementFocus.index < props.options.length - 1 && (elementFocus.index += 1);
-          return focusListItem();
+          return n.value ? (C.index < t.options.length - 1 && (C.index += 1), s()) : (u(), s(0));
         case "Home":
-          return focusListItem(0);
+          return s(0);
         case "End":
-          return focusListItem(props.options.length - 1);
+          return s(t.options.length - 1);
         case "Escape":
-          return close2();
+          return h();
         default:
-          !["Enter", "NumpadEnter", "Space"].includes(code) && focusSearch();
+          !["Enter", "NumpadEnter", "Space"].includes(b) && f();
       }
     }
-    function resetStates() {
-      isDropdownOpen.value = false;
-      elementFocus.index = 0;
-      filter.value = "";
+    function D() {
+      n.value = !1, C.index = 0, a.value = "";
     }
-    function addRefElementToElements(key) {
-      return (target) => {
-        elements[key] = key === "search" ? target == null ? void 0 : target.input : target == null ? void 0 : target.list;
+    function _(b) {
+      return (s) => {
+        k[b] = b === "search" ? s == null ? void 0 : s.input : s == null ? void 0 : s.list;
       };
     }
-    function renderSingleSelectionOrPlaceholder() {
-      var _a2;
-      const selected = props.selected;
-      return (_a2 = selected == null ? void 0 : selected.name) != null ? _a2 : props.placeholder;
+    function H() {
+      var s;
+      const b = t.selected;
+      return (s = b == null ? void 0 : b.name) != null ? s : t.placeholder;
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: normalizeClass(["sol-select-core", { "-smaller": __props.smallerWidth }]),
-        "data-testid": `select-${__props.id}`,
-        onKeydownPassive: navigation
+    return (b, s) => (d(), r("div", {
+      ref_key: "el",
+      ref: i,
+      class: x(["sol-select-core", { "-smaller": e.smallerWidth }]),
+      "data-testid": `select-${e.id}`,
+      onKeydownPassive: A
+    }, [
+      y(b.$slots, "label", {
+        id: `select-label-${e.id}`,
+        for: `select-toggle-${e.id}`
+      }, () => [
+        e.label ? (d(), r("label", {
+          key: 0,
+          id: `select-label-${e.id}`,
+          class: x(["label", { "-disabled": e.disabled }])
+        }, S(e.label), 11, sl)) : T("", !0)
+      ]),
+      m("button", {
+        id: `select-toggle-${e.id}`,
+        disabled: e.disabled,
+        "data-testid": `select-toggle-${e.id}`,
+        class: "select-button-toggle",
+        "aria-haspopup": "listbox",
+        "aria-expanded": n.value,
+        "aria-labelledby": `select-label-${e.id}`,
+        "aria-label": e.ariaLabel,
+        "aria-controls": `select-list-${e.id}`,
+        onClick: R(c, ["stop"])
       }, [
-        renderSlot(_ctx.$slots, "label", {
-          id: `select-label-${__props.id}`,
-          for: `select-toggle-${__props.id}`
-        }, () => [
-          __props.label ? (openBlock(), createElementBlock("label", {
-            key: 0,
-            id: `select-label-${__props.id}`,
-            class: normalizeClass(["label", { "-disabled": __props.disabled }])
-          }, toDisplayString(__props.label), 11, _hoisted_2$6)) : createCommentVNode("", true)
-        ]),
-        createElementVNode("button", {
-          id: `select-toggle-${__props.id}`,
-          disabled: __props.disabled,
-          "data-testid": `select-toggle-${__props.id}`,
-          class: "select-button-toggle",
-          "aria-haspopup": "listbox",
-          "aria-expanded": isDropdownOpen.value,
-          "aria-labelledby": `select-label-${__props.id}`,
-          "aria-label": __props.ariaLabel,
-          "aria-controls": `select-list-${__props.id}`,
-          onClick: withModifiers(toggleDropdown, ["stop"])
-        }, [
-          renderSlot(_ctx.$slots, "toggle-dropdown", {
-            toggle: { open, close: close2, toggleDropdown },
-            isOpen: isDropdownOpen.value,
-            select,
-            selected: __props.selected
-          }, () => {
-            var _a2;
-            return [
-              __props.multiple && Array.isArray(__props.selected) && ((_a2 = __props.selected) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.selected, (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$4, {
-                    id: item.value,
-                    key: index,
-                    label: item.name,
-                    onClick: withModifiers(($event) => select(item), ["stop"]),
-                    onClose: ($event) => select(item)
-                  }, null, 8, ["id", "label", "onClick", "onClose"]);
-                }), 128))
-              ])) : (openBlock(), createElementBlock("span", _hoisted_5$1, toDisplayString(renderSingleSelectionOrPlaceholder()), 1)),
-              createVNode(unref(IconArrow), {
-                "aria-hidden": "true",
-                tabindex: "-1",
-                class: normalizeClass(["icon", { "-open": isDropdownOpen.value }])
-              }, null, 8, ["class"])
-            ];
-          })
-        ], 8, _hoisted_3$6),
-        createElementVNode("span", _hoisted_6$1, toDisplayString(__props.error), 1),
-        createVNode(Transition$1, {
-          mode: "out-in",
-          name: "dropdown"
-        }, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_7, [
-              renderSlot(_ctx.$slots, "search", {}, () => [
-                __props.searchable ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(["search-container", { "-loading": __props.loading }])
-                }, [
-                  renderSlot(_ctx.$slots, "search", { filter: filter.value }, () => [
-                    createVNode(_sfc_main$e, {
-                      id: `select-search-${__props.id}`,
-                      ref: addRefElementToElements("search"),
-                      modelValue: filter.value,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value = $event),
-                      "data-testid": `select-search-${__props.id}`,
-                      role: "combobox",
-                      class: "search",
-                      "aria-autocomplete": "list",
-                      placeholder: __props.searchPlaceholder,
-                      "aria-expanded": isDropdownOpen.value,
-                      "aria-haspopup": "listbox",
-                      "aria-owns": `select-list-${__props.id}`,
-                      "aria-controls": `select-list-${__props.id}`,
-                      "aria-activedescendant": elementFocus.id,
-                      "aria-labelledby": `select-label-${__props.id}`,
-                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                      }, ["stop"])),
-                      onInput: _cache[2] || (_cache[2] = ($event) => {
-                        var _a2;
-                        return emit("search", (_a2 = $event.target) == null ? void 0 : _a2.value);
-                      })
-                    }, null, 8, ["id", "modelValue", "data-testid", "placeholder", "aria-expanded", "aria-owns", "aria-controls", "aria-activedescendant", "aria-labelledby"]),
-                    createVNode(unref(IconSearch), {
-                      "aria-hidden": "true",
-                      class: "icon"
-                    })
-                  ])
-                ], 2)) : createCommentVNode("", true),
-                createVNode(_sfc_main$3, {
-                  id: __props.id,
-                  ref: addRefElementToElements("list"),
-                  options: unref(filtered),
-                  multiple: __props.multiple,
-                  "is-selected": isSelected,
-                  onSelect: select
-                }, {
-                  "item-list": withCtx(({ text, value, option, isSelected: isSelected2 }) => [
-                    renderSlot(_ctx.$slots, "default", {
-                      text,
-                      value,
-                      option,
-                      isSelected: isSelected2
+        y(b.$slots, "toggle-dropdown", {
+          toggle: { open: u, close: h, toggleDropdown: c },
+          isOpen: n.value,
+          select: M,
+          selected: e.selected
+        }, () => {
+          var f;
+          return [
+            e.multiple && Array.isArray(e.selected) && ((f = e.selected) == null ? void 0 : f.length) ? (d(), r("div", cl, [
+              (d(!0), r(Q, null, X(e.selected, ($, B) => (d(), N(oe, {
+                id: $.value,
+                key: B,
+                label: $.name,
+                onClick: R((I) => M($), ["stop"]),
+                onClose: (I) => M($)
+              }, null, 8, ["id", "label", "onClick", "onClose"]))), 128))
+            ])) : (d(), r("span", rl, S(H()), 1)),
+            z(g(al), {
+              "aria-hidden": "true",
+              tabindex: "-1",
+              class: x(["icon", { "-open": n.value }])
+            }, null, 8, ["class"])
+          ];
+        })
+      ], 8, dl),
+      m("span", ul, S(e.error), 1),
+      z(we, {
+        mode: "out-in",
+        name: "dropdown"
+      }, {
+        default: G(() => [
+          Y(m("div", hl, [
+            y(b.$slots, "search", {}, () => [
+              e.searchable ? (d(), r("div", {
+                key: 0,
+                class: x(["search-container", { "-loading": e.loading }])
+              }, [
+                y(b.$slots, "search", { filter: a.value }, () => [
+                  z(F, {
+                    id: `select-search-${e.id}`,
+                    ref: _("search"),
+                    modelValue: a.value,
+                    "onUpdate:modelValue": s[0] || (s[0] = (f) => a.value = f),
+                    "data-testid": `select-search-${e.id}`,
+                    role: "combobox",
+                    class: "search",
+                    "aria-autocomplete": "list",
+                    placeholder: e.searchPlaceholder,
+                    "aria-expanded": n.value,
+                    "aria-haspopup": "listbox",
+                    "aria-owns": `select-list-${e.id}`,
+                    "aria-controls": `select-list-${e.id}`,
+                    "aria-activedescendant": C.id,
+                    "aria-labelledby": `select-label-${e.id}`,
+                    onClick: s[1] || (s[1] = R(() => {
+                    }, ["stop"])),
+                    onInput: s[2] || (s[2] = (f) => {
+                      var $;
+                      return l("search", ($ = f.target) == null ? void 0 : $.value);
                     })
-                  ]),
-                  "no-data": withCtx(() => [
-                    renderSlot(_ctx.$slots, "no-data")
-                  ]),
-                  _: 3
-                }, 8, ["id", "options", "multiple"])
-              ])
-            ], 512), [
-              [vShow, isDropdownOpen.value]
+                  }, null, 8, ["id", "modelValue", "data-testid", "placeholder", "aria-expanded", "aria-owns", "aria-controls", "aria-activedescendant", "aria-labelledby"]),
+                  z(g(Ie), {
+                    "aria-hidden": "true",
+                    class: "icon"
+                  })
+                ])
+              ], 2)) : T("", !0),
+              z(el, {
+                id: e.id,
+                ref: _("list"),
+                options: g(o),
+                multiple: e.multiple,
+                "is-selected": w,
+                onSelect: M
+              }, {
+                "item-list": G(({ text: f, value: $, option: B, isSelected: I }) => [
+                  y(b.$slots, "default", {
+                    text: f,
+                    value: $,
+                    option: B,
+                    isSelected: I
+                  })
+                ]),
+                "no-data": G(() => [
+                  y(b.$slots, "no-data")
+                ]),
+                _: 3
+              }, 8, ["id", "options", "multiple"])
             ])
-          ]),
-          _: 3
-        })
-      ], 42, _hoisted_1$6);
-    };
+          ], 512), [
+            [te, n.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 42, ol));
   }
 });
-_sfc_main$2.install = (app) => {
-  app.component("SolSelect", _sfc_main$2);
+be.install = (e) => {
+  e.component("SolSelect", be);
 };
-_sfc_main$4.install = (app) => {
-  app.component("SolChip", _sfc_main$4);
+oe.install = (e) => {
+  e.component("SolChip", oe);
 };
-const _hoisted_1$5 = {
+const fl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
+  width: "1em",
+  height: "1em"
+}, ml = /* @__PURE__ */ m("path", {
   fill: "currentColor",
   d: "M11.293 7.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414L12 9.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l6-6z"
-}, null, -1);
-const _hoisted_3$5 = [
-  _hoisted_2$5
+}, null, -1), $l = [
+  ml
 ];
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
+function vl(e, l) {
+  return d(), r("svg", fl, $l);
 }
-var Chevron = { name: "mi-chevron-up", render: render$3 };
-var Accordion_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$4 = ["id", "data-testid", "aria-disabled"];
-const _hoisted_2$4 = ["data-testid", "tabindex"];
-const _hoisted_3$4 = ["data-testid"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const bl = { name: "mi-chevron-up", render: vl }, yl = ["id", "data-testid", "aria-disabled"], gl = ["data-testid", "tabindex"], wl = ["data-testid"], ye = /* @__PURE__ */ V({
   __name: "Accordion",
   props: {
     id: null,
@@ -1528,325 +1288,278 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     invert: { type: Boolean },
     disabled: { type: Boolean }
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("details", {
-        id: `accordion-${__props.id}`,
-        "data-testid": `accordion-${__props.id}`,
-        class: normalizeClass(["sol-accordion-core", { "-invert": __props.invert, "-disabled": __props.disabled }]),
-        "aria-disabled": __props.disabled
+  setup(e) {
+    return (l, t) => (d(), r("details", {
+      id: `accordion-${e.id}`,
+      "data-testid": `accordion-${e.id}`,
+      class: x(["sol-accordion-core", { "-invert": e.invert, "-disabled": e.disabled }]),
+      "aria-disabled": e.disabled
+    }, [
+      m("summary", {
+        "data-testid": `accordion-title-${e.id}`,
+        class: "summary",
+        tabindex: e.disabled ? -1 : 0
       }, [
-        createElementVNode("summary", {
-          "data-testid": `accordion-title-${__props.id}`,
-          class: "summary",
-          tabindex: __props.disabled ? -1 : 0
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createTextVNode(toDisplayString(__props.title), 1)
-          ]),
-          createVNode(unref(Chevron), {
-            class: "icon",
-            "aria-hidden": "true"
-          })
-        ], 8, _hoisted_2$4),
-        createElementVNode("div", {
-          "data-testid": `accordion-content-${__props.id}`,
-          class: "container"
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_3$4)
-      ], 10, _hoisted_1$4);
-    };
+        y(l.$slots, "title", {}, () => [
+          O(S(e.title), 1)
+        ]),
+        z(g(bl), {
+          class: "icon",
+          "aria-hidden": "true"
+        })
+      ], 8, gl),
+      m("div", {
+        "data-testid": `accordion-content-${e.id}`,
+        class: "container"
+      }, [
+        y(l.$slots, "default")
+      ], 8, wl)
+    ], 10, yl));
   }
 });
-_sfc_main$1.install = (app) => {
-  app.component("SolAccordion", _sfc_main$1);
+ye.install = (e) => {
+  e.component("SolAccordion", ye);
 };
-var windiBase = "";
-var windiComponents = "";
-var windiUtilities = "";
-var style = "";
-const TOAST_GAP = 12;
-const DEFAULT_OPTIONS = {
+const Le = 12, U = {
   type: "success",
   timeout: 5e3,
-  showIcon: true,
-  showCloseButton: true,
+  showIcon: !0,
+  showCloseButton: !0,
   position: "top-right",
-  hideProgressBar: false
+  hideProgressBar: !1
 };
-function useTimer(callback, delay) {
-  const timer = reactive({
+function Sl(e, l) {
+  const t = j({
     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;
+    remaining: l
+  }), i = L(100);
+  function n() {
+    clearInterval(t.intervalId), clearTimeout(t.id), t.remaining -= Date.now() - t.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 a() {
+    t.startTime = Date.now(), clearTimeout(t.id), t.intervalId = setInterval(() => {
+      i.value--;
+    }, l / 100 - 5), t.id = setTimeout(e, t.remaining);
   }
-  function clear() {
-    clearInterval(timer.intervalId);
-    clearTimeout(timer.id);
-    progress.value = 100;
+  function o() {
+    clearInterval(t.intervalId), clearTimeout(t.id), i.value = 100;
   }
-  onMounted(() => {
-    if (delay <= 0)
-      return false;
-  });
-  onUnmounted(() => {
-    clear();
-  });
-  return {
-    start,
-    stop,
-    clear,
-    progress
+  return Te(() => {
+    if (l <= 0)
+      return !1;
+  }), He(() => {
+    o();
+  }), {
+    start: a,
+    stop: n,
+    clear: o,
+    progress: i
   };
 }
-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`
-        };
-    }
-  });
+function xl(e) {
   return {
-    stylePosition
+    stylePosition: E(() => {
+      const { position: t, offset: i } = e();
+      switch (t) {
+        case "top-left":
+          return {
+            left: "0",
+            top: `${i}px`
+          };
+        case "bottom-left":
+          return {
+            left: "0",
+            bottom: `${i}px`
+          };
+        case "bottom-right":
+          return {
+            right: "0",
+            bottom: `${i}px`
+          };
+        case "top-center":
+          return {
+            top: `${i}px`,
+            left: "0",
+            right: "0",
+            marginRight: "auto",
+            marginLeft: "auto"
+          };
+        case "bottom-center":
+          return {
+            bottom: `${i}px`,
+            left: "0",
+            right: "0",
+            marginRight: "auto",
+            marginLeft: "auto"
+          };
+        default:
+          return {
+            right: "0",
+            top: `${i}px`
+          };
+      }
+    })
   };
 }
-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$3 = {
+var Ee = /* @__PURE__ */ ((e) => (e["top-left"] = "bounce-left", e["top-right"] = "bounce-right", e["top-center"] = "bounce-down", e["bottom-left"] = "bounce-left", e["bottom-center"] = "bounce-up", e["bottom-right"] = "bounce-right", e))(Ee || {});
+const kl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
+  width: "1em",
+  height: "1em"
+}, Cl = /* @__PURE__ */ m("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$3 = [
-  _hoisted_2$3
+}, null, -1), Bl = [
+  Cl
 ];
-function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+function Tl(e, l) {
+  return d(), r("svg", kl, Bl);
 }
-var Success = { name: "mi-circle-check", render: render$2 };
-const _hoisted_1$2 = {
+const Ml = { name: "mi-circle-check", render: Tl }, zl = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
+  width: "1em",
+  height: "1em"
+}, Vl = /* @__PURE__ */ m("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
+}, null, -1), Il = [
+  Vl
 ];
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
+function Al(e, l) {
+  return d(), r("svg", zl, Il);
 }
-var Error$1 = { name: "mi-circle-error", render: render$1 };
-const _hoisted_1$1 = {
+const Ll = { name: "mi-circle-error", render: Al }, El = {
   preserveAspectRatio: "xMidYMid meet",
   viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-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
+  width: "1em",
+  height: "1em"
+}, Pl = /* @__PURE__ */ m("g", { fill: "currentColor" }, [
+  /* @__PURE__ */ m("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__ */ m("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), Ol = [
+  Pl
 ];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+function Dl(e, l) {
+  return d(), r("svg", El, Ol);
 }
-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" };
-const _hoisted_3 = {
+const Rl = { name: "mi-circle-warning", render: Dl }, pl = ["id", "data-testid"], Hl = { class: "content-wrapper" }, Nl = {
   key: 0,
   class: "icon-container",
   "aria-hidden": "true"
-};
-const _hoisted_4 = { class: "content" };
-const _hoisted_5 = {
+}, Ul = { class: "content" }, Gl = {
   key: 0,
   class: "description"
-};
-const _hoisted_6 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, Fl = ["data-testid"], Kl = /* @__PURE__ */ V({
   __name: "Toast",
   props: {
     id: null,
-    type: { default: DEFAULT_OPTIONS.type },
-    visible: { type: Boolean, default: false },
+    type: { default: U.type },
+    visible: { type: Boolean, default: !1 },
     title: null,
     description: null,
     timeout: null,
-    hideProgressBar: { type: Boolean, default: DEFAULT_OPTIONS.hideProgressBar },
-    showIcon: { type: Boolean, default: DEFAULT_OPTIONS.showIcon },
+    hideProgressBar: { type: Boolean, default: U.hideProgressBar },
+    showIcon: { type: Boolean, default: U.showIcon },
     offset: { default: 0 },
     onClose: null,
     onCloseHandler: null,
-    position: { default: DEFAULT_OPTIONS.position }
+    position: { default: U.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();
-      }
+  setup(e) {
+    const l = e, { start: t, stop: i, progress: n } = Sl(() => {
+      var h;
+      (h = l.onCloseHandler) == null || h.call(l);
+    }, l.timeout), { stylePosition: a } = xl(() => ({
+      offset: l.offset,
+      position: l.position
+    })), o = E(() => l.title && l.description);
+    function c() {
+      l.timeout > 0 && i();
     }
-    function onMouseLeave() {
-      start();
+    function u() {
+      t();
     }
-    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)
+    return Te(() => {
+      t();
+    }), (h, v) => (d(), N(we, {
+      name: g(Ee)[e.position],
+      type: "animation"
+    }, {
+      default: G(() => [
+        e.visible ? (d(), r("div", {
+          key: 0,
+          id: `toast-${e.type}-${e.id}`,
+          role: "status",
+          "data-testid": `toast-${e.type}-${e.id}`,
+          style: le(g(a)),
+          class: x(["sol-toast-core", [`-${e.type}`, { "-multiline": g(o) }]]),
+          onKeyup: v[1] || (v[1] = q(
+            (...M) => e.onCloseHandler && e.onCloseHandler(...M),
+            ["esc"]
+          )),
+          onMouseenter: c,
+          onMouseleave: u,
+          onFocusin: c,
+          onFocusout: u
+        }, [
+          m("section", Hl, [
+            e.showIcon ? (d(), r("div", Nl, [
+              y(h.$slots, "icon-status", { type: e.type }, () => [
+                e.type === "success" ? (d(), N(g(Ml), {
+                  key: 0,
+                  class: "icon"
+                })) : T("", !0),
+                e.type === "info" ? (d(), N(g(Rl), {
+                  key: 1,
+                  class: "icon"
+                })) : T("", !0),
+                e.type === "danger" ? (d(), N(g(Ll), {
+                  key: 2,
+                  class: "icon"
+                })) : T("", !0)
               ])
-            ]),
-            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"]);
-    };
+            ])) : T("", !0),
+            m("div", Ul, [
+              m("p", {
+                class: x(["title", { "-multiline": g(o) }])
+              }, [
+                y(h.$slots, "title", {}, () => [
+                  O(S(e.title), 1)
+                ])
+              ], 2),
+              e.description ? (d(), r("p", Gl, [
+                y(h.$slots, "description", {}, () => [
+                  O(S(e.description), 1)
+                ])
+              ])) : T("", !0)
+            ])
+          ]),
+          m("button", {
+            type: "button",
+            class: x(["close", { "-multiline": g(o) }]),
+            "data-testid": `toast-close-button-${e.type}-${e.id}`,
+            "aria-label": "close notification",
+            onClick: v[0] || (v[0] = (...M) => e.onCloseHandler && e.onCloseHandler(...M))
+          }, [
+            z(g(Ae), { class: "icon" })
+          ], 10, Fl),
+          e.hideProgressBar ? T("", !0) : (d(), r("div", {
+            key: 0,
+            class: "progressbar",
+            "aria-hidden": "true",
+            style: le({ width: `${g(n)}%` })
+          }, null, 4))
+        ], 46, pl)) : T("", !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
 });
-const toasts = {
+const J = {
   "top-left": [],
   "top-right": [],
   "top-center": [],
@@ -1854,131 +1567,129 @@ const toasts = {
   "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);
-        });
-      }
+function Xl() {
+  let e = 0;
+  function l() {
+    Object.entries(J).forEach(([i, n]) => {
+      n.length && n.forEach((a) => {
+        var c;
+        const o = (c = a.toastVNode.props) == null ? void 0 : c.id;
+        ge(o, i);
+      });
     });
   }
-  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
+    createToast: (i, n) => {
+      const a = e++, o = n ? Wl(n) : U;
+      return n != null && n.showOneToast && l(), Yl(a, o, typeof i == "string" ? { title: i } : i), {
+        close: () => ge(a, o.position)
+      };
+    },
+    clearAllToasts: l
   };
 }
-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 Wl(e) {
+  const l = {
+    ...U,
+    ...e,
+    showIcon: e.showIcon
+  };
+  return l.hideProgressBar = !!(l.timeout && (l == null ? void 0 : l.timeout) <= 0), e.hideProgressBar && (l.hideProgressBar = e.hideProgressBar), l;
 }
-function setupVNode(id, options, content) {
+function Yl(e, l, t) {
   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$9(toastVNode, container);
-    toasts[options.position].push({ toastVNode, container });
-    if (toastVNode.component)
-      toastVNode.component.props.visible = true;
+    const i = ql(l, J, Le), n = document.createElement("div");
+    document.body.appendChild(n);
+    const a = z(
+      Kl,
+      jl(l, e, i, ge, t)
+    );
+    Me(a, n), J[l.position].push({ toastVNode: a, container: n }), a.component && (a.component.props.visible = !0);
   }, 1);
 }
-function setupVNodeProps(options, id, offset, closeFn, content) {
-  return __spreadProps(__spreadValues(__spreadValues({}, options), content), {
-    id,
-    offset,
-    visible: false,
+function jl(e, l, t, i, n) {
+  return {
+    ...e,
+    ...n,
+    id: l,
+    offset: t,
+    visible: !1,
     onCloseHandler() {
-      closeFn(id, options.position ? options.position : "top-right");
+      i(l, e.position ? e.position : "top-right");
     }
-  });
+  };
 }
-function moveToastsOnAdd(options, toasts2, toastGap) {
-  if (!options.position)
+function ql(e, l, t) {
+  if (!e.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);
+  return l[e.position].reduce((i, { toastVNode: n }) => (i += n.el.offsetHeight + t || 0, i), t);
 }
-function moveToastsOnClose(index, toastArr, position, toastHeight) {
-  for (let i = index; i < toastArr.length; i++) {
-    const { toastVNode } = toastArr[i];
-    if (!toastVNode.el)
+function Jl(e, l, t, i) {
+  for (let n = e; n < l.length; n++) {
+    const { toastVNode: a } = l[n];
+    if (!a.el)
       return;
-    const verticalPosition = position.split("-")[0] || "top";
-    const positionLessOneToast = parseInt(toastVNode.el.style[verticalPosition], 10) - toastHeight - TOAST_GAP;
-    if (!toastVNode.component)
+    const o = t.split("-")[0] || "top", c = parseInt(a.el.style[o], 10) - i - Le;
+    if (!a.component)
       return;
-    toastVNode.component.props.offset = positionLessOneToast;
+    a.component.props.offset = c;
   }
 }
-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)
+function ge(e, l) {
+  var u;
+  const t = J[l], i = t.findIndex(
+    ({ toastVNode: h }) => {
+      var v;
+      return e === ((v = h == null ? void 0 : h.props) == null ? void 0 : v.id);
+    }
+  );
+  if (i === -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)
+  const { container: n, toastVNode: a } = t[i], o = (u = a == null ? void 0 : a.el) == null ? void 0 : u.offsetHeight;
+  if (J[l].splice(i, 1), Jl(i, t, l, o), !a.component)
     return;
-  const componentProps = toastVNode.component.props;
-  componentProps.visible = false;
-  componentProps.onClose && componentProps.onClose();
-  setTimeout(() => {
-    render$9(null, container);
-    document.body.removeChild(container);
+  const c = a.component.props;
+  c.visible = !1, c.onClose && c.onClose(), setTimeout(() => {
+    Me(null, n), document.body.removeChild(n);
   }, 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$f,
-  SolInput: _sfc_main$e,
-  SolTextarea: _sfc_main$b,
-  SolTextfield: _sfc_main$d,
-  SolTextfieldPassword: _sfc_main$c,
-  SolRadio: _sfc_main$a,
-  SolRadioGroup: _sfc_main$9,
-  SolCheckbox: _sfc_main$8,
-  SolCheckboxGroup: _sfc_main$7,
-  SolSwitch: _sfc_main$6,
-  SolDropdown: _sfc_main$5,
-  SolSelect: _sfc_main$2,
-  SolChip: _sfc_main$4,
-  SolAccordion: _sfc_main$1
+const Ce = {
+  SolButton: de,
+  SolInput: F,
+  SolTextarea: re,
+  SolTextfield: ne,
+  SolTextfieldPassword: ce,
+  SolRadio: ie,
+  SolRadioGroup: ue,
+  SolCheckbox: ae,
+  SolCheckboxGroup: he,
+  SolSwitch: fe,
+  SolDropdown: ve,
+  SolSelect: be,
+  SolChip: oe,
+  SolAccordion: ye
 };
-function install(App) {
-  for (const component in components) {
-    App.component(component, components[component]);
-  }
+function Zl(e) {
+  for (const l in Ce)
+    e.component(l, Ce[l]);
 }
-export { _sfc_main$1 as SolAccordion, _sfc_main$f as SolButton, _sfc_main$8 as SolCheckbox, _sfc_main$7 as SolCheckboxGroup, _sfc_main$4 as SolChip, _sfc_main$5 as SolDropdown, _sfc_main$e as SolInput, _sfc_main$a as SolRadio, _sfc_main$9 as SolRadioGroup, _sfc_main$2 as SolSelect, _sfc_main$6 as SolSwitch, _sfc_main$b as SolTextarea, _sfc_main$d as SolTextfield, _sfc_main$c as SolTextfieldPassword, components, install, useToast };
+export {
+  ye as SolAccordion,
+  de as SolButton,
+  ae as SolCheckbox,
+  he as SolCheckboxGroup,
+  oe as SolChip,
+  ve as SolDropdown,
+  F as SolInput,
+  ie as SolRadio,
+  ue as SolRadioGroup,
+  be as SolSelect,
+  fe as SolSwitch,
+  re as SolTextarea,
+  ne as SolTextfield,
+  ce as SolTextfieldPassword,
+  Ce as components,
+  Zl as install,
+  Xl as useToast
+};