@caipira/tamandua 0.0.114 → 0.0.116

package/dist/InputSelect-DJdOf2Hh.js

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

package/dist/InputSelect.js

@@ -1,6 +1,2 @@
-import { _ as p } from "./InputSelect.vue_vue_type_script_setup_true_lang-BJoFIqES.js";
-import { p as r } from "./plugin-KiD_ar54.js";
-export {
-  p as InputSelect,
-  r as InputSelectPlugin
-};
+import { n as e, t } from "./InputSelect-DJdOf2Hh.js";
+export { e as InputSelect, t as InputSelectPlugin };

package/dist/InputSwitch-b3QEp5BQ.js

@@ -0,0 +1,56 @@
+import { t as e } from "./register-component-CyAIF4Ns.js";
+import { c as t } from "./ui-DkIu_nwk.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, vModelCheckbox as d, watch as f, withDirectives as p } from "vue";
+//#region components/InputSwitch/InputSwitch.vue?vue&type=script&setup=true&lang.ts
+var m = ["disabled"], h = 0, g = /* @__PURE__ */ o({
+	name: "TInputSwitch",
+	__name: "InputSwitch",
+	props: {
+		label: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: { type: Boolean },
+		size: { default: t.Default }
+	},
+	emits: ["update:model-value"],
+	setup(e, { emit: o }) {
+		let g = e, _ = o, v = `switch_${++h}`, y = l(!1), b = n(() => g.size === t.Small ? "w-10 mr-2" : "w-12 mr-2"), x = n(() => g.size === t.Small ? "w-5 h-5" : "w-6 h-6"), S = n(() => g.size === t.Small ? "h-5" : "h-6"), C = n(() => g.size === t.Small ? "text-sm" : "text-base"), w = () => {
+			_("update:model-value", !y.value);
+		};
+		return f(() => g.modelValue, (e) => {
+			y.value = !!e;
+		}, { immediate: !0 }), (e, t) => (c(), i("div", null, [a("div", { class: s(["relative inline-block align-middle select-none", {
+			"rounded-full": !y.value,
+			[b.value]: !0
+		}]) }, [p(a("input", {
+			"onUpdate:modelValue": t[0] ||= (e) => y.value = e,
+			type: "checkbox",
+			class: s(["absolute block rounded-full appearance-none cursor-pointer bg-caipira-primary input-outline border-2", {
+				"right-0 border-[var(--caipira-primary-inverted)]": y.value,
+				"input-border": !y.value,
+				[x.value]: !0
+			}]),
+			name: v,
+			id: v,
+			disabled: e.disabled,
+			onInput: w
+		}, null, 42, m), [[d, y.value]]), a("label", {
+			for: v,
+			class: s([{
+				"bg-caipira-primary-inverted": y.value,
+				"bg-[var(--unfocused-bg-color)]": !y.value,
+				[S.value]: !0
+			}, "block overflow-hidden rounded-full cursor-pointer"])
+		}, null, 2)], 2), e.label ? (c(), i("label", {
+			key: 0,
+			class: s(["cursor-pointer select-none", [C.value]]),
+			for: v
+		}, u(e.label), 3)) : r("", !0)]));
+	}
+}), _ = { install(t) {
+	e(t, g);
+} };
+//#endregion
+export { g as n, _ as t };

package/dist/InputSwitch.js

@@ -1,6 +1,2 @@
-import { _ as o } from "./InputSwitch.vue_vue_type_script_setup_true_lang-BZ8VZijH.js";
-import { p as i } from "./plugin-DPuprKdB.js";
-export {
-  o as InputSwitch,
-  i as InputSwitchPlugin
-};
+import { n as e, t } from "./InputSwitch-b3QEp5BQ.js";
+export { e as InputSwitch, t as InputSwitchPlugin };

package/dist/InputText-CNn6q4pO.js

@@ -0,0 +1,53 @@
+import { c as e } from "./ui-DkIu_nwk.js";
+import { createElementBlock as t, defineComponent as n, inject as r, mergeModels as i, normalizeClass as a, openBlock as o, unref as s, useModel as c, vModelDynamic as l, withDirectives as u } from "vue";
+//#region components/InputText/InputText.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"type",
+	"readonly",
+	"placeholder",
+	"disabled",
+	"autocomplete"
+], f = /* @__PURE__ */ n({
+	name: "TInputText",
+	__name: "InputText",
+	props: /*#__PURE__*/ i({
+		size: { default: e.Default },
+		type: { default: "text" },
+		placeholder: { default: void 0 },
+		autocomplete: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		rootClass: { default: "input-bg-color input-text-color input-outline border input-border input-roundness input-padding w-full" }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*#__PURE__*/ i(["keyup.enter"], ["update:modelValue"]),
+	setup(n, { emit: i }) {
+		let f = c(n, "modelValue"), p = n, m = r("invalid", !1), h = r("validated", !1);
+		return (n, r) => u((o(), t("input", {
+			"onUpdate:modelValue": r[0] ||= (e) => f.value = e,
+			type: p.type,
+			class: a({
+				[p.rootClass]: !0,
+				"opacity-30 cursor-not-allowed": p.disabled || p.readonly,
+				"h-7 text-sm": p.size === s(e).Small,
+				"h-9 text-base": p.size === s(e).Default,
+				"border-red-500": !s(h) && s(m),
+				"border-emerald-500": s(h) && !s(m)
+			}),
+			readonly: p.readonly,
+			placeholder: p.placeholder,
+			disabled: p.disabled,
+			autocomplete: p.autocomplete
+		}, null, 10, d)), [[l, f.value]]);
+	}
+});
+//#endregion
+export { f as t };

package/dist/InputText-DaB5TeOR.js

@@ -0,0 +1,8 @@
+import { t as e } from "./register-component-CyAIF4Ns.js";
+import { t } from "./InputText-CNn6q4pO.js";
+//#region components/InputText/plugin.ts
+var n = { install(n) {
+	e(n, t);
+} };
+//#endregion
+export { n as t };

package/dist/InputText.js

@@ -1,6 +1,3 @@
-import { _ as e } from "./InputText.vue_vue_type_script_setup_true_lang-BEWn9egy.js";
-import { p as r } from "./plugin-rHsYo5X-.js";
-export {
-  e as InputText,
-  r as InputTextPlugin
-};
+import { t as e } from "./InputText-CNn6q4pO.js";
+import { t } from "./InputText-DaB5TeOR.js";
+export { e as InputText, t as InputTextPlugin };

package/dist/InputTextarea-ANZXZkRr.js

@@ -0,0 +1,52 @@
+import { t as e } from "./register-component-CyAIF4Ns.js";
+import { createElementBlock as t, defineComponent as n, inject as r, normalizeClass as i, openBlock as a, ref as o, unref as s, watch as c } from "vue";
+//#region components/InputTextarea/InputTextarea.vue?vue&type=script&setup=true&lang.ts
+var l = [
+	"value",
+	"type",
+	"placeholder",
+	"disabled"
+], u = /* @__PURE__ */ n({
+	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:model-value"],
+	setup(e, { emit: n }) {
+		let u = e, d = n, f = o(""), p = r("invalid", !1), m = r("validated", !1);
+		o("");
+		let h = ({ target: e }) => {
+			let t = e.value;
+			d("update:model-value", t);
+		};
+		return c(() => u.modelValue, (e) => {
+			e && (f.value = e);
+		}, { immediate: !0 }), (e, n) => (a(), t("textarea", {
+			value: f.value,
+			type: e.type,
+			class: i(["min-h-9 input-bg-color input-text-color input-outline border input-border input-roundnes input-padding w-full field-sizing-content", {
+				"border rounded-sm": !e.disableStyle,
+				"border-red-500": !s(m) && s(p),
+				"border-emerald-500": s(m) && !s(p)
+			}]),
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			onInput: h
+		}, null, 42, l));
+	}
+}), d = { install(t) {
+	e(t, u);
+} };
+//#endregion
+export { u as n, d as t };

package/dist/InputTextarea.js

@@ -1,6 +1,2 @@
-import { _ as r } from "./InputTextarea.vue_vue_type_script_setup_true_lang-C8f2hfeZ.js";
-import { p } from "./plugin-Clp0zNY0.js";
-export {
-  r as InputTextarea,
-  p as InputTextareaPlugin
-};
+import { n as e, t } from "./InputTextarea-ANZXZkRr.js";
+export { e as InputTextarea, t as InputTextareaPlugin };

package/dist/Link-9RhB9Snu.js

@@ -0,0 +1,47 @@
+import { t as e } from "./register-component-CyAIF4Ns.js";
+import { d as t } from "./ui-DkIu_nwk.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeProps as l, openBlock as u, renderSlot as d, resolveComponent as f, resolveDynamicComponent as p, toDisplayString as m, withCtx as h } from "vue";
+//#endregion
+//#region components/Link/Link.vue
+var g = /* @__PURE__ */ c({
+	name: "TLink",
+	__name: "Link",
+	props: {
+		to: {},
+		href: {},
+		type: { default: t.Default },
+		label: { default: "" },
+		target: { default: "_self" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e, { emit: c }) {
+		let g = e, _ = r(() => {
+			switch (g.type) {
+				case t.Router: return "router-link";
+				default: return "a";
+			}
+		}), v = r(() => g.type === "router" ? { to: g.to } : { href: g.href });
+		return (e, t) => {
+			let r = f("t-icon");
+			return u(), i(p(_.value), l({
+				target: g.target,
+				disabled: g.disabled
+			}, v.value, { class: "color-caipira-primary-inverted underline font-bold inline-flex items-baseline input-outline" }), {
+				default: h(() => [e.$slots.default ? d(e.$slots, "default", { key: 0 }) : (u(), o(n, { key: 1 }, [s(m(g.label), 1)], 64)), g.target === "_blank" ? (u(), i(r, {
+					key: 2,
+					size: 15,
+					class: "ml-1",
+					icon: "open-in-new"
+				})) : a("", !0)]),
+				_: 3
+			}, 16, ["target", "disabled"]);
+		};
+	}
+}), _ = { install(t) {
+	e(t, g);
+} };
+//#endregion
+export { g as n, _ as t };

package/dist/Link.js

@@ -1,6 +1,2 @@
-import { _ as i } from "./Link.vue_vue_type_script_setup_true_lang-cxLyHTUe.js";
-import { p } from "./plugin-Dg4Sw41N.js";
-export {
-  i as Link,
-  p as LinkPlugin
-};
+import { n as e, t } from "./Link-9RhB9Snu.js";
+export { e as Link, t as LinkPlugin };

package/dist/Modal-m2bKGFai.js

@@ -0,0 +1,96 @@
+import { t as e } from "./register-component-CyAIF4Ns.js";
+import { t } from "./Backdrop-C9lVI98r.js";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, onMounted as l, openBlock as u, provide as d, ref as f, renderSlot as p, resolveComponent as m, resolveDynamicComponent as h, toDisplayString as g, toHandlers as _, withKeys as v } from "vue";
+//#region components/Modal/Modal.vue?vue&type=script&setup=true&lang.ts
+var y = {
+	key: 1,
+	class: "p-4 border-b border-color"
+}, b = {
+	key: 0,
+	class: "block font-semibold uppercase"
+}, x = ["id"], S = 0, C = /* @__PURE__ */ o({
+	name: "TModal",
+	__name: "Modal",
+	props: {
+		is: { default: void 0 },
+		on: { default: () => ({}) },
+		props: { default: () => ({}) },
+		title: { default: "" },
+		canClose: {
+			type: Boolean,
+			default: !0
+		},
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		showFooter: {
+			type: Boolean,
+			default: !1
+		},
+		injectStyle: { default: () => ({
+			wrapper: "",
+			body: "",
+			container: ""
+		}) },
+		hasBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		disableStyle: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["closed"],
+	setup(e, { emit: o }) {
+		let C = e, w = o, T = f(null), E = `tamandua-modal-${++S}`, D = (e) => {
+			e?.stopPropagation(), w("closed");
+		};
+		return l(() => {
+			T.value?.focus();
+		}), d("tamandua-modal-id", E), (e, o) => {
+			let l = m("t-button");
+			return u(), i("div", {
+				class: c(["fixed inset-0 focus-visible:outline-hidden z-10", {
+					"flex items-center": !C.disableStyle,
+					[C.injectStyle.wrapper]: !0
+				}]),
+				tabindex: "-1",
+				ref_key: "modal",
+				ref: T,
+				onKeyup: v(D, ["esc"])
+			}, [C.hasBackdrop ? (u(), n(t, {
+				key: 0,
+				class: "z-10",
+				onClick: D
+			})) : r("", !0), a("div", { class: c(["z-10 w-full md:w-[36rem] mx-auto", {
+				"relative floatable": !C.disableStyle,
+				[C.injectStyle.container]: !0
+			}]) }, [
+				C.canClose ? (u(), n(l, {
+					key: 0,
+					variant: "transparent",
+					icon: "close",
+					size: "",
+					class: "absolute justify-center top-0 right-0 h-14 w-14",
+					onClick: D
+				})) : r("", !0),
+				C.showHeader ? (u(), i("div", y, [C.title ? (u(), i("span", b, g(C.title), 1)) : r("", !0), e.$slots.header ? p(e.$slots, "header", { key: 1 }) : r("", !0)])) : r("", !0),
+				a("div", {
+					class: c(["flex flex-col flex-1 overflow-y-auto scrollbar", { [C.injectStyle.body]: !0 }]),
+					style: { "max-height": "80vh" }
+				}, [C.is ? (u(), n(h(C.is), s({ key: 0 }, C.props, _(C.on), { onClosed: D }), null, 16)) : p(e.$slots, "default", { key: 1 })], 2),
+				C.showFooter || e.$slots.footer ? (u(), i("div", {
+					key: 2,
+					class: "flex flex-row items-center justify-between p-4 border-t border-color",
+					id: `${E}-footer`
+				}, [p(e.$slots, "footer")], 8, x)) : r("", !0)
+			], 2)], 34);
+		};
+	}
+}), w = { install(t) {
+	e(t, C);
+} };
+//#endregion
+export { C as n, w as t };

package/dist/Modal.js

@@ -1,6 +1,2 @@
-import { _ as r } from "./Modal.vue_vue_type_script_setup_true_lang-NiSnflAO.js";
-import { p } from "./plugin-CrSztC5r.js";
-export {
-  r as Modal,
-  p as ModalPlugin
-};
+import { n as e, t } from "./Modal-m2bKGFai.js";
+export { e as Modal, t as ModalPlugin };