@arkyn/components 3.0.1-beta.20 → 3.0.1-beta.201

package/dist/modules/components/alert/alertContainer/index.js

@@ -0,0 +1,27 @@
+import { AlertTitle as e } from "../alertTitle/index.js";
+/* empty css       */
+import { createContext as t, useContext as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/alert/alertContainer/index.tsx
+var i = t({});
+function a() {
+	return n(i);
+}
+function o(t) {
+	let { scheme: n, children: a, className: o, ...s } = t, c = `arkynAlertContainer ${n} ${((t) => {
+		let n = !1, r = (t) => {
+			Array.isArray(t) ? t.forEach(r) : t && typeof t == "object" && "type" in t && (t.type === e ? n = !0 : t.props && typeof t.props == "object" && t.props !== null && "children" in t.props && r(t.props.children));
+		};
+		return r(t), n;
+	})(a) ? "existsAlertTitle" : "nonExistsAlertTitle"} ${o}`;
+	return /* @__PURE__ */ r(i.Provider, {
+		value: t,
+		children: /* @__PURE__ */ r("div", {
+			className: c.trim(),
+			...s,
+			children: a
+		})
+	});
+}
+//#endregion
+export { o as AlertContainer, a as useAlertContainer };

package/dist/modules/components/alert/alertContent/index.js

@@ -0,0 +1,12 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/alert/alertContent/index.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynAlertContent ${n}`.trim(),
+		...r
+	});
+}
+//#endregion
+export { t as AlertContent };

package/dist/modules/components/alert/alertDescription/index.js

@@ -0,0 +1,12 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/alert/alertDescription/index.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynAlertDescription ${n}`.trim(),
+		...r
+	});
+}
+//#endregion
+export { t as AlertDescription };

package/dist/modules/components/alert/alertIcon/index.js

@@ -0,0 +1,28 @@
+import { useAlertContainer as e } from "../alertContainer/index.js";
+/* empty css       */
+import { jsx as t } from "react/jsx-runtime";
+import { AlertTriangle as n, CheckCircle2 as r, Info as i, XCircle as a } from "lucide-react";
+//#region src/components/alert/alertIcon/index.tsx
+function o(o) {
+	let { className: s, ...c } = o, { scheme: l } = e(), u = `arkynAlertIcon ${l} ${s}`;
+	switch (l) {
+		case "success": return /* @__PURE__ */ t(r, {
+			className: u,
+			...c
+		});
+		case "danger": return /* @__PURE__ */ t(a, {
+			className: u,
+			...c
+		});
+		case "warning": return /* @__PURE__ */ t(n, {
+			className: u,
+			...c
+		});
+		case "info": return /* @__PURE__ */ t(i, {
+			className: u,
+			...c
+		});
+	}
+}
+//#endregion
+export { o as AlertIcon };

package/dist/modules/components/alert/alertTitle/index.js

@@ -0,0 +1,12 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/alert/alertTitle/index.tsx
+function t(t) {
+	let { className: n, ...r } = t;
+	return /* @__PURE__ */ e("div", {
+		className: `arkynAlertTitle ${n}`.trim(),
+		...r
+	});
+}
+//#endregion
+export { t as AlertTitle };

package/dist/modules/components/audioPlayer/index.js

@@ -0,0 +1,75 @@
+import { useSlider as e } from "../../hooks/useSlider.js";
+import { Slider as t } from "../slider/index.js";
+/* empty css       */
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Pause as s, Play as c } from "lucide-react";
+//#region src/components/audioPlayer/index.tsx
+function l(l) {
+	let { onPlayAudio: u, onPauseAudio: d, disabled: f, style: p, ...m } = l, [h, g] = e(0), [_, v] = i(!1), [y, b] = i(!1), x = r(null), S = x.current?.currentTime || 0, C = x.current?.duration || 0, w = D(S), T = D(C), E = {
+		totalTime: C,
+		currentTime: S,
+		formattedCurrentTime: w,
+		formattedTotalTime: T
+	};
+	function D(e) {
+		if (!e) return "00:00";
+		let t = Math.floor(e / 60), n = Math.floor(e % 60);
+		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+	}
+	function O() {
+		let e = x.current;
+		e && (l.onPlayAudio && l.onPlayAudio(E), e.play(), v(!0));
+	}
+	function k() {
+		let e = x.current;
+		e && (l.onPauseAudio && l.onPauseAudio(E), e.pause(), v(!1));
+	}
+	function A() {
+		_ ? k() : O();
+	}
+	function j(e) {
+		let t = x.current;
+		if (!t) return;
+		let n = t.duration;
+		t.currentTime = e / 100 * n;
+	}
+	return y || !_ ? x.current?.pause() : _ && x.current?.play(), n(() => {
+		let e = x.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.duration;
+			g(e.currentTime / t * 100);
+		};
+		return e.addEventListener("timeupdate", t), () => {
+			e.removeEventListener("timeupdate", t);
+		};
+	}, [g]), /* @__PURE__ */ o("div", {
+		className: "arkynAudioPlayer",
+		style: p,
+		children: [
+			/* @__PURE__ */ a("audio", {
+				...m,
+				ref: x,
+				src: l.src || void 0,
+				onEnded: k
+			}),
+			/* @__PURE__ */ o("button", {
+				type: "button",
+				disabled: f,
+				onClick: A,
+				children: [_ && /* @__PURE__ */ a(s, {}), !_ && /* @__PURE__ */ a(c, {})]
+			}),
+			/* @__PURE__ */ a("p", { children: w }),
+			/* @__PURE__ */ a(t, {
+				value: h,
+				onChange: j,
+				onDragging: b,
+				disabled: f
+			}),
+			/* @__PURE__ */ a("p", { children: T })
+		]
+	});
+}
+//#endregion
+export { l as AudioPlayer };

package/dist/modules/components/audioUpload/hasFileContent/index.js

@@ -0,0 +1,55 @@
+import { AudioPlayer as e } from "../../audioPlayer/index.js";
+import { Button as t } from "../../button/index.js";
+import { Divider as n } from "../../divider/index.js";
+import { IconButton as r } from "../../iconButton/index.js";
+import { Tooltip as i } from "../../tooltip/index.js";
+/* empty css       */
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { RefreshCw as s } from "lucide-react";
+//#region src/components/audioUpload/hasFileContent/index.tsx
+function c(c) {
+	let { filePath: l, disabled: u, acceptAudio: d, handleSelectFile: f, isLoading: p, reSendAudio: m, changeAudioButtonText: h } = c;
+	function g() {
+		if (u) return;
+		let e = document.createElement("input");
+		e.type = "file", e.accept = d, e.onchange = (e) => {
+			let t = e.target.files?.[0];
+			t && f(t);
+		}, e.click();
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "arkynAudioUploadHasFileContentContainer",
+		children: [
+			/* @__PURE__ */ a(e, { src: l }),
+			/* @__PURE__ */ a(n, {}),
+			/* @__PURE__ */ o("div", {
+				className: "arkynAudioUploadButtonsContainer",
+				children: [!!m && /* @__PURE__ */ a(i, {
+					orientation: "bottom",
+					text: "Reenviar áudio",
+					children: /* @__PURE__ */ a(r, {
+						type: "button",
+						"aria-label": "resend image",
+						variant: "outline",
+						scheme: "danger",
+						size: "sm",
+						isLoading: p,
+						onClick: m,
+						icon: s,
+						disabled: u
+					})
+				}), /* @__PURE__ */ a(t, {
+					isLoading: p,
+					onClick: g,
+					variant: "outline",
+					size: "sm",
+					type: "button",
+					disabled: u,
+					children: h
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { c as HasFileContent };

package/dist/modules/components/audioUpload/index.js

@@ -0,0 +1,72 @@
+import { useForm as e } from "../../hooks/useForm.js";
+import { FieldError as t } from "../fieldError/index.js";
+import { FieldLabel as n } from "../fieldLabel/index.js";
+import { FieldWrapper as r } from "../fieldWrapper/index.js";
+import { HasFileContent as i } from "./hasFileContent/index.js";
+import { NoFileContent as a } from "./noFileContent/index.js";
+/* empty css       */
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/audioUpload/index.tsx
+function l(l) {
+	let { name: u, label: d, fileName: f = "file", method: p = "POST", onChange: m, fileResponseName: h = "url", selectAudioButtonText: g = "Selecionar arquivo de áudio", dropAudioText: _ = "Ou arraste e solte um arquivo de áudio aqui", changeAudioButtonText: v = "Trocar arquivo de áudio", acceptAudio: y = "audio/*", action: b, defaultValue: x = "", showAsterisk: S = !1, disabled: C = !1 } = l, { fieldErrors: w } = e(), T = w?.[u], [E, D] = o(x), [O, k] = o(""), [A, j] = o(null), [M, N] = o(x), [P, F] = o(!1);
+	async function I(e) {
+		if (C) return;
+		F(!0), j(e), k("");
+		let t = new FormData();
+		t.append(f, e), await fetch(b, {
+			method: p,
+			body: t
+		}).then(async (e) => await e.json()).then((e) => {
+			e?.error ? k(e.error) : D(e?.[h]), m?.(e?.[h]);
+		}).catch((e) => {
+			console.error(e), k("Erro ao enviar audio");
+		}).finally(() => F(!1));
+	}
+	function L(e) {
+		if (!C) {
+			if (e.type.indexOf("audio") === -1) {
+				k("O arquivo selecionado não é um arquivo de áudio");
+				return;
+			}
+			N(URL.createObjectURL(e)), I(e);
+		}
+	}
+	let R = T || O;
+	return /* @__PURE__ */ c(r, { children: [
+		d && /* @__PURE__ */ s(n, {
+			showAsterisk: S,
+			children: d
+		}),
+		/* @__PURE__ */ c("div", {
+			className: `arkynAudioUpload ${R ? "hasError" : "noHasError"} ${M ? "hasAudio" : "noHasAudio"}`,
+			children: [
+				/* @__PURE__ */ s("input", {
+					type: "hidden",
+					name: u,
+					value: E || ""
+				}),
+				!M && /* @__PURE__ */ s(a, {
+					disabled: C,
+					isLoading: P,
+					acceptAudio: y,
+					dropAudioText: _,
+					handleSelectFile: L,
+					selectAudioButtonText: g
+				}),
+				M && /* @__PURE__ */ s(i, {
+					filePath: M,
+					acceptAudio: y,
+					changeAudioButtonText: v,
+					disabled: C,
+					handleSelectFile: L,
+					isLoading: P,
+					reSendAudio: R && A ? () => I(A) : void 0
+				})
+			]
+		}),
+		R && /* @__PURE__ */ s(t, { children: R })
+	] });
+}
+//#endregion
+export { l as AudioUpload };

package/dist/modules/components/audioUpload/noFileContent/index.js

@@ -0,0 +1,36 @@
+import { Button as e } from "../../button/index.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/audioUpload/noFileContent/index.tsx
+function r(r) {
+	let { dropAudioText: i, isLoading: a, acceptAudio: o, handleSelectFile: s, selectAudioButtonText: c, disabled: l } = r;
+	function u(e) {
+		if (l) return;
+		e.preventDefault();
+		let t = e.dataTransfer.files[0];
+		t && s(t);
+	}
+	function d() {
+		if (l) return;
+		let e = document.createElement("input");
+		e.type = "file", e.accept = o, e.onchange = (e) => {
+			let t = e.target.files?.[0];
+			t && s(t);
+		}, e.click();
+	}
+	return /* @__PURE__ */ n("div", {
+		onDrop: u,
+		className: "arkynAudioUploadNoFileContent",
+		children: [/* @__PURE__ */ t(e, {
+			isLoading: a,
+			onClick: d,
+			variant: "ghost",
+			size: "sm",
+			type: "button",
+			disabled: l,
+			children: c
+		}), /* @__PURE__ */ t("p", { children: i })]
+	});
+}
+//#endregion
+export { r as NoFileContent };

package/dist/modules/components/badge/index.js

@@ -0,0 +1,27 @@
+import { IconRenderer as e } from "../../services/iconRenderer.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/badge/index.tsx
+function r(r) {
+	let { variant: i = "ghost", scheme: a = "primary", size: o = "lg", leftIcon: s, rightIcon: c, className: l = "", children: u, ...d } = r, f = {
+		md: 12,
+		lg: 14
+	}[o];
+	return /* @__PURE__ */ n("div", {
+		className: `arkynBadge ${i} ${a} ${o} ${l}`.trim(),
+		...d,
+		children: [
+			/* @__PURE__ */ t(e, {
+				iconSize: f,
+				icon: s
+			}),
+			/* @__PURE__ */ t("p", { children: u }),
+			/* @__PURE__ */ t(e, {
+				iconSize: f,
+				icon: c
+			})
+		]
+	});
+}
+//#endregion
+export { r as Badge };

package/dist/modules/components/button/index.js

@@ -0,0 +1,40 @@
+import { IconRenderer as e } from "../../services/iconRenderer.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Loader2 as r } from "lucide-react";
+//#region src/components/button/index.tsx
+function i(i) {
+	let { isLoading: a = !1, scheme: o = "primary", variant: s = "solid", loadingText: c, size: l = "md", leftIcon: u, rightIcon: d, disabled: f, className: p = "", children: m, ...h } = i, g = {
+		xs: 12,
+		sm: 16,
+		md: 20,
+		lg: 24
+	}[l];
+	return /* @__PURE__ */ n("button", {
+		className: `arkynButton ${a ? "loadingTrue" : "loadingFalse"} ${s} ${o} ${l} ${c ? "loadingTextTrue" : "loadingTextFalse"} ${p}`,
+		disabled: f || a,
+		...h,
+		children: [/* @__PURE__ */ n("div", {
+			className: "arkynButtonSpinner",
+			children: [/* @__PURE__ */ t(r, {
+				size: g,
+				strokeWidth: 2.5
+			}), c && c]
+		}), /* @__PURE__ */ n("div", {
+			className: "arkynButtonContent",
+			children: [
+				/* @__PURE__ */ t(e, {
+					iconSize: g,
+					icon: u
+				}),
+				m,
+				/* @__PURE__ */ t(e, {
+					iconSize: g,
+					icon: d
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { i as Button };

package/dist/modules/components/calendar/_calendarProvider.js

@@ -0,0 +1,40 @@
+import { ViewService as e } from "./_viewService.js";
+import { createContext as t, useContext as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/calendar/_calendarProvider.tsx
+var a = t({});
+function o() {
+	return n(a);
+}
+function s(t) {
+	let { calendarType: n, children: o, defaultValue: s, defaultViewValue: c = /* @__PURE__ */ new Date(), language: l = "pt-BR", onChange: u, onChangeView: d, value: f, viewValue: p } = t, m = n === "single" ? [s || /* @__PURE__ */ new Date(), s || /* @__PURE__ */ new Date()] : s || [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()], [h, g] = r(c), [_, v] = r(m), y = p || h, b = f ? n === "single" ? [f, f] : f : _, x = new e();
+	function S(e) {
+		let t = [new Date(e[0]), new Date(e[1])];
+		u && n === "range" && u(t), u && n === "single" && u(t[0]), v(t);
+	}
+	function C(e) {
+		d && d(e), g(e);
+	}
+	return /* @__PURE__ */ i(a.Provider, {
+		value: {
+			valueDate: b,
+			viewDate: y,
+			currentDate: y.toLocaleDateString(l).slice(3),
+			currentDay: x.currentDay(y),
+			currentMonth: x.currentMonth(y),
+			currentYear: x.currentYear(y),
+			listWeek: x.listWeek(l),
+			listMonths: x.listMonths(y, l),
+			listYears: x.listYears(100),
+			listMatrix: x.listMatrix(y, b),
+			changeDay: (e, t, r) => x.changeDay(e, t, r, n, b, S, C),
+			changeMonth: (e) => x.changeMonth(e, y, C),
+			changeYear: (e) => x.changeYear(e, y, C),
+			nextMonth: () => x.nextMonth(y, C),
+			previousMonth: () => x.previousMonth(y, C)
+		},
+		children: o
+	});
+}
+//#endregion
+export { s as CalendarProvider, o as useCalendar };

package/dist/modules/components/calendar/_viewService.js

@@ -0,0 +1,133 @@
+import { formatToCapitalizeFirstWordLetter as e } from "@arkyn/shared";
+//#region src/components/calendar/_viewService.ts
+var t = class {
+	currentDay(e) {
+		return String(e.getDate()).padStart(2, "0");
+	}
+	currentMonth(e) {
+		return String(e.getMonth() + 1).padStart(2, "0");
+	}
+	currentYear(e) {
+		return String(e.getFullYear());
+	}
+	capitalize(t) {
+		return e(t);
+	}
+	parseDayType(e, t, n, r) {
+		let i = r[0].getDate(), a = r[0].getMonth(), o = r[0].getFullYear(), s = r[1].getDate(), c = r[1].getMonth(), l = r[1].getFullYear(), u = new Date(o, a, i), d = new Date(l, c, s), f = new Date(n, t, e);
+		return u.getTime() === f.getTime() || d.getTime() === f.getTime() ? "checkedDay" : f > u && f < d ? "middleDay" : "uncheckedDay";
+	}
+	listWeek(e) {
+		let t = [], n = new Date(Date.UTC(2023, 0, 1));
+		for (let r = 0; r < 7; r++) {
+			let i = new Date(n);
+			i.setUTCDate(n.getUTCDate() + r);
+			let a = i.toLocaleDateString(e, {
+				weekday: "short",
+				timeZone: "UTC"
+			});
+			t.push(a);
+		}
+		return t;
+	}
+	listMonths(e, t) {
+		let n = new Intl.DateTimeFormat(t, { month: "long" });
+		return Array.from({ length: 12 }, (t, r) => {
+			let i = new Date(e.getFullYear(), r, 1), a = n.format(i);
+			return {
+				label: this.capitalize(a),
+				value: String(r).padStart(2, "0")
+			};
+		});
+	}
+	listYears(e) {
+		let t = (/* @__PURE__ */ new Date()).getFullYear();
+		return Array.from({ length: e + 1 }, (n, r) => {
+			let i = t - e + r;
+			return {
+				label: String(i),
+				value: String(i)
+			};
+		}).reverse();
+	}
+	listMatrix(e, t) {
+		let n = e.getFullYear(), r = e.getMonth(), i = new Date(n, r, 1).getDay(), a = new Date(n, r + 1, 0).getDate(), o = new Date(n, r, 0).getDate(), s = Math.ceil((i + a) / 7) * 7, c = [], l = 1, u = 1;
+		for (let e = 0; e < s; e++) {
+			let s = Math.floor(e / 7);
+			if (c[s] || (c[s] = []), e < i) {
+				let a = o - (i - e - 1), l = r === 0 ? 11 : r - 1, u = r === 0 ? n - 1 : n;
+				c[s].push({
+					day: a,
+					month: l,
+					year: u,
+					dayOwner: "previous",
+					dayType: this.parseDayType(a, l, u, t)
+				});
+			} else if (l <= a) c[s].push({
+				day: l,
+				month: r,
+				year: n,
+				dayOwner: "current",
+				dayType: this.parseDayType(l, r, n, t)
+			}), l++;
+			else {
+				let e = r === 11 ? 0 : r + 1, i = r === 11 ? n + 1 : n;
+				c[s].push({
+					day: u,
+					month: e,
+					year: i,
+					dayOwner: "next",
+					dayType: this.parseDayType(u, e, i, t)
+				}), u++;
+			}
+		}
+		return c;
+	}
+	changeDay(e, t, n, r, i, a, o) {
+		let s = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), c = s(new Date(n, t, e));
+		if (o(c), r === "single") {
+			a([c, c]);
+			return;
+		}
+		let l = s(i[0]), u = s(i[1]), d = c.getTime(), f = l.getTime(), p = u.getTime();
+		if (d === f) {
+			a([c, c]);
+			return;
+		}
+		if (d === p) {
+			a([c, c]);
+			return;
+		}
+		if (c < l) {
+			a([c, u]);
+			return;
+		}
+		if (c > u) {
+			a([l, c]);
+			return;
+		}
+		if (Math.abs(d - f) <= Math.abs(p - d)) {
+			a([c, u]);
+			return;
+		}
+		a([l, c]);
+	}
+	changeMonth(e, t, n) {
+		let r = new Date(t);
+		r.setMonth(e), n(r);
+	}
+	changeYear(e, t, n) {
+		let r = new Date(t);
+		r.setFullYear(e), n(r);
+	}
+	nextMonth(e, t) {
+		let n = new Date(e);
+		n.setDate(1), n.setMonth(n.getMonth() + 1), t(n);
+	}
+	previousMonth(e, t) {
+		let n = new Date(e);
+		n.setDate(1), n.setMonth(n.getMonth() - 1), t(n);
+	}
+};
+//#endregion
+export { t as ViewService };

package/dist/modules/components/calendar/calendarContainer/index.js

@@ -0,0 +1,11 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/calendar/calendarContainer/index.tsx
+function t({ children: t }) {
+	return /* @__PURE__ */ e("div", {
+		className: "arkynCalendarContainer",
+		children: t
+	});
+}
+//#endregion
+export { t as CalendarContainer };

package/dist/modules/components/calendar/calendarHeader/index.js

@@ -0,0 +1,56 @@
+import { useCalendar as e } from "../_calendarProvider.js";
+import { Select as t } from "../../select/index.js";
+/* empty css       */
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronLeft as i, ChevronRight as a } from "lucide-react";
+//#region src/components/calendar/calendarHeader/index.tsx
+function o({ basicMode: o }) {
+	let s = e();
+	return o ? /* @__PURE__ */ r("div", {
+		className: "arkynCalendarHeader",
+		children: [
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				className: "arkynCalendarButton",
+				onClick: () => s.previousMonth(),
+				children: /* @__PURE__ */ n(i, {})
+			}),
+			/* @__PURE__ */ n("p", { children: s.currentDate }),
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				className: "arkynCalendarButton",
+				onClick: () => s.nextMonth(),
+				children: /* @__PURE__ */ n(a, {})
+			})
+		]
+	}) : /* @__PURE__ */ r("div", {
+		className: "arkynCalendarHeader",
+		children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("button", {
+			type: "button",
+			className: "arkynCalendarButton",
+			onClick: () => s.previousMonth(),
+			children: /* @__PURE__ */ n(i, {})
+		}), /* @__PURE__ */ n("button", {
+			type: "button",
+			className: "arkynCalendarButton",
+			onClick: () => s.nextMonth(),
+			children: /* @__PURE__ */ n(a, {})
+		})] }), /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n(t, {
+			name: "calendarMonth",
+			variant: "underline",
+			className: "calendarMonthSelect",
+			value: s.currentMonth,
+			options: s.listMonths,
+			onChange: (e) => s.changeMonth(+e)
+		}), /* @__PURE__ */ n(t, {
+			name: "calendarYear",
+			variant: "underline",
+			className: "calendarYearSelect",
+			value: s.currentYear,
+			options: s.listYears,
+			onChange: (e) => s.changeYear(+e)
+		})] })]
+	});
+}
+//#endregion
+export { o as CalendarHeader };

package/dist/modules/components/calendar/calendarTableBody/index.js

@@ -0,0 +1,13 @@
+import { useCalendar as e } from "../_calendarProvider.js";
+import { CalendarTableTd as t } from "../calendarTableTd/index.js";
+/* empty css       */
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/calendar/calendarTableBody/index.tsx
+function r() {
+	return /* @__PURE__ */ n("tbody", {
+		className: "arkynCalendarTableBody",
+		children: e().listMatrix.map((e, r) => /* @__PURE__ */ n("tr", { children: e.map((e, i) => /* @__PURE__ */ n(t, { ...e }, `day-${r}-${i}`)) }, `week-${r}`))
+	});
+}
+//#endregion
+export { r as CalendarTableBody };

package/dist/modules/components/calendar/calendarTableContainer/index.js

@@ -0,0 +1,11 @@
+/* empty css       */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/calendar/calendarTableContainer/index.tsx
+function t({ children: t }) {
+	return /* @__PURE__ */ e("table", {
+		className: "arkynCalendarTableContainer",
+		children: t
+	});
+}
+//#endregion
+export { t as CalendarTableContainer };