@arkyn/components 3.0.1-beta.95 → 3.0.2

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

@@ -0,0 +1,31 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/dayCalendar/dayCalendarRow/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport { ViewService } from \"../../_viewService\";\nimport { DayCalendarEvent } from \"../dayCalendarEvent\";\nimport \"./styles.css\";\n\ntype DayCalendarRowProps = {\n\thour: number;\n\ttimeInMinutes: number;\n};\n\nfunction DayCalendarRow({ hour, timeInMinutes }: DayCalendarRowProps) {\n\tconst viewService = new ViewService();\n\tconst { blockedTimestamps, viewDate, onClickDate } = useFullCalendar();\n\n\tfunction isBlocked() {\n\t\treturn blockedTimestamps.some(\n\t\t\t(timestamp) =>\n\t\t\t\tviewDate >= timestamp.initialDate && viewDate <= timestamp.endDate,\n\t\t);\n\t}\n\n\tfunction handleClick(event: React.MouseEvent) {\n\t\tevent.stopPropagation();\n\t\tif (isBlocked()) return;\n\n\t\tif (onClickDate) {\n\t\t\tconst date = new Date(viewDate);\n\t\t\tdate.setHours(0, timeInMinutes, 0, 0);\n\t\t\tonClickDate(date);\n\t\t}\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`arkynDayCalendarRow ${isBlocked() ? \"blocked\" : \"\"}`}\n\t\t\tdata-time={timeInMinutes}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t<p>{viewService.formatHourLabel(hour)}</p>\n\n\t\t\t<div className=\"arkynDayCalendarRowContent\">\n\t\t\t\t<DayCalendarEvent timeInMinutes={timeInMinutes} />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport { DayCalendarRow, type DayCalendarRowProps };\n"],"mappings":";;;;;;AAUA,SAAS,EAAe,EAAE,SAAM,oBAAsC;CACrE,IAAM,IAAc,IAAI,EAAY,GAC9B,EAAE,sBAAmB,aAAU,mBAAgB,EAAgB;CAErE,SAAS,IAAY;EACpB,OAAO,EAAkB,MACvB,MACA,KAAY,EAAU,eAAe,KAAY,EAAU,OAC7D;CACD;CAEA,SAAS,EAAY,GAAyB;EAC7C,MAAM,gBAAgB,GAClB,GAAU,KAEV,GAAa;GAChB,IAAM,IAAO,IAAI,KAAK,CAAQ;GAE9B,AADA,EAAK,SAAS,GAAG,GAAe,GAAG,CAAC,GACpC,EAAY,CAAI;EACjB;CACD;CAEA,OACC,kBAAC,OAAD;EACC,WAAW,uBAAuB,EAAU,IAAI,YAAY;EAC5D,aAAW;EACX,SAAS;YAHV,CAKC,kBAAC,KAAD,EAAA,UAAI,EAAY,gBAAgB,CAAI,EAAK,CAAA,GAEzC,kBAAC,OAAD;GAAK,WAAU;aACd,kBAAC,GAAD,EAAiC,iBAAgB,CAAA;EAC7C,CAAA,CACD;;AAEP"}

package/dist/modules/components/fullCalendar/dayCalendar/dayCalendarRow/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynDayCalendarRow{align-items:stretch;display:flex;position:relative}.arkynDayCalendarRow:first-child{border-top-right-radius:14px}.arkynDayCalendarRow:last-child{border-bottom-right-radius:14px}.arkynDayCalendarRow.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynDayCalendarRow.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynDayCalendarRow:first-child:before{border-top-left-radius:14px}.arkynDayCalendarRow.blocked:hover{cursor:not-allowed}.arkynDayCalendarRow:not(:first-child){border-top:1px solid var(--border,#e2e8f0)}.arkynDayCalendarRow>p{letter-spacing:0%;color:var(--text-body,#52525b);align-items:center;padding:24px 20px;font-size:14px;font-weight:400;line-height:24px;display:flex}.arkynDayCalendarRow .arkynDayCalendarRowContent{flex:1;min-height:100%;margin:3px;position:relative}}

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

@@ -0,0 +1,16 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/fullCalendar/dayCalendar/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../_fullCalendarProvider\";\nimport { DayCalendarContainer } from \"./dayCalendarContainer\";\nimport { DayCalendarRow } from \"./dayCalendarRow\";\n\nfunction DayCalendar() {\n\tconst { listHours } = useFullCalendar();\n\treturn (\n\t\t<DayCalendarContainer>\n\t\t\t{listHours.map((hour) => (\n\t\t\t\t<DayCalendarRow key={hour} hour={hour} timeInMinutes={hour} />\n\t\t\t))}\n\t\t</DayCalendarContainer>\n\t);\n}\n\nexport { DayCalendar };\n"],"mappings":";;;;;AAIA,SAAS,IAAc;CACtB,IAAM,EAAE,iBAAc,EAAgB;CACtC,OACC,kBAAC,GAAD,EAAA,UACE,EAAU,KAAK,MACf,kBAAC,GAAD;EAAiC;EAAM,eAAe;CAAO,GAAxC,CAAwC,CAC7D,EACoB,CAAA;AAExB"}

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

@@ -0,0 +1,13 @@
+/* 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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/fullCalendar/fullCalendarContainer/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype FullCalendarContainerProps = {\n\tchildren?: ReactNode;\n};\n\nfunction FullCalendarContainer({ children }: FullCalendarContainerProps) {\n\treturn <div className=\"arkynFullCalendarContainer\">{children}</div>;\n}\n\nexport { FullCalendarContainer };\n"],"mappings":";;;AAOA,SAAS,EAAsB,EAAE,eAAwC;CACxE,OAAO,kBAAC,OAAD;EAAK,WAAU;EAA8B;CAAc,CAAA;AACnE"}

package/dist/modules/components/fullCalendar/fullCalendarContainer/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynFullCalendarContainer{flex-direction:column;gap:32px;display:flex}}

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

@@ -0,0 +1,71 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/fullCalendar/fullCalendarHeader/index.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from \"lucide-react\";\n\nimport { CardTabButton } from \"../../cardTab/cardTabButton\";\nimport { CardTabContainer } from \"../../cardTab/cardTabContainer\";\nimport { IconButton } from \"../../iconButton\";\n\nimport { useFullCalendar } from \"../_fullCalendarProvider\";\nimport \"./styles.css\";\n\ntype FullCalendarHeaderProps = {\n\tviewType: \"day\" | \"week\" | \"month\";\n\tsetViewType: (viewType: \"day\" | \"week\" | \"month\") => void;\n};\n\nfunction FullCalendarHeader(props: FullCalendarHeaderProps) {\n\tconst { setViewType, viewType } = props;\n\tconst fullCalendar = useFullCalendar();\n\n\tfunction handlePrevious() {\n\t\tswitch (viewType) {\n\t\t\tcase \"day\":\n\t\t\t\treturn fullCalendar.previousDay();\n\t\t\tcase \"week\":\n\t\t\t\treturn fullCalendar.previousWeek();\n\t\t\tcase \"month\":\n\t\t\t\treturn fullCalendar.previousMonth();\n\t\t}\n\t}\n\n\tfunction handleNext() {\n\t\tswitch (viewType) {\n\t\t\tcase \"day\":\n\t\t\t\treturn fullCalendar.nextDay();\n\t\t\tcase \"week\":\n\t\t\t\treturn fullCalendar.nextWeek();\n\t\t\tcase \"month\":\n\t\t\t\treturn fullCalendar.nextMonth();\n\t\t}\n\t}\n\n\treturn (\n\t\t<div className=\"arkynFullCalendarHeader\">\n\t\t\t<CardTabContainer\n\t\t\t\tdefaultValue={viewType}\n\t\t\t\tonChange={(value) => setViewType(value as \"day\" | \"week\" | \"month\")}\n\t\t\t>\n\t\t\t\t<CardTabButton value=\"day\">Dia</CardTabButton>\n\t\t\t\t<CardTabButton value=\"week\">Semana</CardTabButton>\n\t\t\t\t<CardTabButton value=\"month\">Mês</CardTabButton>\n\t\t\t</CardTabContainer>\n\n\t\t\t<div className=\"arkynFullCalendarHeaderActions\">\n\t\t\t\t<IconButton\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\ticon={ChevronLeft}\n\t\t\t\t\taria-label=\"Handle previous\"\n\t\t\t\t\tonClick={() => handlePrevious()}\n\t\t\t\t/>\n\n\t\t\t\t<p>\n\t\t\t\t\t{fullCalendar.viewDate.toLocaleDateString(\"pt-BR\", {\n\t\t\t\t\t\tday: \"2-digit\",\n\t\t\t\t\t\tmonth: \"long\",\n\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t})}\n\t\t\t\t</p>\n\n\t\t\t\t<IconButton\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\ticon={ChevronRight}\n\t\t\t\t\taria-label=\"Handle next\"\n\t\t\t\t\tonClick={() => handleNext()}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport { FullCalendarHeader };\n"],"mappings":";;;;;;;;AAcA,SAAS,EAAmB,GAAgC;CAC3D,IAAM,EAAE,gBAAa,gBAAa,GAC5B,IAAe,EAAgB;CAErC,SAAS,IAAiB;EACzB,QAAQ,GAAR;GACC,KAAK,OACJ,OAAO,EAAa,YAAY;GACjC,KAAK,QACJ,OAAO,EAAa,aAAa;GAClC,KAAK,SACJ,OAAO,EAAa,cAAc;EACpC;CACD;CAEA,SAAS,IAAa;EACrB,QAAQ,GAAR;GACC,KAAK,OACJ,OAAO,EAAa,QAAQ;GAC7B,KAAK,QACJ,OAAO,EAAa,SAAS;GAC9B,KAAK,SACJ,OAAO,EAAa,UAAU;EAChC;CACD;CAEA,OACC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACC,kBAAC,GAAD;GACC,cAAc;GACd,WAAW,MAAU,EAAY,CAAiC;aAFnE;IAIC,kBAAC,GAAD;KAAe,OAAM;eAAM;IAAkB,CAAA;IAC7C,kBAAC,GAAD;KAAe,OAAM;eAAO;IAAqB,CAAA;IACjD,kBAAC,GAAD;KAAe,OAAM;eAAQ;IAAkB,CAAA;GAC9B;MAElB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACC,kBAAC,GAAD;KACC,SAAQ;KACR,MAAM;KACN,cAAW;KACX,eAAe,EAAe;IAC9B,CAAA;IAED,kBAAC,KAAD,EAAA,UACE,EAAa,SAAS,mBAAmB,SAAS;KAClD,KAAK;KACL,OAAO;KACP,MAAM;IACP,CAAC,EACC,CAAA;IAEH,kBAAC,GAAD;KACC,SAAQ;KACR,MAAM;KACN,cAAW;KACX,eAAe,EAAW;IAC1B,CAAA;GACG;IACD;;AAEP"}

package/dist/modules/components/fullCalendar/fullCalendarHeader/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynFullCalendarHeader{align-items:center;gap:16px;display:flex}.arkynFullCalendarHeader>p{color:var(--text-body,#52525b);font-size:14px;font-weight:500}.arkynFullCalendarHeader .arkynFullCalendarButton{border:unset;background-color:unset;color:var(--text-muted,#a1a1aa);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynFullCalendarHeader .arkynFullCalendarButton:hover svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynFullCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynFullCalendarHeader .arkynFullCalendarHeaderActions{background-color:var(--background-underground,#fafafa);border-radius:8px;align-items:center;gap:50px;width:max-content;padding:4px;display:flex;overflow:hidden}.arkynFullCalendarHeader .arkynFullCalendarHeaderActions p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600;line-height:24px}}

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

@@ -0,0 +1,33 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/fullCalendar/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { FullCalendarProvider } from \"./_fullCalendarProvider\";\nimport { DayCalendar } from \"./dayCalendar\";\nimport { FullCalendarContainer } from \"./fullCalendarContainer\";\nimport { FullCalendarHeader } from \"./fullCalendarHeader\";\nimport { MonthlyCalendar } from \"./monthlyCalendar\";\nimport { WeekCalendar } from \"./weekCalendar\";\n\n/**\n * Represents a single event rendered on the calendar.\n */\ntype FullCalendarEvent = {\n\t/** Display label shown on the event block. */\n\ttitle: string;\n\t/** Start date and time of the event. */\n\tinitialDate: Date;\n\t/** End date and time of the event. */\n\tendDate?: Date;\n\t/** Arbitrary payload forwarded to the `onClick` callback. */\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tdata?: any;\n\t/**\n\t * Color scheme applied to the event block.\n\t * - `primary`: default blue.\n\t * - `success`: green.\n\t * - `warning`: yellow.\n\t * - `danger`: red.\n\t * - `info`: light blue.\n\t *\n\t * @default \"primary\"\n\t */\n\tscheme?: \"primary\" | \"success\" | \"warning\" | \"danger\" | \"info\";\n\t/** Callback fired when the user clicks the event. Receives `data` as argument. */\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tonClick?: (data: any) => void;\n};\n\n/**\n * Represents a blocked (unavailable) time range on the calendar.\n */\ntype BlockTimestamp = {\n\t/** Start of the blocked range. */\n\tinitialDate: Date;\n\t/** End of the blocked range. */\n\tendDate: Date;\n};\n\n/**\n * Props for the FullCalendar component.\n */\ntype FullCalendarProps = {\n\t/** Controlled value for the currently focused date. */\n\tviewValue?: Date;\n\t/** Initial focused date when the calendar mounts. */\n\tdefaultViewValue?: Date;\n\t/** List of events to display across day, week, and month views. */\n\tevents?: FullCalendarEvent[];\n\t/** Time ranges that should be visually marked as unavailable. */\n\tblockedTimestamps?: BlockTimestamp[];\n\t/** Callback fired when the user navigates to a different period. */\n\tonChangeView?: (date: Date) => void;\n\t/** Callback fired when the user clicks a date cell. */\n\tonClickDate?: (date: Date) => void;\n};\n\n/**\n * Full-featured calendar component with day, week, and month views.\n *\n * Renders a switchable calendar that supports event display, blocked time\n * ranges, and date navigation. Internal state and business logic are managed\n * by `FullCalendarProvider`, keeping the public API minimal.\n *\n * @param props FullCalendar properties.\n * @returns Calendar UI with a view switcher header and the active view grid.\n *\n * @example\n * // Basic usage with events\n * <FullCalendar\n *   defaultValue={new Date()}\n *   events={[\n *     {\n *       title: \"Team standup\",\n *       initialDate: new Date(2026, 5, 22, 9, 0),\n *       endDate: new Date(2026, 5, 22, 9, 30),\n *       scheme: \"primary\",\n *       onClick: (data) => console.log(\"Event clicked:\", data),\n *     },\n *   ]}\n *   onChangeView={(date) => console.log(\"Viewing:\", date)}\n *   onClickDate={(date) => console.log(\"Date clicked:\", date)}\n * />\n *\n * @example\n * // With blocked timestamps\n * <FullCalendar\n *   defaultValue={new Date()}\n *   blockedTimestamps={[\n *     {\n *       initialDate: new Date(2026, 5, 22, 12, 0),\n *       endDate: new Date(2026, 5, 22, 13, 0),\n *     },\n *   ]}\n * />\n */\nfunction FullCalendar(props: FullCalendarProps) {\n\tconst [viewType, setViewType] = useState<\"day\" | \"week\" | \"month\">(\"month\");\n\n\treturn (\n\t\t<FullCalendarProvider\n\t\t\tevents={props.events || []}\n\t\t\tviewValue={props.viewValue}\n\t\t\tdefaultViewValue={props.defaultViewValue}\n\t\t\tonChangeView={props.onChangeView}\n\t\t\tblockedTimestamps={props.blockedTimestamps || []}\n\t\t\tonClickDate={props.onClickDate}\n\t\t>\n\t\t\t<FullCalendarContainer>\n\t\t\t\t<FullCalendarHeader viewType={viewType} setViewType={setViewType} />\n\t\t\t\t{viewType === \"day\" && <DayCalendar />}\n\t\t\t\t{viewType === \"month\" && <MonthlyCalendar />}\n\t\t\t\t{viewType === \"week\" && <WeekCalendar />}\n\t\t\t</FullCalendarContainer>\n\t\t</FullCalendarProvider>\n\t);\n}\n\nexport { FullCalendar };\n"],"mappings":";;;;;;;;;AAwGA,SAAS,EAAa,GAA0B;CAC/C,IAAM,CAAC,GAAU,KAAe,EAAmC,OAAO;CAE1E,OACC,kBAAC,GAAD;EACC,QAAQ,EAAM,UAAU,CAAC;EACzB,WAAW,EAAM;EACjB,kBAAkB,EAAM;EACxB,cAAc,EAAM;EACpB,mBAAmB,EAAM,qBAAqB,CAAC;EAC/C,aAAa,EAAM;YAEnB,kBAAC,GAAD,EAAA,UAAA;GACC,kBAAC,GAAD;IAA8B;IAAuB;GAAc,CAAA;GAClE,MAAa,SAAS,kBAAC,GAAD,CAAc,CAAA;GACpC,MAAa,WAAW,kBAAC,GAAD,CAAkB,CAAA;GAC1C,MAAa,UAAU,kBAAC,GAAD,CAAe,CAAA;EACjB,EAAA,CAAA;CACF,CAAA;AAExB"}

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

@@ -0,0 +1,12 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/fullCalendar/monthlyCalendar/index.tsx"],"sourcesContent":["import { MonthlyCalendarTableBody } from \"./monthlyCalendarTableBody\";\nimport { MonthlyCalendarTableContainer } from \"./monthlyCalendarTableContainer\";\nimport { MonthlyCalendarTableHeader } from \"./monthlyCalendarTableHeader\";\n\nfunction MonthlyCalendar() {\n\treturn (\n\t\t<MonthlyCalendarTableContainer>\n\t\t\t<MonthlyCalendarTableHeader />\n\t\t\t<MonthlyCalendarTableBody />\n\t\t</MonthlyCalendarTableContainer>\n\t);\n}\n\nexport { MonthlyCalendar };\n"],"mappings":";;;;;AAIA,SAAS,IAAkB;CAC1B,OACC,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,CAA6B,CAAA,GAC7B,kBAAC,GAAD,CAA2B,CAAA,CACG,EAAA,CAAA;AAEjC"}

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

@@ -0,0 +1,31 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport \"./styles.css\";\n\ntype MonthlyCalendarEventProps = {\n\tday: number;\n\tmonth: number;\n\tyear: number;\n};\n\nfunction MonthlyCalendarEvent(props: MonthlyCalendarEventProps) {\n\tconst { events } = useFullCalendar();\n\n\tconst filteredEvents = events.filter((event) => {\n\t\treturn (\n\t\t\tevent.initialDate.getDate() === props.day &&\n\t\t\tevent.initialDate.getMonth() === props.month &&\n\t\t\tevent.initialDate.getFullYear() === props.year\n\t\t);\n\t});\n\n\tif (filteredEvents.length === 0) return null;\n\n\tfunction makeEventKey(index: number) {\n\t\treturn `${props.day}-${props.month}-${props.year}-${index}`;\n\t}\n\n\tfunction makeHour(date: Date) {\n\t\tconst hours = date.getHours();\n\t\tconst minutes = date.getMinutes();\n\n\t\tif (minutes === 0) return `${hours}h`;\n\t\treturn `${hours}h${minutes}`;\n\t}\n\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tfunction handleEventClick(event: React.MouseEvent, eventData: any) {\n\t\tevent.stopPropagation();\n\t\teventData.onClick?.(eventData.data);\n\t}\n\n\treturn filteredEvents.map((event, index) => (\n\t\t<div\n\t\t\tkey={makeEventKey(index)}\n\t\t\tclassName={`arkynMonthlyCalendarEvent ${event?.scheme || \"primary\"}`}\n\t\t\tonClick={(e) => handleEventClick(e, event)}\n\t\t>\n\t\t\t<strong>\n\t\t\t\t{makeHour(event.initialDate)}{\" \"}\n\t\t\t\t{event?.endDate && `- ${makeHour(event.endDate)}`}\n\t\t\t</strong>\n\t\t\t<p>{event.title}</p>\n\t\t</div>\n\t));\n}\n\nexport { MonthlyCalendarEvent };\n"],"mappings":";;;;AASA,SAAS,EAAqB,GAAkC;CAC/D,IAAM,EAAE,cAAW,EAAgB,GAE7B,IAAiB,EAAO,QAAQ,MAEpC,EAAM,YAAY,QAAQ,MAAM,EAAM,OACtC,EAAM,YAAY,SAAS,MAAM,EAAM,SACvC,EAAM,YAAY,YAAY,MAAM,EAAM,IAE3C;CAED,IAAI,EAAe,WAAW,GAAG,OAAO;CAExC,SAAS,EAAa,GAAe;EACpC,OAAO,GAAG,EAAM,IAAI,GAAG,EAAM,MAAM,GAAG,EAAM,KAAK,GAAG;CACrD;CAEA,SAAS,EAAS,GAAY;EAC7B,IAAM,IAAQ,EAAK,SAAS,GACtB,IAAU,EAAK,WAAW;EAGhC,OADI,MAAY,IAAU,GAAG,EAAM,KAC5B,GAAG,EAAM,GAAG;CACpB;CAGA,SAAS,EAAiB,GAAyB,GAAgB;EAElE,AADA,EAAM,gBAAgB,GACtB,EAAU,UAAU,EAAU,IAAI;CACnC;CAEA,OAAO,EAAe,KAAK,GAAO,MACjC,kBAAC,OAAD;EAEC,WAAW,6BAA6B,GAAO,UAAU;EACzD,UAAU,MAAM,EAAiB,GAAG,CAAK;YAH1C,CAKC,kBAAC,UAAD,EAAA,UAAA;GACE,EAAS,EAAM,WAAW;GAAG;GAC7B,GAAO,WAAW,KAAK,EAAS,EAAM,OAAO;EACvC,EAAA,CAAA,GACR,kBAAC,KAAD,EAAA,UAAI,EAAM,MAAS,CAAA,CACf;IATC,EAAa,CAAK,CASnB,CACL;AACF"}

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarEvent/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynMonthlyCalendarEvent{border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;position:relative}.arkynMonthlyCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynMonthlyCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMonthlyCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynMonthlyCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMonthlyCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynMonthlyCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynMonthlyCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynMonthlyCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynMonthlyCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynMonthlyCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynMonthlyCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynMonthlyCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}

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

@@ -0,0 +1,15 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport { MonthlyCalendarTableTd } from \"../monthlyCalendarTableTd\";\nimport \"./styles.css\";\n\nfunction MonthlyCalendarTableBody() {\n\tconst fullCalendar = useFullCalendar();\n\n\treturn (\n\t\t<tbody className=\"arkynMonthlyCalendarTableBody\">\n\t\t\t{fullCalendar.listMonthlyMatrix.map((week, weekIndex) => (\n\t\t\t\t// biome-ignore lint/suspicious/noArrayIndexKey: week position is stable in monthly matrix\n\t\t\t\t<tr key={weekIndex}>\n\t\t\t\t\t{week.map((props, dayIndex) => (\n\t\t\t\t\t\t// biome-ignore lint/suspicious/noArrayIndexKey: day position is stable in week\n\t\t\t\t\t\t<MonthlyCalendarTableTd key={dayIndex} {...props} />\n\t\t\t\t\t))}\n\t\t\t\t</tr>\n\t\t\t))}\n\t\t</tbody>\n\t);\n}\n\nexport { MonthlyCalendarTableBody };\n"],"mappings":";;;;;AAIA,SAAS,IAA2B;CAGnC,OACC,kBAAC,SAAD;EAAO,WAAU;YAHG,EAIlB,CAAA,CAAa,kBAAkB,KAAK,GAAM,MAE1C,kBAAC,MAAD,EAAA,UACE,EAAK,KAAK,GAAO,MAEjB,kBAAC,GAAD,EAAuC,GAAI,EAAQ,GAAtB,CAAsB,CACnD,EACE,GALK,CAKL,CACJ;CACK,CAAA;AAET"}

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableBody/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynMonthlyCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynMonthlyCalendarTableBody tr{border-top:1px solid var(--border,#e2e8f0)}.arkynMonthlyCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}}

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

@@ -0,0 +1,13 @@
+/* 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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport \"./styles.css\";\n\ntype MonthlyCalendarTableContainerProps = {\n\tchildren: ReactNode;\n};\n\nfunction MonthlyCalendarTableContainer({\n\tchildren,\n}: MonthlyCalendarTableContainerProps) {\n\treturn (\n\t\t<div className=\"arkynMonthlyCalendarTableContainer\">\n\t\t\t<table>{children}</table>\n\t\t</div>\n\t);\n}\n\nexport { MonthlyCalendarTableContainer };\n"],"mappings":";;;AAOA,SAAS,EAA8B,EACtC,eACsC;CACtC,OACC,kBAAC,OAAD;EAAK,WAAU;YACd,kBAAC,SAAD,EAAQ,YAAgB,CAAA;CACpB,CAAA;AAEP"}

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableContainer/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynMonthlyCalendarTableContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow:hidden}.arkynMonthlyCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}

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

@@ -0,0 +1,16 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/index.tsx"],"sourcesContent":["import { formatToCapitalizeFirstWordLetter } from \"@arkyn/shared\";\nimport { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport \"./styles.css\";\n\nfunction MonthlyCalendarTableHeader() {\n\tconst { listWeek } = useFullCalendar();\n\n\treturn (\n\t\t<thead className=\"arkynMonthlyCalendarTableHeader\">\n\t\t\t<tr>\n\t\t\t\t{listWeek.map((day) => (\n\t\t\t\t\t<th key={day}>{formatToCapitalizeFirstWordLetter(day)}</th>\n\t\t\t\t))}\n\t\t\t</tr>\n\t\t</thead>\n\t);\n}\n\nexport { MonthlyCalendarTableHeader };\n"],"mappings":";;;;;AAIA,SAAS,IAA6B;CACrC,IAAM,EAAE,gBAAa,EAAgB;CAErC,OACC,kBAAC,SAAD;EAAO,WAAU;YAChB,kBAAC,MAAD,EAAA,UACE,EAAS,KAAK,MACd,kBAAC,MAAD,EAAA,UAAe,EAAkC,CAAG,EAAM,GAAjD,CAAiD,CAC1D,EACE,CAAA;CACE,CAAA;AAET"}

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableHeader/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynMonthlyCalendarTableHeader th{color:var(--text-heading,#09090b);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynMonthlyCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}}

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

@@ -0,0 +1,38 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport { MonthlyCalendarEvent } from \"../monthlyCalendarEvent\";\nimport \"./styles.css\";\n\ntype MonthlyCalendarTableTdProps = {\n\tday: number;\n\tmonth: number;\n\tyear: number;\n\tdayOwner: \"previous\" | \"current\" | \"next\";\n};\n\nfunction MonthlyCalendarTableTd(props: MonthlyCalendarTableTdProps) {\n\tconst { day, month, year, dayOwner } = props;\n\tconst { blockedTimestamps, onClickDate } = useFullCalendar();\n\n\tfunction isToday() {\n\t\tconst today = new Date();\n\t\treturn (\n\t\t\tday === today.getDate() &&\n\t\t\tmonth === today.getMonth() &&\n\t\t\tyear === today.getFullYear()\n\t\t);\n\t}\n\n\tfunction isBlocked() {\n\t\tconst currentDate = new Date(year, month, day);\n\n\t\treturn blockedTimestamps.some(\n\t\t\t(timestamp) =>\n\t\t\t\tcurrentDate >= timestamp.initialDate &&\n\t\t\t\tcurrentDate <= timestamp.endDate,\n\t\t);\n\t}\n\n\tfunction handleClick(event: React.MouseEvent) {\n\t\tevent.stopPropagation();\n\t\tif (isBlocked()) return;\n\n\t\tif (onClickDate) {\n\t\t\tconst date = new Date(year, month, day);\n\t\t\tonClickDate(date);\n\t\t}\n\t}\n\n\treturn (\n\t\t<td\n\t\t\tclassName={`arkynMonthlyCalendarTableTd ${dayOwner} ${isBlocked() ? \"blocked\" : \"\"}`}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t<p className={isToday() ? \"today\" : \"\"}>{day}</p>\n\t\t\t<div className=\"arkynMonthlyCalendarEventContainer\">\n\t\t\t\t<MonthlyCalendarEvent day={day} month={month} year={year} />\n\t\t\t</div>\n\t\t</td>\n\t);\n}\n\nexport { MonthlyCalendarTableTd };\n"],"mappings":";;;;;AAWA,SAAS,EAAuB,GAAoC;CACnE,IAAM,EAAE,QAAK,UAAO,SAAM,gBAAa,GACjC,EAAE,sBAAmB,mBAAgB,EAAgB;CAE3D,SAAS,IAAU;EAClB,IAAM,oBAAQ,IAAI,KAAK;EACvB,OACC,MAAQ,EAAM,QAAQ,KACtB,MAAU,EAAM,SAAS,KACzB,MAAS,EAAM,YAAY;CAE7B;CAEA,SAAS,IAAY;EACpB,IAAM,IAAc,IAAI,KAAK,GAAM,GAAO,CAAG;EAE7C,OAAO,EAAkB,MACvB,MACA,KAAe,EAAU,eACzB,KAAe,EAAU,OAC3B;CACD;CAEA,SAAS,EAAY,GAAyB;EAC7C,EAAM,gBAAgB,GAClB,GAAU,KAEV,KAEH,EAAY,IADK,KAAK,GAAM,GAAO,CACvB,CAAI;CAElB;CAEA,OACC,kBAAC,MAAD;EACC,WAAW,+BAA+B,EAAS,GAAG,EAAU,IAAI,YAAY;EAChF,SAAS;YAFV,CAIC,kBAAC,KAAD;GAAG,WAAW,EAAQ,IAAI,UAAU;aAAK;EAAO,CAAA,GAChD,kBAAC,OAAD;GAAK,WAAU;aACd,kBAAC,GAAD;IAA2B;IAAY;IAAa;GAAO,CAAA;EACvD,CAAA,CACF;;AAEN"}

package/dist/modules/components/fullCalendar/monthlyCalendar/monthlyCalendarTableTd/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynMonthlyCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:120px;position:relative}.arkynMonthlyCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynMonthlyCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynMonthlyCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynMonthlyCalendarTableTd.previous,.arkynMonthlyCalendarTableTd.next{color:var(--text-muted,#a1a1aa);background-color:var(--background-foreground,#fff)}.arkynMonthlyCalendarTableTd>p{color:var(--text-body,#52525b)}.arkynMonthlyCalendarTableTd>p.today{color:var(--text-heading,#09090b);font-weight:700}.arkynMonthlyCalendarTableTd .arkynMonthlyCalendarEventContainer{flex-direction:column;gap:4px;height:calc(100% - 32px);margin-top:32px;padding:16px;display:flex}}

package/dist/modules/components/fullCalendar/styles.css

@@ -0,0 +1,35 @@
+@layer arkyn{.arkynDayCalendarContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px}}
+
+@layer arkyn{.arkynDayCalendarRow{align-items:stretch;display:flex;position:relative}.arkynDayCalendarRow:first-child{border-top-right-radius:14px}.arkynDayCalendarRow:last-child{border-bottom-right-radius:14px}.arkynDayCalendarRow.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynDayCalendarRow.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynDayCalendarRow:first-child:before{border-top-left-radius:14px}.arkynDayCalendarRow.blocked:hover{cursor:not-allowed}.arkynDayCalendarRow:not(:first-child){border-top:1px solid var(--border,#e2e8f0)}.arkynDayCalendarRow>p{letter-spacing:0%;color:var(--text-body,#52525b);align-items:center;padding:24px 20px;font-size:14px;font-weight:400;line-height:24px;display:flex}.arkynDayCalendarRow .arkynDayCalendarRowContent{flex:1;min-height:100%;margin:3px;position:relative}}
+
+@layer arkyn{.arkynDayCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-width:200px;max-width:200px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynDayCalendarEvent:not(:first-child){box-shadow:0 0 2px #0000001a}.arkynDayCalendarEvent:hover{z-index:3}.arkynDayCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynDayCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynDayCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynDayCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynDayCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynDayCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynDayCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynDayCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynDayCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynDayCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynDayCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynDayCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynDayCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}
+
+@layer arkyn{.arkynFullCalendarContainer{flex-direction:column;gap:32px;display:flex}}
+
+@layer arkyn{.arkynFullCalendarHeader{align-items:center;gap:16px;display:flex}.arkynFullCalendarHeader>p{color:var(--text-body,#52525b);font-size:14px;font-weight:500}.arkynFullCalendarHeader .arkynFullCalendarButton{border:unset;background-color:unset;color:var(--text-muted,#a1a1aa);cursor:pointer;align-items:center;gap:4px;display:flex}.arkynFullCalendarHeader .arkynFullCalendarButton:hover svg{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynFullCalendarHeader>div{align-items:center;gap:12px;display:flex}.arkynFullCalendarHeader .arkynFullCalendarHeaderActions{background-color:var(--background-underground,#fafafa);border-radius:8px;align-items:center;gap:50px;width:max-content;padding:4px;display:flex;overflow:hidden}.arkynFullCalendarHeader .arkynFullCalendarHeaderActions p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600;line-height:24px}}
+
+@layer arkyn{.arkynIconButton{background:0 0;border:1px solid #0000;outline:1px solid #0000;position:relative}.arkynIconButton:hover{cursor:pointer;filter:brightness(.9);transition:all .15s ease-out}html.dark .arkynIconButton:hover{cursor:pointer;filter:brightness(1.2)}.arkynIconButton:disabled{cursor:not-allowed;opacity:.5}.arkynIconButtonContent{justify-content:center;align-items:center;display:flex}.arkynIconButton.solid{color:var(--white,#fff)}.arkynIconButton.solid.primary{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.solid.secondary{background-color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.solid.danger{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.solid.success{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.solid.warning{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.solid.info{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.outline{background-color:var(--background-underground,#fafafa);border-color:var(--border,#e2e8f0)}.arkynIconButton.outline.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.outline.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.outline.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.outline.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.outline.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.outline.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.ghost:hover{filter:brightness(.8)}.arkynIconButton.ghost.primary{color:rgb(var(--spotlight-primary,17, 109, 220));background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynIconButton.ghost.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139));background-color:rgb(var(--spotlight-secondary-foreground,250, 250, 250))}.arkynIconButton.ghost.danger{color:rgb(var(--spotlight-danger,244, 63, 94));background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynIconButton.ghost.success{color:rgb(var(--spotlight-success,16, 185, 129));background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynIconButton.ghost.warning{color:rgb(var(--spotlight-warning,249, 115, 22));background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynIconButton.ghost.info{color:rgb(var(--spotlight-info,14, 165, 233));background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynIconButton.invisible.primary{color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynIconButton.invisible.secondary{color:rgb(var(--spotlight-secondary,100, 116, 139))}.arkynIconButton.invisible.danger{color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynIconButton.invisible.success{color:rgb(var(--spotlight-success,16, 185, 129))}.arkynIconButton.invisible.warning{color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynIconButton.invisible.info{color:rgb(var(--spotlight-info,14, 165, 233))}.arkynIconButton.lg{border-radius:6px;width:44px;height:44px}.arkynIconButton.md{border-radius:6px;width:40px;height:40px}.arkynIconButton.sm{border-radius:6px;width:32px;height:32px}.arkynIconButton.xs{border-radius:4px;width:24px;height:24px}.arkynIconButtonSpinner{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arkynIconButtonSpinner>svg{animation:2s linear infinite spin}.arkynIconButton.loadingTrue .arkynIconButtonSpinner{opacity:1}.arkynIconButton.loadingTrue .arkynIconButtonContent{opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}
+
+@layer arkyn{.arkynCardTabButton{letter-spacing:0%;color:var(--text-heading,#09090b);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:40px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.arkynCardTabButton.isDisabled{cursor:not-allowed;opacity:.2}.arkynCardTabButton:hover:not(:disabled),.arkynCardTabButton.isActive{background-color:var(--background-foreground,#fff);border-color:var(--border,#e2e8f0)}}
+
+@layer arkyn{.arkynCardTabContainer{background-color:var(--background-underground,#fafafa);border-radius:8px;align-items:center;gap:4px;width:max-content;padding:4px;display:flex;overflow:hidden}}
+
+@layer arkyn{.arkynMonthlyCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynMonthlyCalendarTableBody tr{border-top:1px solid var(--border,#e2e8f0)}.arkynMonthlyCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}}
+
+@layer arkyn{.arkynMonthlyCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:120px;position:relative}.arkynMonthlyCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynMonthlyCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynMonthlyCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynMonthlyCalendarTableTd.previous,.arkynMonthlyCalendarTableTd.next{color:var(--text-muted,#a1a1aa);background-color:var(--background-foreground,#fff)}.arkynMonthlyCalendarTableTd>p{color:var(--text-body,#52525b)}.arkynMonthlyCalendarTableTd>p.today{color:var(--text-heading,#09090b);font-weight:700}.arkynMonthlyCalendarTableTd .arkynMonthlyCalendarEventContainer{flex-direction:column;gap:4px;height:calc(100% - 32px);margin-top:32px;padding:16px;display:flex}}
+
+@layer arkyn{.arkynMonthlyCalendarEvent{border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex;position:relative}.arkynMonthlyCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynMonthlyCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynMonthlyCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynMonthlyCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynMonthlyCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynMonthlyCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynMonthlyCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynMonthlyCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynMonthlyCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynMonthlyCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynMonthlyCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynMonthlyCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynMonthlyCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}
+
+@layer arkyn{.arkynMonthlyCalendarTableContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow:hidden}.arkynMonthlyCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}
+
+@layer arkyn{.arkynMonthlyCalendarTableHeader th{color:var(--text-heading,#09090b);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynMonthlyCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}}
+
+@layer arkyn{.arkynWeekCalendarTableBody td>p{text-align:center;padding:16px;font-size:14px}.arkynWeekCalendarTableBody tr{border-top:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableBody tr td:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableBody .hourTd>p{letter-spacing:0%;text-align:center;color:var(--text-body,#52525b);margin:auto;font-size:16px;font-weight:400;line-height:24px}}
+
+@layer arkyn{.arkynWeekCalendarTableTd{-webkit-user-select:none;user-select:none;cursor:pointer;height:73px;position:relative}.arkynWeekCalendarTableTd.blocked{background-color:rgb(var(--spotlight-danger-foreground,254, 226, 226))}.arkynWeekCalendarTableTd.blocked:before{content:" ";background-color:rgb(var(--spotlight-danger,244, 63, 94));width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarTableTd.blocked:hover{cursor:not-allowed}.arkynWeekCalendarTableTd>p{text-align:center;border-radius:8px;margin-bottom:auto;margin-right:auto;font-size:14px;position:absolute;top:0;left:0}.arkynWeekCalendarTableTd.previous,.arkynWeekCalendarTableTd.next{color:var(--text-muted,#a1a1aa);background-color:var(--background-foreground,#fff)}.arkynWeekCalendarTableTd.current>p{color:var(--text-body,#52525b)}.arkynWeekCalendarTableTd .arkynWeekCalendarTableTdContent{height:100%;margin:3px;position:relative}}
+
+@layer arkyn{.arkynWeekCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynWeekCalendarEvent:not(:first-child){box-shadow:-4px 0 2px #0000001a}.arkynWeekCalendarEvent:hover{z-index:3}.arkynWeekCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynWeekCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynWeekCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynWeekCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynWeekCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynWeekCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynWeekCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynWeekCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynWeekCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynWeekCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynWeekCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynWeekCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}
+
+@layer arkyn{.arkynWeekCalendarTableContainer{background-color:var(--background-foreground,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow:hidden}.arkynWeekCalendarTableContainer table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}}
+
+@layer arkyn{.arkynWeekCalendarTableHeader th{color:var(--text-heading,#09090b);letter-spacing:0%;padding:20px 0;font-size:16px;font-weight:600;line-height:24px}.arkynWeekCalendarTableHeader tr th:not(:first-child){border-left:1px solid var(--border,#e2e8f0)}.arkynWeekCalendarTableHeaderContent{flex-direction:column;align-items:center;gap:4px;display:flex}.arkynWeekCalendarTableHeaderContent>span{color:var(--text-muted,#a1a1aa);font-size:14px;font-weight:400;line-height:20px}.arkynWeekCalendarTableHeaderContent>strong{color:var(--text-heading,#09090b);font-size:24px;font-weight:500;line-height:28px}}

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

@@ -0,0 +1,12 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/fullCalendar/weekCalendar/index.tsx"],"sourcesContent":["import { WeekCalendarTableBody } from \"./weekCalendarTableBody\";\nimport { WeekCalendarTableContainer } from \"./weekCalendarTableContainer\";\nimport { WeekCalendarTableHeader } from \"./weekCalendarTableHeader\";\n\nfunction WeekCalendar() {\n\treturn (\n\t\t<WeekCalendarTableContainer>\n\t\t\t<WeekCalendarTableHeader />\n\t\t\t<WeekCalendarTableBody />\n\t\t</WeekCalendarTableContainer>\n\t);\n}\n\nexport { WeekCalendar };\n"],"mappings":";;;;;AAIA,SAAS,IAAe;CACvB,OACC,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD,CAA0B,CAAA,GAC1B,kBAAC,GAAD,CAAwB,CAAA,CACG,EAAA,CAAA;AAE9B"}

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

@@ -0,0 +1,73 @@
+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 };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/fullCalendar/weekCalendar/weekCalendarEvent/index.tsx"],"sourcesContent":["import { useFullCalendar } from \"../../_fullCalendarProvider\";\nimport \"./styles.css\";\n\ntype WeekCalendarEventProps = {\n\tday: number;\n\tmonth: number;\n\tyear: number;\n\ttimeInMinutes: number;\n};\n\nconst SLOT_DURATION_MINUTES = 30;\nconst OVERLAP_OFFSET_PX = 40;\n\nfunction WeekCalendarEvent(props: WeekCalendarEventProps) {\n\tconst { events } = useFullCalendar();\n\n\tconst dayEvents = events\n\t\t.map((event, sourceIndex) => ({ event, sourceIndex }))\n\t\t.filter(({ event }) => {\n\t\t\treturn (\n\t\t\t\tevent.initialDate.getDate() === props.day &&\n\t\t\t\tevent.initialDate.getMonth() === props.month &&\n\t\t\t\tevent.initialDate.getFullYear() === props.year\n\t\t\t);\n\t\t})\n\t\t.sort((a, b) => {\n\t\t\tconst startA = a.event.initialDate.getTime();\n\t\t\tconst startB = b.event.initialDate.getTime();\n\n\t\t\tif (startA !== startB) return startA - startB;\n\n\t\t\tconst endA =\n\t\t\t\ta.event.endDate?.getTime() ?? startA + SLOT_DURATION_MINUTES * 60_000;\n\t\t\tconst endB =\n\t\t\t\tb.event.endDate?.getTime() ?? startB + SLOT_DURATION_MINUTES * 60_000;\n\n\t\t\tif (endA !== endB) return endA - endB;\n\t\t\treturn a.sourceIndex - b.sourceIndex;\n\t\t});\n\n\tconst dayEventOrderBySourceIndex = new Map(\n\t\tdayEvents.map((item, orderIndex) => [item.sourceIndex, orderIndex]),\n\t);\n\n\tconst filteredEvents = dayEvents.filter(({ event }) => {\n\t\tconst dayHour = Math.floor(props.timeInMinutes / 60);\n\t\tconst dayMinute = props.timeInMinutes % 60;\n\n\t\tfunction isEventInInterval() {\n\t\t\tconst eventHour = event.initialDate.getHours();\n\t\t\tconst eventMinute = event.initialDate.getMinutes();\n\n\t\t\tif (eventHour !== dayHour) return false;\n\t\t\tif (dayMinute === 0) return eventMinute < 30 && eventMinute >= 0;\n\t\t\tif (dayMinute === 30) return eventMinute >= 30 && eventMinute < 60;\n\t\t}\n\n\t\treturn (\n\t\t\tisEventInInterval() &&\n\t\t\tevent.initialDate.getDate() === props.day &&\n\t\t\tevent.initialDate.getMonth() === props.month &&\n\t\t\tevent.initialDate.getFullYear() === props.year\n\t\t);\n\t});\n\n\tif (filteredEvents.length === 0) return null;\n\n\tfunction makeEventKey(index: number, sourceIndex: number) {\n\t\treturn `${props.day}-${props.month}-${props.year}-${sourceIndex}-${index}`;\n\t}\n\n\tfunction makeHour(date: Date) {\n\t\tconst hours = date.getHours();\n\t\tconst minutes = date.getMinutes();\n\n\t\tif (minutes === 0) return `${hours}h`;\n\t\treturn `${hours}h${minutes}`;\n\t}\n\n\tfunction getEventRangeInMinutes(event: {\n\t\tinitialDate: Date;\n\t\tendDate?: Date;\n\t}) {\n\t\tconst startMinutes =\n\t\t\tevent.initialDate.getHours() * 60 + event.initialDate.getMinutes();\n\n\t\tconst endMinutes = event.endDate\n\t\t\t? event.endDate.getHours() * 60 + event.endDate.getMinutes()\n\t\t\t: startMinutes + SLOT_DURATION_MINUTES;\n\n\t\treturn {\n\t\t\tstartMinutes,\n\t\t\tendMinutes: Math.max(endMinutes, startMinutes + 1),\n\t\t};\n\t}\n\n\tfunction countOverlappingPreviousEvents(\n\t\tcurrentEvent: { initialDate: Date; endDate?: Date },\n\t\tsourceIndex: number,\n\t) {\n\t\tconst current = getEventRangeInMinutes(currentEvent);\n\t\tconst currentOrderIndex = dayEventOrderBySourceIndex.get(sourceIndex);\n\n\t\tif (currentOrderIndex == null) return 0;\n\n\t\treturn dayEvents.reduce((count, item, orderIndex) => {\n\t\t\tif (orderIndex >= currentOrderIndex) return count;\n\n\t\t\tconst candidate = getEventRangeInMinutes(item.event);\n\t\t\tconst intersects =\n\t\t\t\tcandidate.startMinutes < current.endMinutes &&\n\t\t\t\tcandidate.endMinutes > current.startMinutes;\n\n\t\t\tif (!intersects) return count;\n\t\t\treturn count + 1;\n\t\t}, 0);\n\t}\n\n\tfunction getEventStyle(\n\t\tevent: { initialDate: Date; endDate?: Date },\n\t\tsourceIndex: number,\n\t) {\n\t\tconst { startMinutes, endMinutes } = getEventRangeInMinutes(event);\n\t\tconst startOffsetInCell = startMinutes - props.timeInMinutes;\n\n\t\tconst durationInMinutes = Math.max(endMinutes - startMinutes, 1);\n\t\tconst top = (startOffsetInCell / SLOT_DURATION_MINUTES) * 100;\n\t\tconst height = (durationInMinutes / SLOT_DURATION_MINUTES) * 100;\n\t\tconst overlapOffset =\n\t\t\tcountOverlappingPreviousEvents(event, sourceIndex) * OVERLAP_OFFSET_PX;\n\n\t\treturn {\n\t\t\ttop: `${top}%`,\n\t\t\theight: `${height}%`,\n\t\t\tleft: `${overlapOffset}px`,\n\t\t};\n\t}\n\n\t// biome-ignore lint/suspicious/noExplicitAny: intentional\n\tfunction handleEventClick(event: React.MouseEvent, eventData: any) {\n\t\tevent.stopPropagation();\n\t\teventData.onClick?.(eventData.data);\n\t}\n\n\treturn filteredEvents.map(({ event, sourceIndex }, index) => (\n\t\t<div\n\t\t\tkey={makeEventKey(index, sourceIndex)}\n\t\t\tclassName={`arkynWeekCalendarEvent ${event?.scheme || \"primary\"}`}\n\t\t\tstyle={getEventStyle(event, sourceIndex)}\n\t\t\tonClick={(e) => handleEventClick(e, event)}\n\t\t>\n\t\t\t<strong>\n\t\t\t\t{makeHour(event.initialDate)}{\" \"}\n\t\t\t\t{event?.endDate && `- ${makeHour(event.endDate)}`}\n\t\t\t</strong>\n\t\t\t<p>{event.title}</p>\n\t\t</div>\n\t));\n}\n\nexport { WeekCalendarEvent };\n"],"mappings":";;;;AAUA,IAAM,IAAwB,IACxB,IAAoB;AAE1B,SAAS,EAAkB,GAA+B;CACzD,IAAM,EAAE,cAAW,EAAgB,GAE7B,IAAY,EAChB,KAAK,GAAO,OAAiB;EAAE;EAAO;CAAY,EAAE,CAAC,CACrD,QAAQ,EAAE,eAET,EAAM,YAAY,QAAQ,MAAM,EAAM,OACtC,EAAM,YAAY,SAAS,MAAM,EAAM,SACvC,EAAM,YAAY,YAAY,MAAM,EAAM,IAE3C,CAAC,CACD,MAAM,GAAG,MAAM;EACf,IAAM,IAAS,EAAE,MAAM,YAAY,QAAQ,GACrC,IAAS,EAAE,MAAM,YAAY,QAAQ;EAE3C,IAAI,MAAW,GAAQ,OAAO,IAAS;EAEvC,IAAM,IACL,EAAE,MAAM,SAAS,QAAQ,KAAK,IAAS,IAAwB,KAC1D,IACL,EAAE,MAAM,SAAS,QAAQ,KAAK,IAAS,IAAwB;EAGhE,OADI,MAAS,IACN,EAAE,cAAc,EAAE,cADC,IAAO;CAElC,CAAC,GAEI,IAA6B,IAAI,IACtC,EAAU,KAAK,GAAM,MAAe,CAAC,EAAK,aAAa,CAAU,CAAC,CACnE,GAEM,IAAiB,EAAU,QAAQ,EAAE,eAAY;EACtD,IAAM,IAAU,KAAK,MAAM,EAAM,gBAAgB,EAAE,GAC7C,IAAY,EAAM,gBAAgB;EAExC,SAAS,IAAoB;GAC5B,IAAM,IAAY,EAAM,YAAY,SAAS,GACvC,IAAc,EAAM,YAAY,WAAW;GAEjD,IAAI,MAAc,GAAS,OAAO;GAClC,IAAI,MAAc,GAAG,OAAO,IAAc,MAAM,KAAe;GAC/D,IAAI,MAAc,IAAI,OAAO,KAAe,MAAM,IAAc;EACjE;EAEA,OACC,EAAkB,KAClB,EAAM,YAAY,QAAQ,MAAM,EAAM,OACtC,EAAM,YAAY,SAAS,MAAM,EAAM,SACvC,EAAM,YAAY,YAAY,MAAM,EAAM;CAE5C,CAAC;CAED,IAAI,EAAe,WAAW,GAAG,OAAO;CAExC,SAAS,EAAa,GAAe,GAAqB;EACzD,OAAO,GAAG,EAAM,IAAI,GAAG,EAAM,MAAM,GAAG,EAAM,KAAK,GAAG,EAAY,GAAG;CACpE;CAEA,SAAS,EAAS,GAAY;EAC7B,IAAM,IAAQ,EAAK,SAAS,GACtB,IAAU,EAAK,WAAW;EAGhC,OADI,MAAY,IAAU,GAAG,EAAM,KAC5B,GAAG,EAAM,GAAG;CACpB;CAEA,SAAS,EAAuB,GAG7B;EACF,IAAM,IACL,EAAM,YAAY,SAAS,IAAI,KAAK,EAAM,YAAY,WAAW,GAE5D,IAAa,EAAM,UACtB,EAAM,QAAQ,SAAS,IAAI,KAAK,EAAM,QAAQ,WAAW,IACzD,IAAe;EAElB,OAAO;GACN;GACA,YAAY,KAAK,IAAI,GAAY,IAAe,CAAC;EAClD;CACD;CAEA,SAAS,EACR,GACA,GACC;EACD,IAAM,IAAU,EAAuB,CAAY,GAC7C,IAAoB,EAA2B,IAAI,CAAW;EAIpE,OAFI,KAAqB,OAAa,IAE/B,EAAU,QAAQ,GAAO,GAAM,MAAe;GACpD,IAAI,KAAc,GAAmB,OAAO;GAE5C,IAAM,IAAY,EAAuB,EAAK,KAAK;GAMnD,OAJC,EAAU,eAAe,EAAQ,cACjC,EAAU,aAAa,EAAQ,eAGzB,IAAQ,IADS;EAEzB,GAAG,CAAC;CACL;CAEA,SAAS,EACR,GACA,GACC;EACD,IAAM,EAAE,iBAAc,kBAAe,EAAuB,CAAK,GAC3D,IAAoB,IAAe,EAAM,eAEzC,IAAoB,KAAK,IAAI,IAAa,GAAc,CAAC,GACzD,IAAO,IAAoB,IAAyB,KACpD,IAAU,IAAoB,IAAyB,KACvD,IACL,EAA+B,GAAO,CAAW,IAAI;EAEtD,OAAO;GACN,KAAK,GAAG,EAAI;GACZ,QAAQ,GAAG,EAAO;GAClB,MAAM,GAAG,EAAc;EACxB;CACD;CAGA,SAAS,EAAiB,GAAyB,GAAgB;EAElE,AADA,EAAM,gBAAgB,GACtB,EAAU,UAAU,EAAU,IAAI;CACnC;CAEA,OAAO,EAAe,KAAK,EAAE,UAAO,kBAAe,MAClD,kBAAC,OAAD;EAEC,WAAW,0BAA0B,GAAO,UAAU;EACtD,OAAO,EAAc,GAAO,CAAW;EACvC,UAAU,MAAM,EAAiB,GAAG,CAAK;YAJ1C,CAMC,kBAAC,UAAD,EAAA,UAAA;GACE,EAAS,EAAM,WAAW;GAAG;GAC7B,GAAO,WAAW,KAAK,EAAS,EAAM,OAAO;EACvC,EAAA,CAAA,GACR,kBAAC,KAAD,EAAA,UAAI,EAAM,MAAS,CAAA,CACf;IAVC,EAAa,GAAO,CAAW,CAUhC,CACL;AACF"}

package/dist/modules/components/fullCalendar/weekCalendar/weekCalendarEvent/styles.css

@@ -0,0 +1 @@
+@layer arkyn{.arkynWeekCalendarEvent{z-index:2;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;min-height:28px;padding:8px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.arkynWeekCalendarEvent:not(:first-child){box-shadow:-4px 0 2px #0000001a}.arkynWeekCalendarEvent:hover{z-index:3}.arkynWeekCalendarEvent:before{content:" ";border-radius:8px 0 0 8px;width:4px;position:absolute;top:0;bottom:0;left:0}.arkynWeekCalendarEvent.primary{background-color:rgb(var(--spotlight-primary-foreground,231, 240, 252))}.arkynWeekCalendarEvent.primary:before{background-color:rgb(var(--spotlight-primary,17, 109, 220))}.arkynWeekCalendarEvent.danger{background-color:rgb(var(--spotlight-danger-foreground,254, 236, 239))}.arkynWeekCalendarEvent.danger:before{background-color:rgb(var(--spotlight-danger,244, 63, 94))}.arkynWeekCalendarEvent.warning{background-color:rgb(var(--spotlight-warning-foreground,254, 241, 232))}.arkynWeekCalendarEvent.warning:before{background-color:rgb(var(--spotlight-warning,249, 115, 22))}.arkynWeekCalendarEvent.info{background-color:rgb(var(--spotlight-info-foreground,231, 246, 253))}.arkynWeekCalendarEvent.info:before{background-color:rgb(var(--spotlight-info,14, 165, 233))}.arkynWeekCalendarEvent.success{background-color:rgb(var(--spotlight-success-foreground,231, 248, 242))}.arkynWeekCalendarEvent.success:before{background-color:rgb(var(--spotlight-success,16, 185, 129))}.arkynWeekCalendarEvent>strong{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:14px;font-weight:600}.arkynWeekCalendarEvent>p{letter-spacing:0%;color:var(--text-heading,#09090b);font-size:12px;font-weight:400}}