@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/DateInput/components/CalendarDaily.js

@@ -1,147 +1,159 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Text } from "../../Text/index.js";
-import { Button } from "../../Button/index.js";
-import { Row } from "../../Row/index.js";
-import { DateInputContext } from "../Context.js";
-import { formatValue, getMonthFirstDay, getNextMonth, getPreviousMonth, isSameDay } from "../helpers.js";
-import { capitalizedTextDay, dayMonth } from "./styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../Text/index.js";
+import { Button, init_Button } from "../../Button/index.js";
+import { Row, init_Row } from "../../Row/index.js";
+import { DateInputContext, init_Context } from "../Context.js";
+import { formatValue, getMonthFirstDay, getNextMonth, getPreviousMonth, init_helpers, isSameDay } from "../helpers.js";
+import { dateInputStyle, init_styles_css } from "../styles.css.js";
+import { init_constants } from "../constants.js";
 import { useContext, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/DateInput/components/CalendarDaily.tsx
-const Daily = () => {
-	const { value, yearToShow, monthToShow, setValue, setMonthToShow, onChange, setYearToShow, excludeDates, minDate, maxDate, DAYS, selectsRange, range, setRange, setInputValue, format, setVisible, readOnly, disabled, hoveredDate, setHoveredDate } = useContext(DateInputContext);
-	const [rangeState, setRangeState] = useState((range === null || range === void 0 ? void 0 : range.start) && !(range === null || range === void 0 ? void 0 : range.end) ? "end" : "start");
-	const monthDays = new Date(yearToShow, monthToShow, 0).getDate();
-	const daysFromPreviousMonth = getMonthFirstDay(monthToShow, yearToShow);
-	const daysFromNextMonth = 6 * 7 - (daysFromPreviousMonth + monthDays);
-	const [previousMonth, prevMonthYear] = getPreviousMonth(monthToShow, yearToShow);
-	const [nextMonth, nextMonthYear] = getNextMonth(monthToShow, yearToShow);
-	const previousMonthDays = new Date(prevMonthYear, previousMonth, 0).getDate();
-	const prevMonthDates = Array.from({ length: daysFromPreviousMonth }, (_, index) => ({
-		day: index + 1 + (previousMonthDays - daysFromPreviousMonth),
-		month: -1
-	}));
-	const currentMonthDates = Array.from({ length: monthDays }, (_, index) => ({
-		day: index + 1,
-		month: 0
-	}));
-	const nextMonthDates = Array.from({ length: daysFromNextMonth }, (_, index) => ({
-		day: index + 1,
-		month: 1
-	}));
-	const allDaysToShow = [
-		...prevMonthDates,
-		...currentMonthDates,
-		...nextMonthDates
-	];
-	return /* @__PURE__ */ jsxs(Row, {
-		gap: 1,
-		templateColumns: "repeat(7, 1fr)",
-		children: [Object.entries(DAYS).map((day) => /* @__PURE__ */ jsx(Text, {
-			as: "p",
-			className: capitalizedTextDay,
-			disabled,
-			sentiment: "neutral",
-			variant: "bodyStrong",
-			children: day[1]
-		}, day[0])), allDaysToShow.map((data) => {
-			const constructedDate = new Date(yearToShow, monthToShow - 1 + data.month, data.day);
-			const isExcluded = excludeDates ? excludeDates.map((date) => isSameDay(constructedDate, date)).includes(true) : false;
-			const isOutsideRange = !!(minDate && constructedDate < minDate) || !!(maxDate && constructedDate > maxDate);
-			const isSelected = value && isSameDay(constructedDate, new Date(value)) || (range === null || range === void 0 ? void 0 : range.end) && isSameDay(constructedDate, range.end) || (range === null || range === void 0 ? void 0 : range.start) && isSameDay(constructedDate, range.start);
-			const isAfterStartDate = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start;
-			const isInHoveredRange = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || (range === null || range === void 0 ? void 0 : range.start) && range.end && constructedDate < range.end && constructedDate > range.start;
-			const getNewDate = () => {
-				if (data.month !== 0 && data.day > 15) {
-					setMonthToShow(previousMonth);
-					setYearToShow(prevMonthYear);
-					return new Date(prevMonthYear, previousMonth - 1, data.day);
-				}
-				if (data.month !== 0 && data.day < 15) {
-					setMonthToShow(nextMonth);
-					setYearToShow(nextMonthYear);
-					return new Date(nextMonthYear, nextMonth - 1, data.day);
-				}
-				return new Date(yearToShow, monthToShow - 1, data.day);
-			};
-			const onClickRange = (event, newDate) => {
-				if (selectsRange) if (rangeState === "end" && isAfterStartDate) {
-					setRange === null || setRange === void 0 || setRange({
-						end: newDate,
-						start: range.start
-					});
-					onChange === null || onChange === void 0 || onChange([range.start, newDate], event);
-					setInputValue(formatValue(null, {
-						end: newDate,
-						start: range.start
-					}, false, true, format));
-					setRangeState("start");
-					setVisible(false);
-				} else if (rangeState === "end" && !isAfterStartDate && (range === null || range === void 0 ? void 0 : range.start)) {
-					setRange === null || setRange === void 0 || setRange({
-						end: range.start,
-						start: newDate
-					});
-					onChange === null || onChange === void 0 || onChange([newDate, range.start], event);
-					setInputValue(formatValue(null, {
-						end: range.start,
-						start: newDate
-					}, false, true, format));
-					setRangeState("start");
-					setVisible(false);
-				} else {
-					setRange === null || setRange === void 0 || setRange({
-						end: null,
-						start: newDate
-					});
-					onChange === null || onChange === void 0 || onChange([newDate, null], event);
-					setInputValue(formatValue(null, {
-						end: null,
-						start: newDate
-					}, false, true, format));
-					setRangeState("end");
-				}
-			};
-			const createTestId = () => {
-				if (isInHoveredRange) return "rangeButton";
-				if (data.month === -1) return "dayLastMonth";
-				if (data.month === 1) return "dayNextMonth";
-			};
-			const dayState = () => {
-				if (isSelected) return "selected";
-				if (isInHoveredRange) return "in-range";
-				if (data.month !== 0) return "not-current";
-				return "neutral";
-			};
-			return /* @__PURE__ */ jsx(Button, {
-				"aria-label": dayState(),
-				className: dayMonth,
-				"data-testid": createTestId(),
-				disabled: disabled || isExcluded || isOutsideRange,
-				onClick: (event) => {
-					if (!(isExcluded || isOutsideRange || readOnly)) {
-						const newDate = getNewDate();
-						if (selectsRange) onClickRange(event, newDate);
-						else {
-							setValue(newDate);
-							onChange === null || onChange === void 0 || onChange(newDate, event);
-							setInputValue(formatValue(newDate, null, false, false, format));
-							setVisible(false);
-						}
+var Daily;
+var init_CalendarDaily = __esmMin(() => {
+	init_Button();
+	init_Row();
+	init_Text();
+	init_Context();
+	init_constants();
+	init_helpers();
+	init_styles_css();
+	Daily = () => {
+		const { value, yearToShow, monthToShow, setValue, setMonthToShow, onChange, setYearToShow, excludeDates, minDate, maxDate, DAYS, selectsRange, range, setRange, setInputValue, format, setVisible, readOnly, disabled, hoveredDate, setHoveredDate } = useContext(DateInputContext);
+		const [rangeState, setRangeState] = useState((range === null || range === void 0 ? void 0 : range.start) && !(range === null || range === void 0 ? void 0 : range.end) ? "end" : "start");
+		const monthDays = new Date(yearToShow, monthToShow, 0).getDate();
+		const daysFromPreviousMonth = getMonthFirstDay(monthToShow, yearToShow);
+		const daysFromNextMonth = 6 * 7 - (daysFromPreviousMonth + monthDays);
+		const [previousMonth, prevMonthYear] = getPreviousMonth(monthToShow, yearToShow);
+		const [nextMonth, nextMonthYear] = getNextMonth(monthToShow, yearToShow);
+		const previousMonthDays = new Date(prevMonthYear, previousMonth, 0).getDate();
+		const prevMonthDates = Array.from({ length: daysFromPreviousMonth }, (_, index) => ({
+			day: index + 1 + (previousMonthDays - daysFromPreviousMonth),
+			month: -1
+		}));
+		const currentMonthDates = Array.from({ length: monthDays }, (_, index) => ({
+			day: index + 1,
+			month: 0
+		}));
+		const nextMonthDates = Array.from({ length: daysFromNextMonth }, (_, index) => ({
+			day: index + 1,
+			month: 1
+		}));
+		const allDaysToShow = [
+			...prevMonthDates,
+			...currentMonthDates,
+			...nextMonthDates
+		];
+		return /* @__PURE__ */ jsxs(Row, {
+			gap: 1,
+			templateColumns: "repeat(7, 1fr)",
+			children: [Object.entries(DAYS).map((day) => /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				className: dateInputStyle.capitalizedTextDay,
+				disabled,
+				sentiment: "neutral",
+				variant: "bodyStrong",
+				children: day[1]
+			}, day[0])), allDaysToShow.map((data) => {
+				const constructedDate = new Date(yearToShow, monthToShow - 1 + data.month, data.day);
+				const isExcluded = excludeDates ? excludeDates.map((date) => isSameDay(constructedDate, date)).includes(true) : false;
+				const isOutsideRange = !!(minDate && constructedDate < minDate) || !!(maxDate && constructedDate > maxDate);
+				const isSelected = value && isSameDay(constructedDate, new Date(value)) || (range === null || range === void 0 ? void 0 : range.end) && isSameDay(constructedDate, range.end) || (range === null || range === void 0 ? void 0 : range.start) && isSameDay(constructedDate, range.start);
+				const isAfterStartDate = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start;
+				const isInHoveredRange = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || (range === null || range === void 0 ? void 0 : range.start) && range.end && constructedDate < range.end && constructedDate > range.start;
+				const getNewDate = () => {
+					if (data.month !== 0 && data.day > 15) {
+						setMonthToShow(previousMonth);
+						setYearToShow(prevMonthYear);
+						return new Date(prevMonthYear, previousMonth - 1, data.day);
+					}
+					if (data.month !== 0 && data.day < 15) {
+						setMonthToShow(nextMonth);
+						setYearToShow(nextMonthYear);
+						return new Date(nextMonthYear, nextMonth - 1, data.day);
 					}
-				},
-				onMouseEnter: () => {
-					if (selectsRange && (range === null || range === void 0 ? void 0 : range.start)) setHoveredDate(constructedDate);
-				},
-				sentiment: isSelected || isInHoveredRange ? "primary" : "neutral",
-				variant: isSelected || isInHoveredRange ? "filled" : "ghost",
-				children: data.day
-			}, `${data.month}-${data.day}`);
-		})]
-	});
-};
+					return new Date(yearToShow, monthToShow - 1, data.day);
+				};
+				const onClickRange = (event, newDate) => {
+					if (selectsRange) if (rangeState === "end" && isAfterStartDate) {
+						setRange === null || setRange === void 0 || setRange({
+							end: newDate,
+							start: range.start
+						});
+						onChange === null || onChange === void 0 || onChange([range.start, newDate], event);
+						setInputValue(formatValue(null, {
+							end: newDate,
+							start: range.start
+						}, false, true, format));
+						setRangeState("start");
+						setVisible(false);
+					} else if (rangeState === "end" && !isAfterStartDate && (range === null || range === void 0 ? void 0 : range.start)) {
+						setRange === null || setRange === void 0 || setRange({
+							end: range.start,
+							start: newDate
+						});
+						onChange === null || onChange === void 0 || onChange([newDate, range.start], event);
+						setInputValue(formatValue(null, {
+							end: range.start,
+							start: newDate
+						}, false, true, format));
+						setRangeState("start");
+						setVisible(false);
+					} else {
+						setRange === null || setRange === void 0 || setRange({
+							end: null,
+							start: newDate
+						});
+						onChange === null || onChange === void 0 || onChange([newDate, null], event);
+						setInputValue(formatValue(null, {
+							end: null,
+							start: newDate
+						}, false, true, format));
+						setRangeState("end");
+					}
+				};
+				const createTestId = () => {
+					if (isInHoveredRange) return "rangeButton";
+					if (data.month === -1) return "dayLastMonth";
+					if (data.month === 1) return "dayNextMonth";
+				};
+				const dayState = () => {
+					if (isSelected) return "selected";
+					if (isInHoveredRange) return "in-range";
+					if (data.month !== 0) return "not-current";
+					return "neutral";
+				};
+				return /* @__PURE__ */ jsx(Button, {
+					"aria-label": dayState(),
+					className: dateInputStyle.dayMonth,
+					"data-testid": createTestId(),
+					disabled: disabled || isExcluded || isOutsideRange,
+					onClick: (event) => {
+						if (!(isExcluded || isOutsideRange || readOnly)) {
+							const newDate = getNewDate();
+							if (selectsRange) onClickRange(event, newDate);
+							else {
+								setValue(newDate);
+								onChange === null || onChange === void 0 || onChange(newDate, event);
+								setInputValue(formatValue(newDate, null, false, false, format));
+								setVisible(false);
+							}
+						}
+					},
+					onMouseEnter: () => {
+						if (selectsRange && (range === null || range === void 0 ? void 0 : range.start)) setHoveredDate(constructedDate);
+					},
+					sentiment: isSelected || isInHoveredRange ? "primary" : "neutral",
+					variant: isSelected || isInHoveredRange ? "filled" : "ghost",
+					children: data.day
+				}, `${data.month}-${data.day}`);
+			})]
+		});
+	};
+});
 
 //#endregion
-export { Daily };
+init_CalendarDaily();
+export { Daily, init_CalendarDaily };

package/dist/components/DateInput/components/CalendarMonthly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarMonthly.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/CalendarMonthly.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,+CAgKnB,CAAA"}
+{"version":3,"file":"CalendarMonthly.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/CalendarMonthly.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,+CAmKnB,CAAA"}

package/dist/components/DateInput/components/CalendarMonthly.js

@@ -1,93 +1,102 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Button } from "../../Button/index.js";
-import { Row } from "../../Row/index.js";
-import { DateInputContext } from "../Context.js";
-import { formatValue, isSameMonth } from "../helpers.js";
-import { capitalizedText, dayMonth } from "./styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../../Button/index.js";
+import { Row, init_Row } from "../../Row/index.js";
+import { DateInputContext, init_Context } from "../Context.js";
+import { formatValue, init_helpers, isSameMonth } from "../helpers.js";
+import { dateInputStyle, init_styles_css } from "../styles.css.js";
 import { useContext, useState } from "react";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/DateInput/components/CalendarMonthly.tsx
-const Monthly = () => {
-	const { yearToShow, setValue, setMonthToShow, MONTHS, onChange, selectsRange, setRange, range, minDate, maxDate, excludeDates, value, setInputValue, format, setVisible, readOnly, disabled, setHoveredDate, hoveredDate } = useContext(DateInputContext);
-	const [rangeState, setRangeState] = useState((range === null || range === void 0 ? void 0 : range.start) && !range.end ? "end" : "start");
-	return /* @__PURE__ */ jsx(Row, {
-		gap: 1,
-		templateColumns: "1fr 1fr 1fr",
-		children: Object.entries(MONTHS).map((month, index) => {
-			const constructedDate = new Date(yearToShow, index, 1);
-			const isExcluded = excludeDates ? excludeDates.map((date) => isSameMonth(constructedDate, date)).includes(true) : false;
-			const isOutsideRange = !!(minDate && constructedDate < minDate) || !!(maxDate && constructedDate > maxDate);
-			const isAfterStartDate = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start;
-			const isInHoveredRange = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || (range === null || range === void 0 ? void 0 : range.start) && range.end && constructedDate < range.end && constructedDate > range.start;
-			const isSelected = value && isSameMonth(constructedDate, value) || (range === null || range === void 0 ? void 0 : range.start) && isSameMonth(constructedDate, range.start) || (range === null || range === void 0 ? void 0 : range.end) && isSameMonth(constructedDate, range.end);
-			const onClickRange = (event, newDate) => {
-				if (selectsRange) if (rangeState === "end" && isAfterStartDate) {
-					setRange === null || setRange === void 0 || setRange({
-						end: newDate,
-						start: range.start
-					});
-					onChange === null || onChange === void 0 || onChange([range.start, newDate], event);
-					setInputValue(formatValue(null, {
-						end: newDate,
-						start: range.start
-					}, true, true, format));
-					setVisible(false);
-					setRangeState("start");
-				} else if (rangeState === "end" && !isAfterStartDate && range) {
-					setRange === null || setRange === void 0 || setRange({
-						end: range.start,
-						start: newDate
-					});
-					onChange === null || onChange === void 0 || onChange([newDate, range.start], event);
-					setInputValue(formatValue(null, {
-						end: range.start,
-						start: newDate
-					}, true, true, format));
-					setVisible(false);
-					setRangeState("start");
-				} else {
-					setRange === null || setRange === void 0 || setRange({
-						end: null,
-						start: newDate
-					});
-					onChange === null || onChange === void 0 || onChange([newDate, null], event);
-					setInputValue(formatValue(null, {
-						end: null,
-						start: newDate
-					}, true, true, format));
-					setRangeState("end");
-				}
-			};
-			const monthState = () => {
-				if (isSelected) return "selected";
-				if (isInHoveredRange) return "in-range";
-				return "neutral";
-			};
-			return /* @__PURE__ */ jsx(Button, {
-				"aria-label": monthState(),
-				className: cn(dayMonth, capitalizedText),
-				disabled: disabled || isExcluded || isOutsideRange,
-				onClick: (event) => {
-					if (!(isExcluded || isOutsideRange || readOnly)) if (selectsRange) onClickRange(event, constructedDate);
-					else {
-						setMonthToShow(index + 1);
-						setValue(constructedDate);
-						onChange === null || onChange === void 0 || onChange(constructedDate, event);
-						setInputValue(formatValue(constructedDate, null, true, false, format));
+var Monthly;
+var init_CalendarMonthly = __esmMin(() => {
+	init_Button();
+	init_Row();
+	init_Context();
+	init_helpers();
+	init_styles_css();
+	Monthly = () => {
+		const { yearToShow, setValue, setMonthToShow, MONTHS, onChange, selectsRange, setRange, range, minDate, maxDate, excludeDates, value, setInputValue, format, setVisible, readOnly, disabled, setHoveredDate, hoveredDate } = useContext(DateInputContext);
+		const [rangeState, setRangeState] = useState((range === null || range === void 0 ? void 0 : range.start) && !range.end ? "end" : "start");
+		return /* @__PURE__ */ jsx(Row, {
+			gap: 1,
+			templateColumns: "1fr 1fr 1fr",
+			children: Object.entries(MONTHS).map((month, index) => {
+				const constructedDate = new Date(yearToShow, index, 1);
+				const isExcluded = excludeDates ? excludeDates.map((date) => isSameMonth(constructedDate, date)).includes(true) : false;
+				const isOutsideRange = !!(minDate && constructedDate < minDate) || !!(maxDate && constructedDate > maxDate);
+				const isAfterStartDate = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start;
+				const isInHoveredRange = selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && (range === null || range === void 0 ? void 0 : range.start) && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || (range === null || range === void 0 ? void 0 : range.start) && range.end && constructedDate < range.end && constructedDate > range.start;
+				const isSelected = value && isSameMonth(constructedDate, value) || (range === null || range === void 0 ? void 0 : range.start) && isSameMonth(constructedDate, range.start) || (range === null || range === void 0 ? void 0 : range.end) && isSameMonth(constructedDate, range.end);
+				const onClickRange = (event, newDate) => {
+					if (selectsRange) if (rangeState === "end" && isAfterStartDate) {
+						setRange === null || setRange === void 0 || setRange({
+							end: newDate,
+							start: range.start
+						});
+						onChange === null || onChange === void 0 || onChange([range.start, newDate], event);
+						setInputValue(formatValue(null, {
+							end: newDate,
+							start: range.start
+						}, true, true, format));
+						setVisible(false);
+						setRangeState("start");
+					} else if (rangeState === "end" && !isAfterStartDate && range) {
+						setRange === null || setRange === void 0 || setRange({
+							end: range.start,
+							start: newDate
+						});
+						onChange === null || onChange === void 0 || onChange([newDate, range.start], event);
+						setInputValue(formatValue(null, {
+							end: range.start,
+							start: newDate
+						}, true, true, format));
 						setVisible(false);
+						setRangeState("start");
+					} else {
+						setRange === null || setRange === void 0 || setRange({
+							end: null,
+							start: newDate
+						});
+						onChange === null || onChange === void 0 || onChange([newDate, null], event);
+						setInputValue(formatValue(null, {
+							end: null,
+							start: newDate
+						}, true, true, format));
+						setRangeState("end");
 					}
-				},
-				onMouseEnter: () => setHoveredDate(constructedDate),
-				sentiment: isSelected || isInHoveredRange ? "primary" : "neutral",
-				variant: isSelected || isInHoveredRange ? "filled" : "ghost",
-				children: month[1]
-			}, month[0]);
-		})
-	});
-};
+				};
+				const monthState = () => {
+					if (isSelected) return "selected";
+					if (isInHoveredRange) return "in-range";
+					return "neutral";
+				};
+				return /* @__PURE__ */ jsx(Button, {
+					"aria-label": monthState(),
+					className: cn(dateInputStyle.dayMonth, dateInputStyle.capitalizedText),
+					disabled: disabled || isExcluded || isOutsideRange,
+					onClick: (event) => {
+						if (!(isExcluded || isOutsideRange || readOnly)) if (selectsRange) onClickRange(event, constructedDate);
+						else {
+							setMonthToShow(index + 1);
+							setValue(constructedDate);
+							onChange === null || onChange === void 0 || onChange(constructedDate, event);
+							setInputValue(formatValue(constructedDate, null, true, false, format));
+							setVisible(false);
+						}
+					},
+					onMouseEnter: () => setHoveredDate(constructedDate),
+					sentiment: isSelected || isInHoveredRange ? "primary" : "neutral",
+					variant: isSelected || isInHoveredRange ? "filled" : "ghost",
+					children: month[1]
+				}, month[0]);
+			})
+		});
+	};
+});
 
 //#endregion
-export { Monthly };
+init_CalendarMonthly();
+export { Monthly, init_CalendarMonthly };

package/dist/components/DateInput/components/Popup.js

@@ -1,42 +1,49 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Popup } from "../../Popup/index.js";
-import { POPUP_WIDTH } from "../constants.js";
-import { dateinputPopup } from "./styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Popup, init_Popup as init_Popup$1 } from "../../Popup/index.js";
+import { dateInputStyle, init_styles_css } from "../styles.css.js";
+import { POPUP_WIDTH, init_constants } from "../constants.js";
 import { useLayoutEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/DateInput/components/Popup.tsx
-const handleClickOutside = (event, ref, setVisible, refInput) => {
-	var _refInput$current;
-	if (ref.current && !ref.current.contains(event.target) && !((_refInput$current = refInput.current) === null || _refInput$current === void 0 ? void 0 : _refInput$current.contains(event.target))) setVisible(false);
-};
-const CalendarPopup = ({ children, visible, setVisible, refInput, content }) => {
-	const ref = useRef(null);
-	useLayoutEffect(() => {
-		document.addEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
-		return () => document.removeEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
-	}, [
-		ref,
-		setVisible,
-		refInput
-	]);
-	return /* @__PURE__ */ jsx(Popup, {
-		align: "start",
-		className: dateinputPopup,
-		debounceDelay: 0,
-		disableAnimation: true,
-		hasArrow: false,
-		maxWidth: POPUP_WIDTH,
-		placement: "bottom",
-		ref,
-		role: "dialog",
-		tabIndex: 0,
-		text: content,
-		visible,
-		children
-	});
-};
+var handleClickOutside, CalendarPopup;
+var init_Popup = __esmMin(() => {
+	init_Popup$1();
+	init_constants();
+	init_styles_css();
+	handleClickOutside = (event, ref, setVisible, refInput) => {
+		var _refInput$current;
+		if (ref.current && !ref.current.contains(event.target) && !((_refInput$current = refInput.current) === null || _refInput$current === void 0 ? void 0 : _refInput$current.contains(event.target))) setVisible(false);
+	};
+	CalendarPopup = ({ children, visible, setVisible, refInput, content }) => {
+		const ref = useRef(null);
+		useLayoutEffect(() => {
+			document.addEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
+			return () => document.removeEventListener("mousedown", (event) => handleClickOutside(event, ref, setVisible, refInput));
+		}, [
+			ref,
+			setVisible,
+			refInput
+		]);
+		return /* @__PURE__ */ jsx(Popup, {
+			align: "start",
+			className: dateInputStyle.popup,
+			debounceDelay: 0,
+			disableAnimation: true,
+			hasArrow: false,
+			maxWidth: POPUP_WIDTH,
+			placement: "bottom",
+			ref,
+			role: "dialog",
+			tabIndex: 0,
+			text: content,
+			visible,
+			children
+		});
+	};
+});
 
 //#endregion
-export { CalendarPopup };
+init_Popup();
+export { CalendarPopup, init_Popup };

package/dist/components/DateInput/components/styles.css.d.ts

@@ -1,4 +1,3 @@
-export declare const dateinputPopup: string;
 export declare const capitalizedText: string;
 export declare const capitalizedTextDay: string;
 export declare const dayMonth: string;

package/dist/components/DateInput/components/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,QAMzB,CAAA;AAEF,eAAO,MAAM,eAAe,QAAyC,CAAA;AACrE,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAqBnB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/DateInput/components/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,QAAyC,CAAA;AACrE,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,QAAQ,QAqBnB,CAAA"}

package/dist/components/DateInput/components/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/DateInput/components/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/DateInput/constants.js

@@ -1,5 +1,11 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/DateInput/constants.ts
-const POPUP_WIDTH = "16.5rem";
+var POPUP_WIDTH;
+var init_constants = __esmMin(() => {
+	POPUP_WIDTH = "16.5rem";
+});
 
 //#endregion
-export { POPUP_WIDTH };
+init_constants();
+export { POPUP_WIDTH, init_constants };