@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/forms/calendar/components/calendar-month-view/CalendarMonthView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthView.js","sources":["../../../../../../src/components/forms/calendar/components/calendar-month-view/CalendarMonthView.tsx"],"sourcesContent":["import { memo, type ReactElement } from 'react'\r\n\r\nimport { MONTH_LABELS } from '@components/forms/calendar/components/calendar-month-view/constants'\r\nimport { useCalendarMonthView } from '@components/forms/calendar/components/calendar-month-view/hooks/useCalendarMonthView.hook.ts'\r\nimport Grid from '@components/layout/grid/Grid.tsx'\r\nimport CalendarMonthButton\r\n    from '@components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.tsx'\r\n\r\n/**\r\n * Month picker: 3×4 grid of months for the currently viewed year.\r\n * Clicking a month switches the calendar to that month and closes the picker.\r\n * Supports keyboard arrow navigation (roving tabindex).\r\n */\r\nconst CalendarMonthView = memo((): ReactElement => {\r\n    const {\r\n        selectedMonth,\r\n        focusedIndex,\r\n        buttonRefs,\r\n        handleKeyDown,\r\n        handleSelect,\r\n        isDisabled,\r\n        isToday,\r\n    } = useCalendarMonthView()\r\n\r\n    return (\r\n        <Grid\r\n            columns={3}\r\n            gap={'xs'}\r\n        >\r\n            {MONTH_LABELS.map((label, i) => (\r\n                <CalendarMonthButton\r\n                    key={i}\r\n                    index={i}\r\n                    label={label}\r\n                    isSelected={selectedMonth === i}\r\n                    isFocused={i === focusedIndex}\r\n                    buttonRefs={buttonRefs}\r\n                    isDisabled={isDisabled}\r\n                    isToday={isToday}\r\n                    handleSelect={handleSelect}\r\n                    handleKeyDown={handleKeyDown}\r\n                />\r\n            ))}\r\n        </Grid>\r\n    )\r\n})\r\n\r\nCalendarMonthView.displayName = 'CalendarMonthView'\r\n\r\nexport default CalendarMonthView\r\n"],"names":["CalendarMonthView","memo","selectedMonth","focusedIndex","buttonRefs","handleKeyDown","handleSelect","isDisabled","isToday","useCalendarMonthView","jsx","Grid","MONTH_LABELS","label","i","CalendarMonthButton"],"mappings":";;;;;;AAaA,MAAMA,IAAoBC,EAAK,MAAoB;AAC/C,QAAM;AAAA,IACF,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACAC,EAAA;AAEJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,MACT,KAAK;AAAA,MAEJ,UAAAC,EAAa,IAAI,CAACC,GAAOC,MACtB,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UAEG,OAAOD;AAAA,UACP,OAAAD;AAAA,UACA,YAAYX,MAAkBY;AAAA,UAC9B,WAAWA,MAAMX;AAAA,UACjB,YAAAC;AAAA,UACA,YAAAG;AAAA,UACA,SAAAC;AAAA,UACA,cAAAF;AAAA,UACA,eAAAD;AAAA,QAAA;AAAA,QATKS;AAAA,MAAA,CAWZ;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDd,EAAkB,cAAc;"}

package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.cjs

@@ -0,0 +1,2 @@
+"use strict";const m=require("react/jsx-runtime"),i=require("react");require("../../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../../data-display/avatar/Avatar.cjs");require("../../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../../data-display/badge/Badge.cjs");require("../../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../../data-display/table/Table.cjs");require("../../../../../../data-display/table/styles/Table.css.cjs");;/* empty css                                                       */;/* empty css                                                                                                   */;/* empty css                                                                                               */;/* empty css                                                                                                   */require("../../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css                                                                                                     */require("../../../../../../actions/button/Button.cjs");require("../../../../../../actions/button/styles/Button.css.cjs");require("../../../../../../actions/icon-button/IconButton.cjs");require("../../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../../actions/toggle/Toggle.cjs");require("../../../../../../actions/toggle/styles/Toggle.css.cjs");require("../../../../../../actions/toggle-group/ToggleGroup.cjs");require("../../../../../../actions/toggle-group/styles/ToggleGroup.css.cjs");require("../../../../../../foundation/icon/Icon.cjs");require("../../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../../foundation/typography/Typography.cjs");require("../../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../autocomplete/Autocomplete.cjs");require("../../../../../autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                                                                                          */require("../../../../../autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                                  */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                                */;/* empty css                                                                                 */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                                */;/* empty css                                                                                                          */require("../../../../../autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                                                    */require("../../../../../autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                                              */require("../../../../../autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css                                                                   */require("../../../../Calendar.cjs");;/* empty css                                                   */;/* empty css                                                                    */;/* empty css                                                   */;/* empty css                                                        */const q=require("../../styles/CalendarMonthView.css.cjs");;/* empty css                                                                       */require("../../../../../checkbox/Checkbox.cjs");;/* empty css                                                           */require("../../../../../date-picker/DatePicker.cjs");;/* empty css                                                                */require("../../../../../radio-group/RadioGroup.cjs");;/* empty css                                                                                     */require("../../../../../select/Select.cjs");require("../../../../../select/components/select-trigger/SelectTrigger.cjs");require("../../../../../select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../select/components/select-content/SelectContent.cjs");;/* empty css                                                                                        */require("../../../../../select/components/select-list/SelectList.cjs");require("../../../../../select/components/select-group/SelectGroup.cjs");require("../../../../../select/components/select-label/SelectLabel.cjs");;/* empty css                                                                                    */require("../../../../../select/components/select-item/SelectItem.cjs");;/* empty css                                                                                  */require("../../../../../select/components/select-separator/SelectSeparator.cjs");;/* empty css                                                                                            */require("../../../../../select/components/select-field/SelectField.cjs");;/* empty css                                                       */require("../../../../../switch/Switch.cjs");require("../../../../../switch/styles/Switch.css.cjs");require("../../../../../text-area/TextArea.cjs");require("../../../../../text-area/styles/TextArea.css.cjs");;/* empty css                                                           */;/* empty css                                                                                            */;/* empty css                                                                                                     */;/* empty css                                                                                                     */require("../../../../../text-field/TextField.cjs");require("../../../../../text-field/styles/TextField.css.cjs");;/* empty css                                                                                               */;/* empty css                                                                                                        */;/* empty css                                                                                                        */;/* empty css                                                                */;/* empty css                                                             */require("../../../../../_shared/components/helper-text/HelperText.cjs");require("../../../../../../layout/box/Box.cjs");require("../../../../../../layout/box/styles/Box.css.cjs");require("../../../../../../layout/flex/Flex.cjs");require("../../../../../../layout/flex/styles/Flex.css.cjs");require("../../../../../../layout/grid/Grid.cjs");require("../../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../../layout/image/Image.cjs");require("../../../../../../layout/image/styles/Image.css.cjs");require("../../../../../../layout/separator/Separator.cjs");require("../../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../../layout/form/Form.cjs");;/* empty css                                                             */require("../../../../../../layout/fieldset/Fieldset.cjs");;/* empty css                                                                     */require("../../../../../../layout/legend/Legend.cjs");;/* empty css                                                                 */require("../../../../../../surfaces/accordion/Accordion.cjs");;/* empty css                                                                         */require("../../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css                                                                                                             */;/* empty css                                                                                                             */require("../../../../../../surfaces/card/Card.cjs");;/* empty css                                                               */;/* empty css                                                                                            */require("../../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css                                                                             */;/* empty css                                                                                                                   */;/* empty css                                                                                                               */require("../../../../../../navigation/tabs/Tabs.cjs");;/* empty css                                                                                                */require("../../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../../navigation/link/Link.cjs");;/* empty css                                                                 */require("../../../../../../overlay/tooltip/Tooltip.cjs");require("../../../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                                    */require("../../../../../../overlay/dropdown-menu/index.cjs");require("../../../../../../overlay/popover/Popover.cjs");;/* empty css                                                                                              */require("../../../../../../overlay/hover-card/HoverCard.cjs");require("../../../../../../overlay/dialog/Dialog.cjs");;/* empty css                                                                  */;/* empty css                                                                                                 */require("../../../../../../overlay/drawer/Drawer.cjs");require("../../../../../../overlay/drawer/styles/Drawer.css.cjs");require("../../../../../../overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.cjs");require("../../../../../../overlay/drawer/context/Drawer.context.cjs");require("../../../../../../overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.cjs");require("../../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../../feedback/callout/Callout.cjs");require("../../../../../../feedback/callout/styles/Callout.css.cjs");;/* empty css                                                                                                 */require("../../../../../../feedback/toast/Toast.cjs");require("../../../../../../feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                           */require("../../../../../../feedback/progress/Progress.cjs");require("../../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../../feedback/progress/constants/progressColors.const.cjs");const N=require("../../../../../../../utils/cn.cjs"),n=i.memo(({index:r,label:o,isSelected:e,isFocused:s,buttonRefs:c,isDisabled:l,isToday:C,handleSelect:t,handleKeyDown:a})=>{const _=i.useCallback(()=>t(r),[t,r]),E=i.useCallback(u=>a(u,r),[a,r]);return m.jsx("button",{ref:u=>{c.current[r]=u},tabIndex:s?0:-1,disabled:l(r),"aria-pressed":e,className:N.cn(q.CALENDAR_MONTH_VIEW_STYLES.item,C(r)&&!e&&q.CALENDAR_MONTH_VIEW_STYLES.itemToday,e&&q.CALENDAR_MONTH_VIEW_STYLES.itemSelected),onClick:_,onKeyDown:E,children:o},r)});n.displayName="CalendarMonthButton";module.exports=n;
+//# sourceMappingURL=CalendarMonthButton.cjs.map

package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthButton.cjs","sources":["../../../../../../../../src/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\n\r\nimport { CALENDAR_MONTH_VIEW_STYLES } from '@components'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type {\r\n    CalendarMonthButtonProps\r\n} from '@components/forms/calendar/components/calendar-month-view/components/calendar-month-button/types/CalendarMonthButton.props.ts'\r\n\r\nconst CalendarMonthButton = memo(({\r\n    index,\r\n    label,\r\n    isSelected,\r\n    isFocused,\r\n    buttonRefs,\r\n    isDisabled,\r\n    isToday,\r\n    handleSelect,\r\n    handleKeyDown,\r\n}: CalendarMonthButtonProps) => {\r\n    const handleClick = useCallback(\r\n        () => handleSelect(index),\r\n        [handleSelect, index],\r\n    )\r\n    const handleKeyDownForIndex = useCallback(\r\n        (e: React.KeyboardEvent<HTMLButtonElement>) => handleKeyDown(e, index),\r\n        [handleKeyDown, index],\r\n    )\r\n\r\n    return (\r\n        <button\r\n            key={index}\r\n            ref={el => { buttonRefs.current[index] = el }}\r\n            tabIndex={isFocused ? 0 : -1}\r\n            disabled={isDisabled(index)}\r\n            aria-pressed={isSelected}\r\n            className={cn(\r\n                CALENDAR_MONTH_VIEW_STYLES.item,\r\n                isToday(index) && !isSelected && CALENDAR_MONTH_VIEW_STYLES.itemToday,\r\n                isSelected && CALENDAR_MONTH_VIEW_STYLES.itemSelected,\r\n            )}\r\n            onClick={handleClick}\r\n            onKeyDown={handleKeyDownForIndex}\r\n        >\r\n            {label}\r\n        </button>\r\n    )\r\n})\r\n\r\nCalendarMonthButton.displayName = 'CalendarMonthButton'\r\n\r\nexport default CalendarMonthButton\r\n"],"names":["CalendarMonthButton","memo","index","label","isSelected","isFocused","buttonRefs","isDisabled","isToday","handleSelect","handleKeyDown","handleClick","useCallback","handleKeyDownForIndex","e","jsx","el","cn","CALENDAR_MONTH_VIEW_STYLES"],"mappings":"snbAQMA,EAAsBC,EAAAA,KAAK,CAAC,CAC9B,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,cAAAC,CACJ,IAAgC,CAC5B,MAAMC,EAAcC,EAAAA,YAChB,IAAMH,EAAaP,CAAK,EACxB,CAACO,EAAcP,CAAK,CAAA,EAElBW,EAAwBD,EAAAA,YACzBE,GAA8CJ,EAAcI,EAAGZ,CAAK,EACrE,CAACQ,EAAeR,CAAK,CAAA,EAGzB,OACIa,EAAAA,IAAC,SAAA,CAEG,IAAKC,GAAM,CAAEV,EAAW,QAAQJ,CAAK,EAAIc,CAAG,EAC5C,SAAUX,EAAY,EAAI,GAC1B,SAAUE,EAAWL,CAAK,EAC1B,eAAcE,EACd,UAAWa,EAAAA,GACPC,EAAAA,2BAA2B,KAC3BV,EAAQN,CAAK,GAAK,CAACE,GAAcc,EAAAA,2BAA2B,UAC5Dd,GAAcc,EAAAA,2BAA2B,YAAA,EAE7C,QAASP,EACT,UAAWE,EAEV,SAAAV,CAAA,EAbID,CAAA,CAgBjB,CAAC,EAEDF,EAAoB,YAAc"}

package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.d.ts

@@ -0,0 +1,4 @@
+import { CalendarMonthButtonProps } from './types/CalendarMonthButton.props.ts';
+import { MemoExoticComponent } from 'react';
+declare const CalendarMonthButton: MemoExoticComponent<({ index, label, isSelected, isFocused, buttonRefs, isDisabled, isToday, handleSelect, handleKeyDown, }: CalendarMonthButtonProps) => import("react").JSX.Element>;
+export default CalendarMonthButton;

package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.js

@@ -0,0 +1,218 @@
+import { jsx as C } from "react/jsx-runtime";
+import { memo as b, useCallback as a } from "react";
+import "../../../../../../theme-provider/ThemeProvider.js";
+import "../../../../../../theme-provider/ThemeProvider.context.js";
+import "../../../../../../data-display/avatar/Avatar.js";
+import "../../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.js";
+import "../../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.js";
+import "../../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.js";
+import "../../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.js";
+import "../../../../../../data-display/avatar-group/AvatarGroup.js";
+import "../../../../../../data-display/badge/Badge.js";
+import "../../../../../../data-display/badge/styles/Badge.css.js";
+import "../../../../../../data-display/table/Table.js";
+import "../../../../../../data-display/table/styles/Table.css.js";
+/* empty css                                                     */
+/* empty css                                                                                                 */
+/* empty css                                                                                             */
+/* empty css                                                                                                 */
+import "../../../../../../data-display/table/components/table-row/styles/TableRow.css.js";
+import "../../../../../../data-display/table/components/table-head/styles/TableHead.css.js";
+import "../../../../../../data-display/table/components/table-cell/styles/TableCell.css.js";
+/* empty css                                                                                                   */
+import "../../../../../../actions/button/Button.js";
+import "../../../../../../actions/button/styles/Button.css.js";
+import "../../../../../../actions/icon-button/IconButton.js";
+import "../../../../../../actions/icon-button/styles/IconButton.css.js";
+import "../../../../../../actions/toggle/Toggle.js";
+import "../../../../../../actions/toggle/styles/Toggle.css.js";
+import "../../../../../../actions/toggle-group/ToggleGroup.js";
+import "../../../../../../actions/toggle-group/styles/ToggleGroup.css.js";
+import "../../../../../../foundation/icon/Icon.js";
+import "../../../../../../foundation/icon/styles/Icon.css.js";
+import "../../../../../../foundation/typography/Typography.js";
+import "../../../../../../foundation/typography/styles/Typography.css.js";
+import "../../../../../autocomplete/Autocomplete.js";
+import "../../../../../autocomplete/components/autocomplete-input/AutocompleteInput.js";
+import "../../../../../autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.js";
+import "../../../../../autocomplete/components/autocomplete-trigger/AutocompleteTrigger.js";
+/* empty css                                                                                                        */
+import "../../../../../autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.js";
+import "../../../../../autocomplete/components/autocomplete-icon/AutocompleteIcon.js";
+import "../../../../../autocomplete/components/autocomplete-clear/AutocompleteClear.js";
+import "../../../../../autocomplete/components/autocomplete-content/AutocompleteContent.js";
+/* empty css                                                                       */
+/* empty css                                                                        */
+/* empty css                                                                                */
+/* empty css                                                                             */
+/* empty css                                                                              */
+/* empty css                                                                           */
+/* empty css                                                                            */
+/* empty css                                                                              */
+/* empty css                                                                               */
+/* empty css                                                                             */
+/* empty css                                                                              */
+/* empty css                                                                              */
+/* empty css                                                                                                        */
+import "../../../../../autocomplete/components/autocomplete-list/AutocompleteList.js";
+import "../../../../../autocomplete/components/autocomplete-group/AutocompleteGroup.js";
+import "../../../../../autocomplete/components/autocomplete-label/AutocompleteLabel.js";
+import "../../../../../autocomplete/components/autocomplete-item/AutocompleteItem.js";
+/* empty css                                                                                                  */
+import "../../../../../autocomplete/components/autocomplete-empty/AutocompleteEmpty.js";
+import "../../../../../autocomplete/components/autocomplete-separator/AutocompleteSeparator.js";
+/* empty css                                                                                                            */
+import "../../../../../autocomplete/components/autocomplete-status/AutocompleteStatus.js";
+import "../../../../../autocomplete/components/autocomplete-collection/AutocompleteCollection.js";
+import "../../../../../autocomplete/components/autocomplete-field/AutocompleteField.js";
+/* empty css                                                                 */
+import "../../../../Calendar.js";
+/* empty css                                                 */
+/* empty css                                                                  */
+/* empty css                                                 */
+/* empty css                                                      */
+import { CALENDAR_MONTH_VIEW_STYLES as m } from "../../styles/CalendarMonthView.css.js";
+/* empty css                                                                     */
+import "../../../../../checkbox/Checkbox.js";
+/* empty css                                                         */
+import "../../../../../date-picker/DatePicker.js";
+/* empty css                                                              */
+import "../../../../../radio-group/RadioGroup.js";
+/* empty css                                                                                   */
+import "../../../../../select/Select.js";
+import "../../../../../select/components/select-trigger/SelectTrigger.js";
+import "../../../../../select/components/select-trigger/styles/SelectTrigger.css.js";
+import "../../../../../select/components/select-content/SelectContent.js";
+/* empty css                                                                                      */
+import "../../../../../select/components/select-list/SelectList.js";
+import "../../../../../select/components/select-group/SelectGroup.js";
+import "../../../../../select/components/select-label/SelectLabel.js";
+/* empty css                                                                                  */
+import "../../../../../select/components/select-item/SelectItem.js";
+/* empty css                                                                                */
+import "../../../../../select/components/select-separator/SelectSeparator.js";
+/* empty css                                                                                          */
+import "../../../../../select/components/select-field/SelectField.js";
+/* empty css                                                     */
+import "../../../../../switch/Switch.js";
+import "../../../../../switch/styles/Switch.css.js";
+import "../../../../../text-area/TextArea.js";
+import "../../../../../text-area/styles/TextArea.css.js";
+/* empty css                                                         */
+/* empty css                                                                                          */
+/* empty css                                                                                                   */
+/* empty css                                                                                                   */
+import "../../../../../text-field/TextField.js";
+import "../../../../../text-field/styles/TextField.css.js";
+/* empty css                                                                                             */
+/* empty css                                                                                                      */
+/* empty css                                                                                                      */
+/* empty css                                                              */
+/* empty css                                                           */
+import "../../../../../_shared/components/helper-text/HelperText.js";
+import "../../../../../../layout/box/Box.js";
+import "../../../../../../layout/box/styles/Box.css.js";
+import "../../../../../../layout/flex/Flex.js";
+import "../../../../../../layout/flex/styles/Flex.css.js";
+import "../../../../../../layout/grid/Grid.js";
+import "../../../../../../layout/grid/styles/Grid.css.js";
+import "../../../../../../layout/image/Image.js";
+import "../../../../../../layout/image/styles/Image.css.js";
+import "../../../../../../layout/separator/Separator.js";
+import "../../../../../../layout/separator/styles/Separator.css.js";
+import "../../../../../../layout/form/Form.js";
+/* empty css                                                           */
+import "../../../../../../layout/fieldset/Fieldset.js";
+/* empty css                                                                   */
+import "../../../../../../layout/legend/Legend.js";
+/* empty css                                                               */
+import "../../../../../../surfaces/accordion/Accordion.js";
+/* empty css                                                                       */
+import "../../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.js";
+/* empty css                                                                                                           */
+/* empty css                                                                                                           */
+import "../../../../../../surfaces/card/Card.js";
+/* empty css                                                             */
+/* empty css                                                                                          */
+import "../../../../../../surfaces/collapsible/Collapsible.js";
+/* empty css                                                                           */
+/* empty css                                                                                                                 */
+/* empty css                                                                                                             */
+import "../../../../../../navigation/tabs/Tabs.js";
+/* empty css                                                                                              */
+import "../../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.js";
+import "../../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js";
+import "../../../../../../navigation/link/Link.js";
+/* empty css                                                               */
+import "../../../../../../overlay/tooltip/Tooltip.js";
+import "../../../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+/* empty css                                                                  */
+import "../../../../../../overlay/dropdown-menu/index.js";
+import "../../../../../../overlay/popover/Popover.js";
+/* empty css                                                                                            */
+import "../../../../../../overlay/hover-card/HoverCard.js";
+import "../../../../../../overlay/dialog/Dialog.js";
+/* empty css                                                                */
+/* empty css                                                                                               */
+import "../../../../../../overlay/drawer/Drawer.js";
+import "../../../../../../overlay/drawer/styles/Drawer.css.js";
+import "../../../../../../overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.js";
+import "../../../../../../overlay/drawer/context/Drawer.context.js";
+import "../../../../../../overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.js";
+import "../../../../../../feedback/skeleton/Skeleton.js";
+import "../../../../../../feedback/skeleton/styles/Skeleton.css.js";
+import "../../../../../../feedback/callout/Callout.js";
+import "../../../../../../feedback/callout/styles/Callout.css.js";
+/* empty css                                                                                               */
+import "../../../../../../feedback/toast/Toast.js";
+import "../../../../../../feedback/toast/styles/Toast.css.js";
+/* empty css                                                                                         */
+import "../../../../../../feedback/progress/Progress.js";
+import "../../../../../../feedback/progress/CircularProgress.js";
+import "../../../../../../feedback/progress/styles/Progress.css.js";
+import "../../../../../../feedback/progress/constants/progressColors.const.js";
+import { cn as N } from "../../../../../../../utils/cn.js";
+const d = b(({
+  index: o,
+  label: n,
+  isSelected: t,
+  isFocused: s,
+  buttonRefs: e,
+  isDisabled: l,
+  isToday: c,
+  handleSelect: p,
+  handleKeyDown: i
+}) => {
+  const u = a(
+    () => p(o),
+    [p, o]
+  ), f = a(
+    (r) => i(r, o),
+    [i, o]
+  );
+  return /* @__PURE__ */ C(
+    "button",
+    {
+      ref: (r) => {
+        e.current[o] = r;
+      },
+      tabIndex: s ? 0 : -1,
+      disabled: l(o),
+      "aria-pressed": t,
+      className: N(
+        m.item,
+        c(o) && !t && m.itemToday,
+        t && m.itemSelected
+      ),
+      onClick: u,
+      onKeyDown: f,
+      children: n
+    },
+    o
+  );
+});
+d.displayName = "CalendarMonthButton";
+export {
+  d as default
+};
+//# sourceMappingURL=CalendarMonthButton.js.map

package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthButton.js","sources":["../../../../../../../../src/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\n\r\nimport { CALENDAR_MONTH_VIEW_STYLES } from '@components'\r\nimport { cn } from '@utils/cn.ts'\r\nimport type {\r\n    CalendarMonthButtonProps\r\n} from '@components/forms/calendar/components/calendar-month-view/components/calendar-month-button/types/CalendarMonthButton.props.ts'\r\n\r\nconst CalendarMonthButton = memo(({\r\n    index,\r\n    label,\r\n    isSelected,\r\n    isFocused,\r\n    buttonRefs,\r\n    isDisabled,\r\n    isToday,\r\n    handleSelect,\r\n    handleKeyDown,\r\n}: CalendarMonthButtonProps) => {\r\n    const handleClick = useCallback(\r\n        () => handleSelect(index),\r\n        [handleSelect, index],\r\n    )\r\n    const handleKeyDownForIndex = useCallback(\r\n        (e: React.KeyboardEvent<HTMLButtonElement>) => handleKeyDown(e, index),\r\n        [handleKeyDown, index],\r\n    )\r\n\r\n    return (\r\n        <button\r\n            key={index}\r\n            ref={el => { buttonRefs.current[index] = el }}\r\n            tabIndex={isFocused ? 0 : -1}\r\n            disabled={isDisabled(index)}\r\n            aria-pressed={isSelected}\r\n            className={cn(\r\n                CALENDAR_MONTH_VIEW_STYLES.item,\r\n                isToday(index) && !isSelected && CALENDAR_MONTH_VIEW_STYLES.itemToday,\r\n                isSelected && CALENDAR_MONTH_VIEW_STYLES.itemSelected,\r\n            )}\r\n            onClick={handleClick}\r\n            onKeyDown={handleKeyDownForIndex}\r\n        >\r\n            {label}\r\n        </button>\r\n    )\r\n})\r\n\r\nCalendarMonthButton.displayName = 'CalendarMonthButton'\r\n\r\nexport default CalendarMonthButton\r\n"],"names":["CalendarMonthButton","memo","index","label","isSelected","isFocused","buttonRefs","isDisabled","isToday","handleSelect","handleKeyDown","handleClick","useCallback","handleKeyDownForIndex","e","jsx","el","cn","CALENDAR_MONTH_VIEW_STYLES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAsBC,EAAK,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AACJ,MAAgC;AAC5B,QAAMC,IAAcC;AAAA,IAChB,MAAMH,EAAaP,CAAK;AAAA,IACxB,CAACO,GAAcP,CAAK;AAAA,EAAA,GAElBW,IAAwBD;AAAA,IAC1B,CAACE,MAA8CJ,EAAcI,GAAGZ,CAAK;AAAA,IACrE,CAACQ,GAAeR,CAAK;AAAA,EAAA;AAGzB,SACI,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,KAAK,CAAAC,MAAM;AAAE,QAAAV,EAAW,QAAQJ,CAAK,IAAIc;AAAA,MAAG;AAAA,MAC5C,UAAUX,IAAY,IAAI;AAAA,MAC1B,UAAUE,EAAWL,CAAK;AAAA,MAC1B,gBAAcE;AAAA,MACd,WAAWa;AAAA,QACPC,EAA2B;AAAA,QAC3BV,EAAQN,CAAK,KAAK,CAACE,KAAcc,EAA2B;AAAA,QAC5Dd,KAAcc,EAA2B;AAAA,MAAA;AAAA,MAE7C,SAASP;AAAA,MACT,WAAWE;AAAA,MAEV,UAAAV;AAAA,IAAA;AAAA,IAbID;AAAA,EAAA;AAgBjB,CAAC;AAEDF,EAAoB,cAAc;"}

package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/types/CalendarMonthButton.props.d.ts

@@ -0,0 +1,11 @@
+export type CalendarMonthButtonProps = {
+    index: number;
+    label: string;
+    isSelected: boolean;
+    isFocused: boolean;
+    buttonRefs: React.MutableRefObject<Array<HTMLButtonElement | null>>;
+    isDisabled: (monthIndex: number) => boolean;
+    isToday: (monthIndex: number) => boolean;
+    handleSelect: (monthIndex: number) => void;
+    handleKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => void;
+};

package/dist/components/forms/calendar/components/calendar-month-view/constants/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=3,n=Array.from({length:12},(r,t)=>{const e=new Intl.DateTimeFormat(void 0,{month:"long"}).format(new Date(2e3,t,1));return e.charAt(0).toUpperCase()+e.slice(1)});exports.GRID_COLS=o;exports.MONTH_LABELS=n;
+//# sourceMappingURL=index.cjs.map

package/dist/components/forms/calendar/components/calendar-month-view/constants/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../../../src/components/forms/calendar/components/calendar-month-view/constants/index.ts"],"sourcesContent":["export const GRID_COLS = 3\r\n\r\nexport const MONTH_LABELS = Array.from({ length: 12 }, (_, i) => {\r\n    const name = new Intl.DateTimeFormat(undefined, { month: 'long' }).format(new Date(2000, i, 1))\r\n    return name.charAt(0).toUpperCase() + name.slice(1)\r\n})\r\n"],"names":["GRID_COLS","MONTH_LABELS","_","i","name"],"mappings":"gFAAO,MAAMA,EAAY,EAEZC,EAAe,MAAM,KAAK,CAAE,OAAQ,IAAM,CAACC,EAAGC,IAAM,CAC7D,MAAMC,EAAO,IAAI,KAAK,eAAe,OAAW,CAAE,MAAO,MAAA,CAAQ,EAAE,OAAO,IAAI,KAAK,IAAMD,EAAG,CAAC,CAAC,EAC9F,OAAOC,EAAK,OAAO,CAAC,EAAE,cAAgBA,EAAK,MAAM,CAAC,CACtD,CAAC"}

package/dist/components/forms/calendar/components/calendar-month-view/constants/index.d.ts

@@ -0,0 +1,2 @@
+export declare const GRID_COLS = 3;
+export declare const MONTH_LABELS: string[];

package/dist/components/forms/calendar/components/calendar-month-view/constants/index.js

@@ -0,0 +1,9 @@
+const o = 3, r = Array.from({ length: 12 }, (n, e) => {
+  const t = new Intl.DateTimeFormat(void 0, { month: "long" }).format(new Date(2e3, e, 1));
+  return t.charAt(0).toUpperCase() + t.slice(1);
+});
+export {
+  o as GRID_COLS,
+  r as MONTH_LABELS
+};
+//# sourceMappingURL=index.js.map

package/dist/components/forms/calendar/components/calendar-month-view/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/forms/calendar/components/calendar-month-view/constants/index.ts"],"sourcesContent":["export const GRID_COLS = 3\r\n\r\nexport const MONTH_LABELS = Array.from({ length: 12 }, (_, i) => {\r\n    const name = new Intl.DateTimeFormat(undefined, { month: 'long' }).format(new Date(2000, i, 1))\r\n    return name.charAt(0).toUpperCase() + name.slice(1)\r\n})\r\n"],"names":["GRID_COLS","MONTH_LABELS","_","i","name"],"mappings":"AAAO,MAAMA,IAAY,GAEZC,IAAe,MAAM,KAAK,EAAE,QAAQ,MAAM,CAACC,GAAGC,MAAM;AAC7D,QAAMC,IAAO,IAAI,KAAK,eAAe,QAAW,EAAE,OAAO,OAAA,CAAQ,EAAE,OAAO,IAAI,KAAK,KAAMD,GAAG,CAAC,CAAC;AAC9F,SAAOC,EAAK,OAAO,CAAC,EAAE,gBAAgBA,EAAK,MAAM,CAAC;AACtD,CAAC;"}

package/dist/components/forms/calendar/components/calendar-month-view/hooks/useCalendarMonthView.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),D=require("../../../context/calendarContext.cjs"),C=require("../constants/index.cjs"),g=()=>{const{currentMonth:c,setCurrentMonth:l,setView:u,startYear:i,endYear:d}=D.useCalendarContext(),r=new Date,t=c.getFullYear(),f=c.getMonth(),[o,M]=s.useState(f),h=s.useRef([]);s.useEffect(()=>{h.current[o]?.focus()},[o]);const w=s.useCallback((e,n)=>{let a;if(e.key==="ArrowRight")a=Math.min(n+1,11);else if(e.key==="ArrowLeft")a=Math.max(n-1,0);else if(e.key==="ArrowDown")a=Math.min(n+C.GRID_COLS,11);else if(e.key==="ArrowUp")a=Math.max(n-C.GRID_COLS,0);else return;e.preventDefault(),M(a)},[]),y=s.useCallback(e=>{l(new Date(t,e,1)),u("day")},[t,l,u]),b=s.useCallback(e=>t===i&&e<0||t===d&&e>11,[t,i,d]),k=s.useCallback(e=>r.getFullYear()===t&&r.getMonth()===e,[t,r]);return{year:t,selectedMonth:f,focusedIndex:o,buttonRefs:h,handleKeyDown:w,handleSelect:y,isDisabled:b,isToday:k}};exports.useCalendarMonthView=g;
+//# sourceMappingURL=useCalendarMonthView.hook.cjs.map

package/dist/components/forms/calendar/components/calendar-month-view/hooks/useCalendarMonthView.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarMonthView.hook.cjs","sources":["../../../../../../../src/components/forms/calendar/components/calendar-month-view/hooks/useCalendarMonthView.hook.ts"],"sourcesContent":["import { type KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react'\r\n\r\nimport { useCalendarContext } from '@components/forms/calendar/context/calendarContext.ts'\r\nimport { GRID_COLS } from '@components/forms/calendar/components/calendar-month-view/constants'\r\n\r\nexport const useCalendarMonthView = () => {\r\n    const { currentMonth, setCurrentMonth, setView, startYear, endYear } = useCalendarContext()\r\n\r\n    const today = new Date()\r\n    const year = currentMonth.getFullYear()\r\n    const selectedMonth = currentMonth.getMonth()\r\n\r\n    const [focusedIndex, setFocusedIndex] = useState(selectedMonth)\r\n    const buttonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n\r\n    useEffect(() => {\r\n        buttonRefs.current[focusedIndex]?.focus()\r\n    }, [focusedIndex])\r\n\r\n    const handleKeyDown = useCallback(\r\n        (event: KeyboardEvent<HTMLButtonElement>, index: number) => {\r\n            let next: number\r\n            if (event.key === 'ArrowRight') {next = Math.min(index + 1, 11)}\r\n            else if (event.key === 'ArrowLeft') {next = Math.max(index - 1, 0)}\r\n            else if (event.key === 'ArrowDown') {next = Math.min(index + GRID_COLS, 11)}\r\n            else if (event.key === 'ArrowUp') {next = Math.max(index - GRID_COLS, 0)}\r\n            else {return}\r\n\r\n            event.preventDefault()\r\n            setFocusedIndex(next)\r\n        },\r\n        [],\r\n    )\r\n\r\n    const handleSelect = useCallback(\r\n        (monthIndex: number) => {\r\n            setCurrentMonth(new Date(year, monthIndex, 1))\r\n            setView('day')\r\n        },\r\n        [year, setCurrentMonth, setView],\r\n    )\r\n\r\n    const isDisabled = useCallback(\r\n        (monthIndex: number) =>\r\n            (year === startYear && monthIndex < 0) || (year === endYear && monthIndex > 11),\r\n        [year, startYear, endYear],\r\n    )\r\n\r\n    const isToday = useCallback(\r\n        (monthIndex: number) =>\r\n            today.getFullYear() === year && today.getMonth() === monthIndex,\r\n        [year, today],\r\n    )\r\n\r\n    return {\r\n        year,\r\n        selectedMonth,\r\n        focusedIndex,\r\n        buttonRefs,\r\n        handleKeyDown,\r\n        handleSelect,\r\n        isDisabled,\r\n        isToday,\r\n    }\r\n}\r\n"],"names":["useCalendarMonthView","currentMonth","setCurrentMonth","setView","startYear","endYear","useCalendarContext","today","year","selectedMonth","focusedIndex","setFocusedIndex","useState","buttonRefs","useRef","useEffect","handleKeyDown","useCallback","event","index","next","GRID_COLS","handleSelect","monthIndex","isDisabled","isToday"],"mappings":"+LAKaA,EAAuB,IAAM,CACtC,KAAM,CAAE,aAAAC,EAAc,gBAAAC,EAAiB,QAAAC,EAAS,UAAAC,EAAW,QAAAC,CAAA,EAAYC,qBAAA,EAEjEC,MAAY,KACZC,EAAOP,EAAa,YAAA,EACpBQ,EAAgBR,EAAa,SAAA,EAE7B,CAACS,EAAcC,CAAe,EAAIC,EAAAA,SAASH,CAAa,EACxDI,EAAaC,EAAAA,OAAwC,EAAE,EAE7DC,EAAAA,UAAU,IAAM,CACZF,EAAW,QAAQH,CAAY,GAAG,MAAA,CACtC,EAAG,CAACA,CAAY,CAAC,EAEjB,MAAMM,EAAgBC,EAAAA,YAClB,CAACC,EAAyCC,IAAkB,CACxD,IAAIC,EACJ,GAAIF,EAAM,MAAQ,aAAeE,EAAO,KAAK,IAAID,EAAQ,EAAG,EAAE,UACrDD,EAAM,MAAQ,YAAcE,EAAO,KAAK,IAAID,EAAQ,EAAG,CAAC,UACxDD,EAAM,MAAQ,YAAcE,EAAO,KAAK,IAAID,EAAQE,EAAAA,UAAW,EAAE,UACjEH,EAAM,MAAQ,UAAYE,EAAO,KAAK,IAAID,EAAQE,EAAAA,UAAW,CAAC,MACjE,QAENH,EAAM,eAAA,EACNP,EAAgBS,CAAI,CACxB,EACA,CAAA,CAAC,EAGCE,EAAeL,EAAAA,YAChBM,GAAuB,CACpBrB,EAAgB,IAAI,KAAKM,EAAMe,EAAY,CAAC,CAAC,EAC7CpB,EAAQ,KAAK,CACjB,EACA,CAACK,EAAMN,EAAiBC,CAAO,CAAA,EAG7BqB,EAAaP,EAAAA,YACdM,GACIf,IAASJ,GAAamB,EAAa,GAAOf,IAASH,GAAWkB,EAAa,GAChF,CAACf,EAAMJ,EAAWC,CAAO,CAAA,EAGvBoB,EAAUR,EAAAA,YACXM,GACGhB,EAAM,YAAA,IAAkBC,GAAQD,EAAM,aAAegB,EACzD,CAACf,EAAMD,CAAK,CAAA,EAGhB,MAAO,CACH,KAAAC,EACA,cAAAC,EACA,aAAAC,EACA,WAAAG,EACA,cAAAG,EACA,aAAAM,EACA,WAAAE,EACA,QAAAC,CAAA,CAER"}

package/dist/components/forms/calendar/components/calendar-month-view/hooks/useCalendarMonthView.hook.d.ts

@@ -0,0 +1,11 @@
+import { KeyboardEvent, RefObject } from 'react';
+export declare const useCalendarMonthView: () => {
+    year: number;
+    selectedMonth: number;
+    focusedIndex: number;
+    buttonRefs: RefObject<(HTMLButtonElement | null)[]>;
+    handleKeyDown: (event: KeyboardEvent<HTMLButtonElement>, index: number) => void;
+    handleSelect: (monthIndex: number) => void;
+    isDisabled: (monthIndex: number) => boolean;
+    isToday: (monthIndex: number) => boolean;
+};

package/dist/components/forms/calendar/components/calendar-month-view/hooks/useCalendarMonthView.hook.js

@@ -0,0 +1,51 @@
+import { useState as C, useRef as g, useEffect as k, useCallback as s } from "react";
+import { useCalendarContext as A } from "../../../context/calendarContext.js";
+import { GRID_COLS as w } from "../constants/index.js";
+const x = () => {
+  const { currentMonth: c, setCurrentMonth: l, setView: u, startYear: f, endYear: h } = A(), n = /* @__PURE__ */ new Date(), t = c.getFullYear(), i = c.getMonth(), [a, M] = C(i), d = g([]);
+  k(() => {
+    d.current[a]?.focus();
+  }, [a]);
+  const m = s(
+    (e, r) => {
+      let o;
+      if (e.key === "ArrowRight")
+        o = Math.min(r + 1, 11);
+      else if (e.key === "ArrowLeft")
+        o = Math.max(r - 1, 0);
+      else if (e.key === "ArrowDown")
+        o = Math.min(r + w, 11);
+      else if (e.key === "ArrowUp")
+        o = Math.max(r - w, 0);
+      else
+        return;
+      e.preventDefault(), M(o);
+    },
+    []
+  ), y = s(
+    (e) => {
+      l(new Date(t, e, 1)), u("day");
+    },
+    [t, l, u]
+  ), D = s(
+    (e) => t === f && e < 0 || t === h && e > 11,
+    [t, f, h]
+  ), p = s(
+    (e) => n.getFullYear() === t && n.getMonth() === e,
+    [t, n]
+  );
+  return {
+    year: t,
+    selectedMonth: i,
+    focusedIndex: a,
+    buttonRefs: d,
+    handleKeyDown: m,
+    handleSelect: y,
+    isDisabled: D,
+    isToday: p
+  };
+};
+export {
+  x as useCalendarMonthView
+};
+//# sourceMappingURL=useCalendarMonthView.hook.js.map

package/dist/components/forms/calendar/components/calendar-month-view/hooks/useCalendarMonthView.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarMonthView.hook.js","sources":["../../../../../../../src/components/forms/calendar/components/calendar-month-view/hooks/useCalendarMonthView.hook.ts"],"sourcesContent":["import { type KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react'\r\n\r\nimport { useCalendarContext } from '@components/forms/calendar/context/calendarContext.ts'\r\nimport { GRID_COLS } from '@components/forms/calendar/components/calendar-month-view/constants'\r\n\r\nexport const useCalendarMonthView = () => {\r\n    const { currentMonth, setCurrentMonth, setView, startYear, endYear } = useCalendarContext()\r\n\r\n    const today = new Date()\r\n    const year = currentMonth.getFullYear()\r\n    const selectedMonth = currentMonth.getMonth()\r\n\r\n    const [focusedIndex, setFocusedIndex] = useState(selectedMonth)\r\n    const buttonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n\r\n    useEffect(() => {\r\n        buttonRefs.current[focusedIndex]?.focus()\r\n    }, [focusedIndex])\r\n\r\n    const handleKeyDown = useCallback(\r\n        (event: KeyboardEvent<HTMLButtonElement>, index: number) => {\r\n            let next: number\r\n            if (event.key === 'ArrowRight') {next = Math.min(index + 1, 11)}\r\n            else if (event.key === 'ArrowLeft') {next = Math.max(index - 1, 0)}\r\n            else if (event.key === 'ArrowDown') {next = Math.min(index + GRID_COLS, 11)}\r\n            else if (event.key === 'ArrowUp') {next = Math.max(index - GRID_COLS, 0)}\r\n            else {return}\r\n\r\n            event.preventDefault()\r\n            setFocusedIndex(next)\r\n        },\r\n        [],\r\n    )\r\n\r\n    const handleSelect = useCallback(\r\n        (monthIndex: number) => {\r\n            setCurrentMonth(new Date(year, monthIndex, 1))\r\n            setView('day')\r\n        },\r\n        [year, setCurrentMonth, setView],\r\n    )\r\n\r\n    const isDisabled = useCallback(\r\n        (monthIndex: number) =>\r\n            (year === startYear && monthIndex < 0) || (year === endYear && monthIndex > 11),\r\n        [year, startYear, endYear],\r\n    )\r\n\r\n    const isToday = useCallback(\r\n        (monthIndex: number) =>\r\n            today.getFullYear() === year && today.getMonth() === monthIndex,\r\n        [year, today],\r\n    )\r\n\r\n    return {\r\n        year,\r\n        selectedMonth,\r\n        focusedIndex,\r\n        buttonRefs,\r\n        handleKeyDown,\r\n        handleSelect,\r\n        isDisabled,\r\n        isToday,\r\n    }\r\n}\r\n"],"names":["useCalendarMonthView","currentMonth","setCurrentMonth","setView","startYear","endYear","useCalendarContext","today","year","selectedMonth","focusedIndex","setFocusedIndex","useState","buttonRefs","useRef","useEffect","handleKeyDown","useCallback","event","index","next","GRID_COLS","handleSelect","monthIndex","isDisabled","isToday"],"mappings":";;;AAKO,MAAMA,IAAuB,MAAM;AACtC,QAAM,EAAE,cAAAC,GAAc,iBAAAC,GAAiB,SAAAC,GAAS,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA,GAEjEC,wBAAY,KAAA,GACZC,IAAOP,EAAa,YAAA,GACpBQ,IAAgBR,EAAa,SAAA,GAE7B,CAACS,GAAcC,CAAe,IAAIC,EAASH,CAAa,GACxDI,IAAaC,EAAwC,EAAE;AAE7D,EAAAC,EAAU,MAAM;AACZ,IAAAF,EAAW,QAAQH,CAAY,GAAG,MAAA;AAAA,EACtC,GAAG,CAACA,CAAY,CAAC;AAEjB,QAAMM,IAAgBC;AAAA,IAClB,CAACC,GAAyCC,MAAkB;AACxD,UAAIC;AACJ,UAAIF,EAAM,QAAQ;AAAe,QAAAE,IAAO,KAAK,IAAID,IAAQ,GAAG,EAAE;AAAA,eACrDD,EAAM,QAAQ;AAAc,QAAAE,IAAO,KAAK,IAAID,IAAQ,GAAG,CAAC;AAAA,eACxDD,EAAM,QAAQ;AAAc,QAAAE,IAAO,KAAK,IAAID,IAAQE,GAAW,EAAE;AAAA,eACjEH,EAAM,QAAQ;AAAY,QAAAE,IAAO,KAAK,IAAID,IAAQE,GAAW,CAAC;AAAA;AACjE;AAEN,MAAAH,EAAM,eAAA,GACNP,EAAgBS,CAAI;AAAA,IACxB;AAAA,IACA,CAAA;AAAA,EAAC,GAGCE,IAAeL;AAAA,IACjB,CAACM,MAAuB;AACpB,MAAArB,EAAgB,IAAI,KAAKM,GAAMe,GAAY,CAAC,CAAC,GAC7CpB,EAAQ,KAAK;AAAA,IACjB;AAAA,IACA,CAACK,GAAMN,GAAiBC,CAAO;AAAA,EAAA,GAG7BqB,IAAaP;AAAA,IACf,CAACM,MACIf,MAASJ,KAAamB,IAAa,KAAOf,MAASH,KAAWkB,IAAa;AAAA,IAChF,CAACf,GAAMJ,GAAWC,CAAO;AAAA,EAAA,GAGvBoB,IAAUR;AAAA,IACZ,CAACM,MACGhB,EAAM,YAAA,MAAkBC,KAAQD,EAAM,eAAegB;AAAA,IACzD,CAACf,GAAMD,CAAK;AAAA,EAAA;AAGhB,SAAO;AAAA,IACH,MAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAG;AAAA,IACA,eAAAG;AAAA,IACA,cAAAM;AAAA,IACA,YAAAE;AAAA,IACA,SAAAC;AAAA,EAAA;AAER;"}

package/dist/components/forms/calendar/components/calendar-month-view/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CalendarMonthView } from './CalendarMonthView.tsx';
+export { CALENDAR_MONTH_VIEW_STYLES } from './styles/CalendarMonthView.css.ts';

package/dist/components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                       */var e={item:"_1e13drl0",itemToday:"_1e13drl1",itemSelected:"_1e13drl2"};exports.CALENDAR_MONTH_VIEW_STYLES=e;
+//# sourceMappingURL=CalendarMonthView.css.cjs.map

package/dist/components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthView.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.d.ts

@@ -0,0 +1,5 @@
+export declare const CALENDAR_MONTH_VIEW_STYLES: {
+    item: string;
+    itemToday: string;
+    itemSelected: string;
+};

package/dist/components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                     */
+var t = { item: "_1e13drl0", itemToday: "_1e13drl1", itemSelected: "_1e13drl2" };
+export {
+  t as CALENDAR_MONTH_VIEW_STYLES
+};
+//# sourceMappingURL=CalendarMonthView.css.js.map

package/dist/components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthView.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/calendar/components/calendar-year-view/CalendarYearView.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),x=require("react"),y=require("../../constants/index.cjs"),m=require("./hooks/useCalendarYearView.hook.cjs"),q=require("../../../../layout/grid/Grid.cjs"),Y=require("./components/calendar-year-button/CalendarYearButton.cjs"),n=x.memo(()=>{const{year:s,decadeStart:t,focusedIndex:o,buttonRefs:d,handleKeyDown:i,handleSelect:c,isDisabled:u,isToday:l}=m.useCalendarYearView();return a.jsx(q,{columns:3,gap:"xs",children:Array.from({length:y.YEARS_PER_PAGE},(h,e)=>{const r=t+e;return a.jsx(Y,{year:r,index:e,isSelected:s===r,isFocused:e===o,buttonRefs:d,isDisabled:u,isToday:l,handleSelect:c,handleKeyDown:i},r)})})});n.displayName="CalendarYearView";module.exports=n;
+//# sourceMappingURL=CalendarYearView.cjs.map

package/dist/components/forms/calendar/components/calendar-year-view/CalendarYearView.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarYearView.cjs","sources":["../../../../../../src/components/forms/calendar/components/calendar-year-view/CalendarYearView.tsx"],"sourcesContent":["import { memo, type ReactElement } from 'react'\r\n\r\nimport { YEARS_PER_PAGE } from '@components/forms/calendar/constants'\r\nimport { useCalendarYearView } from '@components/forms/calendar/components/calendar-year-view/hooks/useCalendarYearView.hook.ts'\r\nimport Grid from '@components/layout/grid/Grid.tsx'\r\nimport CalendarYearButton\r\n    from '@components/forms/calendar/components/calendar-year-view/components/calendar-year-button/CalendarYearButton.tsx'\r\n\r\n/**\r\n * Year picker: 3×4 grid of years for the current decade page.\r\n * Clicking a year navigates to that year and opens the month picker.\r\n * Supports keyboard arrow navigation (roving tabindex).\r\n */\r\nconst CalendarYearView = memo((): ReactElement => {\r\n    const {\r\n        year,\r\n        decadeStart,\r\n        focusedIndex,\r\n        buttonRefs,\r\n        handleKeyDown,\r\n        handleSelect,\r\n        isDisabled,\r\n        isToday,\r\n    } = useCalendarYearView()\r\n\r\n    return (\r\n        <Grid\r\n            columns={3}\r\n            gap={'xs'}\r\n        >\r\n            {Array.from({ length: YEARS_PER_PAGE }, (_, i) => {\r\n                const y = decadeStart + i\r\n\r\n                return (\r\n                    <CalendarYearButton\r\n                        key={y}\r\n                        year={y}\r\n                        index={i}\r\n                        isSelected={year === y}\r\n                        isFocused={i === focusedIndex}\r\n                        buttonRefs={buttonRefs}\r\n                        isDisabled={isDisabled}\r\n                        isToday={isToday}\r\n                        handleSelect={handleSelect}\r\n                        handleKeyDown={handleKeyDown}\r\n                    />\r\n                )\r\n            })}\r\n        </Grid>\r\n    )\r\n})\r\n\r\nCalendarYearView.displayName = 'CalendarYearView'\r\n\r\nexport default CalendarYearView\r\n"],"names":["CalendarYearView","memo","year","decadeStart","focusedIndex","buttonRefs","handleKeyDown","handleSelect","isDisabled","isToday","useCalendarYearView","jsx","Grid","YEARS_PER_PAGE","_","i","y","CalendarYearButton"],"mappings":"kRAaMA,EAAmBC,EAAAA,KAAK,IAAoB,CAC9C,KAAM,CACF,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,cAAAC,EACA,aAAAC,EACA,WAAAC,EACA,QAAAC,CAAA,EACAC,sBAAA,EAEJ,OACIC,EAAAA,IAACC,EAAA,CACG,QAAS,EACT,IAAK,KAEJ,SAAA,MAAM,KAAK,CAAE,OAAQC,EAAAA,gBAAkB,CAACC,EAAGC,IAAM,CAC9C,MAAMC,EAAIb,EAAcY,EAExB,OACIJ,EAAAA,IAACM,EAAA,CAEG,KAAMD,EACN,MAAOD,EACP,WAAYb,IAASc,EACrB,UAAWD,IAAMX,EACjB,WAAAC,EACA,WAAAG,EACA,QAAAC,EACA,aAAAF,EACA,cAAAD,CAAA,EATKU,CAAA,CAYjB,CAAC,CAAA,CAAA,CAGb,CAAC,EAEDhB,EAAiB,YAAc"}

package/dist/components/forms/calendar/components/calendar-year-view/CalendarYearView.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement, MemoExoticComponent } from 'react';
+/**
+ * Year picker: 3×4 grid of years for the current decade page.
+ * Clicking a year navigates to that year and opens the month picker.
+ * Supports keyboard arrow navigation (roving tabindex).
+ */
+declare const CalendarYearView: MemoExoticComponent<() => ReactElement>;
+export default CalendarYearView;

package/dist/components/forms/calendar/components/calendar-year-view/CalendarYearView.js

@@ -0,0 +1,48 @@
+import { jsx as a } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { YEARS_PER_PAGE as f } from "../../constants/index.js";
+import { useCalendarYearView as p } from "./hooks/useCalendarYearView.hook.js";
+import u from "../../../../layout/grid/Grid.js";
+import y from "./components/calendar-year-button/CalendarYearButton.js";
+const x = c(() => {
+  const {
+    year: o,
+    decadeStart: t,
+    focusedIndex: d,
+    buttonRefs: n,
+    handleKeyDown: m,
+    handleSelect: s,
+    isDisabled: i,
+    isToday: l
+  } = p();
+  return /* @__PURE__ */ a(
+    u,
+    {
+      columns: 3,
+      gap: "xs",
+      children: Array.from({ length: f }, (Y, e) => {
+        const r = t + e;
+        return /* @__PURE__ */ a(
+          y,
+          {
+            year: r,
+            index: e,
+            isSelected: o === r,
+            isFocused: e === d,
+            buttonRefs: n,
+            isDisabled: i,
+            isToday: l,
+            handleSelect: s,
+            handleKeyDown: m
+          },
+          r
+        );
+      })
+    }
+  );
+});
+x.displayName = "CalendarYearView";
+export {
+  x as default
+};
+//# sourceMappingURL=CalendarYearView.js.map

package/dist/components/forms/calendar/components/calendar-year-view/CalendarYearView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarYearView.js","sources":["../../../../../../src/components/forms/calendar/components/calendar-year-view/CalendarYearView.tsx"],"sourcesContent":["import { memo, type ReactElement } from 'react'\r\n\r\nimport { YEARS_PER_PAGE } from '@components/forms/calendar/constants'\r\nimport { useCalendarYearView } from '@components/forms/calendar/components/calendar-year-view/hooks/useCalendarYearView.hook.ts'\r\nimport Grid from '@components/layout/grid/Grid.tsx'\r\nimport CalendarYearButton\r\n    from '@components/forms/calendar/components/calendar-year-view/components/calendar-year-button/CalendarYearButton.tsx'\r\n\r\n/**\r\n * Year picker: 3×4 grid of years for the current decade page.\r\n * Clicking a year navigates to that year and opens the month picker.\r\n * Supports keyboard arrow navigation (roving tabindex).\r\n */\r\nconst CalendarYearView = memo((): ReactElement => {\r\n    const {\r\n        year,\r\n        decadeStart,\r\n        focusedIndex,\r\n        buttonRefs,\r\n        handleKeyDown,\r\n        handleSelect,\r\n        isDisabled,\r\n        isToday,\r\n    } = useCalendarYearView()\r\n\r\n    return (\r\n        <Grid\r\n            columns={3}\r\n            gap={'xs'}\r\n        >\r\n            {Array.from({ length: YEARS_PER_PAGE }, (_, i) => {\r\n                const y = decadeStart + i\r\n\r\n                return (\r\n                    <CalendarYearButton\r\n                        key={y}\r\n                        year={y}\r\n                        index={i}\r\n                        isSelected={year === y}\r\n                        isFocused={i === focusedIndex}\r\n                        buttonRefs={buttonRefs}\r\n                        isDisabled={isDisabled}\r\n                        isToday={isToday}\r\n                        handleSelect={handleSelect}\r\n                        handleKeyDown={handleKeyDown}\r\n                    />\r\n                )\r\n            })}\r\n        </Grid>\r\n    )\r\n})\r\n\r\nCalendarYearView.displayName = 'CalendarYearView'\r\n\r\nexport default CalendarYearView\r\n"],"names":["CalendarYearView","memo","year","decadeStart","focusedIndex","buttonRefs","handleKeyDown","handleSelect","isDisabled","isToday","useCalendarYearView","jsx","Grid","YEARS_PER_PAGE","_","i","y","CalendarYearButton"],"mappings":";;;;;;AAaA,MAAMA,IAAmBC,EAAK,MAAoB;AAC9C,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,IACAC,EAAA;AAEJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,MACT,KAAK;AAAA,MAEJ,UAAA,MAAM,KAAK,EAAE,QAAQC,KAAkB,CAACC,GAAGC,MAAM;AAC9C,cAAMC,IAAIb,IAAcY;AAExB,eACI,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YAEG,MAAMD;AAAA,YACN,OAAOD;AAAA,YACP,YAAYb,MAASc;AAAA,YACrB,WAAWD,MAAMX;AAAA,YACjB,YAAAC;AAAA,YACA,YAAAG;AAAA,YACA,SAAAC;AAAA,YACA,cAAAF;AAAA,YACA,eAAAD;AAAA,UAAA;AAAA,UATKU;AAAA,QAAA;AAAA,MAYjB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDhB,EAAiB,cAAc;"}