@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/CopyButton/index.js

@@ -1,49 +1,35 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { Button } from "../Button/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
 import useClipboard from "react-use-clipboard";
-import { Button } from "../Button/index.js";
+import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
+
+//#region src/components/CopyButton/index.tsx
 const COPY_DURATION = 2500;
-const CopyButton = ({
-  size = "small",
-  value,
-  copyText = "Copy",
-  copiedText = "Copied!",
-  sentiment = "primary",
-  bordered,
-  className,
-  children,
-  "data-testid": dataTestId,
-  onCopy,
-  style
-}) => {
-  const [isCopied, setCopied] = useClipboard(value, {
-    successDuration: COPY_DURATION
-  });
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      "aria-label": "Copy",
-      className,
-      "data-testid": dataTestId,
-      onClick: () => {
-        setCopied();
-        onCopy?.();
-      },
-      sentiment,
-      size,
-      style,
-      tooltip: isCopied ? copiedText : copyText,
-      type: "button",
-      variant: bordered ? "outlined" : "ghost",
-      children: [
-        isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}),
-        children
-      ]
-    }
-  );
-};
-export {
-  CopyButton
+/**
+* CopyButton is a button that copies a given value to the clipboard.
+*/
+const CopyButton = ({ size = "small", value, copyText = "Copy", copiedText = "Copied!", sentiment = "primary", bordered, className, children, "data-testid": dataTestId, onCopy, style }) => {
+	const [isCopied, setCopied] = useClipboard(value, { successDuration: COPY_DURATION });
+	return /* @__PURE__ */ jsxs(Button, {
+		"aria-label": "Copy",
+		className,
+		"data-testid": dataTestId,
+		onClick: () => {
+			setCopied();
+			onCopy === null || onCopy === void 0 || onCopy();
+		},
+		sentiment,
+		size,
+		style,
+		tooltip: isCopied ? copiedText : copyText,
+		type: "button",
+		variant: bordered ? "outlined" : "ghost",
+		children: [isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}), children]
+	});
 };
+
+//#endregion
+export { CopyButton };

package/dist/components/DateInput/Context.js

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

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

@@ -1,97 +1,76 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
-import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
-import { useContext } from "react";
-import { Button } from "../../Button/index.js";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../../Stack/index.js";
 import { Text } from "../../Text/index.js";
+import { Button } from "../../Button/index.js";
 import { DateInputContext } from "../Context.js";
-import { getPreviousMonth, getNextMonth } from "../helpers.js";
+import { getNextMonth, getPreviousMonth } from "../helpers.js";
+import { capitalizedText } from "./styles.css.js";
 import { Daily } from "./CalendarDaily.js";
 import { Monthly } from "./CalendarMonthly.js";
-import { capitalizedText } from "./styles.css.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeftIcon } from "@ultraviolet/icons/ArrowLeftIcon";
+import { ArrowRightIcon } from "@ultraviolet/icons/ArrowRightIcon";
+
+//#region src/components/DateInput/components/CalendarContent.tsx
 const 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: capitalizedText,
-          disabled,
-          sentiment: "neutral",
-          variant: "bodyStrong",
-          children: [
-            showMonthYearPicker ? null : MONTHS_ARR[monthToShow - 1],
-            " ",
-            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, {})
-  ] });
-};
-export {
-  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: 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
+export { CalendarContent };

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

@@ -1,212 +1,147 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useContext, useState } from "react";
+'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 { Text } from "../../Text/index.js";
 import { DateInputContext } from "../Context.js";
-import { CALENDAR_WEEKS } from "../constants.js";
-import { getMonthFirstDay, getPreviousMonth, getNextMonth, isSameDay, formatValue } from "../helpers.js";
+import { formatValue, getMonthFirstDay, getNextMonth, getPreviousMonth, isSameDay } from "../helpers.js";
 import { capitalizedTextDay, dayMonth } from "./styles.css.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?.start && !range?.end ? "end" : "start"
-  );
-  const monthDays = new Date(yearToShow, monthToShow, 0).getDate();
-  const daysFromPreviousMonth = getMonthFirstDay(monthToShow, yearToShow);
-  const daysFromNextMonth = CALENDAR_WEEKS * 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?.end && isSameDay(constructedDate, range.end) || range?.start && isSameDay(constructedDate, range.start);
-      const isAfterStartDate = selectsRange && range?.start && constructedDate > range.start;
-      const isInHoveredRange = selectsRange && range?.start && constructedDate > range.start && hoveredDate && constructedDate < hoveredDate && !range.end || selectsRange && range?.start && constructedDate < range.start && hoveredDate && constructedDate > hoveredDate && !range.end || 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?.({ end: newDate, start: range.start });
-            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?.start) {
-            setRange?.({ end: range.start, start: newDate });
-            onChange?.([newDate, range.start], event);
-            setInputValue(
-              formatValue(
-                null,
-                { end: range.start, start: newDate },
-                false,
-                true,
-                format
-              )
-            );
-            setRangeState("start");
-            setVisible(false);
-          } else {
-            setRange?.({ end: null, start: newDate });
-            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";
-        }
-        return void 0;
-      };
-      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?.(newDate, event);
-                setInputValue(
-                  formatValue(newDate, null, false, false, format)
-                );
-                setVisible(false);
-              }
-            }
-          },
-          onMouseEnter: () => {
-            if (selectsRange && range?.start) {
-              setHoveredDate(constructedDate);
-            }
-          },
-          sentiment: isSelected || isInHoveredRange ? "primary" : "neutral",
-          variant: isSelected || isInHoveredRange ? "filled" : "ghost",
-          children: data.day
-        },
-        `${data.month}-${data.day}`
-      );
-    })
-  ] });
-};
-export {
-  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);
+						}
+					}
+				},
+				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 };