@mudakit/ui 0.1.0

package/dist/MudaCalendar-f1lHTxVw.js

@@ -0,0 +1,593 @@
+import { t as e } from "./keymap-BzfMgdJH.js";
+import { t } from "./MudaIcon-BhSsLCZx.js";
+import { t as n } from "./MudaFormInput-CI_xfpTj.js";
+import { t as r } from "./MudaPopover-BgwkVjjX.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, toRefs as x, unref as S, useModel as C, useTemplateRef as w, vModelText as T, watch as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
+import A from "dayjs";
+import j from "dayjs/plugin/customParseFormat.js";
+import M from "dayjs/plugin/isBetween.js";
+import N from "dayjs/plugin/isSameOrAfter.js";
+import ee from "dayjs/plugin/isSameOrBefore.js";
+import te from "dayjs/plugin/localeData.js";
+//#region src/components/MudaCalendar/MudaCalendar.types.ts
+var P = 10, F = 12, I = "YYYY-MM-DD", L = "D", ne = "MMM", R = "YYYY";
+A.extend(j), A.extend(te), A.extend(M), A.extend(N), A.extend(ee);
+var z = A, B = (e) => {
+	if (e == null || e === "") return null;
+	let t = z(e, I, !0);
+	return t.isValid() ? t : null;
+}, V = (e) => e == null ? null : e.format(I), H = (e) => a(() => z().locale(e.value).localeData().firstDayOfWeek());
+function U(e) {
+	let t = H(e);
+	return a(() => {
+		let n = z().locale(e.value).localeData().weekdaysMin().map((e, t) => ({
+			name: e,
+			isWeekend: t === 0 || t === 6
+		})), r = n.slice(0, t.value), i = n.slice(t.value);
+		return i.length === 0 ? r : [...i, ...r];
+	});
+}
+var W = (e) => (t, n) => {
+	if (n == null) return !1;
+	let r = B(n);
+	return r != null && r.isSame(t, e);
+}, G = (e, t, n, r) => t != null && n != null ? e.isBetween(t, n, r, "[]") : t == null ? n == null || e.isSameOrBefore(n, r) : e.isSameOrAfter(t, r);
+function K(e, t, n, r, i) {
+	let o = H(i);
+	return a(() => {
+		let i = B(t.value) ?? z(), a = B(e.value) ?? i, s = B(n.value), c = B(r.value), l = a.startOf("month"), u = a.add(1, "month").startOf("month"), d = [], f = [], p = (l.day() - o.value + 7) % 7, m = l.subtract(p, "day");
+		for (; m.isBefore(u);) f.push({
+			isCurrentMonth: m.isSame(l, "month"),
+			isToday: m.isSame(i, "day"),
+			isWeekend: m.day() === 0 || m.day() === 6,
+			label: m.format("D"),
+			value: m.format(I),
+			disabled: !G(m, s, c, "day")
+		}), m = m.add(1, "day"), f.length % 7 == 0 && (d.push(f), f = []);
+		for (; d.length < 6;) {
+			for (; f.length < 7;) f.push({
+				isCurrentMonth: !1,
+				isToday: m.isSame(i, "day"),
+				isWeekend: m.day() === 0 || m.day() === 6,
+				label: m.format("D"),
+				value: m.format(I),
+				disabled: !G(m, s, c, "day")
+			}), m = m.add(1, "day");
+			d.push(f), f = [];
+		}
+		return d.flat();
+	});
+}
+function q(e, t, n, r, i) {
+	return a(() => {
+		let a = B(t.value) ?? z(), o = (B(e.value) ?? a).locale(i.value).startOf("year"), s = B(n.value), c = B(r.value), l = [];
+		for (; l.length < 12;) l.push({
+			isToday: a.isSame(o, "month"),
+			label: o.format("MMM"),
+			month: o.month(),
+			value: o.format(I),
+			disabled: !G(o, s, c, "month")
+		}), o = o.add(1, "month");
+		return l;
+	});
+}
+function J(e, t, n, r, i) {
+	return a(() => {
+		let a = B(t.value) ?? z(), o = (B(e.value) ?? a).locale(i.value), s = B(n.value), c = B(r.value), l = o.year() % 10;
+		o = o.subtract(l, "year");
+		let u = [];
+		for (; u.length < 10;) u.push({
+			isToday: a.isSame(o, "year"),
+			label: o.format(R),
+			value: o.format(I),
+			year: o.year(),
+			disabled: !G(o, s, c, "year")
+		}), o = o.add(1, "year");
+		return u;
+	});
+}
+//#endregion
+//#region src/components/MudaCalendar/MudaCalendarWeekDays.vue?vue&type=script&setup=true&lang.ts
+var Y = { class: "grid grid-cols-[repeat(7,auto)]" }, X = /* @__PURE__ */ p({
+	__name: "MudaCalendarWeekDays",
+	props: { locale: {} },
+	setup(e) {
+		let { locale: t } = x(e), n = U(t);
+		return (e, t) => (_(), c("div", Y, [(_(!0), c(i, null, y(S(n), (e) => (_(), c("div", {
+			key: e.name,
+			class: g(["flex min-h-[2.5rem] min-w-[2.5rem] items-center justify-center font-bold", {
+				"text-danger": e.isWeekend,
+				"text-secondary-dark": !e.isWeekend
+			}])
+		}, b(e.name), 3))), 128))]));
+	}
+}), Z = { class: "inline-flex flex-col" }, re = { class: "isolate grid grid-cols-7 gap-1" }, ie = [
+	"disabled",
+	"aria-selected",
+	"aria-current",
+	"onClick"
+], ae = ["datetime"], Q = /* @__PURE__ */ p({
+	__name: "MudaCalendarDays",
+	props: /*@__PURE__*/ m({
+		today: {},
+		min: {},
+		max: {},
+		locale: {},
+		disabled: { type: Boolean },
+		keyboard: { type: Boolean }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {},
+		displayDate: { required: !0 },
+		displayDateModifiers: {}
+	}),
+	emits: ["update:modelValue", "update:displayDate"],
+	setup(e) {
+		let t = e, n = C(e, "modelValue"), r = C(e, "displayDate"), { today: a, locale: o, min: s, max: u } = x(t), d = K(r, a, s, u, o), p = W("day"), m = (e) => {
+			t.disabled || e.disabled || (n.value = e.value);
+		};
+		return (e, a) => (_(), c("div", Z, [f(X, { locale: t.locale }, null, 8, ["locale"]), l("div", re, [(_(!0), c(i, null, y(S(d), (e) => (_(), c("button", {
+			key: e.value,
+			type: "button",
+			tabindex: "-1",
+			disabled: e.disabled || t.disabled,
+			"aria-selected": S(p)(e.value, n.value),
+			"aria-current": e.isToday ? "date" : void 0,
+			class: g(["muda-button-reset relative flex size-min w-full items-center justify-center rounded-md disabled:text-secondary-light", {
+				"text-secondary-dark hover:bg-primary-light hover:text-white": !(e.disabled || t.disabled),
+				"text-secondary-light": !e.isCurrentMonth,
+				"bg-primary text-white": S(p)(e.value, n.value),
+				"font-bold text-warning": e.isToday,
+				"after:absolute after:top-0 after:right-0 after:bottom-0 after:left-0 after:rounded-lg after:border-2 after:border-primary": t.keyboard && S(p)(e.value, r.value)
+			}]),
+			onClick: k((t) => m(e), ["stop"])
+		}, [l("time", {
+			class: "flex min-h-10 items-center justify-center",
+			datetime: e.value
+		}, b(e.label), 9, ae)], 10, ie))), 128))])]));
+	}
+}), oe = ["disabled"], se = ["disabled"], ce = { class: "col-span-3 flex flex-1 items-center justify-center gap-2" }, le = ["disabled"], ue = ["disabled"], de = ["disabled"], fe = ["disabled"], pe = ["disabled"], me = /* @__PURE__ */ p({
+	__name: "MudaCalendarHead",
+	props: /*@__PURE__*/ m({
+		locale: {},
+		min: {},
+		max: {},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {},
+		state: { required: !0 },
+		stateModifiers: {}
+	}),
+	emits: ["update:modelValue", "update:state"],
+	setup(e) {
+		let n = e, r = C(e, "modelValue"), o = C(e, "state"), u = (e, t) => {
+			if (n.disabled) return;
+			let i = (B(r.value) ?? z()).startOf("month").add(t, e), a = B(n.min), o = B(n.max);
+			t < 0 && a != null ? r.value = (i.isBefore(a) ? a : i).format(I) : t > 0 && o != null ? r.value = (i.isAfter(o) ? o : i).format(I) : r.value = i.format(I);
+		}, p = a(() => (B(r.value) ?? z()).locale(n.locale)), m = a(() => {
+			let e = B(r.value) ?? z(), t = e.year() % 10;
+			e = e.subtract(t, "year");
+			let n = e.add(9, "year");
+			return `${e.format(R)} ~ ${n.format(R)}`;
+		});
+		return (e, r) => (_(), c("div", { class: g(["grid", {
+			"grid-cols-7": o.value === "days",
+			"grid-cols-5": o.value !== "days"
+		}]) }, [
+			l("button", {
+				type: "button",
+				class: "muda-button-reset flex items-center justify-center fill-primary hover:fill-primary-dark disabled:fill-secondary-light",
+				tabindex: "-1",
+				disabled: n.disabled,
+				"aria-label": "Previous year",
+				onClick: r[0] ||= (e) => u("year", o.value === "years" ? -S(10) : -1)
+			}, [f(S(t), { icon: "keyboard_double_arrow_left:outlined" })], 8, oe),
+			o.value === "days" ? (_(), c("button", {
+				key: 0,
+				type: "button",
+				class: "muda-button-reset flex items-center justify-center fill-primary hover:fill-primary-dark disabled:fill-secondary-light",
+				tabindex: "-1",
+				disabled: n.disabled,
+				"aria-label": "Previous month",
+				onClick: r[1] ||= (e) => u("month", -1)
+			}, [f(S(t), { icon: "keyboard_arrow_left:outlined" })], 8, se)) : s("", !0),
+			l("div", ce, [o.value === "days" ? (_(), c(i, { key: 0 }, [l("button", {
+				type: "button",
+				class: "muda-button-reset font-semibold text-primary hover:text-primary-dark disabled:text-secondary-light",
+				tabindex: "-1",
+				disabled: n.disabled,
+				"aria-label": "Choose year",
+				onClick: r[2] ||= (e) => o.value = "years"
+			}, b(p.value.format(S(R))), 9, le), l("button", {
+				type: "button",
+				class: "muda-button-reset font-semibold text-primary hover:text-primary-dark disabled:text-secondary-light",
+				tabindex: "-1",
+				disabled: n.disabled,
+				"aria-label": "Choose month",
+				onClick: r[3] ||= (e) => o.value = "months"
+			}, b(p.value.format(S("MMM"))), 9, ue)], 64)) : o.value === "months" ? (_(), c("button", {
+				key: 1,
+				type: "button",
+				class: "muda-button-reset font-semibold text-primary hover:text-primary-dark disabled:text-secondary-light",
+				tabindex: "-1",
+				disabled: n.disabled,
+				"aria-label": "Choose year",
+				onClick: r[4] ||= (e) => o.value = "years"
+			}, b(p.value.format(S(R))), 9, de)) : o.value === "years" ? (_(), c(i, { key: 2 }, [d(b(m.value), 1)], 64)) : s("", !0)]),
+			o.value === "days" ? (_(), c("button", {
+				key: 1,
+				type: "button",
+				class: "muda-button-reset flex items-center justify-center fill-primary hover:fill-primary-dark disabled:fill-secondary-light",
+				tabindex: "-1",
+				disabled: n.disabled,
+				"aria-label": "Next month",
+				onClick: r[5] ||= (e) => u("month", 1)
+			}, [f(S(t), { icon: "keyboard_arrow_right:outlined" })], 8, fe)) : s("", !0),
+			l("button", {
+				type: "button",
+				class: "muda-button-reset flex items-center justify-center fill-primary hover:fill-primary-dark disabled:fill-secondary-light",
+				tabindex: "-1",
+				disabled: n.disabled,
+				"aria-label": "Next year",
+				onClick: r[6] ||= (e) => u("year", o.value === "years" ? S(10) : 1)
+			}, [f(S(t), { icon: "keyboard_double_arrow_right:outlined" })], 8, pe)
+		], 2));
+	}
+}), he = { class: "flex" }, ge = { class: "relative grid flex-1 grid-cols-[repeat(4,1fr)]" }, _e = [
+	"disabled",
+	"aria-selected",
+	"aria-current",
+	"onClick"
+], ve = ["datetime"], ye = /* @__PURE__ */ p({
+	__name: "MudaCalendarMonths",
+	props: /*@__PURE__*/ m({
+		today: {},
+		min: {},
+		max: {},
+		locale: {},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {},
+		displayDate: { required: !0 },
+		displayDateModifiers: {}
+	}),
+	emits: /*@__PURE__*/ m(["monthClick"], ["update:modelValue", "update:displayDate"]),
+	setup(e, { emit: t }) {
+		let n = e, r = C(e, "modelValue"), a = C(e, "displayDate"), o = t, { today: s, locale: u, min: d, max: f } = x(n), p = q(a, s, d, f, u), m = W("month"), h = (e) => {
+			n.disabled || e.disabled || (a.value = e.value, o("monthClick"));
+		};
+		return (e, t) => (_(), c("div", he, [l("div", ge, [(_(!0), c(i, null, y(S(p), (e) => (_(), c("button", {
+			key: e.value,
+			type: "button",
+			tabindex: "-1",
+			disabled: e.disabled || n.disabled,
+			"aria-selected": S(m)(e.value, r.value),
+			"aria-current": e.isToday ? "date" : void 0,
+			class: g(["muda-button-reset flex items-center justify-center rounded-md py-5 disabled:text-secondary-light", {
+				"text-secondary-dark hover:bg-primary-light hover:text-white": !(e.disabled || n.disabled),
+				"bg-primary text-white": S(m)(e.value, r.value),
+				"font-bold text-warning": e.isToday
+			}]),
+			onClick: k((t) => h(e), ["prevent"])
+		}, [l("time", {
+			class: "flex items-center justify-center",
+			datetime: e.value
+		}, b(e.label), 9, ve)], 10, _e))), 128))])]));
+	}
+}), be = { class: "grid grid-cols-[repeat(2,1fr)]" }, xe = [
+	"disabled",
+	"aria-selected",
+	"aria-current",
+	"onClick"
+], Se = ["datetime"], Ce = /* @__PURE__ */ p({
+	__name: "MudaCalendarYears",
+	props: /*@__PURE__*/ m({
+		today: {},
+		min: {},
+		max: {},
+		locale: {},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {},
+		displayDate: { required: !0 },
+		displayDateModifiers: {}
+	}),
+	emits: /*@__PURE__*/ m(["yearClick"], ["update:modelValue", "update:displayDate"]),
+	setup(e, { emit: t }) {
+		let n = e, r = C(e, "modelValue"), a = C(e, "displayDate"), o = t, { today: s, min: u, max: d, locale: f } = x(n), p = J(a, s, u, d, f), m = W("year"), h = (e) => {
+			n.disabled || e.disabled || (a.value = e.value, o("yearClick"));
+		};
+		return (e, t) => (_(), c("div", be, [(_(!0), c(i, null, y(S(p), (e) => (_(), c("button", {
+			key: e.value,
+			type: "button",
+			tabindex: "-1",
+			disabled: e.disabled || n.disabled,
+			"aria-selected": S(m)(e.value, r.value),
+			"aria-current": e.isToday ? "date" : void 0,
+			class: g(["muda-button-reset flex items-center justify-center rounded-md py-3 disabled:text-secondary-light", {
+				"text-secondary-dark hover:bg-primary-light hover:text-white": !(e.disabled || n.disabled),
+				"bg-primary text-white": S(m)(e.value, r.value),
+				"font-bold text-warning": e.isToday
+			}]),
+			onClick: k((t) => h(e), ["prevent"])
+		}, [l("time", {
+			class: "flex items-center justify-center",
+			datetime: e.value
+		}, b(e.label), 9, Se)], 10, xe))), 128))]));
+	}
+}), we = ["tabindex"], $ = /* @__PURE__ */ p({
+	__name: "MudaCalendarDatePicker",
+	props: /*@__PURE__*/ m({
+		locale: { default: "en" },
+		min: {},
+		max: {},
+		disabled: { type: Boolean },
+		keyboard: { type: Boolean }
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t, { expose: n }) {
+		let r = t, i = C(t, "modelValue"), l = v("days"), u = a(() => z().format(I)), d = v(u.value);
+		E(i, (e) => {
+			d.value = V(B(e)) ?? u.value;
+		}, { immediate: !0 });
+		let p = (t, n = !1) => {
+			if (!r.keyboard && !n || r.disabled || l.value !== "days") return;
+			let a = {
+				[e.ArrowUp]: -7,
+				[e.ArrowDown]: 7,
+				[e.ArrowLeft]: -1,
+				[e.ArrowRight]: 1
+			}[t.key];
+			if (a != null) {
+				t.preventDefault();
+				let e = B(d.value)?.add(a, "day") ?? null;
+				e != null && G(e, B(r.min), B(r.max), "day") && (d.value = V(e) ?? u.value);
+			} else if (t.key === e.Enter) {
+				let e = B(d.value);
+				e != null && G(e, B(r.min), B(r.max), "day") && (t.preventDefault(), i.value = V(e));
+			}
+		};
+		return n({ handleKeydown: p }), (e, t) => (_(), c("div", {
+			tabindex: r.keyboard && !r.disabled ? 0 : void 0,
+			class: "flex flex-col text-gray-600",
+			onKeydown: k(p, ["stop"])
+		}, [f(me, {
+			modelValue: d.value,
+			"onUpdate:modelValue": t[0] ||= (e) => d.value = e,
+			state: l.value,
+			"onUpdate:state": t[1] ||= (e) => l.value = e,
+			locale: r.locale,
+			min: r.min,
+			max: r.max,
+			disabled: r.disabled
+		}, null, 8, [
+			"modelValue",
+			"state",
+			"locale",
+			"min",
+			"max",
+			"disabled"
+		]), l.value === "days" ? (_(), o(Q, {
+			key: 0,
+			modelValue: i.value,
+			"onUpdate:modelValue": t[2] ||= (e) => i.value = e,
+			"display-date": d.value,
+			"onUpdate:displayDate": t[3] ||= (e) => d.value = e,
+			today: u.value,
+			min: r.min,
+			max: r.max,
+			locale: r.locale,
+			disabled: r.disabled,
+			keyboard: r.keyboard
+		}, null, 8, [
+			"modelValue",
+			"display-date",
+			"today",
+			"min",
+			"max",
+			"locale",
+			"disabled",
+			"keyboard"
+		])) : l.value === "months" ? (_(), o(ye, {
+			key: 1,
+			modelValue: i.value,
+			"onUpdate:modelValue": t[4] ||= (e) => i.value = e,
+			"display-date": d.value,
+			"onUpdate:displayDate": t[5] ||= (e) => d.value = e,
+			today: u.value,
+			min: r.min,
+			max: r.max,
+			locale: r.locale,
+			disabled: r.disabled,
+			onMonthClick: t[6] ||= (e) => l.value = "days"
+		}, null, 8, [
+			"modelValue",
+			"display-date",
+			"today",
+			"min",
+			"max",
+			"locale",
+			"disabled"
+		])) : l.value === "years" ? (_(), o(Ce, {
+			key: 2,
+			modelValue: i.value,
+			"onUpdate:modelValue": t[7] ||= (e) => i.value = e,
+			"display-date": d.value,
+			"onUpdate:displayDate": t[8] ||= (e) => d.value = e,
+			today: u.value,
+			min: r.min,
+			max: r.max,
+			locale: r.locale,
+			disabled: r.disabled,
+			onYearClick: t[9] ||= (e) => l.value = "months"
+		}, null, 8, [
+			"modelValue",
+			"display-date",
+			"today",
+			"min",
+			"max",
+			"locale",
+			"disabled"
+		])) : s("", !0)], 40, we));
+	}
+}), Te = ["tabindex"], Ee = [
+	"min",
+	"max",
+	"disabled",
+	"aria-invalid"
+], De = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "MudaCalendar",
+	props: /*@__PURE__*/ m({
+		locale: { default: "en" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		min: {},
+		max: {},
+		isInvalid: { type: Boolean }
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = e, n = C(e, "modelValue"), r = w("root"), i = w("picker"), o = v(!1), s = a(() => V(B(t.min)) ?? void 0), u = a(() => V(B(t.max)) ?? void 0);
+		E(n, () => {
+			o.value = !1, r.value?.blur();
+		});
+		let d = (e) => {
+			i.value?.handleKeydown(e, !0);
+		};
+		return (e, r) => (_(), c("div", {
+			tabindex: t.disabled ? void 0 : 0,
+			onFocus: r[2] ||= (e) => o.value = !0,
+			onBlur: r[3] ||= (e) => o.value = !1,
+			onKeydown: d,
+			ref: "root",
+			class: g(["rounded-md bg-foreground p-2 ring-1 focus:rounded-md focus:ring-2 focus:ring-primary-light focus:outline-hidden", {
+				"ring-danger": t.isInvalid,
+				"ring-secondary-light": !t.isInvalid
+			}])
+		}, [f($, {
+			modelValue: n.value,
+			"onUpdate:modelValue": r[0] ||= (e) => n.value = e,
+			ref: "picker",
+			locale: t.locale,
+			min: s.value,
+			max: u.value,
+			disabled: t.disabled,
+			keyboard: o.value
+		}, null, 8, [
+			"modelValue",
+			"locale",
+			"min",
+			"max",
+			"disabled",
+			"keyboard"
+		]), O(l("input", h({ type: "date" }, e.$attrs, {
+			"onUpdate:modelValue": r[1] ||= (e) => n.value = e,
+			min: s.value,
+			max: u.value,
+			disabled: t.disabled,
+			"aria-invalid": t.isInvalid || void 0,
+			class: "hidden"
+		}), null, 16, Ee), [[T, n.value]])], 42, Te));
+	}
+}), Oe = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "MudaCalendarInput",
+	props: /*@__PURE__*/ m({
+		locale: { default: "en" },
+		disabled: { type: Boolean },
+		min: {},
+		max: {}
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let s = i, c = C(i, "modelValue"), l = v(), d = v(), p = v(), m = v(!1), g = v(!1), y = a(() => !s.disabled && c.value != null), b = (e) => {
+			e.preventDefault(), c.value = void 0;
+		}, x = (t) => {
+			if (m.value) switch (t.key) {
+				case e.Escape:
+					m.value = !1, g.value = !1, l.value?.input?.blur();
+					break;
+				case e.ArrowDown:
+				case e.ArrowUp:
+				case e.ArrowLeft:
+				case e.ArrowRight:
+					g.value = !0, p.value?.handleKeydown(t, !0);
+					break;
+				case e.Enter: p.value?.handleKeydown(t, !0);
+			}
+		}, w = () => {
+			s.disabled || (m.value = !0);
+		}, T = (e) => {
+			d.value?.popover?.contains(e.relatedTarget) || (m.value = !1);
+		};
+		return E(c, () => {
+			m.value = !1, g.value = !1;
+		}), (e, i) => (_(), o(S(r), {
+			modelValue: m.value,
+			"onUpdate:modelValue": i[2] ||= (e) => m.value = e,
+			placement: "bottom-start",
+			ref_key: "popoverRef",
+			ref: d,
+			mode: "manual",
+			disabled: s.disabled
+		}, {
+			content: D(() => [f($, {
+				modelValue: c.value,
+				"onUpdate:modelValue": i[1] ||= (e) => c.value = e,
+				ref_key: "pickerRef",
+				ref: p,
+				class: "w-76",
+				keyboard: g.value,
+				locale: s.locale,
+				min: s.min,
+				max: s.max,
+				disabled: s.disabled
+			}, null, 8, [
+				"modelValue",
+				"keyboard",
+				"locale",
+				"min",
+				"max",
+				"disabled"
+			])]),
+			default: D(() => [f(S(n), h(e.$attrs, {
+				readonly: "",
+				ref_key: "inputRef",
+				ref: l,
+				modelValue: c.value,
+				"onUpdate:modelValue": i[0] ||= (e) => c.value = e,
+				placeholder: "____-__-__",
+				disabled: s.disabled,
+				onFocusin: w,
+				onFocusout: T,
+				"onClick:after": b,
+				onKeydown: x
+			}), u({
+				before: D(() => [f(S(t), { icon: "calendar:outlined" })]),
+				_: 2
+			}, [y.value ? {
+				name: "after",
+				fn: D(() => [f(S(t), { icon: "close:outlined" })]),
+				key: "0"
+			} : void 0]), 1040, ["modelValue", "disabled"])]),
+			_: 1
+		}, 8, ["modelValue", "disabled"]));
+	}
+});
+//#endregion
+export { ne as a, F as c, L as i, P as l, De as n, I as o, $ as r, R as s, Oe as t };

package/dist/MudaCard-C9geam4O.js

@@ -0,0 +1,10 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
+//#region src/components/MudaCard/MudaCard.vue
+var i = {}, a = { class: "relative rounded-lg border border-secondary-light bg-foreground p-4" };
+function o(e, i) {
+	return n(), t("div", a, [r(e.$slots, "default")]);
+}
+var s = /*#__PURE__*/ e(i, [["render", o]]);
+//#endregion
+export { s as t };