@ultraviolet/ui 3.24.3 → 3.25.0

package/dist/components/Data Entry/CheckboxGroup/styles.css.js

@@ -0,0 +1,18 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Entry/CheckboxGroup/styles.css.ts
+var checkboxGroupStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		checkboxGroupStyle = {
+			fieldset: "uv_1t9stdl0",
+			checkboxGroup: "uv_1t9stdl1"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { checkboxGroupStyle, init_styles_css };

package/dist/components/Data Entry/CheckboxGroup/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/CheckboxGroup/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Entry/DateInput/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/DateInput/Context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,YAAY,GAAG;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAA;IACrB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAChD,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC7C,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;IAC/C,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAErB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAE9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC5B,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAA;IAC/C,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC3D,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;QAClB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;KACjB,CAAA;IACD,QAAQ,CAAC,EAAE,QAAQ,CACjB,cAAc,CAAC;QACb,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;QAClB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;KACjB,CAAC,CACH,CAAA;IACD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,CAAA;IAC7C,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACzB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAA;CACtD,GAAG,CACA;IACE,YAAY,EAAE,IAAI,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,SAAS,KAAK,IAAI,CAAA;CAC/F,GACD;IACE,YAAY,EAAE,KAAK,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,SAAS,KAAK,IAAI,CAAA;CAChF,CACJ,CAAA;AACD,eAAO,MAAM,gBAAgB,uCAiB3B,CAAA"}

package/dist/components/Data Entry/DateInput/Context.js

@@ -0,0 +1,32 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { createContext } from "react";
+
+//#region src/components/Data Entry/DateInput/Context.tsx
+var DateInputContext;
+function init_Context() {
+	return (init_Context = __esmMin(() => {
+		DateInputContext = createContext({
+			DAYS: {},
+			disabled: false,
+			excludeDates: [],
+			MONTHS: {},
+			MONTHS_ARR: [],
+			monthToShow: 1,
+			readOnly: false,
+			selectsRange: false,
+			setHoveredDate: () => {},
+			setInputValue: () => {},
+			setMonthToShow: () => {},
+			setValue: () => {},
+			setVisible: () => {},
+			setYearToShow: () => {},
+			showMonthYearPicker: false,
+			yearToShow: 2e3
+		});
+	}))();
+}
+
+//#endregion
+init_Context();
+export { DateInputContext, init_Context };

package/dist/components/Data Entry/DateInput/components/CalendarContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Entry/DateInput/components/CalendarContent.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,eAAe,mCAuE3B,CAAA"}

package/dist/components/Data Entry/DateInput/components/CalendarContent.js

@@ -0,0 +1,94 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../Layout/Stack/index.js";
+import { Text, init_Text } from "../../../Typography/Text/index.js";
+import { Button, init_Button } from "../../../Action/Button/index.js";
+import { dateInputStyle, init_styles_css } from "../styles.css.js";
+import { DateInputContext, init_Context } from "../Context.js";
+import { getNextMonth, getPreviousMonth, init_helpers } from "../helpers.js";
+import { Daily, init_CalendarDaily } from "./CalendarDaily.js";
+import { Monthly, init_CalendarMonthly } from "./CalendarMonthly.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
+import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
+
+//#region src/components/Data Entry/DateInput/components/CalendarContent.tsx
+var CalendarContent;
+function init_CalendarContent() {
+	return (init_CalendarContent = __esmMin(() => {
+		init_Button();
+		init_Stack();
+		init_Text();
+		init_Context();
+		init_helpers();
+		init_CalendarDaily();
+		init_CalendarMonthly();
+		init_styles_css();
+		CalendarContent = () => {
+			const { showMonthYearPicker, disabled, monthToShow, yearToShow, setMonthToShow, setYearToShow, maxDate, minDate, MONTHS_ARR, readOnly } = useContext(DateInputContext);
+			return /* @__PURE__ */ jsxs(Stack, {
+				gap: 2,
+				children: [/* @__PURE__ */ jsxs(Stack, {
+					direction: "row",
+					justifyContent: "space-between",
+					width: "100%",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							"data-testid": "previous-month",
+							disabled: !!(minDate && minDate > new Date(yearToShow, monthToShow - 1, 0)) || disabled,
+							onClick: () => {
+								if ((!minDate || minDate <= new Date(yearToShow, monthToShow - 1, 0)) && !readOnly) {
+									if (showMonthYearPicker) setYearToShow(yearToShow - 1);
+									else {
+										const [prevMonth, year] = getPreviousMonth(monthToShow, yearToShow);
+										setMonthToShow(prevMonth);
+										setYearToShow(year);
+									}
+								}
+							},
+							sentiment: "neutral",
+							size: "xsmall",
+							variant: "ghost",
+							children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+						}),
+						/* @__PURE__ */ jsxs(Text, {
+							as: "span",
+							className: dateInputStyle.capitalizedText,
+							disabled,
+							sentiment: "neutral",
+							variant: "bodyStrong",
+							children: [
+								showMonthYearPicker ? null : MONTHS_ARR[monthToShow - 1],
+								"\xA0",
+								yearToShow
+							]
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							"data-testid": "next-month",
+							disabled: !!(maxDate && maxDate < new Date(yearToShow, monthToShow, 1)) || disabled,
+							onClick: () => {
+								if ((!maxDate || maxDate >= new Date(yearToShow, monthToShow, 1)) && !readOnly) {
+									if (showMonthYearPicker) setYearToShow(yearToShow + 1);
+									else {
+										const [monthNext, year] = getNextMonth(monthToShow, yearToShow);
+										setMonthToShow(monthNext);
+										setYearToShow(year);
+									}
+								}
+							},
+							sentiment: "neutral",
+							size: "xsmall",
+							variant: "ghost",
+							children: /* @__PURE__ */ jsx(ArrowRightIcon, {})
+						})
+					]
+				}), showMonthYearPicker ? /* @__PURE__ */ jsx(Monthly, {}) : /* @__PURE__ */ jsx(Daily, {})]
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_CalendarContent();
+export { CalendarContent, init_CalendarContent };

package/dist/components/Data Entry/DateInput/components/CalendarDaily.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDaily.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Entry/DateInput/components/CalendarDaily.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,KAAK,mCA8MjB,CAAA"}

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

@@ -0,0 +1,164 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../Typography/Text/index.js";
+import { Button, init_Button } from "../../../Action/Button/index.js";
+import { Row, init_Row } from "../../../Layout/Row/index.js";
+import { dateInputStyle, init_styles_css } from "../styles.css.js";
+import { DateInputContext, init_Context } from "../Context.js";
+import { formatValue, getIsInHoveredRange, getMonthFirstDay, getNextMonth, getPreviousMonth, init_helpers, isSameDay } from "../helpers.js";
+import { init_constants } from "../constants.js";
+import { useContext, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/DateInput/components/CalendarDaily.tsx
+var Daily;
+function init_CalendarDaily() {
+	return (init_CalendarDaily = __esmMin(() => {
+		init_Button();
+		init_Row();
+		init_Text();
+		init_constants();
+		init_Context();
+		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 = getIsInHoveredRange(selectsRange, constructedDate, hoveredDate, range);
+					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";
+					};
+					const isHightlighted = isSelected || isInHoveredRange;
+					return /* @__PURE__ */ jsx(Button, {
+						accessibleLabel: 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: isHightlighted ? "primary" : "neutral",
+						variant: isHightlighted ? "filled" : "ghost",
+						children: data.day
+					}, `${data.month}-${data.day}`);
+				})]
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_CalendarDaily();
+export { Daily, init_CalendarDaily };

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthly.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Entry/DateInput/components/CalendarMonthly.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,OAAO,mCAgHnB,CAAA"}

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

@@ -0,0 +1,109 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../../../Action/Button/index.js";
+import { Row, init_Row } from "../../../Layout/Row/index.js";
+import { dateInputStyle, init_styles_css } from "../styles.css.js";
+import { DateInputContext, init_Context } from "../Context.js";
+import { formatValue, getIsInHoveredRange, init_helpers, isSameMonth } from "../helpers.js";
+import { useContext, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/DateInput/components/CalendarMonthly.tsx
+var Monthly;
+function init_CalendarMonthly() {
+	return (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 = getIsInHoveredRange(selectsRange, constructedDate, hoveredDate, range);
+					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";
+					};
+					const isHightlighted = isSelected || isInHoveredRange;
+					return /* @__PURE__ */ jsx(Button, {
+						accessibleLabel: 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: isHightlighted ? "primary" : "neutral",
+						variant: isHightlighted ? "filled" : "ghost",
+						children: month[1]
+					}, month[0]);
+				})
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_CalendarMonthly();
+export { Monthly, init_CalendarMonthly };

package/dist/components/Data Entry/DateInput/components/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Entry/DateInput/components/Popup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK3E,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAC5C,OAAO,EAAE,SAAS,CAAA;CACnB,CAAA;AAaD,eAAO,MAAM,aAAa,yDAA0D,UAAU,gCA4B7F,CAAA"}

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

@@ -0,0 +1,51 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Popup, init_Popup as init_Popup$1 } from "../../../Overlay/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/Data Entry/DateInput/components/Popup.tsx
+var handleClickOutside, CalendarPopup;
+function init_Popup() {
+	return (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
+init_Popup();
+export { CalendarPopup, init_Popup };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data Entry/DateInput/components/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,QAAyC,CAAA;AACrE,eAAO,MAAM,kBAAkB,QAAwD,CAAA;AAEvF,eAAO,MAAM,QAAQ,QAqBnB,CAAA"}

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

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

package/dist/components/Data Entry/DateInput/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/DateInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,YAAY,CAAA;AAGpC,eAAO,MAAM,cAAc,IAAI,CAAA"}

package/dist/components/Data Entry/DateInput/constants.js

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

package/dist/components/Data Entry/DateInput/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/DateInput/helpers.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,UAAW,MAAM,QAAQ,MAAM,WAK3D,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,MAAM,WAAgC,CAAA;AAErE,eAAO,MAAM,gBAAgB,UAAW,MAAM,QAAQ,MAAM,aAM3D,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,QAAQ,MAAM,aAMvD,CAAA;AAGD,eAAO,MAAM,WAAW,SAAU,IAAI,YAAY,IAAI,YACoC,CAAA;AAG1F,eAAO,MAAM,SAAS,SAAU,IAAI,YAAY,IAAI,YAGL,CAAA;AAe/C,eAAO,MAAM,WAAW,kBACP,IAAI,GAAG,IAAI,iBACX;IACb,KAAK,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;CACjB,GAAG,IAAI,uBACa,OAAO,gBACd,OAAO,WACZ,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,uBAoB9C,CAAA;AAkBD,eAAO,MAAM,UAAU,UAAW,MAAM,uBAAuB,OAAO,YAAY,IAAI,YAAY,IAAI,gBAiBrG,CAAA;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,uBAAuB,OAAO,+BAS1E,CAAA;AAED,eAAO,MAAM,mBAAmB,iBAChB,OAAO,mBACJ,IAAI,gBACP,IAAI,GAAG,IAAI,UACjB;IACN,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAA;CACjB,+BAc0F,CAAA"}

package/dist/components/Data Entry/DateInput/helpers.js

@@ -0,0 +1,77 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/DateInput/helpers.ts
+var SPLIT_REGEX, DATE_SEPARATOR_REGEX, getMonthFirstDay, addZero, getPreviousMonth, getNextMonth, isSameMonth, isSameDay, getDateISO, formatValue, returnValidDate, createDate, createDateRange, getIsInHoveredRange;
+function init_helpers() {
+	return (init_helpers = __esmMin(() => {
+		SPLIT_REGEX = /\D+/u;
+		DATE_SEPARATOR_REGEX = /[^a-zA-Z0-9]+/u;
+		getMonthFirstDay = (month, year) => {
+			const firstDay = new Date(year, month - 1, 1).getDay();
+			return firstDay === 0 ? 6 : firstDay - 1;
+		};
+		addZero = (value) => `${value}`.padStart(2, "0");
+		getPreviousMonth = (month, year) => {
+			if (month === 1) return [12, year - 1];
+			return [month - 1, year];
+		};
+		getNextMonth = (month, year) => {
+			if (month === 12) return [1, year + 1];
+			return [month + 1, year];
+		};
+		isSameMonth = (date, basedate) => basedate.getMonth() === date.getMonth() && basedate.getFullYear() === date.getFullYear();
+		isSameDay = (date, basedate) => basedate.getDate() === date.getDate() && basedate.getMonth() + 1 === date.getMonth() + 1 && basedate.getFullYear() === date.getFullYear();
+		getDateISO = (showMonthYearPicker, date) => {
+			if (date) {
+				if (showMonthYearPicker) return [addZero(date.getMonth() + 1), date.getFullYear()].join("/");
+				return [
+					addZero(date.getDate()),
+					addZero(date.getMonth() + 1),
+					date.getFullYear()
+				].join("/");
+			}
+			return "";
+		};
+		formatValue = (computedValue, computedRange, showMonthYearPicker, selectsRange, format) => {
+			if (selectsRange && computedRange) {
+				var _computedRange$start;
+				var _computedRange$start2;
+				var _format;
+				var _computedRange$end;
+				var _computedRange$start3;
+				var _computedRange$end2;
+				return format ? `${format((_computedRange$start = computedRange.start) !== null && _computedRange$start !== void 0 ? _computedRange$start : void 0) ? `${format((_computedRange$start2 = computedRange.start) !== null && _computedRange$start2 !== void 0 ? _computedRange$start2 : void 0)} - ` : ""}${(_format = format((_computedRange$end = computedRange.end) !== null && _computedRange$end !== void 0 ? _computedRange$end : void 0)) !== null && _format !== void 0 ? _format : ""}` : `${getDateISO(showMonthYearPicker, (_computedRange$start3 = computedRange.start) !== null && _computedRange$start3 !== void 0 ? _computedRange$start3 : void 0)}${computedRange.start ? " - " : ""}${getDateISO(showMonthYearPicker, (_computedRange$end2 = computedRange.end) !== null && _computedRange$end2 !== void 0 ? _computedRange$end2 : void 0)}`;
+			}
+			if (computedValue && format) return format(computedValue);
+			if (computedValue) return getDateISO(showMonthYearPicker, computedValue);
+		};
+		returnValidDate = (computedDate, minDate, maxDate) => {
+			const isValidDate = !!computedDate.getTime();
+			const isTooSoon = isValidDate && minDate && computedDate < minDate;
+			if (isValidDate && maxDate && computedDate > maxDate) return maxDate;
+			if (isTooSoon) return minDate;
+			return isValidDate ? computedDate : null;
+		};
+		createDate = (value, showMonthYearPicker, minDate, maxDate) => {
+			if (showMonthYearPicker) {
+				const res = value.split(SPLIT_REGEX).map((val) => Number.parseInt(val, 10));
+				const year = Math.max(...res) < 100 ? Math.max(...res) + 2e3 : Math.max(...res);
+				const month = Math.min(...res) - 1;
+				const computedDate = new Date(year, month);
+				return returnValidDate(computedDate, minDate, maxDate);
+			}
+			const [day, month, year] = value.split(DATE_SEPARATOR_REGEX);
+			const computedDate = /* @__PURE__ */ new Date(`${month} ${day} ${year}`);
+			return returnValidDate(computedDate, minDate, maxDate);
+		};
+		createDateRange = (value, showMonthYearPicker) => {
+			const [startDateInput, endDateInput] = value.split(" - ").map((val) => createDate(val, showMonthYearPicker));
+			return [startDateInput instanceof Date && !Number.isNaN(startDateInput.getTime()) ? startDateInput : null, endDateInput instanceof Date && !Number.isNaN(endDateInput.getTime()) ? endDateInput : null];
+		};
+		getIsInHoveredRange = (selectsRange, constructedDate, hoveredDate, range) => 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;
+	}))();
+}
+
+//#endregion
+init_helpers();
+export { addZero, createDate, createDateRange, formatValue, getIsInHoveredRange, getMonthFirstDay, getNextMonth, getPreviousMonth, init_helpers, isSameDay, isSameMonth };

package/dist/components/Data Entry/DateInput/helpersLocale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpersLocale.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/DateInput/helpersLocale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAatC,eAAO,MAAM,kBAAkB,WAAY,MAAM,GAAG,MAAM,aAWzD,CAAA;AAaD,eAAO,MAAM,OAAO,WAAY,MAAM,GAAG,MAAM,2BAwB9C,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,MAAM,GAAG,MAAM,2BAahD,CAAA"}