react-modular-datepicker 0.0.5-canary.0 → 0.0.7

package/dist/index.mjs

@@ -1,323 +0,0 @@
-import { n as e, r as t, t as n } from "./useDates-CpcW1GpF.mjs";
-import { addMonth as r, composeEventHandlers as i, getCalendars as a, isBackDisabled as o, isForwardDisabled as s, subtractMonth as c } from "./utils.mjs";
-import { useEffect as l, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/Day.tsx
-var m = ({ dateObj: e, getDateProps: t, classNames: n, tooltip: r }) => {
-	let [i, a] = d(!1);
-	if (!e) return /* @__PURE__ */ f("div", { className: "aspect-square bg-white" });
-	let { date: o, selected: s, selectable: c, isRangeStart: l, isRangeEnd: u, isRangeBetween: m, isRangeHovering: h, isRangeActive: g } = e, _ = n.day, v = "rounded-full";
-	v = l && u ? `${_.selected} rounded-full` : l ? `${_.rangeStart} ${g ? "rounded-l-full rounded-r-none" : "rounded-full"}` : u ? `${_.rangeEnd} ${g ? "rounded-r-full rounded-l-none" : "rounded-full"}` : m ? _.rangeBetween || "" : h ? _.rangeHovering || "" : s ? _.selected || "" : c ? _.unselected || "" : _.disabled || "";
-	let y = [
-		_.day,
-		v,
-		...(e.modifiers || []).map((e) => _[e] || e)
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ p("button", {
-		...t({
-			dateObj: e,
-			onMouseEnter: () => a(!0),
-			onMouseLeave: () => a(!1)
-		}),
-		className: y,
-		children: [o.getDate(), r && i && /* @__PURE__ */ f("div", {
-			className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 hidden group-hover:block z-10",
-			children: /* @__PURE__ */ p("div", {
-				className: "bg-gray-800 text-white text-xs py-1 px-2 rounded whitespace-nowrap shadow-lg",
-				children: [r, /* @__PURE__ */ f("div", { className: "absolute top-full left-1/2 -translate-x-1/2 border-8 border-transparent border-t-gray-800" })]
-			})
-		})]
-	});
-};
-//#endregion
-//#region src/i18n.ts
-function h(e = t, n) {
-	return {
-		months: e.getMonths(n),
-		weekdays: e.getWeekdays(n),
-		back: "Previous month",
-		forward: "Next month"
-	};
-}
-function g(e = t, n, r) {
-	return {
-		...h(e, n),
-		...r
-	};
-}
-//#endregion
-//#region src/components/CalendarHeader.tsx
-var _ = () => /* @__PURE__ */ f("svg", {
-	width: "20",
-	height: "20",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	children: /* @__PURE__ */ f("polyline", { points: "15 18 9 12 15 6" })
-}), v = () => /* @__PURE__ */ f("svg", {
-	width: "20",
-	height: "20",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	children: /* @__PURE__ */ f("polyline", { points: "9 18 15 12 9 6" })
-}), y = ({ calendars: e, getBackProps: t, getForwardProps: n, setView: r, monthNames: i, t: a, classNames: o, slideDirection: s, currentView: c }) => /* @__PURE__ */ p("div", {
-	className: o.header,
-	children: [
-		/* @__PURE__ */ f("button", {
-			...t({ calendars: e }),
-			onMouseDown: (e) => e.preventDefault(),
-			className: `${o.navButton} ${c && c !== "days" ? "invisible pointer-events-none" : ""}`,
-			"aria-label": a.back,
-			children: /* @__PURE__ */ f(_, {})
-		}),
-		/* @__PURE__ */ f("div", {
-			className: o.monthYearContainer,
-			children: e.length === 1 ? /* @__PURE__ */ p("div", {
-				className: `${o.monthYearLabel} ${s === "left" ? "animate-slide-in-left" : s === "right" ? "animate-slide-in-right" : ""}`,
-				children: [/* @__PURE__ */ f("button", {
-					onMouseDown: (e) => e.preventDefault(),
-					onClick: () => r(c === "months" ? "days" : "months"),
-					className: o.monthYearButton,
-					children: i[e[0].month]
-				}), /* @__PURE__ */ f("button", {
-					onMouseDown: (e) => e.preventDefault(),
-					onClick: () => r(c === "years" ? "days" : "years"),
-					className: o.monthYearButton,
-					children: e[0].year
-				})]
-			}, `${e[0].month}-${e[0].year}`) : /* @__PURE__ */ f("div", {
-				className: `${o.monthYearLabel} ${s === "left" ? "animate-slide-in-left" : s === "right" ? "animate-slide-in-right" : ""}`,
-				children: (() => {
-					let t = e[0], n = e[e.length - 1];
-					return e.length === 12 && t.month === 0 && n.month === 11 && t.year === n.year ? /* @__PURE__ */ f("span", { children: t.year }) : t.year === n.year ? /* @__PURE__ */ p("span", { children: [
-						i[t.month],
-						" - ",
-						i[n.month],
-						" ",
-						t.year
-					] }) : /* @__PURE__ */ p("span", { children: [
-						i[t.month],
-						" ",
-						t.year,
-						" - ",
-						i[n.month],
-						" ",
-						n.year
-					] });
-				})()
-			})
-		}),
-		/* @__PURE__ */ f("button", {
-			...n({ calendars: e }),
-			onMouseDown: (e) => e.preventDefault(),
-			className: `${o.navButton} ${c && c !== "days" ? "invisible pointer-events-none" : ""}`,
-			"aria-label": a.forward,
-			children: /* @__PURE__ */ f(v, {})
-		})
-	]
-}), b = {
-	root: "w-fit flex flex-col p-4 bg-white rounded-lg shadow-lg",
-	header: "flex items-center justify-between border-b-2 border-brand-gray-light/40 pb-2 mb-3",
-	calendarsContainer: "flex flex-col md:flex-row gap-4",
-	calendarContainer: "flex-1 min-w-[280px] min-h-[260px]",
-	weekdayGrid: "grid grid-cols-7 gap-1 mb-1 border-b border-brand-gray-light/40",
-	weekday: "text-center text-xs text-gray-400 py-2",
-	daysGrid: "grid grid-cols-7 gap-px bg-brand-gray-light/20",
-	footer: "mt-4",
-	navButton: "p-2 hover:bg-gray-100 rounded-full transition-colors cursor-pointer disabled:opacity-30 disabled:pointer-events-none",
-	monthYearContainer: "flex gap-8",
-	monthYearLabel: "flex gap-1 items-center font-semibold text-brand-text",
-	monthYearButton: "hover:bg-gray-100 px-2 py-1 rounded cursor-pointer",
-	day: {
-		day: "aspect-square flex items-center justify-center text-sm font-medium transition-all relative group cursor-pointer p-px",
-		selected: "bg-brand-gold text-white rounded-full",
-		unselected: "bg-white hover:bg-brand-gray-light text-brand-text",
-		disabled: "bg-white text-gray-300 cursor-not-allowed",
-		rangeStart: "bg-brand-gold text-white",
-		rangeEnd: "bg-brand-gold text-white",
-		rangeBetween: "bg-brand-gold/25 text-brand-text",
-		rangeHovering: "bg-brand-gold/25 text-brand-text"
-	},
-	monthsGrid: "grid grid-cols-3 gap-2 animate-slide-in-top",
-	monthButton: "py-4 rounded-lg hover:bg-brand-gray-light transition-colors cursor-pointer disabled:opacity-30 disabled:pointer-events-none",
-	monthButtonSelected: "bg-brand-gold text-white",
-	monthButtonUnselected: "text-brand-text",
-	yearsGrid: "grid grid-cols-3 gap-2 max-h-[300px] overflow-y-auto pr-2 animate-slide-in-top",
-	yearButton: "py-3 rounded-lg hover:bg-brand-gray-light transition-colors cursor-pointer disabled:opacity-30 disabled:pointer-events-none",
-	yearButtonSelected: "bg-brand-gold text-white",
-	yearButtonUnselected: "text-brand-text"
-}, x = (e) => {
-	let t = { ...b };
-	if (!e) return t;
-	for (let n in e) {
-		let r = n;
-		r === "day" && e.day ? t.day = {
-			...b.day,
-			...e.day
-		} : e[r] && (t[r] = e[r]);
-	}
-	return t;
-}, S = ({ year: e, month: t, monthNames: n, minDate: r, maxDate: i, onMonthSelect: a, classNames: o }) => {
-	let s = (t) => !!(r && e === r.getFullYear() && t < r.getMonth() || i && e === i.getFullYear() && t > i.getMonth());
-	return /* @__PURE__ */ f("div", {
-		className: o.monthsGrid,
-		children: n.map((e, n) => {
-			let r = s(n);
-			return /* @__PURE__ */ f("button", {
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => !r && a(n),
-				className: `${o.monthButton} ${n === t ? o.monthButtonSelected : o.monthButtonUnselected}`,
-				disabled: r,
-				children: e
-			}, e);
-		})
-	});
-}, C = ({ year: e, minDate: t, maxDate: n, adapter: r, onYearSelect: i, classNames: a }) => {
-	let o = u(null);
-	l(() => {
-		if (o.current) {
-			let e = o.current.querySelector("[data-selected=\"true\"]");
-			e && e.scrollIntoView({ block: "center" });
-		}
-	}, []);
-	let s = t ? r.get(r.date(t), "year") : e - 50, c = n ? r.get(r.date(n), "year") : e + 50, d = [];
-	for (let e = s; e <= c; e++) d.push(e);
-	return /* @__PURE__ */ f("div", {
-		ref: o,
-		className: a.yearsGrid,
-		children: d.map((t) => /* @__PURE__ */ f("button", {
-			"data-selected": t === e,
-			onMouseDown: (e) => e.preventDefault(),
-			onClick: () => i(t),
-			className: `${a.yearButton} ${t === e ? a.yearButtonSelected : a.yearButtonUnselected}`,
-			children: t
-		}, t))
-	});
-}, w = (e) => {
-	let { classNames: r, locale: i, translations: a, adapter: o = t, firstDayOfWeek: s = 0, header: c, footer: l, renderDayTooltip: u, ...h } = e, _ = x(r), [v, b] = d("days"), [w, T] = d(null), E = g(o, i, a), D = E.weekdays, O = E.months, { calendars: k, getBackProps: A, getForwardProps: j, getDateProps: M, setOffset: N } = n({
-		...h,
-		adapter: o,
-		firstDayOfWeek: s
-	}), P = [...D.slice(s), ...D.slice(0, s)], { month: F, year: I } = k[0], L = (t) => {
-		let n = o.set(o.set(o.date(e.date || /* @__PURE__ */ new Date()), "year", I), "month", F), r = o.set(n, "month", t), i = o.startOf(o.date(e.date || /* @__PURE__ */ new Date()), "month"), a = o.diff(r, i, "month");
-		T(null), N(a), b("days");
-	}, R = (t) => {
-		let n = o.set(o.set(o.date(e.date || /* @__PURE__ */ new Date()), "year", I), "month", F), r = o.set(n, "year", t), i = o.startOf(o.date(e.date || /* @__PURE__ */ new Date()), "month"), a = o.diff(r, i, "month");
-		T(null), N(a), b("days");
-	}, z = (e) => {
-		let t = A(e);
-		return {
-			...t,
-			onClick: (e) => {
-				T("left"), t.onClick?.(e);
-			}
-		};
-	}, B = (e) => {
-		let t = j(e);
-		return {
-			...t,
-			onClick: (e) => {
-				T("right"), t.onClick?.(e);
-			}
-		};
-	};
-	return /* @__PURE__ */ p("div", {
-		className: _.root,
-		children: [
-			typeof c == "function" ? c({
-				calendars: k,
-				getBackProps: z,
-				getForwardProps: B,
-				setView: b,
-				monthNames: O,
-				t: E,
-				slideDirection: w,
-				currentView: v
-			}) : c || /* @__PURE__ */ f(y, {
-				calendars: k,
-				getBackProps: z,
-				getForwardProps: B,
-				setView: b,
-				monthNames: O,
-				t: E,
-				classNames: _,
-				slideDirection: w,
-				currentView: v
-			}),
-			/* @__PURE__ */ p("div", {
-				className: _.calendarsContainer,
-				children: [
-					v === "months" && k.map((t) => /* @__PURE__ */ f("div", {
-						className: _.calendarContainer,
-						children: /* @__PURE__ */ f(S, {
-							year: t.year,
-							month: t.month,
-							monthNames: O,
-							minDate: e.minDate,
-							maxDate: e.maxDate,
-							onMonthSelect: L,
-							classNames: _
-						})
-					}, `months-${t.year}`)),
-					v === "years" && k.map((t) => /* @__PURE__ */ f("div", {
-						className: _.calendarContainer,
-						children: /* @__PURE__ */ f(C, {
-							year: t.year,
-							minDate: e.minDate,
-							maxDate: e.maxDate,
-							adapter: o,
-							onYearSelect: R,
-							classNames: _
-						})
-					}, `years-${t.year}`)),
-					v === "days" && k.map((e) => /* @__PURE__ */ p("div", {
-						className: _.calendarContainer,
-						children: [
-							k.length > 1 && /* @__PURE__ */ p("button", {
-								type: "button",
-								"aria-label": O[e.month],
-								className: "block w-full text-center font-semibold mb-2 text-brand-text",
-								children: [
-									O[e.month],
-									" ",
-									k[0].year === k[k.length - 1].year ? "" : e.year
-								]
-							}),
-							/* @__PURE__ */ f("div", {
-								className: _.weekdayGrid,
-								children: P.map((e) => /* @__PURE__ */ f("div", {
-									className: _.weekday,
-									children: e
-								}, e))
-							}),
-							/* @__PURE__ */ f("div", {
-								className: `${_.daysGrid} ${w === "left" ? "animate-slide-in-left" : w === "right" ? "animate-slide-in-right" : ""}`,
-								children: e.weeks.map((e, t) => e.map((e, n) => /* @__PURE__ */ f(m, {
-									dateObj: e,
-									getDateProps: M,
-									classNames: _,
-									tooltip: e && u?.(e)
-								}, `${t}-${n}`)))
-							})
-						]
-					}, `${e.month}-${e.year}`))
-				]
-			}),
-			l && /* @__PURE__ */ f("div", {
-				className: _.footer,
-				children: l
-			})
-		]
-	});
-};
-//#endregion
-export { w as Calendar, y as CalendarHeader, _ as ChevronLeftIcon, v as ChevronRightIcon, m as Day, e as DayjsAdapter, S as MonthSelection, C as YearSelection, r as addMonth, i as composeEventHandlers, t as defaultAdapter, b as defaultClassNames, a as getCalendars, h as getDefaults, g as getTranslations, o as isBackDisabled, s as isForwardDisabled, x as mergeClassNames, c as subtractMonth, n as useDates };
-
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../src/components/Day.tsx","../src/i18n.ts","../src/components/CalendarHeader.tsx","../src/classNames.ts","../src/components/MonthSelection.tsx","../src/components/YearSelection.tsx","../src/components/Calendar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { CalendarClassNames, DateObj } from '../types';\n\ninterface DayProps {\n  dateObj: DateObj | null;\n  getDateProps: (args: { dateObj: DateObj, [key: string]: any }) => any;\n  tooltip?: React.ReactNode;\n  classNames: Required<CalendarClassNames>;\n}\n\nexport const Day: React.FC<DayProps> = ({ dateObj, getDateProps, classNames, tooltip }) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  if (!dateObj) {\n    return <div className=\"aspect-square bg-white\" />;\n  }\n\n  const { date, selected, selectable, isRangeStart, isRangeEnd, isRangeBetween, isRangeHovering, isRangeActive } = dateObj;\n  const dayClasses = classNames.day;\n\n  let stateClasses = \"rounded-full\";\n  if (isRangeStart && isRangeEnd) {\n    stateClasses = `${dayClasses.selected} rounded-full`;\n  } else if (isRangeStart) {\n    stateClasses = `${dayClasses.rangeStart} ${isRangeActive ? 'rounded-l-full rounded-r-none' : 'rounded-full'}`;\n  } else if (isRangeEnd) {\n    stateClasses = `${dayClasses.rangeEnd} ${isRangeActive ? 'rounded-r-full rounded-l-none' : 'rounded-full'}`;\n  } else if (isRangeBetween) {\n    stateClasses = dayClasses.rangeBetween || '';\n  } else if (isRangeHovering) {\n    stateClasses = dayClasses.rangeHovering || '';\n  } else if (selected) {\n    stateClasses = dayClasses.selected || '';\n  } else if (!selectable) {\n    stateClasses = dayClasses.disabled || '';\n  } else {\n    stateClasses = dayClasses.unselected || '';\n  }\n\n  const className = [\n    dayClasses.day,\n    stateClasses,\n    ...(dateObj.modifiers || []).map(m => (dayClasses as any)[m] || m)\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      {...getDateProps({\n        dateObj,\n        onMouseEnter: () => setIsHovered(true),\n        onMouseLeave: () => setIsHovered(false)\n      })}\n      className={className}\n    >\n      {date.getDate()}\n      {tooltip && isHovered && (\n        <div className=\"absolute bottom-full left-1/2 -translate-x-1/2 mb-2 hidden group-hover:block z-10\">\n          <div className=\"bg-gray-800 text-white text-xs py-1 px-2 rounded whitespace-nowrap shadow-lg\">\n            {tooltip}\n            <div className=\"absolute top-full left-1/2 -translate-x-1/2 border-8 border-transparent border-t-gray-800\" />\n          </div>\n        </div>\n      )}\n    </button>\n  );\n};\n","import { DateAdapter } from \"./types\";\nimport { defaultAdapter } from \"./adapters/dayjs\";\n\nexport interface Translations {\n  months: string[];\n  weekdays: string[];\n  back: string;\n  forward: string;\n}\n\nexport function getDefaults(adapter: DateAdapter = defaultAdapter, locale?: string): Translations {\n  return {\n    months: adapter.getMonths(locale),\n    weekdays: adapter.getWeekdays(locale),\n    back: 'Previous month',\n    forward: 'Next month'\n  };\n}\n\nexport function getTranslations(\n    adapter: DateAdapter = defaultAdapter,\n    locale?: string,\n    custom?: Partial<Translations>\n): Translations {\n  const base = getDefaults(adapter, locale);\n  return { ...base, ...custom };\n}\n","import React from 'react';\nimport { Calendar, CalendarClassNames } from '../types';\n\nexport interface HeaderProps {\n  calendars: Calendar[];\n  getBackProps: (args: any) => any;\n  getForwardProps: (args: any) => any;\n  setView: (view: 'days' | 'months' | 'years') => void;\n  monthNames: string[];\n  t: { back: string; forward: string };\n  classNames: Required<CalendarClassNames>;\n  slideDirection?: 'left' | 'right' | null;\n  currentView?: 'days' | 'months' | 'years';\n}\n\nexport const ChevronLeftIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <polyline points=\"15 18 9 12 15 6\"></polyline>\n  </svg>\n);\n\nexport const ChevronRightIcon = () => (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <polyline points=\"9 18 15 12 9 6\"></polyline>\n  </svg>\n);\n\nexport const CalendarHeader: React.FC<HeaderProps> = ({\n  calendars,\n  getBackProps,\n  getForwardProps,\n  setView,\n  monthNames,\n  t,\n  classNames,\n  slideDirection,\n  currentView\n}) => {\n  return (\n    <div className={classNames.header}>\n      <button\n        {...getBackProps({ calendars })}\n        onMouseDown={(e) => e.preventDefault()}\n        className={`${classNames.navButton} ${currentView && currentView !== 'days' ? 'invisible pointer-events-none' : ''}`}\n        aria-label={t.back}\n      >\n        <ChevronLeftIcon />\n      </button>\n\n      <div className={classNames.monthYearContainer}>\n        {calendars.length === 1 ? (\n          <div key={`${calendars[0].month}-${calendars[0].year}`} className={`${classNames.monthYearLabel} ${slideDirection === 'left' ? 'animate-slide-in-left' : slideDirection === 'right' ? 'animate-slide-in-right' : ''}`}>\n            <button\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => setView(currentView === 'months' ? 'days' : 'months')}\n              className={classNames.monthYearButton}\n            >\n              {monthNames[calendars[0].month]}\n            </button>\n            <button\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => setView(currentView === 'years' ? 'days' : 'years')}\n              className={classNames.monthYearButton}\n            >\n              {calendars[0].year}\n            </button>\n          </div>\n        ) : (\n          <div className={`${classNames.monthYearLabel} ${slideDirection === 'left' ? 'animate-slide-in-left' : slideDirection === 'right' ? 'animate-slide-in-right' : ''}`}>\n            {(() => {\n              const first = calendars[0];\n              const last = calendars[calendars.length - 1];\n              const isFullYear = calendars.length === 12 && first.month === 0 && last.month === 11 && first.year === last.year;\n\n              if (isFullYear) {\n                return <span>{first.year}</span>;\n              } else if (first.year === last.year) {\n                return <span>{monthNames[first.month]} - {monthNames[last.month]} {first.year}</span>;\n              } else {\n                return <span>{monthNames[first.month]} {first.year} - {monthNames[last.month]} {last.year}</span>;\n              }\n            })()}\n          </div>\n        )}\n      </div>\n\n      <button\n        {...getForwardProps({ calendars })}\n        onMouseDown={(e) => e.preventDefault()}\n        className={`${classNames.navButton} ${currentView && currentView !== 'days' ? 'invisible pointer-events-none' : ''}`}\n        aria-label={t.forward}\n      >\n        <ChevronRightIcon />\n      </button>\n    </div>\n  );\n};\n","export interface DayClassNames {\n  day?: string;\n  selected?: string;\n  unselected?: string;\n  disabled?: string;\n  rangeStart?: string;\n  rangeEnd?: string;\n  rangeBetween?: string;\n  rangeHovering?: string;\n  [key: string]: string | undefined;\n}\n\nexport const defaultClassNames = {\n  root: \"w-fit flex flex-col p-4 bg-white rounded-lg shadow-lg\",\n  header: \"flex items-center justify-between border-b-2 border-brand-gray-light/40 pb-2 mb-3\",\n  calendarsContainer: \"flex flex-col md:flex-row gap-4\",\n  calendarContainer: \"flex-1 min-w-[280px] min-h-[260px]\",\n  weekdayGrid: \"grid grid-cols-7 gap-1 mb-1 border-b border-brand-gray-light/40\",\n  weekday: \"text-center text-xs text-gray-400 py-2\",\n  daysGrid: \"grid grid-cols-7 gap-px bg-brand-gray-light/20\",\n  footer: \"mt-4\",\n\n  navButton: \"p-2 hover:bg-gray-100 rounded-full transition-colors cursor-pointer disabled:opacity-30 disabled:pointer-events-none\",\n  monthYearContainer: \"flex gap-8\",\n  monthYearLabel: \"flex gap-1 items-center font-semibold text-brand-text\",\n  monthYearButton: \"hover:bg-gray-100 px-2 py-1 rounded cursor-pointer\",\n\n  day: {\n    day: \"aspect-square flex items-center justify-center text-sm font-medium transition-all relative group cursor-pointer p-px\",\n    selected: \"bg-brand-gold text-white rounded-full\",\n    unselected: \"bg-white hover:bg-brand-gray-light text-brand-text\",\n    disabled: \"bg-white text-gray-300 cursor-not-allowed\",\n    rangeStart: \"bg-brand-gold text-white\",\n    rangeEnd: \"bg-brand-gold text-white\",\n    rangeBetween: \"bg-brand-gold/25 text-brand-text\",\n    rangeHovering: \"bg-brand-gold/25 text-brand-text\",\n  },\n\n  monthsGrid: \"grid grid-cols-3 gap-2 animate-slide-in-top\",\n  monthButton: \"py-4 rounded-lg hover:bg-brand-gray-light transition-colors cursor-pointer disabled:opacity-30 disabled:pointer-events-none\",\n  monthButtonSelected: \"bg-brand-gold text-white\",\n  monthButtonUnselected: \"text-brand-text\",\n\n  yearsGrid: \"grid grid-cols-3 gap-2 max-h-[300px] overflow-y-auto pr-2 animate-slide-in-top\",\n  yearButton: \"py-3 rounded-lg hover:bg-brand-gray-light transition-colors cursor-pointer disabled:opacity-30 disabled:pointer-events-none\",\n  yearButtonSelected: \"bg-brand-gold text-white\",\n  yearButtonUnselected: \"text-brand-text\",\n}\n\nexport interface CalendarClassNames {\n  root?: string;\n  header?: string;\n  calendarsContainer?: string;\n  calendarContainer?: string;\n  weekdayGrid?: string;\n  weekday?: string;\n  daysGrid?: string;\n  footer?: string;\n\n  navButton?: string;\n  monthYearContainer?: string;\n  monthYearLabel?: string;\n  monthYearButton?: string;\n\n  day?: DayClassNames;\n\n  monthsGrid?: string;\n  monthButton?: string;\n  monthButtonSelected?: string;\n  monthButtonUnselected?: string;\n\n  yearsGrid?: string;\n  yearButton?: string;\n  yearButtonSelected?: string;\n  yearButtonUnselected?: string;\n}\n\nexport const mergeClassNames = (custom?: CalendarClassNames): Required<CalendarClassNames> => {\n  const result = { ...defaultClassNames };\n  if (!custom) return result;\n\n  for (const key in custom) {\n    const k = key as keyof CalendarClassNames;\n    if (k === 'day' && custom.day) {\n      result.day = { ...defaultClassNames.day, ...custom.day };\n    } else if (custom[k]) {\n      (result as any)[k] = custom[k];\n    }\n  }\n  return result;\n};\n","import React from 'react';\nimport { CalendarClassNames } from '../types';\n\ninterface MonthSelectionProps {\n  year: number;\n  month: number;\n  monthNames: string[];\n  minDate?: Date | null;\n  maxDate?: Date | null;\n  onMonthSelect: (month: number) => void;\n  classNames: Required<CalendarClassNames>;\n}\n\nexport const MonthSelection: React.FC<MonthSelectionProps> = ({\n  year,\n  month,\n  monthNames,\n  minDate,\n  maxDate,\n  onMonthSelect,\n  classNames,\n}) => {\n  const isMonthDisabled = (monthIdx: number) => {\n    if (minDate && year === minDate.getFullYear() && monthIdx < minDate.getMonth()) {\n      return true;\n    }\n    if (maxDate && year === maxDate.getFullYear() && monthIdx > maxDate.getMonth()) {\n      return true;\n    }\n    return false;\n  };\n\n  return (\n    <div className={classNames.monthsGrid}>\n      {monthNames.map((name, idx) => {\n        const disabled = isMonthDisabled(idx);\n        return (\n          <button\n            key={name}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => !disabled && onMonthSelect(idx)}\n            className={`${classNames.monthButton} ${idx === month ? classNames.monthButtonSelected : classNames.monthButtonUnselected}`}\n            disabled={disabled}\n          >\n            {name}\n          </button>\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useEffect, useRef } from 'react';\nimport { CalendarClassNames, DateAdapter } from '../types';\n\ninterface YearSelectionProps {\n  year: number;\n  minDate?: Date | null;\n  maxDate?: Date | null;\n  adapter: DateAdapter;\n  onYearSelect: (year: number) => void;\n  classNames: Required<CalendarClassNames>;\n}\n\nexport const YearSelection: React.FC<YearSelectionProps> = ({\n  year,\n  minDate,\n  maxDate,\n  adapter,\n  onYearSelect,\n  classNames,\n}) => {\n  const yearListRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (yearListRef.current) {\n      const selectedYearBtn = yearListRef.current.querySelector('[data-selected=\"true\"]');\n      if (selectedYearBtn) {\n        selectedYearBtn.scrollIntoView({ block: 'center' });\n      }\n    }\n  }, []);\n\n  const startYear = minDate ? adapter.get(adapter.date(minDate), 'year') : year - 50;\n  const endYear = maxDate ? adapter.get(adapter.date(maxDate), 'year') : year + 50;\n  const years = [];\n  for (let y = startYear; y <= endYear; y++) {\n    years.push(y);\n  }\n\n  return (\n    <div ref={yearListRef} className={classNames.yearsGrid}>\n      {years.map((y) => (\n        <button\n          key={y}\n          data-selected={y === year}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => onYearSelect(y)}\n          className={`${classNames.yearButton} ${y === year ? classNames.yearButtonSelected : classNames.yearButtonUnselected}`}\n        >\n          {y}\n        </button>\n      ))}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useDates, UseDatesProps } from '../useDates';\nimport { Day } from './Day';\nimport { defaultAdapter } from '../adapters/dayjs';\nimport { getTranslations, Translations } from '../i18n';\nimport { CalendarHeader } from './CalendarHeader';\nimport { DateObj, CalendarClassNames } from '../types';\nimport { mergeClassNames } from '../classNames';\nimport { MonthSelection } from './MonthSelection';\nimport { YearSelection } from './YearSelection';\n\ninterface CalendarProps extends UseDatesProps {\n  classNames?: CalendarClassNames;\n  locale?: string;\n  translations?: Partial<Translations>;\n  header?: React.ReactNode | ((props: any) => React.ReactNode);\n  footer?: React.ReactNode;\n  renderDayTooltip?: (dateObj: DateObj) => React.ReactNode;\n}\n\ntype CalendarView = 'days' | 'months' | 'years';\n\nexport const Calendar: React.FC<CalendarProps> = (props) => {\n  const {\n    classNames: customClassNames,\n    locale,\n    translations: customTranslations,\n    adapter = defaultAdapter,\n    firstDayOfWeek = 0,\n    header,\n    footer,\n    renderDayTooltip,\n    ...useDatesProps\n  } = props;\n\n  const classNames = mergeClassNames(customClassNames);\n\n  const [view, setView] = useState<CalendarView>('days');\n  const [slideDirection, setSlideDirection] = useState<'left' | 'right' | null>(null);\n\n  const t = getTranslations(adapter, locale, customTranslations);\n  const weekdayNames = t.weekdays;\n  const monthNames = t.months;\n\n  const {\n    calendars,\n    getBackProps,\n    getForwardProps,\n    getDateProps,\n    setOffset\n  } = useDates({ ...useDatesProps, adapter, firstDayOfWeek });\n\n  // Adjust weekday names based on firstDayOfWeek\n  const sortedWeekdays = [...weekdayNames.slice(firstDayOfWeek), ...weekdayNames.slice(0, firstDayOfWeek)];\n\n  const currentCalendar = calendars[0];\n  const { month, year } = currentCalendar;\n\n  const handleMonthSelect = (newMonth: number) => {\n    const currentMonth = adapter.set(adapter.set(adapter.date(props.date || new Date()), 'year', year), 'month', month);\n    const targetMonth = adapter.set(currentMonth, 'month', newMonth);\n    const baseMonth = adapter.startOf(adapter.date(props.date || new Date()), 'month');\n    const newOffset = adapter.diff(targetMonth, baseMonth, 'month');\n    setSlideDirection(null);\n    setOffset(newOffset);\n    setView('days');\n  };\n\n  const handleYearSelect = (newYear: number) => {\n    const currentMonth = adapter.set(adapter.set(adapter.date(props.date || new Date()), 'year', year), 'month', month);\n    const targetMonth = adapter.set(currentMonth, 'year', newYear);\n    const baseMonth = adapter.startOf(adapter.date(props.date || new Date()), 'month');\n    const newOffset = adapter.diff(targetMonth, baseMonth, 'month');\n    setSlideDirection(null);\n    setOffset(newOffset);\n    setView('days');\n  };\n\n  const wrappedGetBackProps = (args: any) => {\n    const props = getBackProps(args);\n    return {\n      ...props,\n      onClick: (e: any) => {\n        setSlideDirection('left');\n        props.onClick?.(e);\n      }\n    };\n  };\n\n  const wrappedGetForwardProps = (args: any) => {\n    const props = getForwardProps(args);\n    return {\n      ...props,\n      onClick: (e: any) => {\n        setSlideDirection('right');\n        props.onClick?.(e);\n      }\n    };\n  };\n\n  const renderDefaultHeader = () => (\n    <CalendarHeader\n        calendars={calendars}\n        getBackProps={wrappedGetBackProps}\n        getForwardProps={wrappedGetForwardProps}\n        setView={setView}\n        monthNames={monthNames}\n        t={t}\n        classNames={classNames}\n        slideDirection={slideDirection}\n        currentView={view}\n    />\n  );\n\n  return (\n    <div className={classNames.root}>\n      {typeof header === 'function' ? header({\n          calendars,\n          getBackProps: wrappedGetBackProps,\n          getForwardProps: wrappedGetForwardProps,\n          setView,\n          monthNames,\n          t,\n          slideDirection,\n          currentView: view\n      }) : (header || renderDefaultHeader())}\n\n      <div className={classNames.calendarsContainer}>\n        {view === 'months' && calendars.map((calendar) => (\n          <div key={`months-${calendar.year}`} className={classNames.calendarContainer}>\n            <MonthSelection\n              year={calendar.year}\n              month={calendar.month}\n              monthNames={monthNames}\n              minDate={props.minDate}\n              maxDate={props.maxDate}\n              onMonthSelect={handleMonthSelect}\n              classNames={classNames}\n            />\n          </div>\n        ))}\n        {view === 'years' && calendars.map((calendar) => (\n          <div key={`years-${calendar.year}`} className={classNames.calendarContainer}>\n            <YearSelection\n              year={calendar.year}\n              minDate={props.minDate}\n              maxDate={props.maxDate}\n              adapter={adapter}\n              onYearSelect={handleYearSelect}\n              classNames={classNames}\n            />\n          </div>\n        ))}\n        {view === 'days' && calendars.map((calendar) => (\n          <div key={`${calendar.month}-${calendar.year}`} className={classNames.calendarContainer}>\n            {calendars.length > 1 && (\n              <button\n                type=\"button\"\n                aria-label={monthNames[calendar.month]}\n                className=\"block w-full text-center font-semibold mb-2 text-brand-text\"\n              >\n                {monthNames[calendar.month]} {calendars[0].year !== calendars[calendars.length - 1].year ? calendar.year : ''}\n              </button>\n            )}\n            <div className={classNames.weekdayGrid}>\n              {sortedWeekdays.map((day) => (\n                <div key={day} className={classNames.weekday}>{day}</div>\n              ))}\n            </div>\n            <div className={`${classNames.daysGrid} ${slideDirection === 'left' ? 'animate-slide-in-left' : slideDirection === 'right' ? 'animate-slide-in-right' : ''}`}>\n              {calendar.weeks.map((week, wi) =>\n                week.map((dateObj, di) => (\n                  <Day\n                    key={`${wi}-${di}`}\n                    dateObj={dateObj}\n                    getDateProps={getDateProps}\n                    classNames={classNames}\n                    tooltip={dateObj && renderDayTooltip?.(dateObj)}\n                  />\n                ))\n              )}\n            </div>\n          </div>\n        ))}\n      </div>\n      {footer && <div className={classNames.footer}>{footer}</div>}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/useDates-CCrn42eQ.js

@@ -1,2 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));const c=require("./utils.js");let l=require("react"),u=require("dayjs");u=s(u);let d=require("dayjs/plugin/isBetween");d=s(d);let f=require("dayjs/plugin/customParseFormat");f=s(f);let p=require("dayjs/plugin/localeData");p=s(p),u.default.extend(d.default),u.default.extend(f.default),u.default.extend(p.default);var m=class{date(e){return(0,u.default)(e)}add(e,t,n){return e.add(t,n)}subtract(e,t,n){return e.subtract(t,n)}startOf(e,t){return e.startOf(t)}endOf(e,t){return e.endOf(t)}isBefore(e,t,n){return e.isBefore(t,n)}isAfter(e,t,n){return e.isAfter(t,n)}isSame(e,t,n){return e.isSame(t,n)}set(e,t,n){return t===`day`?e.date(n):e.set(t,n)}get(e,t){return t===`day`?e.date():e.get(t)}format(e,t,n){return n?e.locale(n).format(t):e.format(t)}getDaysInMonth(e){return e.daysInMonth()}toDate(e){return e.toDate()}diff(e,t,n){return e.diff(t,n)}getMonths(e){return e?(0,u.default)().locale(e).localeData().months():u.default.localeData().months()}getWeekdays(e){return e?(0,u.default)().locale(e).localeData().weekdaysShort().map(e=>e.toUpperCase()):u.default.localeData().weekdaysShort().map(e=>e.toUpperCase())}},h=new m;function g(e){return e!==void 0}function _(e,t=0){return g(e)?e:t}function v(e,{onClick:t,dateObj:n,...r}){return{onClick:c.composeEventHandlers(t,t=>{e(n,t)}),disabled:!n.selectable,"aria-pressed":n.selected,role:`button`,...r}}function y({minDate:e,offsetMonth:t,handleOffsetChanged:n,adapter:r},{onClick:i,offset:a=1,calendars:o,...s}){return{onClick:c.composeEventHandlers(i,()=>{n(t-c.subtractMonth({calendars:o,offset:a,minDate:e,adapter:r}))}),disabled:c.isBackDisabled({calendars:o,minDate:e,adapter:r}),...s}}function b({maxDate:e,offsetMonth:t,handleOffsetChanged:n,adapter:r},{onClick:i,offset:a=1,calendars:o,...s}){return{onClick:c.composeEventHandlers(i,()=>{n(t+c.addMonth({calendars:o,offset:a,maxDate:e,adapter:r}))}),disabled:c.isForwardDisabled({calendars:o,maxDate:e,adapter:r}),...s}}function x({date:e=new Date,maxDate:t,minDate:n,disabledDates:r,monthsToDisplay:i=1,firstDayOfWeek:a=0,showOutsideDays:o=!1,offset:s,onDateSelected:u,onOffsetChanged:d=()=>{},selected:f,modifiers:p,selectionMode:m=`single`,adapter:x=h,onChange:S,onMonthChange:C,onYearChange:w}){let[T,E]=(0,l.useState)(0),[D,O]=(0,l.useState)(void 0),k=_(s,T),A=(0,l.useCallback)(t=>{g(s)||E(t),d(t);let n=x.toDate(x.add(x.startOf(x.date(e),`month`),t,`month`));C?.(n),w?.(n)},[s,d,e,x,C,w]),j=(0,l.useCallback)((e,t)=>{if(u?.(e,t),S){if(m===`single`)S(e.date);else if(m===`multiple`){let t=Array.isArray(f)?f:f?[f]:[];t.some(t=>x.isSame(x.date(t),x.date(e.date),`day`))?S(t.filter(t=>!x.isSame(x.date(t),x.date(e.date),`day`))):S([...t,e.date])}else if(m===`range`){let t=f&&typeof f==`object`&&!(f instanceof Date)&&!Array.isArray(f)?f:{start:void 0,end:void 0};!t.start||t.start&&t.end?S({start:e.date,end:void 0}):x.isBefore(x.date(e.date),x.date(t.start),`day`)?S({start:e.date,end:t.start}):S({start:t.start,end:e.date})}}},[u,S,m,f,x]);return{calendars:c.getCalendars({date:e,selected:f,disabledDates:r,modifiers:p,monthsToDisplay:i,minDate:n,maxDate:t,offset:k,firstDayOfWeek:a,showOutsideDays:o,adapter:x,selectionMode:m,hoveredDate:D}),getDateProps:e=>({...v(j,e),onMouseEnter:c.composeEventHandlers(e.onMouseEnter,()=>{O(e.dateObj.date)}),onMouseLeave:c.composeEventHandlers(e.onMouseLeave,()=>{O(void 0)})}),getBackProps:y.bind(null,{minDate:n,offsetMonth:k,handleOffsetChanged:A,adapter:x}),getForwardProps:b.bind(null,{maxDate:t,offsetMonth:k,handleOffsetChanged:A,adapter:x}),setOffset:A}}Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});
-//# sourceMappingURL=useDates-CCrn42eQ.js.map

package/dist/useDates.mjs

@@ -1,3 +0,0 @@
-import { t as e } from "./useDates-CpcW1GpF.mjs";
-import "./utils.mjs";
-export { e as useDates };

package/dist/utils.mjs

@@ -1,169 +0,0 @@
-//#region src/utils.ts
-function e(...e) {
-	return (t, ...n) => e.some((e) => (e && e(t, ...n), t && t.defaultPrevented));
-}
-function t({ calendars: e, offset: t, minDate: n, adapter: r }) {
-	let i = e[0].firstDayOfMonth, a = r.subtract(r.date(i), t, "month");
-	return n && r.isBefore(a, r.startOf(r.date(n), "month")) ? r.diff(r.startOf(r.date(i), "month"), r.startOf(r.date(n), "month"), "month") : t;
-}
-function n({ calendars: e, offset: t, maxDate: n, adapter: r }) {
-	let i = e[e.length - 1].firstDayOfMonth, a = r.add(r.date(i), t, "month");
-	return n && r.isAfter(a, r.startOf(r.date(n), "month")) ? r.diff(r.startOf(r.date(n), "month"), r.startOf(r.date(i), "month"), "month") : t;
-}
-function r({ date: e, selected: t, disabledDates: n, modifiers: r, monthsToDisplay: a, minDate: o, maxDate: s, offset: c, firstDayOfWeek: l, showOutsideDays: u, adapter: d, selectionMode: f, hoveredDate: p }) {
-	let m = [], h = d.add(d.startOf(d.date(e), "month"), c, "month");
-	for (let e = 0; e < a; e++) {
-		let a = d.add(h, e, "month");
-		m.push(i({
-			month: d.get(a, "month"),
-			year: d.get(a, "year"),
-			selectedDates: t,
-			disabledDates: n,
-			modifiers: r,
-			minDate: o,
-			maxDate: s,
-			firstDayOfWeek: l,
-			showOutsideDays: u,
-			adapter: d,
-			selectionMode: f,
-			hoveredDate: p
-		}));
-	}
-	return m;
-}
-function i({ month: e, year: t, selectedDates: n, disabledDates: r, modifiers: i, minDate: l, maxDate: u, firstDayOfWeek: d, showOutsideDays: f, adapter: p, selectionMode: m, hoveredDate: h }) {
-	let g = p.set(p.set(p.date(), "year", t), "month", e);
-	e = p.get(g, "month"), t = p.get(g, "year");
-	let _ = p.getDaysInMonth(g), v = [];
-	for (let o = 1; o <= _; o++) {
-		let s = a(p.toDate(p.set(g, "day", o)), n, r, i, l, u, p, m, !1, h, e, t);
-		v.push(s);
-	}
-	let y = p.toDate(p.startOf(g, "month")), b = p.toDate(p.endOf(g, "month")), x = o({
-		firstDayOfMonth: y,
-		minDate: l,
-		maxDate: u,
-		selectedDates: n,
-		disabledDates: r,
-		modifiers: i,
-		firstDayOfWeek: d,
-		showOutsideDays: f,
-		adapter: p,
-		selectionMode: m,
-		hoveredDate: h,
-		month: e,
-		year: t
-	}), S = s({
-		lastDayOfMonth: b,
-		minDate: l,
-		maxDate: u,
-		selectedDates: n,
-		disabledDates: r,
-		modifiers: i,
-		firstDayOfWeek: d,
-		showOutsideDays: f,
-		adapter: p,
-		selectionMode: m,
-		hoveredDate: h,
-		month: e,
-		year: t
-	});
-	v.unshift(...x), v.push(...S);
-	let C = c(v);
-	return {
-		firstDayOfMonth: y,
-		lastDayOfMonth: b,
-		month: e,
-		year: t,
-		weeks: C
-	};
-}
-function a(e, t, n, r, i, a, o, s, c = !1, d, f, p) {
-	let { selected: m, isRangeStart: h, isRangeEnd: g, isRangeBetween: _, isRangeHovering: v, isRangeActive: y } = l(t, e, o, s, d), b = o.isSame(o.date(e), o.date(), "day"), x = c && o.isBefore(o.date(e), o.startOf(o.date(e), "month")), S = c && o.isAfter(o.date(e), o.endOf(o.date(e), "month")), C = {
-		"text-brand-gold border border-brand-gold": (e) => o.isSame(o.date(e), o.date(), "day"),
-		"text-gray-400 opacity-50": (e, t) => o.get(o.date(e), "month") !== t,
-		...r
-	}, w = Object.keys(C).filter((t) => C[t](e, f ?? o.get(o.date(e), "month"), p ?? o.get(o.date(e), "year")));
-	return b && w.push("today"), c && w.push("outside"), x && w.push("prev-month"), S && w.push("next-month"), {
-		date: e,
-		selected: m,
-		modifiers: w,
-		selectable: u(i, a, n, e, o),
-		today: b,
-		prevMonth: x,
-		nextMonth: S,
-		isRangeStart: h,
-		isRangeEnd: g,
-		isRangeBetween: _,
-		isRangeHovering: v,
-		isRangeActive: y
-	};
-}
-function o({ firstDayOfMonth: e, minDate: t, maxDate: n, selectedDates: r, disabledDates: i, modifiers: o, firstDayOfWeek: s, showOutsideDays: c, adapter: l, selectionMode: u, hoveredDate: d, month: f, year: p }) {
-	let m = [], h = (l.toDate(l.date(e)).getDay() + 7 - s) % 7, g = l.subtract(l.date(e), 1, "day");
-	for (let e = 0; e < h; e++) {
-		let e = a(l.toDate(g), r, i, o, t, n, l, u, !0, d, f, p);
-		e.prevMonth = !0, c || (e.selectable = !1), m.unshift(e), g = l.subtract(g, 1, "day");
-	}
-	return m;
-}
-function s({ lastDayOfMonth: e, minDate: t, maxDate: n, selectedDates: r, disabledDates: i, modifiers: o, firstDayOfWeek: s, showOutsideDays: c, adapter: l, selectionMode: u, hoveredDate: d, month: f, year: p }) {
-	let m = [], h = (l.toDate(l.date(e)).getDay() + 7 - s) % 7, g = l.add(l.date(e), 1, "day");
-	for (let e = 0; e < 6 - h; e++) {
-		let e = a(l.toDate(g), r, i, o, t, n, l, u, !0, d, f, p);
-		e.nextMonth = !0, c || (e.selectable = !1), m.push(e), g = l.add(g, 1, "day");
-	}
-	return m;
-}
-function c(e) {
-	let t = Math.ceil(e.length / 7), n = [];
-	for (let r = 0; r < t; r++) {
-		n[r] = [];
-		for (let t = 0; t < 7; t++) n[r].push(e[r * 7 + t]);
-	}
-	return n;
-}
-function l(e, t, n, r, i) {
-	if (!e && !i) return { selected: !1 };
-	let a = n.date(t);
-	if (r === "single" && e instanceof Date) return { selected: n.isSame(a, n.date(e), "day") };
-	if (r === "multiple" && Array.isArray(e)) return { selected: e.some((e) => n.isSame(a, n.date(e), "day")) };
-	if (r === "range") {
-		let { start: t, end: r } = e && typeof e == "object" && !(e instanceof Date) && !Array.isArray(e) ? e : {
-			start: void 0,
-			end: void 0
-		}, o = t ? n.isSame(a, n.date(t), "day") : !1, s = r ? n.isSame(a, n.date(r), "day") : !1, c = t && r ? n.isAfter(a, n.date(t), "day") && n.isBefore(a, n.date(r), "day") : !1, l = !1;
-		if (t && !r && i) {
-			let e = n.date(i), r = n.date(t);
-			n.isAfter(e, r, "day") ? (l = n.isAfter(a, r, "day") && n.isBefore(a, e, "day") || n.isSame(a, e, "day"), n.isSame(a, e, "day") && (s = !0)) : n.isBefore(e, r, "day") && (l = n.isAfter(a, e, "day") && n.isBefore(a, r, "day") || n.isSame(a, e, "day"), n.isSame(a, e, "day") && (o = !0), n.isSame(a, r, "day") && (o = !1, s = !0));
-		}
-		let u = !!(t && r && !n.isSame(n.date(t), n.date(r), "day") || t && !r && i && !n.isSame(n.date(t), n.date(i), "day"));
-		return {
-			selected: o || s || c,
-			isRangeStart: o,
-			isRangeEnd: s,
-			isRangeBetween: c,
-			isRangeHovering: l,
-			isRangeActive: u
-		};
-	}
-	return Array.isArray(e) && e.length === 1 && r === "single" ? { selected: n.isSame(a, n.date(e[0]), "day") } : { selected: !1 };
-}
-function u(e, t, n, r, i) {
-	let a = i.date(r), o = e && i.isBefore(a, i.date(e), "day"), s = t && i.isAfter(a, i.date(t), "day"), c = n?.some((e) => i.isSame(a, i.date(e), "day"));
-	return !o && !s && !c;
-}
-function d({ calendars: e, minDate: t, adapter: n }) {
-	if (!t) return !1;
-	let r = e[0].firstDayOfMonth;
-	return n.isSame(n.startOf(n.date(r), "month"), n.startOf(n.date(t), "month"), "month") || n.isBefore(n.date(r), n.date(t), "month");
-}
-function f({ calendars: e, maxDate: t, adapter: n }) {
-	if (!t) return !1;
-	let r = e[e.length - 1].firstDayOfMonth;
-	return n.isSame(n.startOf(n.date(r), "month"), n.startOf(n.date(t), "month"), "month") || n.isAfter(n.date(r), n.date(t), "month");
-}
-//#endregion
-export { n as addMonth, e as composeEventHandlers, r as getCalendars, d as isBackDisabled, f as isForwardDisabled, t as subtractMonth };
-
-//# sourceMappingURL=utils.mjs.map