@caipira/tamandua 0.0.66 → 0.0.68

package/dist/{InputPrice.vue_vue_type_script_setup_true_lang-R3kHhxN2.js → InputPrice.vue_vue_type_script_setup_true_lang-9UZ7YqAf.js}

@@ -23,11 +23,11 @@ const _ = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ a(["keyup", "blur"], ["update:modelValue"]),
-  setup(r, { emit: n }) {
-    const e = b(r, "modelValue"), u = n, i = r, p = (o) => ({
+  setup(r, { emit: l }) {
+    const e = b(r, "modelValue"), n = l, i = r, d = (o) => ({
       label: o.symbol,
       value: o.iso
-    }), d = (o, t) => {
+    }), p = (o, t) => {
       if (t === void 0) {
         e.value = { ...e.value };
         return;
@@ -39,26 +39,26 @@ const _ = {
         iso: o
       };
     }, m = (o) => {
-      const l = o.target.value;
+      const u = o.target.value;
       e.value = {
         ...e.value,
-        value: _.inputToPriceNumber(l)
+        value: _.inputToPriceNumber(u)
       };
     };
-    return f(e, d, { immediate: !0 }), (o, t) => {
-      const l = g("t-input-select");
+    return f(e, p, { immediate: !0 }), (o, t) => {
+      const u = g("t-input-select");
       return x(), y("div", h, [
-        I(l, {
+        I(u, {
           modelValue: e.value.iso,
           "onUpdate:modelValue": [
             t[0] || (t[0] = (s) => e.value.iso = s),
             c
           ],
           resource: i.resource,
-          mapper: p,
+          mapper: d,
           "width-class": "w-20",
           "border-class": "border-t border-r border-b input-border",
-          "roundness-class": ""
+          "roundness-class": "rounded-l-[var(--input-radius)]"
         }, null, 8, ["modelValue", "resource"]),
         N(M("input", {
           "onUpdate:modelValue": t[1] || (t[1] = (s) => e.value.value = s),
@@ -66,8 +66,8 @@ const _ = {
           class: "w-full h-full input-bg-color input-text-color input-outline input-roundness input-padding",
           disabled: i.disabled,
           onInput: m,
-          onKeyup: t[2] || (t[2] = (s) => u("keyup", s)),
-          onBlur: t[3] || (t[3] = (s) => u("blur", s))
+          onKeyup: t[2] || (t[2] = (s) => n("keyup", s)),
+          onBlur: t[3] || (t[3] = (s) => n("blur", s))
         }, null, 40, k), [
           [P, e.value.value]
         ])

package/dist/InputRadio.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./InputRadio.vue_vue_type_style_index_0_lang-n0nJwz8x.js";
-import { p as t } from "./plugin-Do2-cqMT.js";
+import { _ as a } from "./InputRadio.vue_vue_type_style_index_0_lang-DlTO78_z.js";
+import { p as t } from "./plugin-DXPEO1fb.js";
 export {
   a as InputRadio,
   t as InputRadioPlugin

package/dist/InputRadio.vue_vue_type_style_index_0_lang-DlTO78_z.js

@@ -0,0 +1,35 @@
+import './InputRadio.css';
+import { defineComponent as p, inject as r, openBlock as m, createElementBlock as u, createElementVNode as o, unref as a, toDisplayString as b } from "vue";
+const v = { class: "h-9 inline-flex items-center" }, h = ["value", "name", "disabled", "checked"];
+let f = 0;
+const g = /* @__PURE__ */ p({
+  name: "TInputRadio",
+  __name: "InputRadio",
+  props: {
+    value: {},
+    label: {}
+  },
+  setup(t) {
+    const i = `radio_${++f}`, c = r("name", ""), e = t, l = r("model", ""), d = r("change", () => {
+    }), s = r("disabled", !1);
+    return (_, n) => (m(), u("div", v, [
+      o("input", {
+        value: e.value,
+        name: a(c),
+        id: i,
+        disabled: a(s),
+        checked: e.value === a(l),
+        type: "radio",
+        class: "form-radio w-5 h-5 border border-[var(--caipira-primary-inverted)] checked:hover:border-caipira-primary-inverted checked:focus:border-caipira-primary-inverted checked:border-caipira-primary-inverted input-outline focus:input-outline bg-caipira-primary color-caipira-primary",
+        onChange: n[0] || (n[0] = (y) => a(d)(e.value))
+      }, null, 40, h),
+      o("label", {
+        class: "cursor-pointer pl-2 mr-3 input-label",
+        for: i
+      }, b(e.label), 1)
+    ]));
+  }
+});
+export {
+  g as _
+};

package/dist/InputSelect.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-BuO105oW.js";
-import { p as r } from "./plugin-DPAnsB4s.js";
+import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-Dy5fjzHK.js";
+import { p as r } from "./plugin-DNJyBcDk.js";
 export {
   p as InputSelect,
   r as InputSelectPlugin

package/dist/InputSelect.vue_vue_type_script_setup_true_lang-Dy5fjzHK.js

@@ -0,0 +1,232 @@
+import { defineComponent as ue, mergeModels as O, useModel as se, ref as c, computed as E, onBeforeMount as ie, watch as I, resolveComponent as g, openBlock as i, createBlock as D, normalizeClass as x, withCtx as R, createElementVNode as N, withDirectives as K, createElementBlock as d, vModelText as re, createCommentVNode as z, createVNode as U, renderSlot as k, normalizeProps as _, mergeProps as M, Fragment as V, renderList as q, guardReactiveProps as G, toDisplayString as H, vShow as pe, createSlots as ce, createTextVNode as de, nextTick as fe } from "vue";
+import { a as ve, E as me } from "./ui-J-lhC9qd.js";
+const ye = ["placeholder", "disabled", "readonly"], he = { key: 1 }, we = {
+  key: 0,
+  class: "inline-flex w-full justify-between items-center"
+}, be = {
+  key: 1,
+  class: "inline-flex items-center"
+}, _e = /* @__PURE__ */ ue({
+  name: "TInputSelect",
+  __name: "InputSelect",
+  props: /* @__PURE__ */ O({
+    size: { default: ve.Default },
+    options: { default: () => [] },
+    mapper: { type: Function, default: (f) => ({
+      value: f.id ?? f.uuid,
+      label: f
+    }) },
+    filter: { type: Function, default: (f, T) => T.label.toLowerCase().indexOf(f.toLowerCase()) >= 0 },
+    tooltip: { default: "" },
+    disabled: { type: Boolean },
+    resource: {},
+    multiple: { type: Boolean, default: !1 },
+    placeholder: { default: "" },
+    initialValue: {},
+    isSearchable: { type: Boolean, default: !1 },
+    dropdownPlacement: { default: me.BOTTOM_START },
+    widthClass: { default: "w-full" },
+    borderClass: { default: "border input-border" },
+    roundnessClass: { default: "input-roundness" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ O(["update:model-value"], ["update:modelValue"]),
+  setup(f, { emit: T }) {
+    const l = f;
+    let B = !1, S, P = "";
+    const J = T, u = se(f, "modelValue"), o = c([]), p = c(""), j = c(null), F = c(), s = c(!1), L = c(null), a = c([]), $ = c(!1), v = c(null), h = E(() => a.value.length > 0), m = E(() => l.isSearchable && s.value), w = E(() => typeof l.resource == "function"), Q = (e) => !l.multiple || !u.value || !Array.isArray(u.value) ? !1 : u.value.includes(e.value), W = (e = u.value) => !(e === void 0 || e === "" || Array.isArray(e) && e.length === 0), X = (e) => {
+      J("update:model-value", e);
+    }, y = (e = u.value) => {
+      if (W(e))
+        if (l.multiple)
+          Array.isArray(e) && (a.value = e.map(
+            (t) => A(t)
+          ).filter((t) => t > -1));
+        else {
+          const t = A(e);
+          ~t && (a.value = [t]);
+        }
+    }, Y = async (e) => {
+      e.target.nodeName === "svg" && e.stopPropagation(), s.value = !s.value, s.value && m.value && fe(() => {
+        j.value?.focus();
+      });
+    }, A = (e) => o.value.findIndex(
+      (t) => t.value === e
+    ), C = async (e = !1) => {
+      if (!l.resource)
+        return;
+      $.value = !0;
+      const t = {
+        t: p.value,
+        r: "option"
+      };
+      e && v.value && v.value.pages > v.value.page ? t.page = v.value.page + 1 : e = !1, !p.value && u.value && (t.i = u.value);
+      const r = await l.resource(t);
+      e ? o.value.push(...r.items.map(l.mapper)) : o.value = r.items.map(l.mapper), v.value = r.pagination, !w.value && p.value && y(p.value), $.value = !1;
+    }, Z = () => {
+      !p.value || P === p.value || (S && (clearTimeout(S), S = null), S = setTimeout(() => {
+        P = p.value, w.value ? (s.value || (s.value = !0), C()) : l.isSearchable && (o.value = l.options.filter(
+          (e) => l.filter(p.value, e)
+        ));
+      }, 500));
+    }, ee = ({
+      index: e,
+      hold: t
+    }) => {
+      if (B = !0, l.multiple) {
+        const r = a.value.findIndex(
+          (b) => b === e
+        );
+        ~r ? a.value.splice(r, 1) : a.value.push(e);
+      } else
+        a.value = [e];
+      (!l.multiple || !t) && (s.value = !1);
+    }, le = () => {
+      w.value && v.value && v.value.pages > v.value.page && C(!0);
+    }, te = async (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          L.value?.move(e);
+          break;
+        case "Escape":
+          s.value = !1;
+          break;
+      }
+    };
+    return ie(async () => {
+      w.value ? (await C(), y()) : l.options.length > 0 && (o.value = l.options), !u.value && l.initialValue ? y(l.initialValue) : y(u.value);
+    }), I(
+      () => u.value,
+      async (e) => {
+        e && (A(e) < 0 && w.value && await C(), y(e));
+      }
+    ), I(
+      a,
+      (e) => {
+        const t = l.multiple ? o.value.filter(
+          (r, b) => a.value.includes(b)
+        ).map((r) => r.value) : o.value[a.value[0]].value;
+        B && (B = !1, X(t));
+      },
+      { deep: !0 }
+    ), I(
+      () => l.options,
+      (e) => {
+        e.length > 0 && (o.value = e, u.value && a.value.length === 0 && y(u.value));
+      }
+    ), (e, t) => {
+      const r = g("t-tag"), b = g("t-button"), ae = g("t-icon"), oe = g("t-dropdown"), ne = g("t-popover");
+      return i(), D(ne, {
+        open: s.value,
+        "onUpdate:open": t[1] || (t[1] = (n) => s.value = n),
+        placement: l.dropdownPlacement,
+        class: x([l.widthClass]),
+        ref_key: "popoverRef",
+        ref: F
+      }, {
+        default: R(() => [
+          N("div", {
+            class: x([{
+              "h-9": !l.multiple,
+              "h-full *:min-h-9": l.multiple,
+              [l.borderClass]: !0,
+              [l.roundnessClass]: !0
+            }, "flex justify-between items-center w-full max-w-96 input-text-color select-none input-bg-color"])
+          }, [
+            m.value ? K((i(), d("input", {
+              key: 0,
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => p.value = n),
+              type: "text",
+              ref_key: "inputRef",
+              ref: j,
+              placeholder: l.placeholder,
+              disabled: l.disabled,
+              readonly: !l.isSearchable,
+              class: "h-9 bg-transparent input-padding input-roundness input-outline w-full",
+              onInput: Z,
+              onKeydown: te
+            }, null, 40, ye)), [
+              [re, p.value]
+            ]) : z("", !0),
+            U(b, {
+              variant: "transparent",
+              size: "",
+              class: x(["h-full", {
+                "w-full justify-end pr-2": !m.value && !h.value,
+                "w-full justify-between pr-2": !m.value && h.value,
+                "w-10 justify-center": m.value
+              }]),
+              "aria-describedby": F.value?.name,
+              icon: s.value === !0 ? "chevron-up" : "chevron-down",
+              "icon-position": m.value ? "left" : "right",
+              hover: !1,
+              onClick: Y
+            }, {
+              default: R(() => [
+                K(N("div", {
+                  class: x(["inline-flex items-center ml-2 max-w-[calc(100%-2.5rem)]", {
+                    "overflow-hidden whitespace-nowrap": !l.multiple,
+                    "flex-wrap gap-2 py-1": l.multiple
+                  }])
+                }, [
+                  e.$slots.selection && h.value ? k(e.$slots, "selection", _(M({ key: 0 }, o.value[a.value[0]]))) : e.$slots.default && h.value ? (i(), d(V, { key: 1 }, [
+                    l.multiple ? (i(!0), d(V, { key: 0 }, q(a.value, (n) => k(e.$slots, "default", _(G(o.value[n])))), 256)) : k(e.$slots, "default", _(M({ key: 1 }, o.value[a.value[0]])))
+                  ], 64)) : h.value ? (i(), d(V, { key: 2 }, [
+                    l.multiple ? (i(!0), d(V, { key: 0 }, q(a.value, (n) => (i(), D(r, {
+                      key: n,
+                      text: o.value[n]?.label,
+                      color: "#6e6e6e"
+                    }, null, 8, ["text"]))), 128)) : (i(), d("span", he, H(o.value[a.value[0]]?.label), 1))
+                  ], 64)) : z("", !0)
+                ], 2), [
+                  [pe, !m.value]
+                ])
+              ]),
+              _: 3
+            }, 8, ["aria-describedby", "class", "icon", "icon-position"])
+          ], 2)
+        ]),
+        content: R(() => [
+          U(oe, {
+            ref_key: "dropdownRef",
+            ref: L,
+            items: o.value,
+            "is-visible": s.value,
+            multiple: l.multiple,
+            loading: $.value,
+            "option-margin-class": "m-1",
+            "option-padding-class": "py-2 px-3",
+            onChange: ee,
+            onEndReached: le
+          }, ce({ _: 2 }, [
+            e.$slots.default || l.multiple ? {
+              name: "default",
+              fn: R((n) => [
+                l.multiple ? (i(), d("div", we, [
+                  e.$slots.default ? k(e.$slots, "default", _(M({ key: 0 }, n))) : (i(), d(V, { key: 1 }, [
+                    de(H(n.label), 1)
+                  ], 64)),
+                  Q(n) ? (i(), D(ae, {
+                    key: 2,
+                    icon: "check",
+                    size: "sm",
+                    class: "float-right ml-2"
+                  })) : z("", !0)
+                ])) : (i(), d("div", be, [
+                  k(e.$slots, "default", _(G(n)))
+                ]))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["items", "is-visible", "multiple", "loading"])
+        ]),
+        _: 3
+      }, 8, ["open", "placement", "class"]);
+    };
+  }
+});
+export {
+  _e as _
+};

package/dist/InputSwitch.js

@@ -1,5 +1,5 @@
-import { _ as o } from "./InputSwitch.vue_vue_type_script_setup_true_lang-CgE_12vY.js";
-import { p as i } from "./plugin-B63n9_uc.js";
+import { _ as o } from "./InputSwitch.vue_vue_type_script_setup_true_lang-BVGfQFZh.js";
+import { p as i } from "./plugin-hQ-aWPlo.js";
 export {
   o as InputSwitch,
   i as InputSwitchPlugin

package/dist/{InputSwitch.vue_vue_type_script_setup_true_lang-CgE_12vY.js → InputSwitch.vue_vue_type_script_setup_true_lang-BVGfQFZh.js}

@@ -1,4 +1,4 @@
-import { defineComponent as b, ref as v, watch as f, openBlock as r, createElementBlock as i, createElementVNode as t, normalizeClass as o, withDirectives as h, vModelCheckbox as k, toDisplayString as w, createCommentVNode as y } from "vue";
+import { defineComponent as b, ref as v, watch as f, openBlock as r, createElementBlock as i, createElementVNode as o, normalizeClass as t, withDirectives as h, vModelCheckbox as k, toDisplayString as w, createCommentVNode as y } from "vue";
 const g = ["disabled"];
 let V = 0;
 const B = /* @__PURE__ */ b({
@@ -22,16 +22,17 @@ const B = /* @__PURE__ */ b({
       },
       { immediate: !0 }
     ), (l, n) => (r(), i("div", null, [
-      t("div", {
-        class: o(["relative inline-block w-12 mr-2 align-middle select-none", {
+      o("div", {
+        class: t(["relative inline-block w-12 mr-2 align-middle select-none", {
           "rounded-full": !e.value
         }])
       }, [
-        h(t("input", {
+        h(o("input", {
           "onUpdate:modelValue": n[0] || (n[0] = (m) => e.value = m),
           type: "checkbox",
-          class: o(["absolute block w-6 h-6 rounded-full appearance-none cursor-pointer bg-caipira-primary input-outline border input-border", {
-            "right-0": e.value
+          class: t(["absolute block w-6 h-6 rounded-full appearance-none cursor-pointer bg-caipira-primary input-outline border-2", {
+            "right-0 border-[var(--caipira-primary-inverted)]": e.value,
+            "input-border": !e.value
           }]),
           name: a,
           id: a,
@@ -40,11 +41,11 @@ const B = /* @__PURE__ */ b({
         }, null, 42, g), [
           [k, e.value]
         ]),
-        t("label", {
+        o("label", {
           for: a,
-          class: o([{
+          class: t([{
             "bg-caipira-primary-inverted": e.value,
-            "bg-caipira-tertiary": !e.value
+            "bg-[var(--unfocused-bg-color)]": !e.value
           }, "block overflow-hidden h-6 rounded-full cursor-pointer"])
         }, null, 2)
       ], 2),

package/dist/Modal.js

@@ -1,5 +1,5 @@
-import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-DiUI27HX.js";
-import { p } from "./plugin-dX-bbpm5.js";
+import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-BvUk8ebI.js";
+import { p } from "./plugin-n_PnyR3n.js";
 export {
   r as Modal,
   p as ModalPlugin

package/dist/{Modal.vue_vue_type_script_setup_true_lang-DiUI27HX.js → Modal.vue_vue_type_script_setup_true_lang-BvUk8ebI.js}

@@ -1,5 +1,5 @@
 import { defineComponent as m, ref as y, onMounted as b, resolveComponent as h, openBlock as o, createElementBlock as l, normalizeClass as a, withKeys as _, createBlock as k, createCommentVNode as s, createElementVNode as c, createVNode as v, toDisplayString as w, renderSlot as n } from "vue";
-import { _ as S } from "./Backdrop.vue_vue_type_script_setup_true_lang-OaEBTmYK.js";
+import { _ as S } from "./Backdrop.vue_vue_type_script_setup_true_lang-Dyo6_-EM.js";
 const x = {
   key: 0,
   class: "p-4 border-b border-color"

package/dist/Pagination.js

@@ -1,5 +1,5 @@
-import { _ as i } from "./Pagination.vue_vue_type_script_setup_true_lang-BB6dLKpi.js";
-import { p as r } from "./plugin-DxG6Hhao.js";
+import { _ as i } from "./Pagination.vue_vue_type_script_setup_true_lang-BCQUrEVO.js";
+import { p as r } from "./plugin-jyvJNavM.js";
 export {
   i as Pagination,
   r as PaginationPlugin

package/dist/Pagination.vue_vue_type_script_setup_true_lang-BCQUrEVO.js

@@ -0,0 +1,110 @@
+import { defineComponent as $, mergeModels as V, useModel as x, ref as B, computed as o, resolveComponent as m, openBlock as i, createElementBlock as d, normalizeClass as L, createElementVNode as v, toDisplayString as M, createCommentVNode as f, createVNode as h, Fragment as S, renderList as z, createBlock as b } from "vue";
+const N = { key: 0 }, j = { class: "flex flex-wrap justify-end gap-6" }, D = { class: "h-9 flex" }, F = /* @__PURE__ */ $({
+  name: "TPagination",
+  __name: "Pagination",
+  props: /* @__PURE__ */ V({
+    disabled: { type: Boolean, default: !1 },
+    displayClass: { default: "flex gap-6 flex-col sm:flex-row items-end sm:items-center justify-end sm:justify-between" },
+    hasPageSize: { type: Boolean, default: !0 },
+    pageLengths: { default: () => [12, 18, 24, 30, 36, 42] },
+    showDescription: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {
+      default: {
+        page: 1,
+        pages: 1,
+        perPage: 12
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(c) {
+    const u = c, e = x(c, "modelValue"), g = B(e.value.perPage ?? 12), P = o(() => e.value.page === 1), k = o(
+      () => e.value.page === e.value.pages
+    ), y = o(() => {
+      const a = e.value.pages || 1, t = e.value.page || 1, n = [], p = Math.max(2, t - 2), l = Math.min(a - 1, t + 2);
+      a > 1 && n.push(1);
+      for (let s = p; s <= l; s++)
+        s > 1 && s < a && n.push(s);
+      return a > 1 && n.push(a), n;
+    }), C = o(() => u.pageLengths.map((a) => ({
+      label: `${a} / page`,
+      value: a
+    }))), w = o(() => {
+      if ("items" in e.value && "skip" in e.value && "items" in e.value) {
+        const a = e.value.skip + 1, t = e.value.skip + e.value.items, n = e.value.totalItems;
+        return `Showing ${a} to ${t} of ${n} entries`;
+      }
+      return `Page ${e.value.page} of ${e.value.pages}`;
+    }), r = (a) => {
+      a === e.value.page || a < 1 || a > e.value.pages || (e.value = {
+        ...e.value,
+        page: a
+      });
+    }, _ = (a) => {
+      a !== e.value.perPage && (e.value = {
+        ...e.value,
+        perPage: a,
+        page: 1
+      });
+    };
+    return (a, t) => {
+      const n = m("t-button"), p = m("t-input-select");
+      return i(), d("div", {
+        class: L(["select-none", [u.displayClass]])
+      }, [
+        v("div", null, [
+          a.showDescription ? (i(), d("p", N, M(w.value), 1)) : f("", !0)
+        ]),
+        v("div", j, [
+          v("div", D, [
+            h(n, {
+              variant: "transparent",
+              label: "Previous",
+              icon: "chevron-left",
+              hover: !0,
+              "disable-style": !0,
+              disabled: P.value,
+              onClick: t[0] || (t[0] = (l) => r(e.value.page - 1))
+            }, null, 8, ["disabled"]),
+            (i(!0), d(S, null, z(y.value, (l) => (i(), b(n, {
+              variant: "transparent",
+              hover: !0,
+              label: `${l}`,
+              outline: l === e.value.page,
+              bold: l === e.value.page,
+              disabled: l === e.value.page,
+              onClick: (s) => r(l)
+            }, null, 8, ["label", "outline", "bold", "disabled", "onClick"]))), 256)),
+            h(n, {
+              variant: "transparent",
+              label: "Next",
+              icon: "chevron-right",
+              "icon-position": "right",
+              hover: !0,
+              disabled: k.value,
+              onClick: t[1] || (t[1] = (l) => r(e.value.page + 1))
+            }, null, 8, ["disabled"])
+          ]),
+          u.hasPageSize ? (i(), b(p, {
+            key: 0,
+            modelValue: g.value,
+            "onUpdate:modelValue": [
+              t[2] || (t[2] = (l) => g.value = l),
+              _
+            ],
+            "width-class": "",
+            class: "w-fit min-w-32",
+            "dropdown-placement": "top",
+            disabled: a.disabled,
+            options: C.value
+          }, null, 8, ["modelValue", "disabled", "options"])) : f("", !0)
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  F as _
+};

package/dist/Popover-Bq_SpOWb.js

@@ -0,0 +1,73 @@
+import './Popover.css';
+import { defineComponent as w, mergeModels as B, useModel as E, ref as n, computed as u, onBeforeMount as P, onBeforeUnmount as M, openBlock as c, createElementBlock as d, renderSlot as m, normalizeProps as v, guardReactiveProps as g, normalizeStyle as x, unref as z, normalizeClass as O, createCommentVNode as R } from "vue";
+import { u as T } from "./useDomHelpers-CGVrQd35.js";
+import { d as S, E as $ } from "./ui-J-lhC9qd.js";
+import { o as L, s as W, a as I, u as U, b as j } from "./floating-ui.vue-B5QcGNjh.js";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+let D = 0;
+const F = /* @__PURE__ */ w({
+  name: "TPopover",
+  __name: "Popover",
+  props: /* @__PURE__ */ B({
+    trigger: { default: S.CLICK },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: $.BOTTOM },
+    slotWrapperClasses: { default: "input-roundness" },
+    width: { default: "auto" }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(s, { expose: C }) {
+    const t = E(s, "open"), r = s, a = `popover_${++D}`, l = n(), y = u(() => r.placement), o = n(), { wasClickOutsideOfContainer: _ } = T(), b = u(
+      () => o.value?.firstChild?.nextElementSibling
+    ), k = n([
+      L(5),
+      W({
+        apply({ elements: e }) {
+          if (r.width === "static")
+            return;
+          const f = e.reference.getBoundingClientRect();
+          Object.assign(e.floating.style, {
+            minWidth: `${f.width}px`
+          });
+        }
+      }),
+      I({ crossAxis: !0 })
+    ]), { floatingStyles: h } = U(b, l, {
+      open: t,
+      placement: y,
+      middleware: k,
+      whileElementsMounted: j
+    }), i = (e = !t.value) => {
+      t.value = e;
+    }, p = (e) => t.value && o.value && _(e, o.value) ? (t.value = !1, !1) : !0;
+    return P(() => {
+      document.addEventListener("click", p);
+    }), M(() => {
+      document.removeEventListener("click", p);
+    }), C({ name: a }), (e, f) => (c(), d("div", {
+      ref_key: "wrapperRef",
+      ref: o
+    }, [
+      m(e.$slots, "default", v(g({ onTogglePopover: i })), void 0, !0),
+      t.value ? (c(), d("div", {
+        key: 0,
+        ref_key: "floating",
+        ref: l,
+        role: "tooltip",
+        id: a,
+        style: x(z(h)),
+        class: O(["popover-floatable bg-caipira-primary z-10", {
+          [r.slotWrapperClasses]: !0
+        }])
+      }, [
+        m(e.$slots, "content", v(g({ onTogglePopover: i })), void 0, !0)
+      ], 6)) : R("", !0)
+    ], 512));
+  }
+}), q = /* @__PURE__ */ A(F, [["__scopeId", "data-v-4fbb6f53"]]);
+export {
+  q as P
+};

package/dist/Popover.css

@@ -0,0 +1 @@
+.popover-floatable[data-v-4fbb6f53]{scrollbar-gutter:stable}

package/dist/Popover.js

@@ -1,5 +1,5 @@
-import { _ as p } from "./Popover.vue_vue_type_script_setup_true_lang-DoSN5ymu.js";
-import { p as P } from "./plugin-ColpxTKB.js";
+import { P as p } from "./Popover-Bq_SpOWb.js";
+import { p as P } from "./plugin-RTst32IC.js";
 export {
   p as Popover,
   P as PopoverPlugin