@powerhousedao/document-engineering 1.0.0

package/dist/src/ui/components/data-entry/date-picker/date-picker.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, FormDescription, FormGroup, FormLabel, FormMessageList, } from "#scalars";
+import { forwardRef } from "react";
+import { BasePickerField } from "../date-time-picker/base-picker.js";
+import { Calendar } from "./subcomponents/calendar/calendar.js";
+import { useDatePickerField } from "./use-date-picker.js";
+const DatePicker = forwardRef(({ label, id, errors, name, disabled, required, value, defaultValue, placeholder, description, warnings, onChange, onBlur, inputProps, disablePastDates, disableFutureDates, dateFormat, weekStart, autoClose = false, minDate, maxDate, ...props }, ref) => {
+    const { date, inputValue, handleDateSelect, handleInputChange, isOpen, setIsOpen, handleBlur, disabledDates, weekStartDay, handleDayClick, } = useDatePickerField({
+        value,
+        defaultValue,
+        onChange,
+        onBlur,
+        disablePastDates,
+        disableFutureDates,
+        dateFormat,
+        weekStart,
+        autoClose,
+        minDate,
+        maxDate,
+    });
+    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })), _jsx(BasePickerField, { ref: ref, label: label, id: id, value: inputValue, name: name, errors: errors, disabled: disabled, required: required, iconName: "CalendarTime", placeholder: placeholder, isOpen: isOpen, setIsOpen: setIsOpen, onInputChange: handleInputChange, inputProps: inputProps, handleBlur: handleBlur, "data-cast": `DateString:${dateFormat}`, className: cn(
+                // custom styles
+                "px-4 pb-6 pt-3"), children: _jsx(Calendar, { mode: "single", selected: date, weekStartsOn: weekStartDay, onSelect: handleDateSelect, disabled: disabledDates, onDayClick: handleDayClick, className: cn("w-full", "p-0", 
+                    // dark
+                    "dark:text-gray-500", 
+                    // custom styles
+                    "font-inter", "text-[14px]", "font-semibold", "leading-[22px]"), weekdaysClassName: cn("h-[34px]", "gap-x-[3px]", "dark:text-gray-600"), monthGridClassName: cn("w-full", "px-[5.5px]"), dayClassName: cn("w-[34px] cursor-pointer text-[12px] text-gray-900 hover:rounded-[4px] hover:bg-gray-200", 
+                    // dark
+                    "dark:text-gray-50 hover:dark:bg-gray-900", "disabled:text-gray-300"), buttonPreviousClassName: cn("border border-gray-200", 
+                    // hover
+                    "hover:border-gray-300  hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900", 
+                    // dark
+                    "dark:border-gray-900 dark:text-gray-300"), buttonNextClassName: cn("border border-gray-200", 
+                    // hover
+                    "hover:border-gray-300  hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900", 
+                    // dark
+                    "dark:border-gray-900 dark:text-gray-300"), todayClassName: cn("rounded-[4px]", "bg-gray-100", 
+                    // dark
+                    "dark:bg-gray-900 dark:text-gray-50", 
+                    // When selected, apply these styles with !important to ensure priority
+                    "aria-selected:!bg-gray-900 aria-selected:!text-white"), selectedClassName: cn("rounded-[4px]", "bg-gray-900 text-white", "hover:bg-gray-900", 
+                    // dark
+                    "dark:bg-gray-50 dark:text-gray-900", "dark:hover:bg-gray-50 dark:hover:text-gray-900"), dayButtonClassName: cn("text-[12px] font-medium"), weekClassName: cn("w-full"), disabledClassName: cn("!cursor-not-allowed !text-gray-300 hover:!bg-transparent [&>button]:hover:!bg-transparent"), ...props }) }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
+});
+DatePicker.displayName = "DatePicker";
+export { DatePicker };
+//# sourceMappingURL=date-picker.js.map

package/dist/src/ui/components/data-entry/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/date-picker.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { DatePicker, type DatePickerProps } from "./date-picker.js";
+export { type DateFieldValue } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/index.js

@@ -0,0 +1,2 @@
+export { DatePicker } from "./date-picker.js";
+//# sourceMappingURL=index.js.map

package/dist/src/ui/components/data-entry/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,kBAAkB,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.d.ts

@@ -0,0 +1,49 @@
+import { type DayPickerProps } from "react-day-picker";
+export type CalendarProps = DayPickerProps & {
+    /**
+     * In the year view, the number of years to display at once.
+     * @default 12
+     */
+    yearRange?: number;
+    /**
+     * Wether to show the year switcher in the caption.
+     * @default true
+     */
+    showYearSwitcher?: boolean;
+    monthsClassName?: string;
+    monthCaptionClassName?: string;
+    weekdaysClassName?: string;
+    weekdayClassName?: string;
+    monthClassName?: string;
+    captionClassName?: string;
+    captionLabelClassName?: string;
+    buttonNextClassName?: string;
+    buttonPreviousClassName?: string;
+    navClassName?: string;
+    monthGridClassName?: string;
+    weekClassName?: string;
+    dayClassName?: string;
+    dayButtonClassName?: string;
+    rangeStartClassName?: string;
+    rangeEndClassName?: string;
+    selectedClassName?: string;
+    todayClassName?: string;
+    outsideClassName?: string;
+    disabledClassName?: string;
+    rangeMiddleClassName?: string;
+    hiddenClassName?: string;
+    dayPickerClassName?: string;
+    disabledDates?: boolean;
+};
+/**
+ * A custom calendar component built on top of react-day-picker.
+ * @param props The props for the calendar.
+ * @default yearRange 12
+ * @returns
+ */
+declare const Calendar: {
+    ({ className, showOutsideDays, showYearSwitcher, yearRange, numberOfMonths, disabledDates, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAUhF,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,QAAQ;2GAQX,aAAa;;CA8Nf,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { cn } from "#scalars";
+import { format } from "date-fns";
+import * as React from "react";
+import { DayPicker, useDayPicker } from "react-day-picker";
+import { buttonVariants } from "../../../../../../scalars/components/fragments/button/index.js";
+import CalendarDateHeader from "../calendar-date-header/calendar-date-header.js";
+import NavCalendar from "../calendar-nav/calendar-nav.js";
+import CaptionLabel from "../caption-label/caption-label.js";
+import { MonthGrid } from "../months-view/month-view.js";
+import { MONTHS } from "../utils.js";
+import { YearGrid } from "../year-view/year-grid.js";
+/**
+ * A custom calendar component built on top of react-day-picker.
+ * @param props The props for the calendar.
+ * @default yearRange 12
+ * @returns
+ */
+const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true, yearRange = 12, numberOfMonths, disabledDates = false, ...props }) => {
+    const [navView, setNavView] = React.useState("days");
+    const [displayYears, setDisplayYears] = React.useState(React.useMemo(() => {
+        const currentYear = new Date().getFullYear();
+        return {
+            from: currentYear - Math.floor(yearRange / 2 - 1),
+            to: currentYear + Math.ceil(yearRange / 2),
+        };
+    }, [yearRange]));
+    const { onNextClick, onPrevClick, startMonth, endMonth } = props;
+    const columnsDisplayed = navView === "years" ? 1 : numberOfMonths;
+    const _monthsClassName = cn("relative flex", props.monthsClassName);
+    const _monthCaptionClassName = cn("relative mx-10 flex h-7 items-center justify-center", props.monthCaptionClassName);
+    const _weekdaysClassName = cn("flex flex-row", props.weekdaysClassName);
+    const _weekdayClassName = cn("text-muted-foreground w-8 text-sm font-normal", props.weekdayClassName);
+    const _monthClassName = cn("w-full", props.monthClassName);
+    const _captionClassName = cn("relative flex items-center justify-center pt-1", "w-full", props.captionClassName);
+    const _captionLabelClassName = cn("truncate text-sm font-medium", props.captionLabelClassName);
+    const buttonNavClassName = buttonVariants({
+        variant: "outline",
+        className: "absolute h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+    });
+    const _buttonNextClassName = cn(buttonNavClassName, "right-0", props.buttonNextClassName);
+    const _buttonPreviousClassName = cn(buttonNavClassName, "left-0", props.buttonPreviousClassName);
+    const _navClassName = cn("flex items-start", props.navClassName);
+    const _monthGridClassName = cn("mt-[15px]", "w-auto", props.monthGridClassName);
+    const _weekClassName = cn("mt-[5px] flex w-max items-start", props.weekClassName);
+    const _dayClassName = cn("flex h-[34px] w-8 flex-1 items-center justify-center p-0 text-sm", props.dayClassName);
+    const _dayButtonClassName = cn(buttonVariants({ variant: "ghost" }), "size-8 rounded-md p-0 font-normal transition-none aria-selected:opacity-100", props.dayButtonClassName);
+    const buttonRangeClassName = "bg-accent [&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground";
+    const _rangeStartClassName = cn(buttonRangeClassName, "day-range-start rounded-s-md", props.rangeStartClassName);
+    const _rangeEndClassName = cn(buttonRangeClassName, "day-range-end rounded-e-md", props.rangeEndClassName);
+    const _rangeMiddleClassName = cn("bg-accent !text-foreground [&>button]:!text-foreground [&>button]:hover:!text-foreground [&>button]:bg-transparent [&>button]:hover:bg-transparent", props.rangeMiddleClassName);
+    const _selectedClassName = cn("[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground", "rounded-[4px] bg-green-500", props.selectedClassName);
+    const _todayClassName = cn("[&>button]:bg-accent [&>button]:text-accent-foreground", props.todayClassName);
+    const _outsideClassName = cn("day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground opacity-50 aria-selected:opacity-30", props.outsideClassName);
+    const _disabledClassName = cn("text-gray-300 cursor-not-allowed", props.disabledClassName);
+    const _hiddenClassName = cn("invisible flex-1", props.hiddenClassName);
+    return (_jsx(DayPicker, { mode: "single", showOutsideDays: showOutsideDays, numberOfMonths: columnsDisplayed, disabled: disabledDates, className: cn("w-auto p-3 dark:border-gray-900 dark:bg-slate-600", className), classNames: {
+            months: _monthsClassName,
+            month_caption: _monthCaptionClassName,
+            weekdays: _weekdaysClassName,
+            weekday: _weekdayClassName,
+            month: _monthClassName,
+            caption: _captionClassName,
+            caption_label: _captionLabelClassName,
+            button_next: _buttonNextClassName,
+            button_previous: _buttonPreviousClassName,
+            nav: _navClassName,
+            month_grid: _monthGridClassName,
+            week: _weekClassName,
+            day: _dayClassName,
+            day_button: _dayButtonClassName,
+            range_start: _rangeStartClassName,
+            range_middle: _rangeMiddleClassName,
+            range_end: _rangeEndClassName,
+            selected: _selectedClassName,
+            today: _todayClassName,
+            outside: _outsideClassName,
+            disabled: _disabledClassName,
+            hidden: _hiddenClassName,
+        }, components: {
+            Chevron: () => {
+                return _jsx(Icon, { className: "size-4", name: "ArrowLeft" });
+            },
+            Nav: ({ className }) => {
+                return (_jsx(NavCalendar, { navView: navView, displayYears: displayYears, onPrevClick: onPrevClick, onNextClick: onNextClick, setDisplayYears: setDisplayYears, className: className, buttonPreviousClassName: props.buttonPreviousClassName, buttonNextClassName: props.buttonNextClassName, startMonth: startMonth, endMonth: endMonth, ...props }));
+            },
+            CaptionLabel: ({ children, ...props }) => (_jsx(CaptionLabel, { navView: navView, setNavView: setNavView, showYearSwitcher: showYearSwitcher, ...props, children: children })),
+            MonthGrid: ({ className, children, ...props }) => {
+                const { goToMonth, months } = useDayPicker();
+                const actualYear = format(months[0].date, "yyyy");
+                const actualMonth = format(months[0].date, "MMMM");
+                if (navView === "years") {
+                    return (_jsxs("div", { className: "mt-[18px] flex flex-col gap-2", children: [_jsx(YearGrid, { displayYears: displayYears, startMonth: startMonth, endMonth: endMonth, actualMonth: actualMonth, months: months, currentYear: new Date().getFullYear(), onYearSelect: (year) => {
+                                    goToMonth(new Date(year, MONTHS.indexOf(actualMonth)));
+                                    setNavView("months");
+                                } }), _jsx(CalendarDateHeader, { navView: navView, setNavView: setNavView })] }));
+                }
+                if (navView === "months") {
+                    return (_jsxs("div", { className: "mt-[15px] flex flex-col gap-3", children: [_jsx(MonthGrid, { actualMonth: actualMonth, actualYear: actualYear, onMonthSelect: (year, monthIndex) => {
+                                    goToMonth(new Date(year, monthIndex));
+                                    setNavView("days");
+                                } }), _jsx(CalendarDateHeader, { navView: navView, setNavView: setNavView })] }));
+                }
+                return (_jsx("table", { className: className, ...props, children: children }));
+            },
+        }, ...props }));
+};
+Calendar.displayName = "Calendar";
+export { Calendar };
+//# sourceMappingURL=calendar.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-date-header/calendar-date-header.d.ts

@@ -0,0 +1,8 @@
+import { type DatePickerView } from "../../types.js";
+type CalendarDateHeaderProps = {
+    navView: DatePickerView;
+    setNavView: (navView: DatePickerView) => void;
+};
+declare const CalendarDateHeader: ({ navView, setNavView, }: CalendarDateHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarDateHeader;
+//# sourceMappingURL=calendar-date-header.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-date-header/calendar-date-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-date-header.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar-date-header/calendar-date-header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAI,0BAGzB,uBAAuB,4CA2BzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-date-header/calendar-date-header.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#scalars";
+import { Button } from "../../../../../../scalars/components/fragments/button/index.js";
+const CalendarDateHeader = ({ navView, setNavView, }) => {
+    return (_jsxs("div", { className: "flex flex-row justify-between", children: [_jsx(Button, { variant: "ghost", onClick: () => setNavView("years"), className: cn("w-[114px] py-2 text-gray-500", "rounded-[6px] border border-gray-200 bg-white", navView === "years" && "bg-gray-100"), children: "Year" }), _jsx(Button, { variant: "ghost", onClick: () => setNavView("months"), className: cn("w-[114px] py-2 text-gray-500", "rounded-[6px] border border-gray-200 bg-white", navView === "months" && "bg-gray-100"), children: "Month" })] }));
+};
+export default CalendarDateHeader;
+//# sourceMappingURL=calendar-date-header.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-date-header/calendar-date-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-date-header.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar-date-header/calendar-date-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAOxF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,OAAO,EACP,UAAU,GACc,EAAE,EAAE;IAC5B,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAClC,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,+CAA+C,EAC/C,OAAO,KAAK,OAAO,IAAI,aAAa,CACrC,qBAGM,EACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EACnC,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,+CAA+C,EAC/C,OAAO,KAAK,QAAQ,IAAI,aAAa,CACtC,sBAGM,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.d.ts

@@ -0,0 +1,22 @@
+import { type DatePickerView } from "../../types.js";
+interface NavProps {
+    className?: string;
+    navView: DatePickerView;
+    displayYears: {
+        from: number;
+        to: number;
+    };
+    setDisplayYears: (years: {
+        from: number;
+        to: number;
+    }) => void;
+    onPrevClick?: (date: Date) => void;
+    onNextClick?: (date: Date) => void;
+    startMonth?: Date;
+    endMonth?: Date;
+    buttonPreviousClassName?: string;
+    buttonNextClassName?: string;
+}
+declare const NavCalendar: React.FC<NavProps>;
+export default NavCalendar;
+//# sourceMappingURL=calendar-nav.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-nav.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,UAAU,QAAQ;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAyInC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { cn } from "#scalars";
+import { differenceInCalendarDays } from "date-fns";
+import { useCallback, useMemo } from "react";
+import { useDayPicker } from "react-day-picker";
+import { Button } from "../../../../../../scalars/components/fragments/button/index.js";
+const NavCalendar = ({ className, navView, displayYears, setDisplayYears, onPrevClick, onNextClick, startMonth, endMonth, buttonPreviousClassName, buttonNextClassName, }) => {
+    const { nextMonth, previousMonth, goToMonth } = useDayPicker();
+    // Function to check if the "Previous" button should be disabled
+    const isPreviousDisabled = useMemo(() => {
+        if (navView === "years") {
+            const previousYearDate = new Date(displayYears.from - 1, 0, 1);
+            return ((startMonth &&
+                differenceInCalendarDays(previousYearDate, startMonth) < 0) ||
+                (endMonth && differenceInCalendarDays(previousYearDate, endMonth) > 0));
+        }
+        return !previousMonth;
+    }, [navView, displayYears, startMonth, endMonth, previousMonth]);
+    // Function to check if the "Next" button should be disabled
+    const isNextDisabled = useMemo(() => {
+        if (navView === "years") {
+            const nextYearDate = new Date(displayYears.to + 1, 0, 1);
+            return ((startMonth &&
+                differenceInCalendarDays(nextYearDate, startMonth) < 0) ||
+                (endMonth && differenceInCalendarDays(nextYearDate, endMonth) > 0));
+        }
+        return !nextMonth;
+    }, [navView, displayYears, startMonth, endMonth, nextMonth]);
+    const handlePreviousClick = useCallback(() => {
+        if (!previousMonth)
+            return;
+        if (navView === "years") {
+            const newDisplayYears = {
+                from: displayYears.from - (displayYears.to - displayYears.from + 1),
+                to: displayYears.to - (displayYears.to - displayYears.from + 1),
+            };
+            setDisplayYears(newDisplayYears);
+            onPrevClick?.(new Date(displayYears.from - (displayYears.to - displayYears.from), 0, 1));
+            return;
+        }
+        goToMonth(previousMonth);
+        onPrevClick?.(previousMonth);
+    }, [
+        previousMonth,
+        goToMonth,
+        navView,
+        displayYears,
+        setDisplayYears,
+        onPrevClick,
+    ]);
+    const handleNextClick = useCallback(() => {
+        if (!nextMonth)
+            return;
+        if (navView === "years") {
+            const newDisplayYears = {
+                from: displayYears.from + (displayYears.to - displayYears.from + 1),
+                to: displayYears.to + (displayYears.to - displayYears.from + 1),
+            };
+            setDisplayYears(newDisplayYears);
+            onNextClick?.(new Date(displayYears.from + (displayYears.to - displayYears.from), 0, 1));
+            return;
+        }
+        goToMonth(nextMonth);
+        onNextClick?.(nextMonth);
+    }, [
+        nextMonth,
+        goToMonth,
+        navView,
+        displayYears,
+        setDisplayYears,
+        onNextClick,
+    ]);
+    return (_jsxs("nav", { className: cn("flex items-center", className), children: [_jsx(Button, { variant: "outline", className: cn("absolute left-0 size-7 bg-transparent p-0 opacity-80 hover:opacity-100", buttonPreviousClassName), type: "button", tabIndex: isPreviousDisabled ? undefined : -1, disabled: isPreviousDisabled, "aria-label": navView === "years"
+                    ? `Go to the previous ${displayYears.to - displayYears.from + 1} years`
+                    : `Previous month`, onClick: handlePreviousClick, children: _jsx(Icon, { className: "size-4", name: "CaretLeft" }) }), _jsx(Button, { variant: "outline", className: cn("absolute right-0 size-7 bg-transparent p-0 opacity-80 hover:opacity-100", buttonNextClassName), type: "button", tabIndex: isNextDisabled ? undefined : -1, disabled: isNextDisabled, "aria-label": navView === "years"
+                    ? `Go to the next ${displayYears.to - displayYears.from + 1} years`
+                    : `Next month`, onClick: handleNextClick, children: _jsx(Icon, { className: "size-4", name: "CaretRight" }) })] }));
+};
+export default NavCalendar;
+//# sourceMappingURL=calendar-nav.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-nav.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar-nav/calendar-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAgBxF,MAAM,WAAW,GAAuB,CAAC,EACvC,SAAS,EACT,OAAO,EACP,YAAY,EACZ,eAAe,EACf,WAAW,EACX,WAAW,EACX,UAAU,EACV,QAAQ,EACR,uBAAuB,EACvB,mBAAmB,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IAE/D,gEAAgE;IAChE,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC/D,OAAO,CACL,CAAC,UAAU;gBACT,wBAAwB,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;gBAC7D,CAAC,QAAQ,IAAI,wBAAwB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CACvE,CAAC;QACJ,CAAC;QACD,OAAO,CAAC,aAAa,CAAC;IACxB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAEjE,4DAA4D;IAC5D,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YACzD,OAAO,CACL,CAAC,UAAU;gBACT,wBAAwB,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;gBACzD,CAAC,QAAQ,IAAI,wBAAwB,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CACnE,CAAC;QACJ,CAAC;QACD,OAAO,CAAC,SAAS,CAAC;IACpB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7D,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,MAAM,eAAe,GAAG;gBACtB,IAAI,EAAE,YAAY,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;gBACnE,EAAE,EAAE,YAAY,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;aAChE,CAAC;YACF,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,WAAW,EAAE,CACX,IAAI,IAAI,CACN,YAAY,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,EACzD,CAAC,EACD,CAAC,CACF,CACF,CAAC;YACF,OAAO;QACT,CAAC;QACD,SAAS,CAAC,aAAa,CAAC,CAAC;QACzB,WAAW,EAAE,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC,EAAE;QACD,aAAa;QACb,SAAS;QACT,OAAO;QACP,YAAY;QACZ,eAAe;QACf,WAAW;KACZ,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,MAAM,eAAe,GAAG;gBACtB,IAAI,EAAE,YAAY,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;gBACnE,EAAE,EAAE,YAAY,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;aAChE,CAAC;YACF,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,WAAW,EAAE,CACX,IAAI,IAAI,CACN,YAAY,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,EACzD,CAAC,EACD,CAAC,CACF,CACF,CAAC;YACF,OAAO;QACT,CAAC;QACD,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE;QACD,SAAS;QACT,SAAS;QACT,OAAO;QACP,YAAY;QACZ,eAAe;QACf,WAAW;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,aAChD,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,uBAAuB,CACxB,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7C,QAAQ,EAAE,kBAAkB,gBAE1B,OAAO,KAAK,OAAO;oBACjB,CAAC,CAAC,sBAAsB,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,QAAQ;oBACvE,CAAC,CAAC,gBAAgB,EAEtB,OAAO,EAAE,mBAAmB,YAE5B,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,WAAW,GAAG,GACrC,EAET,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,mBAAmB,CACpB,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EACzC,QAAQ,EAAE,cAAc,gBAEtB,OAAO,KAAK,OAAO;oBACjB,CAAC,CAAC,kBAAkB,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,QAAQ;oBACnE,CAAC,CAAC,YAAY,EAElB,OAAO,EAAE,eAAe,YAExB,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,GAAG,GACtC,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.d.ts

@@ -0,0 +1,9 @@
+import { type DatePickerView } from "../../types.js";
+interface CaptionLabelProps extends React.PropsWithChildren {
+    showYearSwitcher: boolean;
+    navView: DatePickerView;
+    setNavView: (navView: DatePickerView) => void;
+}
+declare const CaptionLabel: React.FC<CaptionLabelProps>;
+export default CaptionLabel;
+//# sourceMappingURL=caption-label.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caption-label.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB;IACzD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsD7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { cn } from "#scalars";
+import { Button } from "../../../../../../scalars/components/fragments/button/index.js";
+const CaptionLabel = ({ children, showYearSwitcher, navView, setNavView, ...props }) => {
+    if (!showYearSwitcher)
+        return _jsx("span", { ...props, children: children });
+    // Convert children to a string and split by space to separate the month and the year
+    const [monthAbbreviation, yearNumber] = children.split(" ");
+    const isSelectedMonth = navView === "months";
+    const isSelectedYear = navView === "years";
+    return (_jsxs("div", { className: cn("flex items-center gap-2 text-gray-600", isSelectedMonth ? "text-gray-900" : "text-gray-600"), children: [_jsxs(Button, { className: cn("truncate text-sm font-semibold", isSelectedYear ? "text-gray-900" : "text-gray-600"), variant: "ghost", onClick: () => setNavView("years"), children: [_jsx("span", { className: cn(isSelectedMonth ? "text-gray-900" : "text-gray-600"), children: monthAbbreviation }), _jsx("span", { className: cn(isSelectedYear ? "text-gray-900" : "text-gray-600"), children: yearNumber })] }), navView === "days" ? (_jsx(Icon, { className: "size-[18px] cursor-pointer text-gray-600", name: "TriangleDown", onClick: () => setNavView("years") })) : (_jsx(Button, { variant: "ghost", onClick: () => setNavView("days"), children: _jsx(Icon, { className: "size-[18px] text-gray-900", name: "CrossCircle" }) }))] }));
+};
+export default CaptionLabel;
+//# sourceMappingURL=caption-label.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"caption-label.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAQxF,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,gBAAgB;QAAE,OAAO,kBAAU,KAAK,YAAG,QAAQ,GAAQ,CAAC;IAEjE,qFAAqF;IACrF,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAI,QAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAExE,MAAM,eAAe,GAAG,OAAO,KAAK,QAAQ,CAAC;IAC7C,MAAM,cAAc,GAAG,OAAO,KAAK,OAAO,CAAC;IAE3C,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CACpD,aAED,MAAC,MAAM,IACL,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CACnD,EACD,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,aAElC,eACE,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,YAEjE,iBAAiB,GACb,EACP,eACE,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,YAEhE,UAAU,GACN,IACA,EACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,IAAI,IACH,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,GAClC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,YACvD,KAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,aAAa,GAAG,GAC1D,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.d.ts

@@ -0,0 +1,8 @@
+interface MonthGridProps {
+    actualMonth: string;
+    actualYear: string;
+    onMonthSelect: (year: number, monthIndex: number) => void;
+}
+export declare const MonthGrid: ({ actualMonth, actualYear, onMonthSelect, }: MonthGridProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=month-view.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-view.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,SAAS,GAAI,6CAIvB,cAAc,4CAsBhB,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#scalars";
+import { Button } from "../../../../../../scalars/components/fragments/button/index.js";
+import { MONTHS } from "../utils.js";
+export const MonthGrid = ({ actualMonth, actualYear, onMonthSelect, }) => {
+    return (_jsx("div", { className: "grid grid-cols-3 gap-x-[14px] gap-y-[15px]", children: MONTHS.flat().map((month) => (_jsx(Button, { variant: "ghost", className: cn("w-full px-[2px] py-[5px] text-[12px] leading-[18px] text-gray-900", month === actualMonth && "bg-gray-900 hover:bg-gray-900", "hover:bg-gray-100", month === actualMonth && "bg-gray-900 text-white hover:bg-gray-900"), onClick: () => onMonthSelect(parseInt(actualYear), MONTHS.indexOf(month)), children: month }, month))) }));
+};
+//# sourceMappingURL=month-view.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-view.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/months-view/month-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,gEAAgE,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAQrC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,WAAW,EACX,UAAU,EACV,aAAa,GACE,EAAE,EAAE;IACnB,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,YACxD,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,MAAM,IAEL,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,KAAK,KAAK,WAAW,IAAI,+BAA+B,EACxD,mBAAmB,EACnB,KAAK,KAAK,WAAW,IAAI,0CAA0C,CACpE,EACD,OAAO,EAAE,GAAG,EAAE,CACZ,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,YAG3D,KAAK,IAZD,KAAK,CAaH,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const MONTHS: string[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,UAalB,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/utils.js

@@ -0,0 +1,15 @@
+export const MONTHS = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December",
+];
+//# sourceMappingURL=utils.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,SAAS;IACT,UAAU;IACV,OAAO;IACP,OAAO;IACP,KAAK;IACL,MAAM;IACN,MAAM;IACN,QAAQ;IACR,WAAW;IACX,SAAS;IACT,UAAU;IACV,UAAU;CACX,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.d.ts

@@ -0,0 +1,16 @@
+interface YearButtonProps {
+    year: number;
+    actualYear: string;
+    currentYear: number;
+    startMonth?: Date;
+    endMonth?: Date;
+    actualMonth: string;
+    months: {
+        date: Date;
+    }[];
+    onSelect: (year: number) => void;
+    disabled?: boolean;
+}
+declare const YearButton: ({ year, actualYear, currentYear, startMonth, endMonth, actualMonth, months, onSelect, disabled, }: YearButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default YearButton;
+//# sourceMappingURL=year-button.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-button.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.tsx"],"names":[],"mappings":"AAIA,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,mGAUjB,eAAe,4CAuBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#scalars";
+import { differenceInCalendarDays } from "date-fns";
+import { Button } from "../../../../../../scalars/components/fragments/button/index.js";
+const YearButton = ({ year, actualYear, currentYear, startMonth, endMonth, actualMonth, months, onSelect, disabled, }) => {
+    const isBefore = differenceInCalendarDays(new Date(year, 11, 31), startMonth) < 0;
+    const isAfter = differenceInCalendarDays(new Date(year, 0, 0), endMonth) > 0;
+    return (_jsx(Button, { className: cn("h-[28px] w-[68px] rounded-[4px] text-[12px] leading-[18px] text-gray-900", year === currentYear &&
+            "text-accent-foreground bg-gray-100 font-medium", "hover:bg-gray-100", year === months[0].date.getFullYear() &&
+            "bg-gray-900 text-white hover:bg-gray-900"), variant: "ghost", onClick: () => onSelect(year), disabled: disabled || isBefore || isAfter, children: year }));
+};
+export default YearButton;
+//# sourceMappingURL=year-button.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-button.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/year-view/year-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAcxF,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,UAAU,EACV,WAAW,EACX,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,QAAQ,GACZ,wBAAwB,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,UAAW,CAAC,GAAG,CAAC,CAAC;IAEpE,MAAM,OAAO,GAAG,wBAAwB,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,QAAS,CAAC,GAAG,CAAC,CAAC;IAE9E,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CACX,0EAA0E,EAC1E,IAAI,KAAK,WAAW;YAClB,gDAAgD,EAClD,mBAAmB,EACnB,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;YACnC,0CAA0C,CAC7C,EACD,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,IAAI,OAAO,YAExC,IAAI,GACE,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.d.ts

@@ -0,0 +1,18 @@
+interface YearRange {
+    from: number;
+    to: number;
+}
+interface YearGridProps {
+    displayYears: YearRange;
+    startMonth?: Date;
+    endMonth?: Date;
+    actualMonth: string;
+    months: {
+        date: Date;
+    }[];
+    currentYear: number;
+    onYearSelect: (year: number) => void;
+}
+export declare const YearGrid: ({ displayYears, startMonth, endMonth, actualMonth, months, currentYear, onYearSelect, }: YearGridProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=year-grid.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-grid.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.tsx"],"names":[],"mappings":"AAGA,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,UAAU,aAAa;IACrB,YAAY,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,EAAE,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,GAAI,yFAQtB,aAAa,4CAuBf,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { format } from "date-fns";
+import YearButton from "./year-button.js";
+export const YearGrid = ({ displayYears, startMonth, endMonth, actualMonth, months, currentYear, onYearSelect, }) => {
+    const years = Array.from({ length: displayYears.to - displayYears.from + 1 }, (_, i) => displayYears.from + i);
+    return (_jsx("div", { className: "grid grid-cols-3 gap-x-[14px] gap-y-[15px]", children: years.map((year) => (_jsx(YearButton, { year: year, actualYear: format(months[0].date, "yyyy"), currentYear: currentYear, startMonth: startMonth, endMonth: endMonth, actualMonth: actualMonth, months: months, onSelect: onYearSelect }, year))) }));
+};
+//# sourceMappingURL=year-grid.js.map

package/dist/src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"year-grid.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/year-view/year-grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAgB1C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,EACN,WAAW,EACX,YAAY,GACE,EAAE,EAAE;IAClB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,EAAE,EACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAChC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,YACxD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,UAAU,IAET,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAC1C,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,IARjB,IAAI,CAST,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/types.d.ts

@@ -0,0 +1,4 @@
+export type DateFieldValue = string | Date | undefined;
+export type DatePickerView = "years" | "months" | "days";
+export type WeekStartDayNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+//# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/data-entry/date-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AACvD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC"}

package/dist/src/ui/components/data-entry/date-picker/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/ui/components/data-entry/date-picker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/types.ts"],"names":[],"mappings":""}