@caipira/tamandua 0.0.3 → 0.0.5

package/dist/InputPrice.vue_vue_type_script_setup_true_lang-Zi-JuhSl.js

@@ -0,0 +1,63 @@
+import { defineComponent as w, ref as a, inject as x, onBeforeMount as C, watch as g, resolveComponent as i, openBlock as U, createElementBlock as j, normalizeClass as B, unref as I, createVNode as p, mergeProps as m } from "vue";
+const $ = /* @__PURE__ */ w({
+  name: "TInputPrice",
+  inheritAttrs: !1,
+  __name: "InputPrice",
+  props: {
+    modelValue: { default: () => ({}) },
+    wrapperClass: {},
+    resource: {}
+  },
+  emits: ["update:modelValue"],
+  setup(c, { emit: d }) {
+    const t = c, f = d, l = a(""), o = a(""), V = x("formStyle", { label: "", input: "" }), r = a([]), v = async () => {
+      r.value = (await t.resource()).map(
+        (e) => ({
+          label: e.symbol,
+          value: e.iso
+        })
+      );
+    }, s = () => {
+      f("update:modelValue", {
+        iso: o.value,
+        value: parseFloat(l.value)
+      });
+    }, b = (e) => {
+      !e || typeof e != "object" || (t.modelValue?.value && (l.value = `${t.modelValue.value}`), t.modelValue?.iso && (o.value = t.modelValue.iso));
+    };
+    return C(async () => {
+      await v();
+    }), g(
+      () => t.modelValue,
+      (e) => {
+        b(e);
+      },
+      { immediate: !0 }
+    ), (e, n) => {
+      const y = i("t-input-select"), _ = i("t-input-text");
+      return U(), j("div", {
+        class: B(["flex h-9", {
+          [I(V).input]: !0,
+          "input-bg-color input-text-color border input-border input-roundness": !t.wrapperClass
+        }])
+      }, [
+        p(y, m({
+          modelValue: o.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (u) => o.value = u),
+          options: r.value,
+          "disable-style": !0,
+          class: "w-20 flex justify-center items-center border-r input-border"
+        }, e.$attrs, { "onUpdate:modelValue": s }), null, 16, ["modelValue", "options"]),
+        p(_, m({
+          modelValue: l.value,
+          "onUpdate:modelValue": n[1] || (n[1] = (u) => l.value = u),
+          "disable-style": !0,
+          class: "w-full input-bg-color input-text-color input-outline input-roundness input-padding"
+        }, e.$attrs, { "onUpdate:modelValue": s }), null, 16, ["modelValue"])
+      ], 2);
+    };
+  }
+});
+export {
+  $ as _
+};

package/dist/InputRadio.js

@@ -0,0 +1,6 @@
+import { _ as a } from "./InputRadio.vue_vue_type_script_setup_true_lang-cPnYGpJ_.js";
+import { p as t } from "./plugin-DdrfzyNc.js";
+export {
+  a as InputRadio,
+  t as InputRadioPlugin
+};

package/dist/InputRadio.vue_vue_type_script_setup_true_lang-cPnYGpJ_.js

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

package/dist/InputSelect.js

@@ -0,0 +1,6 @@
+import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-DSM-ClgU.js";
+import { p as r } from "./plugin-Br57SoWk.js";
+export {
+  p as InputSelect,
+  r as InputSelectPlugin
+};

package/dist/InputSelect.vue_vue_type_script_setup_true_lang-DSM-ClgU.js

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

package/dist/InputSwitch.js

@@ -0,0 +1,6 @@
+import { _ as o } from "./InputSwitch.vue_vue_type_script_setup_true_lang-DCYkakov.js";
+import { p as i } from "./plugin-Bg2uvrOR.js";
+export {
+  o as InputSwitch,
+  i as InputSwitchPlugin
+};

package/dist/InputSwitch.vue_vue_type_script_setup_true_lang-DCYkakov.js

@@ -0,0 +1,62 @@
+import { defineComponent as b, ref as v, watch as f, openBlock as i, createElementBlock as n, createElementVNode as t, normalizeClass as o, withDirectives as h, vModelCheckbox as y, toDisplayString as k, createCommentVNode as w } from "vue";
+const V = ["disabled"];
+let g = 0;
+const B = /* @__PURE__ */ b({
+  name: "TInputSwitch",
+  __name: "InputSwitch",
+  props: {
+    label: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(d, { emit: u }) {
+    const s = d, c = u, a = `switch_${++g}`, e = v(!1), p = () => {
+      const l = !e.value;
+      c("update:modelValue", l);
+    };
+    return f(
+      () => s.modelValue,
+      (l) => {
+        e.value = !!l;
+      },
+      { immediate: !0 }
+    ), (l, r) => (i(), n("div", null, [
+      t("div", {
+        class: o(["relative inline-block w-12 mr-2 align-middle select-none", {
+          "rounded-full": !e.value
+        }])
+      }, [
+        h(t("input", {
+          "onUpdate:modelValue": r[0] || (r[0] = (m) => e.value = m),
+          type: "checkbox",
+          class: o(["absolute block w-6 h-6 rounded-full appearance-none cursor-pointer bg-caipira-primary border input-outline", {
+            "right-0 border-caipira-primary-inverted": e.value,
+            "border-caipira-tertiary": !e.value
+          }]),
+          name: a,
+          id: a,
+          disabled: l.disabled,
+          onInput: p
+        }, null, 42, V), [
+          [y, e.value]
+        ]),
+        t("label", {
+          for: a,
+          class: o([{
+            "bg-caipira-primary-inverted": e.value,
+            "bg-caipira-tertiary": !e.value
+          }, "block overflow-hidden h-6 rounded-full cursor-pointer"])
+        }, null, 2)
+      ], 2),
+      l.label ? (i(), n("label", {
+        key: 0,
+        class: "text-base cursor-pointer",
+        for: a
+      }, k(l.label), 1)) : w("", !0)
+    ]));
+  }
+});
+export {
+  B as _
+};

package/dist/InputText.js

@@ -0,0 +1,6 @@
+import { _ as e } from "./InputText.vue_vue_type_script_setup_true_lang-KUUuOOlk.js";
+import { p as r } from "./plugin-CxGfRAW1.js";
+export {
+  e as InputText,
+  r as InputTextPlugin
+};

package/dist/InputText.vue_vue_type_script_setup_true_lang-KUUuOOlk.js

@@ -0,0 +1,41 @@
+import { defineComponent as f, inject as l, computed as v, withDirectives as y, openBlock as b, createElementBlock as h, mergeProps as _, unref as t, vModelDynamic as x } from "vue";
+const S = ["type", "id", "placeholder", "autocomplete", "disabled"], B = /* @__PURE__ */ f({
+  name: "TInputText",
+  __name: "InputText",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    placeholder: { default: void 0 },
+    autocomplete: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    disableStyle: { type: Boolean, default: !1 }
+  },
+  emits: ["update:model-value", "keyup.enter"],
+  setup(i, { emit: p }) {
+    const e = i, r = p, s = l("id", ""), d = l("invalid", !1), c = l("formStyle", { input: "w-full" }), a = l("validated", !1), n = v({
+      get: () => e.modelValue,
+      set: (o) => {
+        r("update:model-value", o);
+      }
+    });
+    return (o, u) => y((b(), h("input", _({
+      "onUpdate:modelValue": u[0] || (u[0] = (m) => n.value = m),
+      type: e.type,
+      class: {
+        "h-9 input-bg-color input-text-color input-outline border input-border input-roundnes input-padding input-roundness": !e.disableStyle,
+        [t(c).input]: !e.disableStyle,
+        "border-red-500": !t(a) && t(d),
+        "border-emerald-500": t(a) && !t(d)
+      },
+      id: t(s),
+      placeholder: e.placeholder,
+      autocomplete: e.autocomplete,
+      disabled: e.disabled
+    }, o.$attrs), null, 16, S)), [
+      [x, n.value]
+    ]);
+  }
+});
+export {
+  B as _
+};

package/dist/InputTextarea.js

@@ -0,0 +1,6 @@
+import { _ as r } from "./InputTextarea.vue_vue_type_script_setup_true_lang-01amgZ6U.js";
+import { p } from "./plugin-Xg1SCgfO.js";
+export {
+  r as InputTextarea,
+  p as InputTextareaPlugin
+};

package/dist/InputTextarea.vue_vue_type_script_setup_true_lang-01amgZ6U.js

@@ -0,0 +1,43 @@
+import { defineComponent as f, ref as r, inject as l, watch as b, openBlock as y, createElementBlock as h, normalizeClass as v, unref as t } from "vue";
+const S = ["value", "type", "placeholder", "disabled"], V = /* @__PURE__ */ f({
+  name: "TInputTextarea",
+  __name: "InputTextarea",
+  props: {
+    type: { default: "text" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: {},
+    placeholder: { default: void 0 },
+    disableStyle: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: u }) {
+    const s = i, p = u, a = r(""), o = l("invalid", !1), c = l("formStyle", { input: "w-full" }), n = l("validated", !1);
+    r("");
+    const m = ({ target: e }) => {
+      const d = e.value;
+      p("update:modelValue", d);
+    };
+    return b(
+      () => s.modelValue,
+      (e) => {
+        e && (a.value = e);
+      },
+      { immediate: !0 }
+    ), (e, d) => (y(), h("textarea", {
+      value: a.value,
+      type: e.type,
+      class: v(["min-h-9 input-bg-color input-text-color input-outline border input-border input-roundnes input-padding input-roundness", {
+        "border rounded h-9": !e.disableStyle,
+        [t(c).input]: !e.disableStyle,
+        "border-red-500": !t(n) && t(o),
+        "border-emerald-500": t(n) && !t(o)
+      }]),
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      onInput: m
+    }, null, 42, S));
+  }
+});
+export {
+  V as _
+};

package/dist/LineChart.js

@@ -0,0 +1,6 @@
+import { _ as e } from "./LineChart.vue_vue_type_script_setup_true_lang-Do8SXht4.js";
+import { p as t } from "./plugin-DdQB9R9S.js";
+export {
+  e as LineChart,
+  t as LineChartPlugin
+};

package/dist/LineChart.vue_vue_type_script_setup_true_lang-Do8SXht4.js

@@ -0,0 +1,17 @@
+import { defineComponent as r, openBlock as n, createBlock as t, unref as a, normalizeProps as p, guardReactiveProps as s } from "vue";
+import { e as c } from "./index-CgLIzaY3.js";
+const f = /* @__PURE__ */ r({
+  name: "TLineChart",
+  __name: "LineChart",
+  props: {
+    data: {},
+    options: {}
+  },
+  setup(e) {
+    const o = e;
+    return (i, m) => (n(), t(a(c), p(s(o)), null, 16));
+  }
+});
+export {
+  f as _
+};

package/dist/Modal.js

@@ -0,0 +1,6 @@
+import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-DE2ySBCY.js";
+import { p } from "./plugin-BPR3wKP8.js";
+export {
+  r as Modal,
+  p as ModalPlugin
+};

package/dist/Modal.vue_vue_type_script_setup_true_lang-DE2ySBCY.js

@@ -0,0 +1,82 @@
+import { defineComponent as m, ref as y, onMounted as b, resolveComponent as _, openBlock as o, createElementBlock as l, normalizeClass as n, withKeys as h, createBlock as k, createCommentVNode as s, createElementVNode as a, toDisplayString as w, renderSlot as i, createVNode as v } from "vue";
+import { _ as x } from "./Backdrop.vue_vue_type_script_setup_true_lang-OaEBTmYK.js";
+const S = {
+  key: 0,
+  class: "flex justify-between items-center p-4 border-b border-color"
+}, B = { class: "" }, C = {
+  key: 0,
+  class: "inline-block font-semibold uppercase mr-8"
+}, j = {
+  key: 1,
+  class: "flex flex-row items-center justify-between p-4 border-t border-color"
+}, M = /* @__PURE__ */ m({
+  name: "TModal",
+  __name: "Modal",
+  props: {
+    title: { default: "" },
+    showHeader: { type: Boolean, default: !0 },
+    injectStyle: { default: () => ({ wrapper: "", body: "", container: "" }) },
+    hasBackdrop: { type: Boolean, default: !0 },
+    disableStyle: { type: Boolean, default: !1 }
+  },
+  emits: ["closed"],
+  setup(d, { emit: u }) {
+    const e = d, c = y(null), p = u, r = (t) => {
+      t.stopPropagation(), p("closed");
+    };
+    return b(() => {
+      c.value?.focus();
+    }), (t, $) => {
+      const f = _("t-icon");
+      return o(), l("div", {
+        class: n(["fixed inset-0 focus-visible:outline-none z-10", {
+          "flex items-center": !e.disableStyle,
+          [e.injectStyle.wrapper]: !0
+        }]),
+        tabindex: "-1",
+        ref_key: "modal",
+        ref: c,
+        onKeyup: h(r, ["esc"])
+      }, [
+        e.hasBackdrop ? (o(), k(x, {
+          key: 0,
+          class: "z-10",
+          onClick: r
+        })) : s("", !0),
+        a("div", {
+          class: n(["z-10 w-full md:w-[36rem] mx-auto", {
+            "bg-caipira-primary input-roundness shadow-2xl": !e.disableStyle,
+            [e.injectStyle.container]: !0
+          }])
+        }, [
+          e.showHeader ? (o(), l("div", S, [
+            a("div", B, [
+              e.title ? (o(), l("span", C, w(e.title), 1)) : s("", !0),
+              t.$slots.header ? i(t.$slots, "header", { key: 1 }) : s("", !0)
+            ]),
+            v(f, {
+              icon: "close",
+              role: "button",
+              class: "text-neutral-600",
+              onClick: r
+            })
+          ])) : s("", !0),
+          a("div", {
+            class: n(["flex flex-col flex-1 overflow-y-auto scrollbar", {
+              [e.injectStyle.body]: !0
+            }]),
+            style: { "max-height": "80vh" }
+          }, [
+            i(t.$slots, "default")
+          ], 2),
+          t.$slots.footer ? (o(), l("div", j, [
+            i(t.$slots, "footer")
+          ])) : s("", !0)
+        ], 2)
+      ], 34);
+    };
+  }
+});
+export {
+  M as _
+};

package/dist/ModalForm.js

@@ -0,0 +1,6 @@
+import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-VhRoRmxZ.js";
+import { p as l } from "./plugin-B5Guy9c3.js";
+export {
+  a as ModalForm,
+  l as ModalFormPlugin
+};