@caipira/tamandua 0.0.13 → 0.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@caipira/tamandua",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "private": false,
   "description": "UI library for the Caipira ecosystem",
   "license": "GPL-3.0-only",
@@ -82,7 +82,6 @@
     "vue-i18n": "9"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.3.3",
     "@faker-js/faker": "^8.4.1",
     "@storybook/addon-actions": "^8.0.8",
     "@storybook/addon-essentials": "^8.0.8",

package/volar.d.ts

@@ -31,6 +31,7 @@ declare module "vue" {
         TInputSwitch: (typeof import("@caipira/tamandua/dist/types/components/InputSwitch"))["InputSwitch"];
         TInputText: (typeof import("@caipira/tamandua/dist/types/components/InputText"))["InputText"];
         TInputTextarea: (typeof import("@caipira/tamandua/dist/types/components/InputTextarea"))["InputTextarea"];
+        TLink: (typeof import("@caipira/tamandua/dist/types/components/Link"))["Link"];
         TModal: (typeof import("@caipira/tamandua/dist/types/components/Modal"))["Modal"];
         TModalForm: (typeof import("@caipira/tamandua/dist/types/components/ModalForm"))["ModalForm"];
         TPagination: (typeof import("@caipira/tamandua/dist/types/components/Pagination"))["Pagination"];

package/dist/Button.vue_vue_type_style_index_0_scoped_8639b950_lang-C9uKZk0F.js

@@ -1,143 +0,0 @@
-import './Button.css';
-import { defineComponent as O, getCurrentInstance as U, ref as y, computed as o, resolveComponent as _, openBlock as s, createBlock as m, resolveDynamicComponent as B, normalizeClass as c, unref as i, withCtx as k, renderSlot as z, createCommentVNode as u, createElementBlock as b, toDisplayString as x } from "vue";
-import { u as M } from "./useDomHelpers-5CFMo6bx.js";
-import { B as a, b as l, c as d, a as r } from "./ui-DtSy-y9T.js";
-import "./Icon.vue_vue_type_script_setup_true_lang-DiRGfOxc.js";
-const F = ["multiple"], Y = /* @__PURE__ */ O({
-  name: "TButton",
-  __name: "Button",
-  props: {
-    to: {},
-    icon: {},
-    href: { default: "" },
-    type: { default: a.BUTTON },
-    size: { default: l.DEFAULT },
-    label: { default: "" },
-    shape: { default: d.ROUNDED },
-    target: { default: void 0 },
-    variant: { default: r.DEFAULT },
-    multiple: { type: Boolean, default: !1 },
-    isOutline: { type: Boolean, default: !1 },
-    isDisabled: { type: Boolean, default: !1 },
-    injectStyle: { default: () => ({ icon: "" }) },
-    disableStyle: { type: Boolean, default: !1 }
-  },
-  emits: ["upload"],
-  setup(h, { expose: g, emit: S }) {
-    const e = h, A = S, p = U(), f = y(), v = y(null), { isPopoverActivator: E, onPopoverActivatorClick: R } = M(), D = o(() => e.href ? e.href : void 0), L = o(() => {
-      switch (e.type) {
-        case a.LINK:
-          return;
-        case a.FILE:
-          return "button";
-        default:
-          return e.type;
-      }
-    }), T = o(() => e.type === a.SUBMIT ? e.label : void 0), C = o(() => {
-      switch (e.type) {
-        case a.SUBMIT:
-          return "input";
-        case a.LINK:
-          return "a";
-        case a.ROUTER_LINK:
-          return "router-link";
-        default:
-          return "button";
-      }
-    }), I = (t) => {
-      p && E(p) && R(t, p), e.type === a.SUBMIT && t.preventDefault(), e.type === a.FILE && f.value?.click();
-    }, N = (t) => {
-      t.stopPropagation();
-      const n = t.target.files;
-      !n || !n.length || A("upload", n);
-    };
-    return g({ iconReference: v }), (t, w) => {
-      const n = _("t-icon");
-      return s(), m(B(C.value), {
-        type: L.value,
-        href: D.value,
-        value: T.value,
-        to: e.to,
-        disabled: e.isDisabled,
-        target: e.target,
-        class: c([{
-          "font-bold": !e.disableStyle,
-          "opacity-50": e.isDisabled,
-          // Padding
-          "px-1 py-0": !e.disableStyle && e.size === i(l).EXTRA_SMALL,
-          "px-4 h-9": !e.disableStyle && e.size === i(l).SMALL,
-          "px-4 py-2 h-10": !e.disableStyle && e.size === i(l).DEFAULT,
-          // Border
-          border: e.isOutline,
-          // Shape
-          "rounded-full": e.shape === i(d).CIRCLE,
-          "input-roundness": e.shape === i(d).ROUNDED,
-          // Cursor
-          "cursor-pointer": !e.isDisabled,
-          "cursor-not-allowed": e.isDisabled,
-          // Default color
-          "border-caipira-primary-inverted fill-caipira-primary-inverted": e.variant === i(r).DEFAULT,
-          "bg-transparent color-caipira-primary-inverted hover:bg-caipira-primary-inverted hover:color-caipira-primary hover:fill-white": e.variant === i(r).DEFAULT && e.isOutline,
-          "bg-caipira-primary-inverted color-caipira-primary": e.variant === i(r).DEFAULT && !e.isOutline,
-          // Primary color
-          "fill-caipira-primary": e.variant === i(r).PRIMARY,
-          "bg-transparent border-caipira-blue color-caipira-blue hover:bg-caipira-blue hover:color-caipira-primary hover:fill-white": e.variant === i(r).PRIMARY && e.isOutline,
-          "bg-caipira-blue color-caipira-primary": e.variant === i(r).PRIMARY && !e.isOutline,
-          // Success color
-          "fill-caipira-green": e.variant === i(r).SUCCESS,
-          "bg-transparent border-caipira-green color-caipira-green hover:bg-caipira-green hover:color-caipira-primary hover:fill-white": e.variant === i(r).SUCCESS && e.isOutline,
-          "bg-caipira-green color-caipira-primary": e.variant === i(r).SUCCESS && !e.isOutline,
-          // Warning color
-          "fill-caipira-yellow": e.variant === i(r).WARNING,
-          "bg-transparent border-caipira-yellow color-caipira-yellow hover:bg-caipira-yellow hover:color-caipira-primary hover:fill-white": e.variant === i(r).WARNING && e.isOutline,
-          "bg-caipira-yellow color-caipira-primary": e.variant === i(r).WARNING && !e.isOutline,
-          // Danger color
-          "fill-caipira-red": e.variant === i(r).DANGER,
-          "bg-transparent border-caipira-red color-caipira-red hover:bg-caipira-red hover:color-caipira-primary hover:fill-white": e.variant === i(r).DANGER && e.isOutline,
-          "bg-caipira-red color-caipira-primary": e.variant === i(r).DANGER && !e.isOutline,
-          // Transparent color
-          "transparent-button": e.variant === i(r).TRANSPARENT
-        }, "input-outline inline-flex items-center"]),
-        role: "button",
-        onClick: I
-      }, {
-        default: k(() => [
-          z(t.$slots, "default", {}, void 0, !0),
-          e.icon ? (s(), m(n, {
-            key: 0,
-            ref_key: "iconReference",
-            ref: v,
-            size: e.size,
-            icon: e.icon,
-            "is-outline": e.isOutline,
-            class: c({
-              [e.injectStyle.icon]: !0
-            })
-          }, null, 8, ["size", "icon", "is-outline", "class"])) : u("", !0),
-          e.label && e.type !== i(a).SUBMIT ? (s(), b("span", {
-            key: 1,
-            class: c([{
-              "ml-2": !!e.icon,
-              "text-lg": e.size === i(l).LARGE,
-              "text-sm": e.size === i(l).SMALL,
-              "text-xs": e.size === i(l).EXTRA_SMALL
-            }, "whitespace-nowrap"])
-          }, x(e.label), 3)) : u("", !0),
-          e.type === "file" ? (s(), b("input", {
-            key: 2,
-            multiple: e.multiple,
-            onChange: N,
-            type: "file",
-            ref_key: "fileInput",
-            ref: f,
-            class: "hidden"
-          }, null, 40, F)) : u("", !0)
-        ]),
-        _: 3
-      }, 8, ["type", "href", "value", "to", "disabled", "target", "class"]);
-    };
-  }
-});
-export {
-  Y as _
-};

package/dist/Dropdown.vue_vue_type_script_setup_true_lang-BUcFKrav.js

@@ -1,135 +0,0 @@
-import { defineComponent as T, ref as h, resolveComponent as z, openBlock as r, createElementBlock as a, normalizeClass as w, Fragment as R, renderList as A, toDisplayString as P, withKeys as L, renderSlot as N, normalizeProps as V, mergeProps as E, createBlock as G, createCommentVNode as $, createTextVNode as I } from "vue";
-const O = ["aria-selected", "onKeydown", "onClick"], F = {
-  key: 1,
-  class: "inline-flex items-center input-label"
-}, j = /* @__PURE__ */ T({
-  name: "TDropdown",
-  __name: "Dropdown",
-  props: {
-    items: { default: () => [] },
-    owner: {},
-    multiple: { type: Boolean, default: !1 },
-    isVisible: { type: Boolean, default: !1 },
-    optionMarginClass: { default: "" },
-    optionPaddingClass: { default: "py-2 px-2" },
-    wrapperPaddingClass: { default: "" },
-    optionRoundnessClass: { default: "" },
-    wrapperRoundnessClass: { default: "rounded-md" }
-  },
-  emits: ["change", "end-reached", "created"],
-  setup(H, { expose: D, emit: S }) {
-    const s = H, C = S, i = h(-1), b = h(null), u = h([]), d = h("keyboard"), y = (o = i.value, t = s.items[o], n = void 0) => {
-      n?.stopPropagation(), C("change", {
-        index: o,
-        option: t,
-        hold: n?.ctrlKey ?? !1
-      }), t.action && t.action();
-    }, B = (o) => {
-      if (!s.isVisible)
-        return !1;
-      switch (o.preventDefault(), d.value = "keyboard", o.key) {
-        case "ArrowUp":
-        case "ArrowDown":
-          return x(o);
-        case "Enter":
-          return y();
-      }
-    }, x = (o) => {
-      const t = o.key === "ArrowDown", n = s.items.length;
-      let e = i.value;
-      const l = () => s.items[e] ? "isGroupLabel" in s.items[e] && s.items[e].isGroupLabel : !1, f = () => {
-        e === n - 1 ? e = 0 : e++;
-      }, M = () => {
-        e === 0 ? e = n - 1 : e--;
-      };
-      if (t)
-        do
-          f();
-        while (l());
-      else
-        do
-          M();
-        while (l());
-      e > -1 && e < n && (i.value = e);
-      const v = b.value, k = u.value[i.value], p = k.offsetTop, m = k.offsetHeight, _ = v.offsetHeight, c = v.scrollTop;
-      let g = 0;
-      if (k.focus(), p === 0 || c === 0)
-        g = p - _ + m;
-      else if (t && p + m > _ + c)
-        g = c + m;
-      else if (!t && p < c)
-        g = c - m;
-      else
-        return !0;
-      return v.scroll({ top: g }), !0;
-    }, K = (o) => {
-      const t = o.target, n = u.value[0];
-      !t || !n || t.scrollTop + t.clientHeight + n.offsetHeight >= t.scrollHeight && C("end-reached");
-    };
-    return D({ move: x }), (o, t) => {
-      const n = z("t-icon");
-      return r(), a("ul", {
-        ref_key: "listRef",
-        ref: b,
-        role: "listbox",
-        class: w(["text-left max-h-60 min-w-[12rem] z-10 overflow-y-auto scrollbar select-none floatable", [s.wrapperRoundnessClass, s.wrapperPaddingClass]]),
-        onScrollend: K,
-        onMousemove: t[0] || (t[0] = () => d.value = "mouse"),
-        onKeydown: B
-      }, [
-        o.items.length === 0 ? (r(), a("li", {
-          key: 0,
-          role: "option",
-          "aria-disabled": "true",
-          class: w(["whitespace-nowrap text-gray-400", [
-            s.optionPaddingClass,
-            s.optionMarginClass,
-            s.optionRoundnessClass
-          ]])
-        }, " Nothing here ", 2)) : (r(!0), a(R, { key: 1 }, A(o.items, (e, l) => (r(), a(R, { key: l }, [
-          e.isGroupLabel ? (r(), a("li", {
-            key: 0,
-            class: w(["text-xs font-bold tracking-wider text-neutral-600", [
-              s.optionPaddingClass,
-              s.optionMarginClass,
-              s.optionRoundnessClass
-            ]]),
-            ref_for: !0,
-            ref_key: "itemRefs",
-            ref: u
-          }, P(e.label), 3)) : (r(), a("li", {
-            key: 1,
-            class: w([{
-              "bg-hover": l === i.value && d.value === "keyboard",
-              "hover:bg-hover": d.value === "mouse",
-              [s.optionMarginClass]: !0,
-              [s.optionPaddingClass]: !0,
-              [s.optionRoundnessClass]: !0
-            }, "flex text-base cursor-pointer whitespace-nowrap items-center focus-visible:outline-none"]),
-            role: "option",
-            ref_for: !0,
-            ref_key: "itemRefs",
-            ref: u,
-            tabindex: 0,
-            "aria-selected": l === i.value,
-            onKeydown: L((f) => y(l, e), ["enter"]),
-            onClick: (f) => y(l, e, f)
-          }, [
-            o.$slots.default ? N(o.$slots, "default", V(E({ key: 0 }, e))) : (r(), a("div", F, [
-              e.icon ? (r(), G(n, {
-                key: 0,
-                icon: e.icon,
-                class: "mr-2",
-                size: "xs"
-              }, null, 8, ["icon"])) : $("", !0),
-              I(" " + P(e.label), 1)
-            ]))
-          ], 42, O))
-        ], 64))), 128))
-      ], 34);
-    };
-  }
-});
-export {
-  j as _
-};

package/dist/IconButton.vue_vue_type_script_setup_true_lang-DEL6iIAu.js

@@ -1,106 +0,0 @@
-import { defineComponent as T, getCurrentInstance as k, ref as p, computed as a, resolveComponent as g, openBlock as f, createBlock as U, resolveDynamicComponent as z, normalizeClass as d, unref as o, withCtx as A, renderSlot as N, createVNode as R, createElementBlock as x, createCommentVNode as F } from "vue";
-import { u as w } from "./useDomHelpers-5CFMo6bx.js";
-import { B as t, b as s, c as r, a as M } from "./ui-DtSy-y9T.js";
-import "./Icon.vue_vue_type_script_setup_true_lang-DiRGfOxc.js";
-const O = ["multiple"], H = /* @__PURE__ */ T({
-  name: "TIconButton",
-  __name: "IconButton",
-  props: {
-    to: {},
-    icon: {},
-    href: { default: "" },
-    type: { default: t.BUTTON },
-    size: { default: s.DEFAULT },
-    label: { default: "" },
-    shape: { default: r.ROUNDED },
-    target: { default: void 0 },
-    variant: { default: M.DEFAULT },
-    multiple: { type: Boolean, default: !1 },
-    isOutline: { type: Boolean, default: !1 },
-    isDisabled: { type: Boolean, default: !1 },
-    injectStyle: { default: () => ({ icon: "" }) },
-    disableStyle: { type: Boolean, default: !1 }
-  },
-  emits: ["upload"],
-  setup(m, { expose: y, emit: h }) {
-    const e = m, v = h, i = k(), u = p(), c = p(null), { isPopoverActivator: b, onPopoverActivatorClick: _ } = w(), B = a(() => e.href ? e.href : void 0), D = a(() => {
-      switch (e.type) {
-        case t.LINK:
-          return;
-        case t.FILE:
-          return "button";
-        default:
-          return e.type;
-      }
-    }), E = a(() => e.type === t.SUBMIT ? e.label : void 0), I = a(() => {
-      switch (e.type) {
-        case t.SUBMIT:
-          return "input";
-        case t.LINK:
-          return "a";
-        case t.ROUTER_LINK:
-          return "router-link";
-        default:
-          return "button";
-      }
-    }), S = (n) => {
-      i && b(i) && _(n, i), e.type === t.SUBMIT && n.preventDefault(), e.type === t.FILE && u.value?.click();
-    }, C = (n) => {
-      n.stopPropagation();
-      const l = n.target.files;
-      !l || !l.length || v("upload", l);
-    };
-    return y({ iconReference: c }), (n, L) => {
-      const l = g("t-icon");
-      return f(), U(z(I.value), {
-        type: D.value,
-        href: B.value,
-        value: E.value,
-        to: e.to,
-        disabled: e.isDisabled,
-        target: e.target,
-        class: d([{
-          "opacity-50": e.isDisabled,
-          // Padding
-          "px-1 py-0": !e.disableStyle && e.size === o(s).EXTRA_SMALL,
-          "px-1": !e.disableStyle && e.size === o(s).SMALL,
-          "px-4 py-2 h-10": !e.disableStyle && e.size === o(s).DEFAULT,
-          // Shape
-          "rounded-full": e.shape === o(r).CIRCLE,
-          "input-roundness": e.shape === o(r).ROUNDED,
-          // Cursor
-          "cursor-pointer": !e.isDisabled,
-          "cursor-not-allowed": e.isDisabled
-        }, "input-outline inline-flex items-center justify-center"]),
-        role: "button",
-        onClick: S
-      }, {
-        default: A(() => [
-          N(n.$slots, "default"),
-          R(l, {
-            ref_key: "iconReference",
-            ref: c,
-            size: e.size,
-            icon: e.icon,
-            class: d({
-              [e.injectStyle.icon]: !0
-            })
-          }, null, 8, ["size", "icon", "class"]),
-          e.type === "file" ? (f(), x("input", {
-            key: 0,
-            multiple: e.multiple,
-            onChange: C,
-            type: "file",
-            ref_key: "fileInput",
-            ref: u,
-            class: "hidden"
-          }, null, 40, O)) : F("", !0)
-        ]),
-        _: 3
-      }, 8, ["type", "href", "value", "to", "disabled", "target", "class"]);
-    };
-  }
-});
-export {
-  H as _
-};

package/dist/InputSelect.vue_vue_type_script_setup_true_lang-ByRPZrIg.js

@@ -1,216 +0,0 @@
-import { defineComponent as ue, ref as p, inject as re, computed as R, onBeforeMount as ce, onBeforeUnmount as pe, watch as A, resolveComponent as b, openBlock as u, createElementBlock as d, normalizeClass as k, unref as K, createElementVNode as I, withKeys as de, renderSlot as g, normalizeProps as V, mergeProps as j, Fragment as _, renderList as M, guardReactiveProps as U, createBlock as H, toDisplayString as fe, createCommentVNode as N, withDirectives as me, vModelText as ve, createVNode as P, withCtx as q, createSlots as ye, nextTick as be } from "vue";
-import { u as he } from "./useDomHelpers-5CFMo6bx.js";
-import { b as we, E as ke } from "./ui-DtSy-y9T.js";
-const ge = { key: 1 }, Ve = ["placeholder", "disabled", "readonly"], _e = { class: "flex w-full justify-between items-center" }, Se = { class: "flex items-center" };
-let xe = 0;
-const Re = /* @__PURE__ */ ue({
-  name: "TInputSelect",
-  __name: "InputSelect",
-  props: {
-    size: { default: we.DEFAULT },
-    options: { default: () => [] },
-    mapper: { type: Function, default: (f) => ({ value: f.id ?? f.uuid, label: f }) },
-    filter: { type: Function, default: (f, S) => S.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
-    tooltip: { default: "" },
-    disabled: { type: Boolean },
-    resource: {},
-    multiple: { type: Boolean, default: !1 },
-    identifier: { default: "id" },
-    modelValue: {},
-    placeholder: { default: "" },
-    initialValue: {},
-    disableStyle: { type: Boolean, default: !1 },
-    isSearchable: { type: Boolean, default: !1 },
-    dropdownPlacement: { default: ke.BOTTOM }
-  },
-  emits: ["update:model-value"],
-  setup(f, { emit: S }) {
-    const l = f;
-    let x = !1, h, T = "";
-    const G = S, J = `checkbox_${++xe}`, r = p(""), a = p([]), $ = p(null), D = re("formStyle", { label: "", input: "" }), C = p(null), n = p(!1), L = p(null), o = p([]), { wasClickOutsideOfContainer: Q } = he(), c = p(null), B = R(() => o.value.length > 0), O = R(() => l.isSearchable && n.value), v = R(() => typeof l.resource == "function"), W = (e) => !l.multiple || !l.modelValue || !Array.isArray(l.modelValue) ? !1 : l.modelValue.includes(e.option[l.identifier]), X = (e = l.modelValue) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), Y = (e) => {
-      G("update:model-value", e);
-    }, m = (e = l.modelValue) => {
-      if (X(e))
-        if (l.multiple)
-          Array.isArray(e) && (o.value = e.map(
-            (t) => E(t)
-          ).filter((t) => t > -1));
-        else {
-          const t = E(e);
-          ~t && (o.value = [t]);
-        }
-    }, z = (e) => {
-      n.value = !n.value, n.value && O.value && be(() => {
-        $.value?.focus();
-      }), e.stopPropagation();
-    }, E = (e) => a.value.findIndex(
-      (t) => t.value === e
-    ), F = (e) => {
-      C.value && Q(e, C.value) && (n.value = !1);
-    }, w = async (e = !1) => {
-      if (!l.resource)
-        return;
-      const t = {
-        t: r.value,
-        r: "option"
-      };
-      e && c.value && c.value.pages > c.value.page ? t.page = c.value.page + 1 : e = !1, !r.value && l.modelValue && (t.i = l.modelValue);
-      const i = await l.resource(t);
-      e ? a.value.push(...i.items.map(l.mapper)) : a.value = i.items.map(l.mapper), c.value = i.pagination, !v.value && r.value && m(r.value);
-    }, Z = () => {
-      T !== r.value && (h && (clearTimeout(h), h = null), h = setTimeout(() => {
-        T = r.value, v.value ? (n.value || (n.value = !0), w()) : l.isSearchable && (a.value = l.options.filter(
-          (e) => l.filter(r.value, e)
-        ));
-      }, 500));
-    }, ee = () => {
-      n.value = !1;
-    }, le = (e) => {
-      n.value = !1, e.stopPropagation();
-    }, te = ({
-      index: e,
-      hold: t
-    }) => {
-      if (x = !0, l.multiple) {
-        const i = o.value.findIndex(
-          (y) => y === e
-        );
-        ~i ? o.value.splice(i, 1) : o.value.push(e);
-      } else
-        o.value = [e];
-      (!l.multiple || !t) && (n.value = !1);
-    }, oe = () => {
-      v.value && c.value && c.value.pages > c.value.page && w(!0);
-    }, ae = async (e) => {
-      switch (e.key) {
-        case "ArrowDown":
-          L.value?.move(e);
-          break;
-      }
-    };
-    return ce(async () => {
-      v.value ? (await w(), m()) : l.options.length > 0 && (a.value = l.options), !l.modelValue && l.initialValue ? m(l.initialValue) : m(l.modelValue), document.addEventListener("click", F);
-    }), pe(() => {
-      document.removeEventListener("click", F);
-    }), A(
-      () => l.modelValue,
-      async (e) => {
-        e && (E(e) < 0 && v.value && await w(), m(e));
-      }
-    ), A(
-      o,
-      (e) => {
-        const t = l.multiple ? a.value.filter(
-          (i, y) => o.value.includes(y)
-        ).map((i) => i.value) : a.value[o.value[0]].value;
-        x && (x = !1, Y(t));
-      },
-      { deep: !0 }
-    ), A(
-      () => l.options,
-      (e) => {
-        e.length > 0 && (a.value = e, l.modelValue && o.value.length === 0 && m(l.modelValue));
-      }
-    ), (e, t) => {
-      const i = b("t-tag"), y = b("t-icon-button"), ne = b("t-icon"), ie = b("t-dropdown"), se = b("t-popover");
-      return u(), d("div", {
-        class: k({ [K(D).input]: !l.disableStyle })
-      }, [
-        I("div", {
-          ref_key: "wrapperRef",
-          ref: C,
-          class: k([{
-            "h-9": !l.disableStyle && !l.multiple,
-            "min-h-9": !l.disableStyle && l.multiple,
-            "text-left select-none input-bg-color input-text-color border input-border input-roundness": !l.disableStyle,
-            [K(D).input]: !l.disableStyle
-          }, "inline-flex justify-between items-center w-full text-left"]),
-          role: "button",
-          onClick: z,
-          onBlur: ee,
-          onKeyup: de(le, ["esc"])
-        }, [
-          O.value ? me((u(), d("input", {
-            key: 1,
-            "onUpdate:modelValue": t[0] || (t[0] = (s) => r.value = s),
-            type: "text",
-            ref_key: "inputRef",
-            ref: $,
-            placeholder: l.placeholder,
-            disabled: l.disabled,
-            readonly: !l.isSearchable,
-            class: k([{ "cursor-pointer": !l.isSearchable }, "w-full h-9 bg-transparent input-padding input-roundness input-outline"]),
-            onClick: t[1] || (t[1] = (s) => s.stopPropagation()),
-            onInput: Z,
-            onKeydown: ae
-          }, null, 42, Ve)), [
-            [ve, r.value]
-          ]) : (u(), d("div", {
-            key: 0,
-            class: k(["flex items-center ml-2", {
-              "overflow-hidden whitespace-nowrap": !l.multiple,
-              "flex-wrap": l.multiple
-            }])
-          }, [
-            e.$slots.selection && B.value ? g(e.$slots, "selection", V(j({ key: 0 }, a.value[o.value[0]].label))) : e.$slots.default && B.value ? (u(), d(_, { key: 1 }, [
-              l.multiple ? (u(!0), d(_, { key: 0 }, M(o.value, (s) => g(e.$slots, "default", V(U(a.value[s].label)))), 256)) : g(e.$slots, "default", V(j({ key: 1 }, a.value[o.value[0]].label)))
-            ], 64)) : B.value ? (u(), d(_, { key: 2 }, [
-              l.multiple ? (u(!0), d(_, { key: 0 }, M(o.value, (s) => (u(), H(i, {
-                key: s,
-                text: a.value[s].label,
-                color: "#6e6e6e"
-              }, null, 8, ["text"]))), 128)) : (u(), d("span", ge, fe(a.value[o.value[0]]?.label), 1))
-            ], 64)) : N("", !0)
-          ], 2)),
-          P(y, {
-            "disable-style": !0,
-            class: "h-9",
-            icon: n.value === !0 ? "chevron-up" : "chevron-down",
-            onClick: z
-          }, null, 8, ["icon"])
-        ], 34),
-        P(se, {
-          placement: l.dropdownPlacement,
-          "is-visible": n.value
-        }, {
-          content: q(() => [
-            P(ie, {
-              ref_key: "dropdownRef",
-              ref: L,
-              owner: J,
-              items: a.value,
-              "is-visible": n.value,
-              multiple: l.multiple,
-              class: "fixed",
-              "aria-describedby": "tooltip",
-              onChange: te,
-              onEndReached: oe
-            }, ye({ _: 2 }, [
-              e.$slots.default ? {
-                name: "default",
-                fn: q((s) => [
-                  I("div", _e, [
-                    I("div", Se, [
-                      g(e.$slots, "default", V(U(s.label)))
-                    ]),
-                    W(s) ? (u(), H(ne, {
-                      key: 0,
-                      icon: "check",
-                      size: "sm",
-                      class: "float-right ml-2"
-                    })) : N("", !0)
-                  ])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["items", "is-visible", "multiple"])
-          ]),
-          _: 3
-        }, 8, ["placement", "is-visible"])
-      ], 2);
-    };
-  }
-});
-export {
-  Re as _
-};