@powerhousedao/document-engineering 1.12.0 → 1.14.0

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

@@ -1,14 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, useId } from 'react';
 import { FormDescription, FormGroup, FormLabel, FormMessageList, } from '../../../../scalars/components/fragments/index.js';
 import { cn } from '../../../../scalars/lib/utils.js';
 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, 
+import DateInputDiff from './subcomponents/date-picker-diff/date-picker-diff.js';
+const DatePicker = forwardRef(({ label, id: propId, errors, name, disabled, required, value, defaultValue, placeholder, description, warnings, onChange, onBlur, inputProps, disablePastDates, disableFutureDates, dateFormat, weekStart, autoClose = false, minDate, maxDate, 
+// diff props
+viewMode = 'edition', baseValue, 
 // display props
 className, ...props }, ref) => {
-    const { date, inputValue, handleDateSelect, handleInputChange, isOpen, setIsOpen, handleBlur, disabledDates, weekStartDay, handleDayClick, } = useDatePickerField({
+    const { date, inputValue, handleDateSelect, handleInputChange, isOpen, setIsOpen, handleBlur, disabledDates, weekStartDay, handleDayClick, handleCalendarMonthYearSelect, } = useDatePickerField({
         value,
         defaultValue,
         onChange,
@@ -21,35 +24,43 @@ className, ...props }, ref) => {
         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]', className), 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 dark:hover:bg-gray-900', 'disabled:text-gray-300', 
-                    // Remove hover when selected
-                    'aria-selected:hover:bg-gray-900 dark:aria-selected:hover:bg-gray-50', 
-                    // Selected state
-                    'aria-selected:!bg-gray-900 aria-selected:!text-white', 
-                    // Dark mode selected state
-                    'dark:aria-selected:!bg-gray-50 dark:aria-selected:!text-gray-900'), 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 hover:text-white', 
-                    // 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" })] }));
+    const generatedId = useId();
+    const id = propId ?? generatedId;
+    if (viewMode === 'edition') {
+        return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })), _jsx(BasePickerField, { ref: ref, id: id, value: inputValue, name: name, disabled: disabled, required: required, iconName: "CalendarTime", placeholder: placeholder, isOpen: isOpen, setIsOpen: setIsOpen, onInputChange: handleInputChange, inputProps: inputProps, handleBlur: handleBlur, "data-cast": `DateString:${dateFormat}`, className: String.raw `
+          [&.base-picker\\_\\_popover]:px-4
+          [&.base-picker\\_\\_popover]:pb-6
+          [&.base-picker\\_\\_popover]:pt-3
+          ${className}
+        `, children: _jsx(Calendar, { mode: "single", selected: date, dateFormat: dateFormat, handleCalendarMonthYearSelect: handleCalendarMonthYearSelect, 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]', className), 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 dark:hover:bg-gray-900', 'disabled:text-gray-300', 
+                        // Remove hover when selected
+                        'aria-selected:hover:bg-gray-900 dark:aria-selected:hover:bg-gray-50', 
+                        // Selected state
+                        'aria-selected:!bg-gray-900 aria-selected:!text-white', 
+                        // Dark mode selected state
+                        'dark:aria-selected:!bg-gray-50 dark:aria-selected:!text-gray-900'), 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 hover:text-white', 
+                        // 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" })] }));
+    }
+    return (_jsx(DateInputDiff, { value: value, viewMode: viewMode, diffMode: "sentences", baseValue: baseValue, icon: "CalendarTime", label: label, required: required, "data-testid": "date-picker-diff", dateFormat: dateFormat }));
 });
 DatePicker.displayName = 'DatePicker';
 export { DatePicker };

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

@@ -1 +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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"}
+{"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/subcomponents/calendar/calendar.d.ts

@@ -35,6 +35,8 @@ export type CalendarProps = DayPickerProps & {
     dayPickerClassName?: string;
     disabledDates?: boolean;
     className?: string;
+    dateFormat?: string;
+    handleCalendarMonthYearSelect?: (year: number, monthIndex: number) => void;
 };
 /**
  * A custom calendar component built on top of react-day-picker.
@@ -43,7 +45,7 @@ export type CalendarProps = DayPickerProps & {
  * @returns
  */
 declare const Calendar: {
-    ({ className, showOutsideDays, showYearSwitcher, yearRange, numberOfMonths, disabledDates, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, showOutsideDays, showYearSwitcher, yearRange, numberOfMonths, disabledDates, dateFormat, handleCalendarMonthYearSelect, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Calendar };

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAuBzB,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;;GAKG;AACH,QAAA,MAAM,QAAQ;2GAQX,aAAa;;CA0Kf,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,kBAAkB,CAAA;AAwBzB,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6BAA6B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3E,CAAA;AAED;;;;;GAKG;AACH,QAAA,MAAM,QAAQ;sJAUX,aAAa;;CA4Lf,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -8,6 +8,7 @@ import { buttonVariants } from '../../../../../../scalars/components/fragments/b
 import { NavCalendar } from '../calendar-nav/calendar-nav.js';
 import { CaptionLabel } from '../caption-label/caption-label.js';
 import { MonthGrid } from '../month-grid.js';
+import { getCalendarType } from '../../../date-time-picker/utils.js';
 const Chevron = (props) => {
     return _jsx(Icon, { className: "size-4", name: "ArrowLeft", ...props });
 };
@@ -17,8 +18,9 @@ const Chevron = (props) => {
  * @default yearRange 12
  * @returns
  */
-const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true, yearRange = 12, numberOfMonths, disabledDates = false, ...props }) => {
-    const [navView, setNavView] = React.useState('days');
+const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true, yearRange = 12, numberOfMonths, disabledDates = false, dateFormat, handleCalendarMonthYearSelect, ...props }) => {
+    const startNavView = getCalendarType(dateFormat ?? '');
+    const [navView, setNavView] = React.useState(startNavView);
     const [displayYears, setDisplayYears] = React.useState(React.useMemo(() => {
         const currentYear = new Date().getFullYear();
         return {
@@ -56,13 +58,13 @@ const Calendar = ({ className, showOutsideDays = true, showYearSwitcher = true,
     const _hiddenClassName = cn('date-picker__hidden', 'invisible flex-1', props.hiddenClassName);
     const createNav = React.useCallback((navProps) => {
         return (_jsx(NavCalendar, { ...navProps, navView: navView, displayYears: displayYears, setDisplayYears: setDisplayYears, startMonth: startMonth, endMonth: endMonth, buttonPreviousClassName: _buttonPreviousClassName, buttonNextClassName: _buttonNextClassName }));
-    }, [navView, displayYears, setDisplayYears, startMonth, endMonth, _buttonPreviousClassName, _buttonNextClassName]);
+    }, [navView, displayYears, startMonth, endMonth, _buttonPreviousClassName, _buttonNextClassName]);
     const createCaptionLabel = React.useCallback((props) => {
-        return _jsx(CaptionLabel, { ...props, showYearSwitcher: showYearSwitcher, navView: navView, setNavView: setNavView });
-    }, [navView, showYearSwitcher]);
+        return (_jsx(CaptionLabel, { ...props, showYearSwitcher: showYearSwitcher, navView: navView, setNavView: setNavView, dateFormat: dateFormat }));
+    }, [dateFormat, navView, showYearSwitcher]);
     const createMonthGrid = React.useCallback((props) => {
-        return _jsx(MonthGrid, { navView: navView, displayYears: displayYears, setNavView: setNavView, ...props });
-    }, [displayYears, navView]);
+        return (_jsx(MonthGrid, { navView: navView, displayYears: displayYears, setNavView: setNavView, dateFormat: dateFormat, handleCalendarMonthYearSelect: handleCalendarMonthYearSelect, ...props }));
+    }, [dateFormat, displayYears, handleCalendarMonthYearSelect, navView]);
     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', 'date-picker__calendar', className), classNames: {
             months: _monthsClassName,
             month_caption: _monthCaptionClassName,

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/calendar/calendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAA;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,wCAAwC,CAAA;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,SAAS,GAIV,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gEAAgE,CAAA;AAE/F,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,OAAO,GAAG,CAAC,KAYhB,EAAE,EAAE;IACH,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,WAAW,KAAK,KAAK,GAAI,CAAA;AAChE,CAAC,CAAA;AA0CD;;;;;GAKG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,IAAI,EACvB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,aAAa,GAAG,KAAK,EACrB,GAAG,KAAK,EACM,EAAE,EAAE;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiB,MAAM,CAAC,CAAA;IACpE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAIpD,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjB,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;QAC5C,OAAO;YACL,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;YACjD,EAAE,EAAE,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;SAC3C,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAChB,CAAA;IACD,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAEtC,MAAM,gBAAgB,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAA;IAEjE,MAAM,kBAAkB,GAAG,cAAc,CAAC;QACxC,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,kEAAkE;KAC9E,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,EAAE,CAAC,qBAAqB,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,CAAC,CAAA;IAC1F,MAAM,sBAAsB,GAAG,EAAE,CAC/B,4BAA4B,EAC5B,qDAAqD,EACrD,KAAK,CAAC,qBAAqB,CAC5B,CAAA;IACD,MAAM,kBAAkB,GAAG,EAAE,CAAC,uBAAuB,EAAE,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAChG,MAAM,iBAAiB,GAAG,EAAE,CAC1B,sBAAsB,EACtB,+CAA+C,EAC/C,KAAK,CAAC,gBAAgB,CACvB,CAAA;IACD,MAAM,eAAe,GAAG,EAAE,CAAC,oBAAoB,EAAE,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAChF,MAAM,iBAAiB,GAAG,EAAE,CAC1B,sBAAsB,EACtB,gDAAgD,EAChD,KAAK,CAAC,gBAAgB,CACvB,CAAA;IACD,MAAM,sBAAsB,GAAG,EAAE,CAC/B,4BAA4B,EAC5B,8BAA8B,EAC9B,KAAK,CAAC,qBAAqB,CAC5B,CAAA;IACD,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,EAAE,kBAAkB,EAAE,SAAS,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAA;IACrH,MAAM,wBAAwB,GAAG,EAAE,CACjC,8BAA8B,EAC9B,kBAAkB,EAClB,QAAQ,EACR,KAAK,CAAC,uBAAuB,CAC9B,CAAA;IACD,MAAM,aAAa,GAAG,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;IACpF,MAAM,mBAAmB,GAAG,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAA;IACvG,MAAM,cAAc,GAAG,EAAE,CAAC,mBAAmB,EAAE,iCAAiC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IACtG,MAAM,aAAa,GAAG,EAAE,CACtB,kBAAkB,EAClB,kEAAkE,EAClE,0DAA0D,EAC1D,KAAK,CAAC,YAAY,CACnB,CAAA;IACD,MAAM,mBAAmB,GAAG,EAAE,CAC5B,yBAAyB,EACzB,6EAA6E,EAC7E,iFAAiF,EACjF,KAAK,CAAC,kBAAkB,CACzB,CAAA;IACD,MAAM,oBAAoB,GAAG,EAAE,CAAC,0BAA0B,EAAE,8BAA8B,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAA;IACtH,MAAM,kBAAkB,GAAG,EAAE,CAAC,wBAAwB,EAAE,4BAA4B,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAC9G,MAAM,qBAAqB,GAAG,EAAE,CAC9B,2BAA2B,EAC3B,oJAAoJ,EACpJ,KAAK,CAAC,oBAAoB,CAC3B,CAAA;IACD,MAAM,kBAAkB,GAAG,EAAE,CAC3B,uBAAuB,EACvB,+HAA+H,EAC/H,yEAAyE,EACzE,KAAK,CAAC,iBAAiB,CACxB,CAAA;IACD,MAAM,eAAe,GAAG,EAAE,CACxB,oBAAoB,EACpB,wDAAwD,EACxD,KAAK,CAAC,cAAc,CACrB,CAAA;IACD,MAAM,iBAAiB,GAAG,EAAE,CAC1B,sBAAsB,EACtB,sIAAsI,EACtI,KAAK,CAAC,gBAAgB,CACvB,CAAA;IAED,MAAM,kBAAkB,GAAG,EAAE,CAC3B,uBAAuB,EACvB,+DAA+D,EAC/D,KAAK,CAAC,iBAAiB,CACxB,CAAA;IACD,MAAM,gBAAgB,GAAG,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,EAAE,KAAK,CAAC,eAAe,CAAC,CAAA;IAE7F,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,QAAkB,EAAE,EAAE;QACrB,OAAO,CACL,KAAC,WAAW,OACN,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,uBAAuB,EAAE,wBAAwB,EACjD,mBAAmB,EAAE,oBAAoB,GACzC,CACH,CAAA;IACH,CAAC,EACD,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,wBAAwB,EAAE,oBAAoB,CAAC,CAC/G,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,KAAwB,EAAE,EAAE;QAC3B,OAAO,KAAC,YAAY,OAAK,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,GAAI,CAAA;IAClH,CAAC,EACD,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAC5B,CAAA;IAED,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CACvC,CAAC,KAAqB,EAAE,EAAE;QACxB,OAAO,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,KAAM,KAAK,GAAI,CAAA;IACvG,CAAC,EACD,CAAC,YAAY,EAAE,OAAO,CAAC,CACxB,CAAA;IACD,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,gBAAgB,EAChC,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,mDAAmD,EAAE,uBAAuB,EAAE,SAAS,CAAC,EACtG,UAAU,EAAE;YACV,MAAM,EAAE,gBAAgB;YACxB,aAAa,EAAE,sBAAsB;YACrC,QAAQ,EAAE,kBAAkB;YAC5B,OAAO,EAAE,iBAAiB;YAC1B,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,iBAAiB;YAC1B,aAAa,EAAE,sBAAsB;YACrC,WAAW,EAAE,oBAAoB;YACjC,eAAe,EAAE,wBAAwB;YACzC,GAAG,EAAE,aAAa;YAClB,UAAU,EAAE,mBAAmB;YAC/B,IAAI,EAAE,cAAc;YACpB,GAAG,EAAE,aAAa;YAClB,UAAU,EAAE,mBAAmB;YAC/B,WAAW,EAAE,oBAAoB;YACjC,YAAY,EAAE,qBAAqB;YACnC,SAAS,EAAE,kBAAkB;YAC7B,QAAQ,EAAE,kBAAkB;YAC5B,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,iBAAiB;YAC1B,QAAQ,EAAE,kBAAkB;YAC5B,MAAM,EAAE,gBAAgB;SACzB,EACD,UAAU,EAAE;YACV,OAAO;YACP,GAAG,EAAE,SAAS;YACd,YAAY,EAAE,kBAAkB;YAChC,SAAS,EAAE,eAAe;SAC3B,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"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/caption-label/caption-label.d.ts

@@ -4,6 +4,7 @@ interface CaptionLabelProps extends HTMLAttributes<HTMLSpanElement> {
     showYearSwitcher: boolean;
     navView: DatePickerView;
     setNavView: (navView: DatePickerView) => void;
+    dateFormat?: string;
 }
 declare const CaptionLabel: {
     (props: CaptionLabelProps): JSX.Element;

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

@@ -1 +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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,UAAU,iBAAkB,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,gBAAgB,EAAE,OAAO,CAAA;IACzB,OAAO,EAAE,cAAc,CAAA;IACvB,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;CAC9C;AAED,QAAA,MAAM,YAAY;YAAW,iBAAiB,GAAG,GAAG,CAAC,OAAO;;CA2C3D,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"caption-label.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,UAAU,iBAAkB,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,gBAAgB,EAAE,OAAO,CAAA;IACzB,OAAO,EAAE,cAAc,CAAA;IACvB,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,QAAA,MAAM,YAAY;YAAW,iBAAiB,GAAG,GAAG,CAAC,OAAO;;CAgD3D,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -3,7 +3,9 @@ import { Icon } from '../../../../../../ui/components/icon/index.js';
 import { cn } from '../../../../../../scalars/lib/index.js';
 import { Button } from '../../../../../../scalars/components/fragments/button/index.js';
 const CaptionLabel = (props) => {
-    const { children, showYearSwitcher, navView, setNavView, ...rest } = props;
+    const { children, showYearSwitcher, navView, setNavView, dateFormat, ...rest } = props;
+    const isHiddenMonthButton = dateFormat !== 'YYYY';
+    const navigateTo = ['YYYY-MM', 'MMM-YYYY', 'MMM-YYYY'].includes(dateFormat ?? '');
     if (!showYearSwitcher)
         return _jsx("span", { ...rest, children: children });
     // Convert children to a string and split by space to separate the month and the year
@@ -12,10 +14,10 @@ const CaptionLabel = (props) => {
     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: () => {
+                }, children: [isHiddenMonthButton && (_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');
+                } })), navView !== 'days' && isHiddenMonthButton && (_jsx(Button, { variant: "ghost", onClick: () => {
+                    setNavView(navigateTo ? 'years' : 'days');
                 }, children: _jsx(Icon, { className: "size-[18px] text-gray-900", name: "CrossCircle" }) }))] }));
 };
 CaptionLabel.displayName = 'CaptionLabel';

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

@@ -1 +1 @@
-{"version":3,"file":"caption-label.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAA;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,wCAAwC,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,gEAAgE,CAAA;AASvF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC7D,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAE1E,IAAI,CAAC,gBAAgB;QAAE,OAAO,kBAAU,IAAI,YAAG,QAAQ,GAAQ,CAAA;IAE/D,qFAAqF;IACrF,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAI,QAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAEvE,MAAM,eAAe,GAAG,OAAO,KAAK,QAAQ,CAAA;IAC5C,MAAM,cAAc,GAAG,OAAO,KAAK,OAAO,CAAA;IAE1C,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,aAC9G,MAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EACnG,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,OAAO,CAAC,CAAA;gBACrB,CAAC,aAED,eAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,YAAG,iBAAiB,GAAQ,EACpG,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,YAAG,UAAU,GAAQ,IACrF,EACR,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,IAAI,IACH,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,OAAO,CAAC,CAAA;gBACrB,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,MAAM,CAAC,CAAA;gBACpB,CAAC,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,aAAa,GAAG,GAC1D,CACV,IACG,CACP,CAAA;AACH,CAAC,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"caption-label.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/caption-label/caption-label.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAA;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,wCAAwC,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,gEAAgE,CAAA;AAUvF,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC7D,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACtF,MAAM,mBAAmB,GAAG,UAAU,KAAK,MAAM,CAAA;IACjD,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,UAAU,IAAI,EAAE,CAAC,CAAA;IAEjF,IAAI,CAAC,gBAAgB;QAAE,OAAO,kBAAU,IAAI,YAAG,QAAQ,GAAQ,CAAA;IAE/D,qFAAqF;IACrF,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAI,QAAmB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAEvE,MAAM,eAAe,GAAG,OAAO,KAAK,QAAQ,CAAA;IAC5C,MAAM,cAAc,GAAG,OAAO,KAAK,OAAO,CAAA;IAE1C,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,aAC9G,MAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,EACnG,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,OAAO,CAAC,CAAA;gBACrB,CAAC,aAEA,mBAAmB,IAAI,CACtB,eAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,YAAG,iBAAiB,GAAQ,CACrG,EACD,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,YAAG,UAAU,GAAQ,IACrF,EACR,OAAO,KAAK,MAAM,IAAI,CACrB,KAAC,IAAI,IACH,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,OAAO,CAAC,CAAA;gBACrB,CAAC,GACD,CACH,EACA,OAAO,KAAK,MAAM,IAAI,mBAAmB,IAAI,CAC5C,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;gBAC3C,CAAC,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAC,aAAa,GAAG,GAC1D,CACV,IACG,CACP,CAAA;AACH,CAAC,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,13 @@
+import type { WithDifference } from '../../../../../../scalars/components/types.js';
+import type { IconName } from '../../../../icon-components/index.js';
+import type { DateFieldValue } from '../../types.js';
+interface DateInputDiffProps extends WithDifference<DateFieldValue>, React.HTMLAttributes<HTMLDivElement> {
+    icon: IconName;
+    value: DateFieldValue;
+    label?: string;
+    required?: boolean;
+    dateFormat?: string;
+}
+declare const DateInputDiff: ({ baseValue, value, viewMode, diffMode, icon, label, required, dateFormat, ...props }: DateInputDiffProps) => import("react/jsx-runtime").JSX.Element;
+export default DateInputDiff;
+//# sourceMappingURL=date-picker-diff.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-diff.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAA;AAEnF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAA;AAIpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAGpD,UAAU,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvG,IAAI,EAAE,QAAQ,CAAA;IACd,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,uFAUpB,kBAAkB,4CAoDpB,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { format } from 'date-fns';
+import { FormLabel } from '../../../../../../scalars/components/fragments/index.js';
+import { cn } from '../../../../../../scalars/lib/utils.js';
+import { Icon } from '../../../../icon/icon.js';
+import { InputDiff } from '../../../input/subcomponent/input-diff.js';
+import { TextDiff } from '../../../input/subcomponent/text-diff.js';
+import { getDateFormat } from '../../../date-time-picker/utils.js';
+const DateInputDiff = ({ baseValue, value, viewMode, diffMode, icon, label, required, dateFormat, ...props }) => {
+    const internalFormat = getDateFormat(dateFormat ?? '') ?? 'dd/MM/yyyy';
+    const baseDate = baseValue ? format(new Date(baseValue), internalFormat) : '';
+    const valueDate = value ? format(new Date(value), internalFormat) : '';
+    return (_jsxs(_Fragment, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(InputDiff, { className: cn('group'), ...props, children: viewMode === 'mixed' ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { baseValue: baseDate, value: valueDate, viewMode: "removal", diffMode: diffMode, className: cn('flex-1') })] }), _jsx("div", { className: cn('ml-3 mr-3 h-[34px] w-px bg-gray-300') }), _jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { baseValue: baseDate, value: valueDate, viewMode: "addition", diffMode: diffMode, className: cn('flex-1') })] })] })) : (_jsxs("div", { className: cn('flex flex-1 items-center gap-2 truncate [&>span]:truncate'), children: [_jsx(Icon, { name: icon, size: 16 }), _jsx(TextDiff, { baseValue: baseDate, value: valueDate, viewMode: viewMode, diffMode: diffMode, className: cn('flex-1') })] })) })] }));
+};
+export default DateInputDiff;
+//# sourceMappingURL=date-picker-diff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-diff.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,yDAAyD,CAAA;AAEnF,OAAO,EAAE,EAAE,EAAE,MAAM,wCAAwC,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAA;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAUlE,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,cAAc,GAAG,aAAa,CAAC,UAAU,IAAI,EAAE,CAAC,IAAI,YAAY,CAAA;IACtE,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtE,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAM,KAAK,YACzC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CACtB,8BACE,eAAK,SAAS,EAAE,EAAE,CAAC,2DAA2D,CAAC,aAC7E,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9B,KAAC,QAAQ,IACP,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GACvB,IACE,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,GAAI,EAC7D,eAAK,SAAS,EAAE,EAAE,CAAC,2DAA2D,CAAC,aAC7E,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9B,KAAC,QAAQ,IACP,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GACvB,IACE,IACL,CACJ,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAE,EAAE,CAAC,2DAA2D,CAAC,aAC7E,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,EAC9B,KAAC,QAAQ,IACP,SAAS,EAAE,QAAQ,EACnB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GACvB,IACE,CACP,GACS,IACX,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -10,9 +10,11 @@ interface Props extends PropsWithChildren<MonthGridProps> {
     startMonth?: Date;
     endMonth?: Date;
     setNavView: (view: DatePickerView) => void;
+    dateFormat?: string;
+    handleCalendarMonthYearSelect?: (year: number, monthIndex: number) => void;
 }
 declare const MonthGrid: {
-    ({ navView, displayYears, startMonth, endMonth, setNavView, className, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    ({ navView, displayYears, startMonth, endMonth, setNavView, className, children, dateFormat, handleCalendarMonthYearSelect, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { MonthGrid };

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

@@ -1 +1 @@
-{"version":3,"file":"month-grid.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/month-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,kBAAkB,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAK9C,UAAU,KAAM,SAAQ,iBAAiB,CAAC,cAAc,CAAC;IACvD,OAAO,EAAE,cAAc,CAAA;IACvB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;CAC3C;AACD,QAAA,MAAM,SAAS;iGASZ,KAAK;;CA+CP,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"month-grid.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/month-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,kBAAkB,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAM9C,UAAU,KAAM,SAAQ,iBAAiB,CAAC,cAAc,CAAC;IACvD,OAAO,EAAE,cAAc,CAAA;IACvB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6BAA6B,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3E;AACD,QAAA,MAAM,SAAS;4IAWZ,KAAK;;CAyGP,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -6,10 +6,32 @@ import { MonthView } from './months-view/month-view.js';
 import { format } from 'date-fns';
 import { MONTHS } from './utils.js';
 import { cn } from '../../../../../scalars/lib/utils.js';
-const MonthGrid = ({ navView, displayYears, startMonth, endMonth, setNavView, className, children, ...props }) => {
+import { getDateFormat } from '../../date-time-picker/utils.js';
+const MonthGrid = ({ navView, displayYears, startMonth, endMonth, setNavView, className, children, dateFormat, handleCalendarMonthYearSelect, ...props }) => {
     const { goToMonth, months } = useDayPicker();
+    const internalFormat = getDateFormat(dateFormat ?? '');
+    const monthFormat = ['yyyy-MM', 'MM/yyyy', 'MM/yyyy', 'MMM-yyyy', 'YYYY'].includes(internalFormat ?? '');
+    const yearFormat = dateFormat === 'YYYY' && internalFormat === 'yyyy-MM-dd';
     const actualYear = format(months[0].date, 'yyyy');
     const actualMonth = format(months[0].date, 'MMMM');
+    if (yearFormat) {
+        return (_jsx("div", { className: cn('mt-[18px] flex flex-col gap-2', 'date-picker__year-grid--view'), children: _jsx(YearGrid, { displayYears: displayYears, startMonth: startMonth, endMonth: endMonth, months: months, currentYear: new Date().getFullYear(), onYearSelect: (year) => {
+                    handleCalendarMonthYearSelect?.(year, 0);
+                } }) }));
+    }
+    if (monthFormat) {
+        if (navView === 'years') {
+            return (_jsxs("div", { className: cn('mt-[18px] flex flex-col gap-2', 'date-picker__year-grid--view'), children: [_jsx(YearGrid, { displayYears: displayYears, startMonth: startMonth, endMonth: endMonth, months: months, currentYear: new Date().getFullYear(), onYearSelect: (year) => {
+                            goToMonth(new Date(year, MONTHS.indexOf(actualMonth)));
+                            setNavView('months');
+                        } }), _jsx("div", { children: _jsx(CalendarDateFooter, { navView: navView, setNavView: setNavView }) })] }));
+        }
+        if (navView === 'months') {
+            return (_jsxs("div", { className: cn('mt-[15px] flex flex-col gap-3', 'date-picker__month-grid--view'), children: [_jsx(MonthView, { actualMonth: actualMonth, actualYear: actualYear, onMonthSelect: (year, monthIndex) => {
+                            handleCalendarMonthYearSelect?.(year, monthIndex);
+                        } }), _jsx("div", { children: _jsx(CalendarDateFooter, { navView: navView, setNavView: setNavView }) })] }));
+        }
+    }
     if (navView === 'years') {
         return (_jsxs("div", { className: cn('mt-[18px] flex flex-col gap-2', 'date-picker__year-grid--view'), children: [_jsx(YearGrid, { displayYears: displayYears, startMonth: startMonth, endMonth: endMonth, months: months, currentYear: new Date().getFullYear(), onYearSelect: (year) => {
                         goToMonth(new Date(year, MONTHS.indexOf(actualMonth)));

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

@@ -1 +1 @@
-{"version":3,"file":"month-grid.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/month-grid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,kBAAkB,MAAM,gDAAgD,CAAA;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AASxD,MAAM,SAAS,GAAG,CAAC,EACjB,OAAO,EACP,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACF,EAAE,EAAE;IACV,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,YAAY,EAAE,CAAA;IAE5C,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACjD,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAClD,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,8BAA8B,CAAC,aACjF,KAAC,QAAQ,IACP,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,EACrC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;wBACrB,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;wBACtD,UAAU,CAAC,QAAQ,CAAC,CAAA;oBACtB,CAAC,GACD,EACF,wBACE,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,GAAI,GAC5D,IACF,CACP,CAAA;IACH,CAAC;IACD,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,+BAA+B,CAAC,aAClF,KAAC,SAAS,IACR,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE;wBAClC,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAA;wBACrC,UAAU,CAAC,MAAM,CAAC,CAAA;oBACpB,CAAC,GACD,EACF,wBACE,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,GAAI,GAC5D,IACF,CACP,CAAA;IACH,CAAC;IACD,OAAO,CACL,gBAAO,SAAS,EAAE,SAAS,KAAM,KAAK,YACnC,QAAQ,GACH,CACT,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"month-grid.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/data-entry/date-picker/subcomponents/month-grid.tsx"],"names":[],"mappings":"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"}

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

@@ -33,6 +33,7 @@ export declare const useDatePickerField: ({ value, defaultValue, onChange, onBlu
     } | undefined;
     weekStartDay: WeekStartDayNumber;
     handleDayClick: () => void;
+    handleCalendarMonthYearSelect: (year: number, monthIndex: number) => void;
 };
 export {};
 //# sourceMappingURL=use-date-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-date-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/use-date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAInD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAGpE,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,sIAYhC,oBAAoB;;;8BAqBX,IAAI;2BAdgB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;;;oBAS1C,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;CAkH1D,CAAA"}
+{"version":3,"file":"use-date-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-picker/use-date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAInD,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAGpE,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,sIAYhC,oBAAoB;;;8BAqBX,IAAI;2BAdgB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;;;oBAS1C,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;0CAsGZ,MAAM,cAAc,MAAM;CAsBxE,CAAA"}

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

@@ -1,4 +1,4 @@
-import { parse, startOfDay } from 'date-fns';
+import { format, parse, startOfDay } from 'date-fns';
 import React, { useCallback, useMemo } from 'react';
 import { getDateFormat, normalizeMonthFormat, parseDateValue, parseInputString } from '../date-time-picker/utils.js';
 import { createChangeEvent } from '../time-picker/utils.js';
@@ -109,6 +109,14 @@ export const useDatePickerField = ({ value, defaultValue, onChange, onBlur, disa
         const fechaUTC = parse(dateStringFormatted, internalFormat ?? 'yyyy-MM-dd', new Date());
         return fechaUTC;
     }, [value, internalFormat]);
+    const handleCalendarMonthYearSelect = (year, monthIndex) => {
+        const yearFormat = dateFormat === 'YYYY' && internalFormat === 'yyyy-MM-dd';
+        const newInputValue = format(new Date(year, monthIndex), internalFormat ?? 'yyyy-MM-dd');
+        const inputToShow = yearFormat ? `${year}` : newInputValue;
+        setInputDisplay(inputToShow);
+        onChange?.(createChangeEvent(newInputValue));
+        setIsOpen(false);
+    };
     return {
         date,
         inputValue: inputDisplay,
@@ -120,6 +128,7 @@ export const useDatePickerField = ({ value, defaultValue, onChange, onBlur, disa
         disabledDates,
         weekStartDay,
         handleDayClick,
+        handleCalendarMonthYearSelect,
     };
 };
 //# sourceMappingURL=use-date-picker.js.map

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

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

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

@@ -1,6 +1,7 @@
+import { type PropsWithChildren } from 'react';
 import { type IconName } from '../../../components/icon/index.js';
-import type { FieldErrorHandling, InputBaseProps } from '../../../../scalars/components/types.js';
-export interface BasePickerFieldProps extends InputBaseProps<string>, FieldErrorHandling {
+import type { InputBaseProps } from '../../../../scalars/components/types.js';
+export interface BasePickerFieldProps extends PropsWithChildren {
     id?: string;
     name: string;
     disabled?: boolean;
@@ -17,9 +18,8 @@ export interface BasePickerFieldProps extends InputBaseProps<string>, FieldError
         onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     }, 'name' | 'onChange' | 'value' | 'defaultValue' | 'onBlur'>;
     className?: string;
+    children: React.ReactNode;
 }
-declare const BasePickerField: import("react").ForwardRefExoticComponent<BasePickerFieldProps & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLInputElement>>;
+declare const BasePickerField: import("react").ForwardRefExoticComponent<BasePickerFieldProps & import("react").RefAttributes<HTMLInputElement>>;
 export { BasePickerField };
 //# sourceMappingURL=base-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"base-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/base-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAEvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAKjG,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,kBAAkB;IACtF,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,MAAM,CAAC,GAAG;QACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;KACnE,EACD,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,eAAe;;oDAgGpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"base-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/base-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAK7E,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,MAAM,CAAC,GAAG;QACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;KACnE,EACD,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,eAAe,mHAqGpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

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

@@ -6,16 +6,16 @@ import { Button } from '../../../../scalars/components/fragments/button/index.js
 import { Popover, PopoverContent, PopoverTrigger } from '../../../../scalars/components/fragments/popover/index.js';
 import { Input } from '../../data-entry/input/input.js';
 const BasePickerField = forwardRef(({ id, name, disabled, required, iconName, placeholder, children, value, defaultValue, isOpen, setIsOpen, onInputChange, handleBlur, inputProps, className, ...props }, ref) => {
-    return (_jsx("div", { className: "flex flex-col space-y-2", children: _jsxs("div", { className: cn('flex w-[275px] rounded-md text-sm', 'focus-within:ring-ring dark:ring-charcoal-300 ring-gray-900 focus-within:ring-1 focus-within:ring-offset-0', 'dark:border-charcoal-700 dark:bg-charcoal-900 border border-gray-300 bg-white', 
+    return (_jsx("div", { className: "flex flex-col space-y-2", children: _jsxs("div", { ref: ref, className: cn('flex w-full rounded-md text-sm', 'focus-within:ring-ring dark:ring-charcoal-300 ring-gray-900 focus-within:ring-1 focus-within:ring-offset-0', 'dark:border-charcoal-700 dark:bg-charcoal-900 border border-gray-300 bg-white', 
             // focus
             'focus:[&_.input-field]:bg-transparent', 'dark:focus-within:hover:bg-charcoal-900 focus-within:hover:cursor-default focus-within:hover:bg-white', disabled &&
-                'dark:bg-charcoal-900 dark:hover:bg-charcoal-900 cursor-not-allowed bg-white hover:bg-transparent'), children: [_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", disabled: disabled, className: cn('rounded-l-md border-none pl-3 pr-2', 'focus:text-selected-foreground focus:bg-none', 'button-ghost', disabled && 'cursor-not-allowed hover:bg-transparent'), onClick: () => {
+                'dark:bg-charcoal-900 dark:hover:bg-charcoal-900 cursor-not-allowed bg-white hover:bg-transparent', 'base-picker__input', className), children: [_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", disabled: disabled, className: cn('pl-3 pr-2', 'z-1', 'focus:text-selected-foreground focus:bg-none', 'button-ghost', disabled && 'cursor-not-allowed hover:bg-transparent', 'focus:outline-none focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:ring-gray-900'), onClick: () => {
                                     if (!disabled) {
                                         setIsOpen(isOpen);
                                     }
-                                }, children: _jsx(Icon, { size: 16, name: iconName, className: "hover:none text-gray-700 dark:text-gray-50" }) }) }), _jsx(PopoverContent, { align: "start", className: cn('relative w-[275px]', 'border-gray-300 bg-white dark:border-gray-900 dark:bg-slate-600', 'rounded-lg', 'shadow-[0px_2px_4px_0px_rgba(0,0,0,0.08),0px_3px_10px_0px_rgba(0,0,0,0.10)]', 'mt-[14px]', 'dark:shadow-[1px_4px_15.3px_0px_#141921]', '-translate-y-1', className), children: children })] }), _jsx(Input, { id: id, name: name, value: value, onChange: onInputChange, onBlur: handleBlur, defaultValue: defaultValue, className: cn('w-full rounded-l-none border-none text-right placeholder:text-right', 
+                                }, children: _jsx(Icon, { size: 16, name: iconName, className: "hover:none text-gray-700 dark:text-gray-50" }) }) }), _jsx(PopoverContent, { align: "start", className: cn('relative w-[275px]', 'border-gray-300 bg-white dark:border-gray-900 dark:bg-slate-600', 'rounded-lg', 'shadow-[0px_2px_4px_0px_rgba(0,0,0,0.08),0px_3px_10px_0px_rgba(0,0,0,0.10)]', 'mt-[14px]', 'dark:shadow-[1px_4px_15.3px_0px_#141921]', '-translate-y-1', 'base-picker__popover', className), children: children })] }), _jsx(Input, { id: id, name: name, value: value, onChange: onInputChange, onBlur: handleBlur, defaultValue: defaultValue, className: cn('w-full rounded-l-none border-none text-right placeholder:text-right', 
                     // focus
-                    'focus:bg-white focus-visible:ring-0 focus-visible:ring-offset-0', 'input-field'), placeholder: placeholder, ref: ref, disabled: disabled, required: required, ...inputProps, ...props })] }) }));
+                    'input-field', 'focus:bg-white focus-visible:ring-0 focus-visible:ring-offset-0'), placeholder: placeholder, disabled: disabled, required: required, ...inputProps, ...props })] }) }));
 });
 BasePickerField.displayName = 'BasePickerField';
 export { BasePickerField };

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

@@ -1 +1 @@
-{"version":3,"file":"base-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/base-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAiB,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,0DAA0D,CAAA;AACjF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAA;AACnH,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAwBvD,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACtC,eACE,SAAS,EAAE,EAAE,CACX,mCAAmC,EACnC,4GAA4G,EAC5G,+EAA+E;YAC/E,QAAQ;YACR,uCAAuC,EACvC,uGAAuG,EACvG,QAAQ;gBACN,kGAAkG,CACrG,aAED,MAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5C,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,8CAA8C,EAC9C,cAAc,EACd,QAAQ,IAAI,yCAAyC,CACtD,EACD,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,CAAC,QAAQ,EAAE,CAAC;wCACd,SAAS,CAAC,MAAM,CAAC,CAAA;oCACnB,CAAC;gCACH,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,4CAA4C,GAAG,GAClF,GACM,EACjB,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,iEAAiE,EACjE,YAAY,EACZ,6EAA6E,EAC7E,WAAW,EACX,0CAA0C,EAC1C,gBAAgB,EAChB,SAAS,CACV,YAEA,QAAQ,GACM,IACT,EACV,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CACX,qEAAqE;oBACrE,QAAQ;oBACR,iEAAiE,EACjE,aAAa,CACd,EACD,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,UAAU,KACV,KAAK,GACT,IACE,GACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"base-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/base-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAiB,MAAM,mCAAmC,CAAA;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,0DAA0D,CAAA;AACjF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAA;AACnH,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAyBvD,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,YACtC,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,4GAA4G,EAC5G,+EAA+E;YAC/E,QAAQ;YACR,uCAAuC,EACvC,uGAAuG,EACvG,QAAQ;gBACN,kGAAkG,EACpG,oBAAoB,EACpB,SAAS,CACV,aAED,MAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5C,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,WAAW,EACX,KAAK,EACL,8CAA8C,EAC9C,cAAc,EACd,QAAQ,IAAI,yCAAyC,EACrD,iGAAiG,CAClG,EACD,OAAO,EAAE,GAAG,EAAE;oCACZ,IAAI,CAAC,QAAQ,EAAE,CAAC;wCACd,SAAS,CAAC,MAAM,CAAC,CAAA;oCACnB,CAAC;gCACH,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,4CAA4C,GAAG,GAClF,GACM,EACjB,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,iEAAiE,EACjE,YAAY,EACZ,6EAA6E,EAC7E,WAAW,EACX,0CAA0C,EAC1C,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,CACV,YAEA,QAAQ,GACM,IACT,EACV,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CACX,qEAAqE;oBACrE,QAAQ;oBACR,aAAa,EACb,iEAAiE,CAClE,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,UAAU,KACV,KAAK,GACT,IACE,GACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,CAAA"}

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

@@ -1,7 +1,7 @@
-import type { InputBaseProps } from '../../../../scalars/components/types.js';
+import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
 import { type ChangeEvent, type FocusEvent } from 'react';
 import type { DateFieldValue } from '../date-picker/types.js';
-interface DateTimePickerProps extends InputBaseProps<DateFieldValue> {
+interface DateTimePickerProps extends InputBaseProps<DateFieldValue>, WithDifference<string> {
     name: string;
     id?: string;
     label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAc,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAK7D,UAAU,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,QAAA,MAAM,cAAc,kHA8JnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/date-time-picker/date-time-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7F,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAc,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAM7D,UAAU,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IAC1F,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACrD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,QAAA,MAAM,cAAc,kHAkLnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAA"}