@arkyn/components 3.0.1-beta.2 → 3.0.1-beta.200

package/dist/modules/components/fullCalendar/_fullCalendarProvider.js

@@ -0,0 +1,35 @@
+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/fullCalendar/_fullCalendarProvider.tsx
+var a = t({});
+function o() {
+	return n(a);
+}
+function s(t) {
+	let { blockedTimestamps: n, children: o, events: s, defaultViewValue: c = /* @__PURE__ */ new Date(), language: l = "pt-BR", onChangeView: u, onClickDate: d, viewValue: f } = t, p = new e(), m = p.listHours([8, 18]), [h, g] = r(c), _ = f || h;
+	function v(e) {
+		u && u(e), g(e);
+	}
+	return /* @__PURE__ */ i(a.Provider, {
+		value: {
+			events: s,
+			blockedTimestamps: n,
+			viewDate: _,
+			listHours: m,
+			listWeek: p.listWeek(_, l),
+			listMonthlyMatrix: p.listMonthlyMatrix(_),
+			listWeeklyMatrix: p.listWeeklyMatrix(_, m),
+			nextMonth: () => p.nextMonth(_, v),
+			nextWeek: () => p.nextWeek(_, v),
+			nextDay: () => p.nextDay(_, v),
+			previousMonth: () => p.previousMonth(_, v),
+			previousWeek: () => p.previousWeek(_, v),
+			previousDay: () => p.previousDay(_, v),
+			onClickDate: d
+		},
+		children: o
+	});
+}
+//#endregion
+export { s as FullCalendarProvider, o as useFullCalendar };

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

@@ -0,0 +1,101 @@
+import { formatToCapitalizeFirstWordLetter as e } from "@arkyn/shared";
+//#region src/components/fullCalendar/_viewService.ts
+var t = class {
+	capitalize(t) {
+		return e(t);
+	}
+	listHours(e) {
+		let [t, n] = e, r = [];
+		for (let e = t * 60; e <= n * 60; e += 30) r.push(e);
+		return r;
+	}
+	formatHourLabel(e) {
+		let t = Math.floor(e / 60), n = e % 60;
+		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+	}
+	getStartOfWeek(e) {
+		let t = new Date(e);
+		return t.setHours(0, 0, 0, 0), t.setDate(t.getDate() - t.getDay()), t;
+	}
+	listWeek(e, t) {
+		let n = [], r = this.getStartOfWeek(e);
+		for (let e = 0; e < 7; e++) {
+			let i = new Date(r);
+			i.setDate(r.getDate() + e);
+			let a = i.toLocaleDateString(t, { weekday: "short" });
+			n.push(a);
+		}
+		return n;
+	}
+	listWeeklyMatrix(e, t) {
+		let n = this.getStartOfWeek(e), r = e.getMonth();
+		return t.map((t) => Array.from({ length: 7 }, (i, a) => {
+			let o = new Date(n);
+			o.setDate(n.getDate() + a);
+			let s = "current";
+			return (o.getMonth() < r || o.getFullYear() < e.getFullYear()) && (s = "previous"), (o.getMonth() > r || o.getFullYear() > e.getFullYear()) && (s = "next"), {
+				day: o.getDate(),
+				month: o.getMonth(),
+				year: o.getFullYear(),
+				dayOwner: s,
+				timeInMinutes: t
+			};
+		}));
+	}
+	listMonthlyMatrix(e) {
+		let t = e.getFullYear(), n = e.getMonth(), r = new Date(t, n, 1).getDay(), i = new Date(t, n + 1, 0).getDate(), a = new Date(t, n, 0).getDate(), o = Math.ceil((r + i) / 7) * 7, s = [], c = 1, l = 1;
+		for (let e = 0; e < o; e++) {
+			let o = Math.floor(e / 7);
+			if (s[o] || (s[o] = []), e < r) {
+				let i = a - (r - e - 1), c = n === 0 ? 11 : n - 1, l = n === 0 ? t - 1 : t;
+				s[o].push({
+					day: i,
+					month: c,
+					year: l,
+					dayOwner: "previous"
+				});
+			} else if (c <= i) s[o].push({
+				day: c,
+				month: n,
+				year: t,
+				dayOwner: "current"
+			}), c++;
+			else {
+				let e = n === 11 ? 0 : n + 1, r = n === 11 ? t + 1 : t;
+				s[o].push({
+					day: l,
+					month: e,
+					year: r,
+					dayOwner: "next"
+				}), l++;
+			}
+		}
+		return s;
+	}
+	nextMonth(e, t) {
+		let n = new Date(e);
+		n.setMonth(n.getMonth() + 1), t(n);
+	}
+	nextWeek(e, t) {
+		let n = new Date(e);
+		n.setDate(n.getDate() + 7), t(n);
+	}
+	nextDay(e, t) {
+		let n = new Date(e);
+		n.setDate(n.getDate() + 1), t(n);
+	}
+	previousMonth(e, t) {
+		let n = new Date(e);
+		n.setMonth(n.getMonth() - 1), t(n);
+	}
+	previousWeek(e, t) {
+		let n = new Date(e);
+		n.setDate(n.getDate() - 7), t(n);
+	}
+	previousDay(e, t) {
+		let n = new Date(e);
+		n.setDate(n.getDate() - 1), t(n);
+	}
+};
+//#endregion
+export { t as ViewService };

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarContainer/index.js

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

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarEvent/index.js

@@ -0,0 +1,71 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/fullCalendar/dayCalendar/dayCalendarEvent/index.tsx
+var r = 30, i = 205;
+function a(a) {
+	let { events: o, viewDate: s } = e(), c = s.getDate(), l = s.getMonth(), u = s.getFullYear(), d = o.map((e, t) => ({
+		event: e,
+		sourceIndex: t
+	})).filter(({ event: e }) => e.initialDate.getDate() === c && e.initialDate.getMonth() === l && e.initialDate.getFullYear() === u).sort((e, t) => {
+		let n = e.event.initialDate.getTime(), i = t.event.initialDate.getTime();
+		if (n !== i) return n - i;
+		let a = e.event.endDate?.getTime() ?? n + r * 6e4, o = t.event.endDate?.getTime() ?? i + r * 6e4;
+		return a === o ? e.sourceIndex - t.sourceIndex : a - o;
+	}), f = new Map(d.map((e, t) => [e.sourceIndex, t])), p = d.filter(({ event: e }) => {
+		let t = Math.floor(a.timeInMinutes / 60), n = a.timeInMinutes % 60;
+		function r() {
+			let r = e.initialDate.getHours(), i = e.initialDate.getMinutes();
+			if (r !== t) return !1;
+			if (n === 0) return i < 30 && i >= 0;
+			if (n === 30) return i >= 30 && i < 60;
+		}
+		return r() && e.initialDate.getDate() === c && e.initialDate.getMonth() === l && e.initialDate.getFullYear() === u;
+	});
+	if (p.length === 0) return null;
+	function m(e, t) {
+		return `${c}-${l}-${u}-${t}-${e}`;
+	}
+	function h(e) {
+		let t = e.getHours(), n = e.getMinutes();
+		return n === 0 ? `${t}h` : `${t}h${n}`;
+	}
+	function g(e) {
+		let t = e.initialDate.getHours() * 60 + e.initialDate.getMinutes(), n = e.endDate ? e.endDate.getHours() * 60 + e.endDate.getMinutes() : t + r;
+		return {
+			startMinutes: t,
+			endMinutes: Math.max(n, t + 1)
+		};
+	}
+	function _(e, t) {
+		let n = g(e), r = f.get(t);
+		return r == null ? 0 : d.reduce((e, t, i) => {
+			if (i >= r) return e;
+			let a = g(t.event);
+			return a.startMinutes < n.endMinutes && a.endMinutes > n.startMinutes ? e + 1 : e;
+		}, 0);
+	}
+	function v(e, t) {
+		let { startMinutes: n, endMinutes: o } = g(e), s = n - a.timeInMinutes, c = Math.max(o - n, 1), l = s / r * 100, u = c / r * 100, d = _(e, t) * i;
+		return {
+			top: `${l}%`,
+			height: `${u}%`,
+			left: `${d}px`
+		};
+	}
+	function y(e, t) {
+		e.stopPropagation(), t.onClick?.(t.data);
+	}
+	return p.map(({ event: e, sourceIndex: r }, i) => /* @__PURE__ */ n("div", {
+		className: `arkynDayCalendarEvent ${e?.scheme || "primary"}`,
+		style: v(e, r),
+		onClick: (t) => y(t, e),
+		children: [/* @__PURE__ */ n("strong", { children: [
+			h(e.initialDate),
+			" ",
+			e?.endDate && `- ${h(e.endDate)}`
+		] }), /* @__PURE__ */ t("p", { children: e.title })]
+	}, m(i, r)));
+}
+//#endregion
+export { a as DayCalendarEvent };

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarRow/index.js

@@ -0,0 +1,29 @@
+import { ViewService as e } from "../../_viewService.js";
+import { useFullCalendar as t } from "../../_fullCalendarProvider.js";
+import { DayCalendarEvent as n } from "../dayCalendarEvent/index.js";
+/* empty css       */
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/fullCalendar/dayCalendar/dayCalendarRow/index.tsx
+function a({ hour: a, timeInMinutes: o }) {
+	let s = new e(), { blockedTimestamps: c, viewDate: l, onClickDate: u } = t();
+	function d() {
+		return c.some((e) => l >= e.initialDate && l <= e.endDate);
+	}
+	function f(e) {
+		if (e.stopPropagation(), !d() && u) {
+			let e = new Date(l);
+			e.setHours(0, o, 0, 0), u(e);
+		}
+	}
+	return /* @__PURE__ */ i("div", {
+		className: `arkynDayCalendarRow ${d() ? "blocked" : ""}`,
+		"data-time": o,
+		onClick: f,
+		children: [/* @__PURE__ */ r("p", { children: s.formatHourLabel(a) }), /* @__PURE__ */ r("div", {
+			className: "arkynDayCalendarRowContent",
+			children: /* @__PURE__ */ r(n, { timeInMinutes: o })
+		})]
+	});
+}
+//#endregion
+export { a as DayCalendarRow };

package/dist/modules/components/fullCalendar/dayCalendar/index.js

@@ -0,0 +1,14 @@
+import { useFullCalendar as e } from "../_fullCalendarProvider.js";
+import { DayCalendarContainer as t } from "./dayCalendarContainer/index.js";
+import { DayCalendarRow as n } from "./dayCalendarRow/index.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/fullCalendar/dayCalendar/index.tsx
+function i() {
+	let { listHours: i } = e();
+	return /* @__PURE__ */ r(t, { children: i.map((e) => /* @__PURE__ */ r(n, {
+		hour: e,
+		timeInMinutes: e
+	}, e)) });
+}
+//#endregion
+export { i as DayCalendar };

package/dist/modules/components/fullCalendar/fullCalendarContainer/index.js

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

package/dist/modules/components/fullCalendar/fullCalendarHeader/index.js

@@ -0,0 +1,69 @@
+import { IconButton as e } from "../../iconButton/index.js";
+import { CardTabButton as t } from "../../cardTab/cardTabButton/index.js";
+import { CardTabContainer as n } from "../../cardTab/cardTabContainer/index.js";
+import { useFullCalendar as r } from "../_fullCalendarProvider.js";
+/* empty css       */
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { ChevronLeft as o, ChevronRight as s } from "lucide-react";
+//#region src/components/fullCalendar/fullCalendarHeader/index.tsx
+function c(c) {
+	let { setViewType: l, viewType: u } = c, d = r();
+	function f() {
+		switch (u) {
+			case "day": return d.previousDay();
+			case "week": return d.previousWeek();
+			case "month": return d.previousMonth();
+		}
+	}
+	function p() {
+		switch (u) {
+			case "day": return d.nextDay();
+			case "week": return d.nextWeek();
+			case "month": return d.nextMonth();
+		}
+	}
+	return /* @__PURE__ */ a("div", {
+		className: "arkynFullCalendarHeader",
+		children: [/* @__PURE__ */ a(n, {
+			defaultValue: u,
+			onChange: (e) => l(e),
+			children: [
+				/* @__PURE__ */ i(t, {
+					value: "day",
+					children: "Dia"
+				}),
+				/* @__PURE__ */ i(t, {
+					value: "week",
+					children: "Semana"
+				}),
+				/* @__PURE__ */ i(t, {
+					value: "month",
+					children: "Mês"
+				})
+			]
+		}), /* @__PURE__ */ a("div", {
+			className: "arkynFullCalendarHeaderActions",
+			children: [
+				/* @__PURE__ */ i(e, {
+					variant: "outline",
+					icon: o,
+					"aria-label": "Handle previous",
+					onClick: () => f()
+				}),
+				/* @__PURE__ */ i("p", { children: d.viewDate.toLocaleDateString("pt-BR", {
+					day: "2-digit",
+					month: "long",
+					year: "numeric"
+				}) }),
+				/* @__PURE__ */ i(e, {
+					variant: "outline",
+					icon: s,
+					"aria-label": "Handle next",
+					onClick: () => p()
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { c as FullCalendarHeader };

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

@@ -0,0 +1,31 @@
+import { FullCalendarProvider as e } from "./_fullCalendarProvider.js";
+import { DayCalendar as t } from "./dayCalendar/index.js";
+import { FullCalendarContainer as n } from "./fullCalendarContainer/index.js";
+import { FullCalendarHeader as r } from "./fullCalendarHeader/index.js";
+import { MonthlyCalendar as i } from "./monthlyCalendar/index.js";
+import { WeekCalendar as a } from "./weekCalendar/index.js";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/fullCalendar/index.tsx
+function l(l) {
+	let [u, d] = o("month");
+	return /* @__PURE__ */ s(e, {
+		events: l.events || [],
+		viewValue: l.viewValue,
+		defaultViewValue: l.defaultViewValue,
+		onChangeView: l.onChangeView,
+		blockedTimestamps: l.blockedTimestamps || [],
+		onClickDate: l.onClickDate,
+		children: /* @__PURE__ */ c(n, { children: [
+			/* @__PURE__ */ s(r, {
+				viewType: u,
+				setViewType: d
+			}),
+			u === "day" && /* @__PURE__ */ s(t, {}),
+			u === "month" && /* @__PURE__ */ s(i, {}),
+			u === "week" && /* @__PURE__ */ s(a, {})
+		] })
+	});
+}
+//#endregion
+export { l as FullCalendar };

package/dist/modules/components/fullCalendar/monthlyCalendar/index.js

@@ -0,0 +1,10 @@
+import { MonthlyCalendarTableBody as e } from "./monthlyCalendarTableBody/index.js";
+import { MonthlyCalendarTableContainer as t } from "./monthlyCalendarTableContainer/index.js";
+import { MonthlyCalendarTableHeader as n } from "./monthlyCalendarTableHeader/index.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/fullCalendar/monthlyCalendar/index.tsx
+function a() {
+	return /* @__PURE__ */ i(t, { children: [/* @__PURE__ */ r(n, {}), /* @__PURE__ */ r(e, {})] });
+}
+//#endregion
+export { a as MonthlyCalendar };

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.js

@@ -0,0 +1,29 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.tsx
+function r(r) {
+	let { events: i } = e(), a = i.filter((e) => e.initialDate.getDate() === r.day && e.initialDate.getMonth() === r.month && e.initialDate.getFullYear() === r.year);
+	if (a.length === 0) return null;
+	function o(e) {
+		return `${r.day}-${r.month}-${r.year}-${e}`;
+	}
+	function s(e) {
+		let t = e.getHours(), n = e.getMinutes();
+		return n === 0 ? `${t}h` : `${t}h${n}`;
+	}
+	function c(e, t) {
+		e.stopPropagation(), t.onClick?.(t.data);
+	}
+	return a.map((e, r) => /* @__PURE__ */ n("div", {
+		className: `arkynMonthlyCalendarEvent ${e?.scheme || "primary"}`,
+		onClick: (t) => c(t, e),
+		children: [/* @__PURE__ */ n("strong", { children: [
+			s(e.initialDate),
+			" ",
+			e?.endDate && `- ${s(e.endDate)}`
+		] }), /* @__PURE__ */ t("p", { children: e.title })]
+	}, o(r)));
+}
+//#endregion
+export { r as MonthlyCalendarEvent };

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.js

@@ -0,0 +1,13 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+import { MonthlyCalendarTableTd as t } from "../monthlyCalendarTableTd/index.js";
+/* empty css       */
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.tsx
+function r() {
+	return /* @__PURE__ */ n("tbody", {
+		className: "arkynMonthlyCalendarTableBody",
+		children: e().listMonthlyMatrix.map((e, r) => /* @__PURE__ */ n("tr", { children: e.map((e, r) => /* @__PURE__ */ n(t, { ...e }, r)) }, r))
+	});
+}
+//#endregion
+export { r as MonthlyCalendarTableBody };

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.js

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

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.js

@@ -0,0 +1,14 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+/* empty css       */
+import { jsx as t } from "react/jsx-runtime";
+import { formatToCapitalizeFirstWordLetter as n } from "@arkyn/shared";
+//#region src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.tsx
+function r() {
+	let { listWeek: r } = e();
+	return /* @__PURE__ */ t("thead", {
+		className: "arkynMonthlyCalendarTableHeader",
+		children: /* @__PURE__ */ t("tr", { children: r.map((e) => /* @__PURE__ */ t("th", { children: n(e) }, e)) })
+	});
+}
+//#endregion
+export { r as MonthlyCalendarTableHeader };

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.js

@@ -0,0 +1,36 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+import { MonthlyCalendarEvent as t } from "../monthlyCalendarEvent/index.js";
+/* empty css       */
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.tsx
+function i(i) {
+	let { day: a, month: o, year: s, dayOwner: c } = i, { blockedTimestamps: l, onClickDate: u } = e();
+	function d() {
+		let e = /* @__PURE__ */ new Date();
+		return a === e.getDate() && o === e.getMonth() && s === e.getFullYear();
+	}
+	function f() {
+		let e = new Date(s, o, a);
+		return l.some((t) => e >= t.initialDate && e <= t.endDate);
+	}
+	function p(e) {
+		e.stopPropagation(), !f() && u && u(new Date(s, o, a));
+	}
+	return /* @__PURE__ */ r("td", {
+		className: `arkynMonthlyCalendarTableTd ${c} ${f() ? "blocked" : ""}`,
+		onClick: p,
+		children: [/* @__PURE__ */ n("p", {
+			className: d() ? "today" : "",
+			children: a
+		}), /* @__PURE__ */ n("div", {
+			className: "arkynMonthlyCalendarEventContainer",
+			children: /* @__PURE__ */ n(t, {
+				day: a,
+				month: o,
+				year: s
+			})
+		})]
+	});
+}
+//#endregion
+export { i as MonthlyCalendarTableTd };

package/dist/modules/components/fullCalendar/weekCalendar/index.js

@@ -0,0 +1,10 @@
+import { WeekCalendarTableBody as e } from "./weekCalendarTableBody/index.js";
+import { WeekCalendarTableContainer as t } from "./weekCalendarTableContainer/index.js";
+import { WeekCalendarTableHeader as n } from "./weekCalendarTableHeader/index.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/fullCalendar/weekCalendar/index.tsx
+function a() {
+	return /* @__PURE__ */ i(t, { children: [/* @__PURE__ */ r(n, {}), /* @__PURE__ */ r(e, {})] });
+}
+//#endregion
+export { a as WeekCalendar };

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarEvent/index.js

@@ -0,0 +1,71 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/fullCalendar/weekCalendar/weekCalendarEvent/index.tsx
+var r = 30, i = 40;
+function a(a) {
+	let { events: o } = e(), s = o.map((e, t) => ({
+		event: e,
+		sourceIndex: t
+	})).filter(({ event: e }) => e.initialDate.getDate() === a.day && e.initialDate.getMonth() === a.month && e.initialDate.getFullYear() === a.year).sort((e, t) => {
+		let n = e.event.initialDate.getTime(), i = t.event.initialDate.getTime();
+		if (n !== i) return n - i;
+		let a = e.event.endDate?.getTime() ?? n + r * 6e4, o = t.event.endDate?.getTime() ?? i + r * 6e4;
+		return a === o ? e.sourceIndex - t.sourceIndex : a - o;
+	}), c = new Map(s.map((e, t) => [e.sourceIndex, t])), l = s.filter(({ event: e }) => {
+		let t = Math.floor(a.timeInMinutes / 60), n = a.timeInMinutes % 60;
+		function r() {
+			let r = e.initialDate.getHours(), i = e.initialDate.getMinutes();
+			if (r !== t) return !1;
+			if (n === 0) return i < 30 && i >= 0;
+			if (n === 30) return i >= 30 && i < 60;
+		}
+		return r() && e.initialDate.getDate() === a.day && e.initialDate.getMonth() === a.month && e.initialDate.getFullYear() === a.year;
+	});
+	if (l.length === 0) return null;
+	function u(e, t) {
+		return `${a.day}-${a.month}-${a.year}-${t}-${e}`;
+	}
+	function d(e) {
+		let t = e.getHours(), n = e.getMinutes();
+		return n === 0 ? `${t}h` : `${t}h${n}`;
+	}
+	function f(e) {
+		let t = e.initialDate.getHours() * 60 + e.initialDate.getMinutes(), n = e.endDate ? e.endDate.getHours() * 60 + e.endDate.getMinutes() : t + r;
+		return {
+			startMinutes: t,
+			endMinutes: Math.max(n, t + 1)
+		};
+	}
+	function p(e, t) {
+		let n = f(e), r = c.get(t);
+		return r == null ? 0 : s.reduce((e, t, i) => {
+			if (i >= r) return e;
+			let a = f(t.event);
+			return a.startMinutes < n.endMinutes && a.endMinutes > n.startMinutes ? e + 1 : e;
+		}, 0);
+	}
+	function m(e, t) {
+		let { startMinutes: n, endMinutes: o } = f(e), s = n - a.timeInMinutes, c = Math.max(o - n, 1), l = s / r * 100, u = c / r * 100, d = p(e, t) * i;
+		return {
+			top: `${l}%`,
+			height: `${u}%`,
+			left: `${d}px`
+		};
+	}
+	function h(e, t) {
+		e.stopPropagation(), t.onClick?.(t.data);
+	}
+	return l.map(({ event: e, sourceIndex: r }, i) => /* @__PURE__ */ n("div", {
+		className: `arkynWeekCalendarEvent ${e?.scheme || "primary"}`,
+		style: m(e, r),
+		onClick: (t) => h(t, e),
+		children: [/* @__PURE__ */ n("strong", { children: [
+			d(e.initialDate),
+			" ",
+			e?.endDate && `- ${d(e.endDate)}`
+		] }), /* @__PURE__ */ t("p", { children: e.title })]
+	}, u(i, r)));
+}
+//#endregion
+export { a as WeekCalendarEvent };

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.js

@@ -0,0 +1,18 @@
+import { ViewService as e } from "../../_viewService.js";
+import { useFullCalendar as t } from "../../_fullCalendarProvider.js";
+import { WeekCalendarTableTd as n } from "../weekCalendarTableTd/index.js";
+/* empty css       */
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/fullCalendar/weekCalendar/weekCalendarTableBody/index.tsx
+function a() {
+	let a = t(), o = new e();
+	return /* @__PURE__ */ r("tbody", {
+		className: "arkynWeekCalendarTableBody",
+		children: a.listWeeklyMatrix.map((e) => /* @__PURE__ */ i("tr", { children: [/* @__PURE__ */ r("td", {
+			className: "hourTd",
+			children: /* @__PURE__ */ r("p", { children: o.formatHourLabel(e[0].timeInMinutes) })
+		}), e.map((e) => /* @__PURE__ */ r(n, { ...e }, `${e.year}-${e.month}-${e.day}-${e.timeInMinutes}`))] }, e[0].timeInMinutes))
+	});
+}
+//#endregion
+export { a as WeekCalendarTableBody };

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableContainer/index.js

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

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.js

@@ -0,0 +1,17 @@
+import { useFullCalendar as e } from "../../_fullCalendarProvider.js";
+/* empty css       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { formatToCapitalizeFirstWordLetter as r } from "@arkyn/shared";
+//#region src/components/fullCalendar/weekCalendar/weekCalendarTableHeader/index.tsx
+function i() {
+	let { listWeek: i, listWeeklyMatrix: a } = e(), o = a[0] || [];
+	return /* @__PURE__ */ t("thead", {
+		className: "arkynWeekCalendarTableHeader",
+		children: /* @__PURE__ */ n("tr", { children: [/* @__PURE__ */ t("th", {}), i.map((e, i) => /* @__PURE__ */ t("th", { children: /* @__PURE__ */ n("div", {
+			className: "arkynWeekCalendarTableHeaderContent",
+			children: [/* @__PURE__ */ t("span", { children: r(e) }), /* @__PURE__ */ t("strong", { children: o[i]?.day })]
+		}) }, e))] })
+	});
+}
+//#endregion
+export { i as WeekCalendarTableHeader };