@choco-vanille/ui 1.21.0 → 1.21.2

package/dist/components/forms/calendar/components/calendar-year-view/components/calendar-year-button/CalendarYearButton.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../../../ui-kit22.css');require('../../../../../../../ui-kit116.css');require('../../../../../../../ui-kit133.css');require('../../../../../../../ui-kit104.css');require('../../../../../../../ui-kit46.css');require('../../../../../../../ui-kit70.css');require('../../../../../../../ui-kit101.css');require('../../../../../../../ui-kit78.css');require('../../../../../../../ui-kit87.css');require('../../../../../../../ui-kit30.css');require('../../../../../../../ui-kit29.css');require('../../../../../../../ui-kit49.css');require('../../../../../../../ui-kit75.css');require('../../../../../../../ui-kit60.css');require('../../../../../../../ui-kit73.css');require('../../../../../../../ui-kit35.css');require('../../../../../../../ui-kit74.css');require('../../../../../../../ui-kit52.css');require('../../../../../../../ui-kit105.css');require('../../../../../../../ui-kit90.css');require('../../../../../../../ui-kit42.css');require('../../../../../../../ui-kit98.css');require('../../../../../../../ui-kit63.css');require('../../../../../../../ui-kit89.css');require('../../../../../../../ui-kit88.css');require('../../../../../../../ui-kit31.css');require('../../../../../../../ui-kit32.css');require('../../../../../../../ui-kit45.css');require('../../../../../../../ui-kit24.css');require('../../../../../../../ui-kit69.css');require('../../../../../../../ui-kit50.css');require('../../../../../../../ui-kit34.css');require('../../../../../../../ui-kit15.css');require('../../../../../../../ui-kit82.css');require('../../../../../../../ui-kit96.css');require('../../../../../../../ui-kit61.css');require('../../../../../../../ui-kit28.css');require('../../../../../../../ui-kit72.css');require('../../../../../../../ui-kit38.css');require('../../../../../../../ui-kit109.css');require('../../../../../../../ui-kit111.css');require('../../../../../../../ui-kit110.css');require('../../../../../../../ui-kit113.css');require('../../../../../../../ui-kit67.css');require('../../../../../../../ui-kit66.css');require('../../../../../../../ui-kit2.css');require('../../../../../../../ui-kit65.css');require('../../../../../../../ui-kit100.css');require('../../../../../../../ui-kit44.css');require('../../../../../../../ui-kit62.css');require('../../../../../../../ui-kit103.css');require('../../../../../../../ui-kit80.css');require('../../../../../../../ui-kit47.css');require('../../../../../../../ui-kit107.css');require('../../../../../../../ui-kit23.css');require('../../../../../../../ui-kit37.css');require('../../../../../../../ui-kit115.css');require('../../../../../../../ui-kit118.css');require('../../../../../../../ui-kit120.css');require('../../../../../../../ui-kit9.css');require('../../../../../../../ui-kit12.css');require('../../../../../../../ui-kit14.css');require('../../../../../../../ui-kit7.css');require('../../../../../../../ui-kit8.css');require('../../../../../../../ui-kit4.css');require('../../../../../../../ui-kit13.css');require('../../../../../../../ui-kit6.css');require('../../../../../../../ui-kit3.css');require('../../../../../../../ui-kit5.css');require('../../../../../../../ui-kit11.css');require('../../../../../../../ui-kit10.css');require('../../../../../../../ui-kit119.css');require('../../../../../../../ui-kit93.css');require('../../../../../../../ui-kit83.css');require('../../../../../../../ui-kit91.css');require('../../../../../../../ui-kit106.css');require('../../../../../../../ui-kit43.css');require('../../../../../../../ui-kit.css');const A=require("react/jsx-runtime"),q=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/status-badge/StatusBadge.cjs");require("../../../../../../data-display/status-badge/styles/StatusBadge.css.cjs");require("../../../../../../data-display/rich-text-renderer/RichTextRenderer.cjs");;/* empty css                                                       */;/* empty css                                                                                             */require("../../../../../../data-display/table/Table.cjs");require("../../../../../../data-display/table/styles/Table.css.cjs");;/* 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/fab/Fab.cjs");require("../../../../../../actions/fab/styles/Fab.css.cjs");require("../../../../../../actions/fab/constants/fabPositions.const.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                                                        */;/* empty css                                                                         */const n=require("../../styles/CalendarYearView.css.cjs");require("../../../../../checkbox/Checkbox.cjs");;/* empty css                                                           */require("../../../../../checkbox-group/CheckboxGroup.cjs");require("../../../../../date-picker/DatePicker.cjs");;/* empty css                                                                */require("../../../../../image-picker/ImagePicker.cjs");require("../../../../../image-picker/styles/ImagePicker.css.cjs");require("../../../../../radio-group/RadioGroup.cjs");;/* empty css                                                                                     */require("../../../../../rich-text-editor/RichTextEditor.cjs");require("../../../../../rich-text-editor/RichTextEditorField.cjs");;/* empty css                                                                         */require("../../../../../rich-text-editor/constants/richTextColorPalettes.const.cjs");require("../../../../../rich-text-editor/constants/richTextFontSizes.const.cjs");require("../../../../../rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                                           */;/* empty css                                                                             */;/* 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("../../../../../slider/Slider.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                                                                                                     */require("../../../../../text-field/TextField.cjs");require("../../../../../text-field/styles/TextField.css.cjs");;/* empty css                                                                                                        */;/* empty css                                                                                                        */require("../../../../../time-picker/TimePicker.cjs");;/* empty css                                                                */require("../../../../../number-field/NumberField.cjs");;/* empty css                                                                  */;/* empty css                                                                */;/* empty css                                                             */require("../../../../../_shared/components/form-label/FormLabel.cjs");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/inset/Inset.cjs");require("../../../../../../layout/inset/styles/Inset.css.cjs");require("../../../../../../layout/image/Image.cjs");require("../../../../../../layout/image/styles/Image.css.cjs");require("../../../../../../layout/svg-image/SvgImage.cjs");require("../../../../../../layout/svg-image/styles/SvgImage.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");require("../../../../../../navigation/link/styles/Link.css.cjs");require("../../../../../../navigation/pagination/Pagination.cjs");;/* empty css                                                                             */require("../../../../../../navigation/breadcrumbs/Breadcrumbs.cjs");;/* empty css                                                                               */require("../../../../../../navigation/stepper/Stepper.cjs");;/* empty css                                                                       */require("../../../../../../navigation/step-indicator/StepIndicator.cjs");;/* empty css                                                                                    */require("../../../../../../navigation/bottom-navigation/BottomNavigation.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/context-menu/ContextMenu.cjs");require("../../../../../../overlay/popover/Popover.cjs");require("../../../../../../overlay/popover/components/content/styles/PopoverContent.css.cjs");require("../../../../../../overlay/hover-card/HoverCard.cjs");require("../../../../../../overlay/dialog/Dialog.cjs");;/* empty css                                                                            */;/* empty css                                                                  */;/* empty css                                                                                                 */require("../../../../../../overlay/alert-dialog/AlertDialog.cjs");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("../../../../../../overlay/bottom-sheet/BottomSheet.cjs");;/* empty css                                                                             */;/* empty css                                                                                                    */require("../../../../../../overlay/panel/Panel.cjs");;/* empty css                                                                */require("../../../../../../overlay/command/Command.cjs");;/* empty css                                                                    */;/* empty css                                                                                                */require("../../../../../../overlay/_shared/components/overlay-backdrop/OverlayBackdrop.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/ToastProvider.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");require("../../../../../../feedback/empty-state/EmptyState.cjs");;/* empty css                                                                            */require("../../../../../../feedback/spinner/Spinner.cjs");require("../../../../../../feedback/spinner/styles/Spinner.css.cjs");require("../../../../../../feedback/spinner/constants/spinnerColors.const.cjs");const Y=require("../../../../../../../utils/cn.cjs"),a=q.memo(({year:e,index:r,isSelected:u,isFocused:c,buttonRefs:o,isDisabled:E,isToday:l,handleSelect:t,handleKeyDown:s})=>{const C=q.useCallback(()=>t(e),[t,e]),_=q.useCallback(i=>s(i,r),[s,r]);return A.jsx("button",{ref:i=>{o.current[r]=i},tabIndex:c?0:-1,disabled:E(e),"aria-pressed":u,className:Y.cn(n.CALENDAR_YEAR_VIEW_STYLES.item,l(e)&&!u&&n.CALENDAR_YEAR_VIEW_STYLES.itemToday,u&&n.CALENDAR_YEAR_VIEW_STYLES.itemSelected),onClick:C,onKeyDown:_,children:e},e)});a.displayName="CalendarYearButton";module.exports=a;
+"use strict";require('../../../../../../../ui-kit72.css');require('../../../../../../../ui-kit119.css');require('../../../../../../../ui-kit123.css');require('../../../../../../../ui-kit88.css');require('../../../../../../../ui-kit58.css');require('../../../../../../../ui-kit87.css');require('../../../../../../../ui-kit98.css');require('../../../../../../../ui-kit93.css');require('../../../../../../../ui-kit73.css');require('../../../../../../../ui-kit30.css');require('../../../../../../../ui-kit29.css');require('../../../../../../../ui-kit28.css');require('../../../../../../../ui-kit92.css');require('../../../../../../../ui-kit43.css');require('../../../../../../../ui-kit68.css');require('../../../../../../../ui-kit32.css');require('../../../../../../../ui-kit18.css');require('../../../../../../../ui-kit66.css');require('../../../../../../../ui-kit60.css');require('../../../../../../../ui-kit54.css');require('../../../../../../../ui-kit23.css');require('../../../../../../../ui-kit103.css');require('../../../../../../../ui-kit51.css');require('../../../../../../../ui-kit102.css');require('../../../../../../../ui-kit107.css');require('../../../../../../../ui-kit39.css');require('../../../../../../../ui-kit35.css');require('../../../../../../../ui-kit74.css');require('../../../../../../../ui-kit48.css');require('../../../../../../../ui-kit57.css');require('../../../../../../../ui-kit46.css');require('../../../../../../../ui-kit61.css');require('../../../../../../../ui-kit37.css');require('../../../../../../../ui-kit106.css');require('../../../../../../../ui-kit77.css');require('../../../../../../../ui-kit91.css');require('../../../../../../../ui-kit82.css');require('../../../../../../../ui-kit25.css');require('../../../../../../../ui-kit36.css');require('../../../../../../../ui-kit112.css');require('../../../../../../../ui-kit116.css');require('../../../../../../../ui-kit113.css');require('../../../../../../../ui-kit114.css');require('../../../../../../../ui-kit100.css');require('../../../../../../../ui-kit24.css');require('../../../../../../../ui-kit2.css');require('../../../../../../../ui-kit67.css');require('../../../../../../../ui-kit94.css');require('../../../../../../../ui-kit27.css');require('../../../../../../../ui-kit55.css');require('../../../../../../../ui-kit89.css');require('../../../../../../../ui-kit53.css');require('../../../../../../../ui-kit95.css');require('../../../../../../../ui-kit78.css');require('../../../../../../../ui-kit63.css');require('../../../../../../../ui-kit26.css');require('../../../../../../../ui-kit115.css');require('../../../../../../../ui-kit109.css');require('../../../../../../../ui-kit110.css');require('../../../../../../../ui-kit7.css');require('../../../../../../../ui-kit5.css');require('../../../../../../../ui-kit12.css');require('../../../../../../../ui-kit13.css');require('../../../../../../../ui-kit4.css');require('../../../../../../../ui-kit8.css');require('../../../../../../../ui-kit6.css');require('../../../../../../../ui-kit14.css');require('../../../../../../../ui-kit9.css');require('../../../../../../../ui-kit10.css');require('../../../../../../../ui-kit11.css');require('../../../../../../../ui-kit3.css');require('../../../../../../../ui-kit117.css');require('../../../../../../../ui-kit105.css');require('../../../../../../../ui-kit84.css');require('../../../../../../../ui-kit83.css');require('../../../../../../../ui-kit76.css');require('../../../../../../../ui-kit33.css');require('../../../../../../../ui-kit.css');const A=require("react/jsx-runtime"),q=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/status-badge/StatusBadge.cjs");require("../../../../../../data-display/status-badge/styles/StatusBadge.css.cjs");require("../../../../../../data-display/rich-text-renderer/RichTextRenderer.cjs");;/* empty css                                                       */;/* empty css                                                                                             */require("../../../../../../data-display/table/Table.cjs");require("../../../../../../data-display/table/styles/Table.css.cjs");;/* 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/fab/Fab.cjs");require("../../../../../../actions/fab/styles/Fab.css.cjs");require("../../../../../../actions/fab/constants/fabPositions.const.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                                                        */;/* empty css                                                                         */const n=require("../../styles/CalendarYearView.css.cjs");require("../../../../../checkbox/Checkbox.cjs");;/* empty css                                                           */require("../../../../../checkbox-group/CheckboxGroup.cjs");require("../../../../../date-picker/DatePicker.cjs");;/* empty css                                                                */require("../../../../../image-picker/ImagePicker.cjs");require("../../../../../image-picker/styles/ImagePicker.css.cjs");require("../../../../../radio-group/RadioGroup.cjs");;/* empty css                                                                                     */require("../../../../../rich-text-editor/RichTextEditor.cjs");require("../../../../../rich-text-editor/RichTextEditorField.cjs");;/* empty css                                                                         */require("../../../../../rich-text-editor/constants/richTextColorPalettes.const.cjs");require("../../../../../rich-text-editor/constants/richTextFontSizes.const.cjs");require("../../../../../rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                                           */;/* empty css                                                                             */;/* 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("../../../../../slider/Slider.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                                                                                                     */require("../../../../../text-field/TextField.cjs");require("../../../../../text-field/styles/TextField.css.cjs");;/* empty css                                                                                                        */;/* empty css                                                                                                        */require("../../../../../time-picker/TimePicker.cjs");;/* empty css                                                                */require("../../../../../number-field/NumberField.cjs");;/* empty css                                                                  */;/* empty css                                                                */;/* empty css                                                             */require("../../../../../_shared/components/form-label/FormLabel.cjs");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/inset/Inset.cjs");require("../../../../../../layout/inset/styles/Inset.css.cjs");require("../../../../../../layout/image/Image.cjs");require("../../../../../../layout/image/styles/Image.css.cjs");require("../../../../../../layout/svg-image/SvgImage.cjs");require("../../../../../../layout/svg-image/styles/SvgImage.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");require("../../../../../../navigation/link/styles/Link.css.cjs");require("../../../../../../navigation/pagination/Pagination.cjs");;/* empty css                                                                             */require("../../../../../../navigation/breadcrumbs/Breadcrumbs.cjs");;/* empty css                                                                               */require("../../../../../../navigation/stepper/Stepper.cjs");;/* empty css                                                                       */require("../../../../../../navigation/step-indicator/StepIndicator.cjs");;/* empty css                                                                                    */require("../../../../../../navigation/bottom-navigation/BottomNavigation.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/context-menu/ContextMenu.cjs");require("../../../../../../overlay/popover/Popover.cjs");require("../../../../../../overlay/popover/components/content/styles/PopoverContent.css.cjs");require("../../../../../../overlay/hover-card/HoverCard.cjs");require("../../../../../../overlay/dialog/Dialog.cjs");;/* empty css                                                                            */;/* empty css                                                                  */;/* empty css                                                                                                 */require("../../../../../../overlay/alert-dialog/AlertDialog.cjs");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("../../../../../../overlay/bottom-sheet/BottomSheet.cjs");;/* empty css                                                                             */;/* empty css                                                                                                    */require("../../../../../../overlay/panel/Panel.cjs");;/* empty css                                                                */require("../../../../../../overlay/command/Command.cjs");;/* empty css                                                                    */;/* empty css                                                                                                */require("../../../../../../overlay/_shared/components/overlay-backdrop/OverlayBackdrop.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/ToastProvider.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");require("../../../../../../feedback/empty-state/EmptyState.cjs");;/* empty css                                                                            */require("../../../../../../feedback/spinner/Spinner.cjs");require("../../../../../../feedback/spinner/styles/Spinner.css.cjs");require("../../../../../../feedback/spinner/constants/spinnerColors.const.cjs");const Y=require("../../../../../../../utils/cn.cjs"),a=q.memo(({year:e,index:r,isSelected:u,isFocused:c,buttonRefs:o,isDisabled:E,isToday:l,handleSelect:t,handleKeyDown:s})=>{const C=q.useCallback(()=>t(e),[t,e]),_=q.useCallback(i=>s(i,r),[s,r]);return A.jsx("button",{ref:i=>{o.current[r]=i},tabIndex:c?0:-1,disabled:E(e),"aria-pressed":u,className:Y.cn(n.CALENDAR_YEAR_VIEW_STYLES.item,l(e)&&!u&&n.CALENDAR_YEAR_VIEW_STYLES.itemToday,u&&n.CALENDAR_YEAR_VIEW_STYLES.itemSelected),onClick:C,onKeyDown:_,children:e},e)});a.displayName="CalendarYearButton";module.exports=a;
 //# sourceMappingURL=CalendarYearButton.cjs.map

package/dist/components/forms/calendar/components/calendar-year-view/components/calendar-year-button/CalendarYearButton.js

@@ -13,7 +13,7 @@ import "../../../../../../data-display/badge/styles/Badge.css.js";
 import "../../../../../../data-display/status-badge/StatusBadge.js";
 import "../../../../../../data-display/status-badge/styles/StatusBadge.css.js";
 import "../../../../../../data-display/rich-text-renderer/RichTextRenderer.js";
-import '../../../../../../../ui-kit22.css';import '../../../../../../../ui-kit116.css';import '../../../../../../../ui-kit133.css';import '../../../../../../../ui-kit104.css';import '../../../../../../../ui-kit46.css';import '../../../../../../../ui-kit70.css';import '../../../../../../../ui-kit101.css';import '../../../../../../../ui-kit78.css';import '../../../../../../../ui-kit87.css';import '../../../../../../../ui-kit30.css';import '../../../../../../../ui-kit29.css';import '../../../../../../../ui-kit49.css';import '../../../../../../../ui-kit75.css';import '../../../../../../../ui-kit60.css';import '../../../../../../../ui-kit73.css';import '../../../../../../../ui-kit35.css';import '../../../../../../../ui-kit74.css';import '../../../../../../../ui-kit52.css';import '../../../../../../../ui-kit105.css';import '../../../../../../../ui-kit90.css';import '../../../../../../../ui-kit42.css';import '../../../../../../../ui-kit98.css';import '../../../../../../../ui-kit63.css';import '../../../../../../../ui-kit89.css';import '../../../../../../../ui-kit88.css';import '../../../../../../../ui-kit31.css';import '../../../../../../../ui-kit32.css';import '../../../../../../../ui-kit45.css';import '../../../../../../../ui-kit24.css';import '../../../../../../../ui-kit69.css';import '../../../../../../../ui-kit50.css';import '../../../../../../../ui-kit34.css';import '../../../../../../../ui-kit15.css';import '../../../../../../../ui-kit82.css';import '../../../../../../../ui-kit96.css';import '../../../../../../../ui-kit61.css';import '../../../../../../../ui-kit28.css';import '../../../../../../../ui-kit72.css';import '../../../../../../../ui-kit38.css';import '../../../../../../../ui-kit109.css';import '../../../../../../../ui-kit111.css';import '../../../../../../../ui-kit110.css';import '../../../../../../../ui-kit113.css';import '../../../../../../../ui-kit67.css';import '../../../../../../../ui-kit66.css';import '../../../../../../../ui-kit2.css';import '../../../../../../../ui-kit65.css';import '../../../../../../../ui-kit100.css';import '../../../../../../../ui-kit44.css';import '../../../../../../../ui-kit62.css';import '../../../../../../../ui-kit103.css';import '../../../../../../../ui-kit80.css';import '../../../../../../../ui-kit47.css';import '../../../../../../../ui-kit107.css';import '../../../../../../../ui-kit23.css';import '../../../../../../../ui-kit37.css';import '../../../../../../../ui-kit115.css';import '../../../../../../../ui-kit118.css';import '../../../../../../../ui-kit120.css';import '../../../../../../../ui-kit9.css';import '../../../../../../../ui-kit12.css';import '../../../../../../../ui-kit14.css';import '../../../../../../../ui-kit7.css';import '../../../../../../../ui-kit8.css';import '../../../../../../../ui-kit4.css';import '../../../../../../../ui-kit13.css';import '../../../../../../../ui-kit6.css';import '../../../../../../../ui-kit3.css';import '../../../../../../../ui-kit5.css';import '../../../../../../../ui-kit11.css';import '../../../../../../../ui-kit10.css';import '../../../../../../../ui-kit119.css';import '../../../../../../../ui-kit93.css';import '../../../../../../../ui-kit83.css';import '../../../../../../../ui-kit91.css';import '../../../../../../../ui-kit106.css';import '../../../../../../../ui-kit43.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit72.css';import '../../../../../../../ui-kit119.css';import '../../../../../../../ui-kit123.css';import '../../../../../../../ui-kit88.css';import '../../../../../../../ui-kit58.css';import '../../../../../../../ui-kit87.css';import '../../../../../../../ui-kit98.css';import '../../../../../../../ui-kit93.css';import '../../../../../../../ui-kit73.css';import '../../../../../../../ui-kit30.css';import '../../../../../../../ui-kit29.css';import '../../../../../../../ui-kit28.css';import '../../../../../../../ui-kit92.css';import '../../../../../../../ui-kit43.css';import '../../../../../../../ui-kit68.css';import '../../../../../../../ui-kit32.css';import '../../../../../../../ui-kit18.css';import '../../../../../../../ui-kit66.css';import '../../../../../../../ui-kit60.css';import '../../../../../../../ui-kit54.css';import '../../../../../../../ui-kit23.css';import '../../../../../../../ui-kit103.css';import '../../../../../../../ui-kit51.css';import '../../../../../../../ui-kit102.css';import '../../../../../../../ui-kit107.css';import '../../../../../../../ui-kit39.css';import '../../../../../../../ui-kit35.css';import '../../../../../../../ui-kit74.css';import '../../../../../../../ui-kit48.css';import '../../../../../../../ui-kit57.css';import '../../../../../../../ui-kit46.css';import '../../../../../../../ui-kit61.css';import '../../../../../../../ui-kit37.css';import '../../../../../../../ui-kit106.css';import '../../../../../../../ui-kit77.css';import '../../../../../../../ui-kit91.css';import '../../../../../../../ui-kit82.css';import '../../../../../../../ui-kit25.css';import '../../../../../../../ui-kit36.css';import '../../../../../../../ui-kit112.css';import '../../../../../../../ui-kit116.css';import '../../../../../../../ui-kit113.css';import '../../../../../../../ui-kit114.css';import '../../../../../../../ui-kit100.css';import '../../../../../../../ui-kit24.css';import '../../../../../../../ui-kit2.css';import '../../../../../../../ui-kit67.css';import '../../../../../../../ui-kit94.css';import '../../../../../../../ui-kit27.css';import '../../../../../../../ui-kit55.css';import '../../../../../../../ui-kit89.css';import '../../../../../../../ui-kit53.css';import '../../../../../../../ui-kit95.css';import '../../../../../../../ui-kit78.css';import '../../../../../../../ui-kit63.css';import '../../../../../../../ui-kit26.css';import '../../../../../../../ui-kit115.css';import '../../../../../../../ui-kit109.css';import '../../../../../../../ui-kit110.css';import '../../../../../../../ui-kit7.css';import '../../../../../../../ui-kit5.css';import '../../../../../../../ui-kit12.css';import '../../../../../../../ui-kit13.css';import '../../../../../../../ui-kit4.css';import '../../../../../../../ui-kit8.css';import '../../../../../../../ui-kit6.css';import '../../../../../../../ui-kit14.css';import '../../../../../../../ui-kit9.css';import '../../../../../../../ui-kit10.css';import '../../../../../../../ui-kit11.css';import '../../../../../../../ui-kit3.css';import '../../../../../../../ui-kit117.css';import '../../../../../../../ui-kit105.css';import '../../../../../../../ui-kit84.css';import '../../../../../../../ui-kit83.css';import '../../../../../../../ui-kit76.css';import '../../../../../../../ui-kit33.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                                                                           */
 import "../../../../../../data-display/table/Table.js";
 import "../../../../../../data-display/table/styles/Table.css.js";

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit108.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={item:"f333jk0",itemToday:"f333jk1",itemSelected:"f333jk2"};exports.CALENDAR_YEAR_VIEW_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit96.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={item:"f333jk0",itemToday:"f333jk1",itemSelected:"f333jk2"};exports.CALENDAR_YEAR_VIEW_STYLES=e;
 //# sourceMappingURL=CalendarYearView.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit108.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit96.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                    */
 var i = { item: "f333jk0", itemToday: "f333jk1", itemSelected: "f333jk2" };
 export {

package/dist/components/forms/calendar/styles/calendarDayButton.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit80.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                       */var e={day_button:"_5a2wtz0",selected:"_5a2wtz1",today:"_5a2wtz2",outside:"_5a2wtz3",disabled:"_5a2wtz4",range_start:"_5a2wtz5",range_end:"_5a2wtz6",range_middle:"_5a2wtz7"};exports.CALENDAR_DAY_BUTTON_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit53.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                       */var e={day_button:"_5a2wtz0",selected:"_5a2wtz1",today:"_5a2wtz2",outside:"_5a2wtz3",disabled:"_5a2wtz4",range_start:"_5a2wtz5",range_end:"_5a2wtz6",range_middle:"_5a2wtz7"};exports.CALENDAR_DAY_BUTTON_STYLES=e;
 //# sourceMappingURL=calendarDayButton.css.cjs.map

package/dist/components/forms/calendar/styles/calendarDayButton.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit80.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit53.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                     */
 var _ = { day_button: "_5a2wtz0", selected: "_5a2wtz1", today: "_5a2wtz2", outside: "_5a2wtz3", disabled: "_5a2wtz4", range_start: "_5a2wtz5", range_end: "_5a2wtz6", range_middle: "_5a2wtz7" };
 export {

package/dist/components/forms/calendar/styles/calendarGrid.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit47.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                  */var e={month_grid:"_1oxky4c0",weekdays:"_1oxky4c1",weekday:"_1oxky4c2",week:"_1oxky4c3",day:"_1oxky4c4"};exports.CALENDAR_GRID_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit95.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                  */var e={month_grid:"_1oxky4c0",weekdays:"_1oxky4c1",weekday:"_1oxky4c2",week:"_1oxky4c3",day:"_1oxky4c4"};exports.CALENDAR_GRID_STYLES=e;
 //# sourceMappingURL=calendarGrid.css.cjs.map

package/dist/components/forms/calendar/styles/calendarGrid.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit47.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit95.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                */
 var y = { month_grid: "_1oxky4c0", weekdays: "_1oxky4c1", weekday: "_1oxky4c2", week: "_1oxky4c3", day: "_1oxky4c4" };
 export {

package/dist/components/forms/calendar/styles/calendarRoot.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit23.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                  */var r={root:"irxxrw0",months:"irxxrw1",month:"irxxrw2",calendarContent:"irxxrw3",hiddenCaption:"irxxrw4"};exports.CALENDAR_ROOT_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit63.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                  */var r={root:"irxxrw0",months:"irxxrw1",month:"irxxrw2",calendarContent:"irxxrw3",hiddenCaption:"irxxrw4"};exports.CALENDAR_ROOT_STYLES=r;
 //# sourceMappingURL=calendarRoot.css.cjs.map

package/dist/components/forms/calendar/styles/calendarRoot.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit23.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit63.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                */
 var i = { root: "irxxrw0", months: "irxxrw1", month: "irxxrw2", calendarContent: "irxxrw3", hiddenCaption: "irxxrw4" };
 export {

package/dist/components/forms/checkbox/styles/Checkbox.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit62.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                              */var e={root:"_1v8fbad0",indicator:"_1v8fbad1",checkIcon:"_1v8fbad2",indeterminateIcon:"_1v8fbad3",label:"_1v8fbad4"};exports.CHECKBOX_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit55.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                              */var e={root:"_1v8fbad0",indicator:"_1v8fbad1",checkIcon:"_1v8fbad2",indeterminateIcon:"_1v8fbad3",label:"_1v8fbad4"};exports.CHECKBOX_STYLES=e;
 //# sourceMappingURL=Checkbox.css.cjs.map

package/dist/components/forms/checkbox/styles/Checkbox.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit62.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit55.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                            */
 var d = { root: "_1v8fbad0", indicator: "_1v8fbad1", checkIcon: "_1v8fbad2", indeterminateIcon: "_1v8fbad3", label: "_1v8fbad4" };
 export {

package/dist/components/forms/date-picker/DatePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit82.css');require('../../../ui-kit96.css');require('../../../ui-kit2.css');require('../../../ui-kit108.css');require('../../../ui-kit103.css');require('../../../ui-kit80.css');require('../../../ui-kit47.css');require('../../../ui-kit107.css');require('../../../ui-kit23.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),o=require("react"),c=require("react-aria-components"),O=require("../calendar/Calendar.cjs");;/* empty css                                           */;/* empty css                                                   */;/* empty css                                                                                  */;/* empty css                                                   */;/* empty css                                                        */;/* empty css                                                                                       */;/* empty css                                                                                     */const l=require("../../overlay/popover/Popover.cjs");require("../../overlay/popover/components/content/styles/PopoverContent.css.cjs");const H=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const I=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const $=require("../_shared/components/form-label/FormLabel.cjs"),V=require("../_shared/components/helper-text/HelperText.cjs");require("../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                               */;/* empty css                                                                                            */const X=require("../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                            */const G=require("../text-field/styles/TextField.css.cjs"),J=require("../text-field/constants/index.cjs"),Q=require("./hooks/useDatePicker.hook.cjs"),n=require("./styles/DatePicker.css.cjs"),U=require("../../../resources/asset/CalendarIcon.svg.cjs"),W=require("../../../theme/contract.css.cjs"),g=require("../../../utils/cn.cjs"),j=o.memo(({id:C,value:T,defaultValue:b,onChange:_,calendarProps:v,calendarAriaLabel:P="Calendar",label:a,error:i,helperText:d,required:u,showRequiredIndicator:y=!0,disabled:s,size:q="md",fontSize:h="md",width:p,"aria-label":f,"aria-labelledby":A,"aria-describedby":F})=>{const L=o.useId(),m=C??L,x=a?`${m}-label`:void 0,D=`${m}-helper`,E=!!i,S=!!(i||d),{selectedDate:t,calendarValue:N,open:R,setOpen:k,handleFieldChange:Y,handleCalendarSelect:w}=Q.useDatePicker({value:T,defaultValue:b,onChange:_}),B=o.useMemo(()=>t??new Date,[t]),{className:K,...M}=v??{},z=r=>r.preventDefault();return e.jsxs(I,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:p!==void 0?{width:p}:void 0,children:[a&&e.jsx($,{id:x,disabled:s,required:u&&y,fontSize:h,children:a}),e.jsxs(l,{open:R,onOpenChange:k,children:[e.jsxs(I,{position:"relative",width:"100%",gap:"none",children:[e.jsx(c.DateField,{className:n.DATE_PICKER_STYLES.root,value:N,onChange:Y,isDisabled:s,isRequired:u,isInvalid:E,"aria-label":f,"aria-labelledby":A??x,"aria-describedby":[F,S?D:void 0].filter(Boolean).join(" ")||void 0,children:e.jsx(c.DateInput,{className:({isInvalid:r})=>g.cn(G.TEXT_FIELD_STYLES.recipe({size:q,hasError:r,hasStartIcon:!1,hasEndAction:!0}),n.DATE_PICKER_STYLES.input),style:{fontSize:W.vars.fontSize[h]},children:r=>e.jsx(c.DateSegment,{segment:r,className:n.DATE_PICKER_STYLES.segment})})}),e.jsx(X,{children:e.jsx(l.Trigger,{children:e.jsx(H,{icon:U,"aria-label":"Open calendar",variant:"ghost",color:"primary",size:J.fieldSizeToActionSize[q],type:"button",disabled:s,onMouseDown:z})})})]}),e.jsx(l.Content,{side:"bottom",align:"end",padding:"none","aria-label":P,children:e.jsx(O,{mode:"single",selected:t,onSelect:w,defaultMonth:B,className:g.cn(n.DATE_PICKER_STYLES.calendar,K),...M})})]}),S&&e.jsx(V,{id:D,hasError:E,children:i??d})]})});j.displayName="DatePicker";module.exports=j;
+"use strict";require('../../../ui-kit106.css');require('../../../ui-kit77.css');require('../../../ui-kit2.css');require('../../../ui-kit96.css');require('../../../ui-kit89.css');require('../../../ui-kit53.css');require('../../../ui-kit95.css');require('../../../ui-kit78.css');require('../../../ui-kit63.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),o=require("react"),c=require("react-aria-components"),H=require("../calendar/Calendar.cjs");;/* empty css                                           */;/* empty css                                                   */;/* empty css                                                                                  */;/* empty css                                                   */;/* empty css                                                        */;/* empty css                                                                                       */;/* empty css                                                                                     */const l=require("../../overlay/popover/Popover.cjs");require("../../overlay/popover/components/content/styles/PopoverContent.css.cjs");const $=require("../../actions/icon-button/IconButton.cjs");require("../../actions/icon-button/styles/IconButton.css.cjs");const I=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const V=require("../_shared/components/form-label/FormLabel.cjs"),X=require("../_shared/components/helper-text/HelperText.cjs");require("../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                               */;/* empty css                                                                                            */const G=require("../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                            */const J=require("../text-field/styles/TextField.css.cjs"),Q=require("../text-field/constants/index.cjs"),U=require("./hooks/useDatePicker.hook.cjs"),n=require("./styles/DatePicker.css.cjs"),W=require("../../../resources/asset/CalendarIcon.svg.cjs"),Z=require("../../../theme/contract.css.cjs"),g=require("../../../utils/cn.cjs"),j=o.memo(({id:C,value:T,defaultValue:b,onChange:_,calendarProps:v,calendarAriaLabel:P="Calendar",label:a,error:i,helperText:d,required:u,showRequiredIndicator:y=!0,disabled:s,size:q="md",fontSize:h="md",width:p,"aria-label":f,"aria-labelledby":A,"aria-describedby":F,name:L})=>{const N=o.useId(),m=C??N,x=a?`${m}-label`:void 0,D=`${m}-helper`,E=!!i,S=!!(i||d),{selectedDate:t,calendarValue:R,open:k,setOpen:Y,handleFieldChange:w,handleCalendarSelect:B}=U.useDatePicker({value:T,defaultValue:b,onChange:_}),K=o.useMemo(()=>t??new Date,[t]),{className:M,...z}=v??{},O=r=>r.preventDefault();return e.jsxs(I,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:p!==void 0?{width:p}:void 0,children:[a&&e.jsx(V,{id:x,disabled:s,required:u&&y,fontSize:h,children:a}),e.jsxs(l,{open:k,onOpenChange:Y,children:[e.jsxs(I,{position:"relative",width:"100%",gap:"none",children:[e.jsx(c.DateField,{className:n.DATE_PICKER_STYLES.root,value:R,onChange:w,isDisabled:s,isRequired:u,isInvalid:E,name:L,"aria-label":f,"aria-labelledby":A??x,"aria-describedby":[F,S?D:void 0].filter(Boolean).join(" ")||void 0,children:e.jsx(c.DateInput,{className:({isInvalid:r})=>g.cn(J.TEXT_FIELD_STYLES.recipe({size:q,hasError:r,hasStartIcon:!1,hasEndAction:!0}),n.DATE_PICKER_STYLES.input),style:{fontSize:Z.vars.fontSize[h]},children:r=>e.jsx(c.DateSegment,{segment:r,className:n.DATE_PICKER_STYLES.segment})})}),e.jsx(G,{children:e.jsx(l.Trigger,{children:e.jsx($,{icon:W,"aria-label":"Open calendar",variant:"ghost",color:"primary",size:Q.fieldSizeToActionSize[q],type:"button",disabled:s,onMouseDown:O})})})]}),e.jsx(l.Content,{side:"bottom",align:"end",padding:"none","aria-label":P,children:e.jsx(H,{mode:"single",selected:t,onSelect:B,defaultMonth:K,className:g.cn(n.DATE_PICKER_STYLES.calendar,M),...z})})]}),S&&e.jsx(X,{id:D,hasError:E,children:i??d})]})});j.displayName="DatePicker";module.exports=j;
 //# sourceMappingURL=DatePicker.cjs.map

package/dist/components/forms/date-picker/DatePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { memo, useId, useMemo, type MouseEvent } from 'react'\r\nimport { DateField, DateInput, DateSegment } from 'react-aria-components'\r\n\r\nimport { Calendar } from '@components/forms/calendar'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldEndAction } from '@components/forms/text-field/components/index.ts'\r\nimport { TEXT_FIELD_STYLES } from '@components/forms/text-field/styles/TextField.css.ts'\r\nimport { fieldSizeToActionSize } from '@components/forms/text-field/constants'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport CalendarIcon from '@resources/asset/CalendarIcon.svg?react'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * A date field with segmented day, month and year inputs and a calendar popover.\r\n *\r\n * Built on React Aria's `DateField`, which provides segment-by-segment typing,\r\n * arrow-key stepping, locale-aware ordering and screen-reader semantics. The\r\n * look comes from the design system's TextField styles.\r\n *\r\n * - Typing a complete, valid date updates the calendar and calls `onChange`.\r\n * - Picking a day in the calendar updates the segments and closes the popover.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Start date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        id,\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        calendarAriaLabel = 'Calendar',\r\n        label,\r\n        error,\r\n        helperText,\r\n        required,\r\n        showRequiredIndicator = true,\r\n        disabled,\r\n        size = 'md',\r\n        fontSize = 'md',\r\n        width,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        'aria-describedby': ariaDescribedBy,\r\n    }: DatePickerProps) => {\r\n        const generatedId = useId()\r\n        const inputId = id ?? generatedId\r\n        const labelId = label ? `${inputId}-label` : undefined\r\n        const helperId = `${inputId}-helper`\r\n        const hasError = Boolean(error)\r\n        const showHelper = Boolean(error || helperText)\r\n\r\n        const {\r\n            selectedDate,\r\n            calendarValue,\r\n            open,\r\n            setOpen,\r\n            handleFieldChange,\r\n            handleCalendarSelect,\r\n        } = useDatePicker({ value, defaultValue, onChange })\r\n\r\n        const calendarDefaultMonth = useMemo(() => selectedDate ?? new Date(), [selectedDate])\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } = calendarProps ?? {}\r\n\r\n        // Keep focus in the date segments when the calendar button is pressed.\r\n        const preventFocusSteal = (event: MouseEvent<HTMLButtonElement>) => event.preventDefault()\r\n\r\n        return (\r\n            <Flex\r\n                flexDirection={'column'}\r\n                gap={'xs'}\r\n                width={'100%'}\r\n                alignItems={'start'}\r\n                style={width !== undefined ? { width } : undefined}\r\n            >\r\n                {label && (\r\n                    <FormLabel\r\n                        id={labelId}\r\n                        disabled={disabled}\r\n                        required={required && showRequiredIndicator}\r\n                        fontSize={fontSize}\r\n                    >\r\n                        {label}\r\n                    </FormLabel>\r\n                )}\r\n\r\n                <Popover\r\n                    open={open}\r\n                    onOpenChange={setOpen}\r\n                >\r\n                    <Flex\r\n                        position={'relative'}\r\n                        width={'100%'}\r\n                        gap={'none'}\r\n                    >\r\n                        <DateField\r\n                            className={DATE_PICKER_STYLES.root}\r\n                            value={calendarValue}\r\n                            onChange={handleFieldChange}\r\n                            isDisabled={disabled}\r\n                            isRequired={required}\r\n                            isInvalid={hasError}\r\n                            aria-label={ariaLabel}\r\n                            aria-labelledby={ariaLabelledBy ?? labelId}\r\n                            aria-describedby={\r\n                                [ariaDescribedBy, showHelper ? helperId : undefined]\r\n                                    .filter(Boolean)\r\n                                    .join(' ') || undefined\r\n                            }\r\n                        >\r\n                            <DateInput\r\n                                className={({ isInvalid }) =>\r\n                                    cn(\r\n                                        TEXT_FIELD_STYLES.recipe({\r\n                                            size,\r\n                                            hasError: isInvalid,\r\n                                            hasStartIcon: false,\r\n                                            hasEndAction: true,\r\n                                        }),\r\n                                        DATE_PICKER_STYLES.input,\r\n                                    )\r\n                                }\r\n                                style={{ fontSize: vars.fontSize[fontSize] }}\r\n                            >\r\n                                {(segment) => (\r\n                                    <DateSegment\r\n                                        segment={segment}\r\n                                        className={DATE_PICKER_STYLES.segment}\r\n                                    />\r\n                                )}\r\n                            </DateInput>\r\n                        </DateField>\r\n\r\n                        <TextFieldEndAction>\r\n                            <Popover.Trigger>\r\n                                <IconButton\r\n                                    icon={CalendarIcon}\r\n                                    aria-label={'Open calendar'}\r\n                                    variant={'ghost'}\r\n                                    color={'primary'}\r\n                                    size={fieldSizeToActionSize[size]}\r\n                                    type={'button'}\r\n                                    disabled={disabled}\r\n                                    onMouseDown={preventFocusSteal}\r\n                                />\r\n                            </Popover.Trigger>\r\n                        </TextFieldEndAction>\r\n                    </Flex>\r\n\r\n                    <Popover.Content\r\n                        side={'bottom'}\r\n                        align={'end'}\r\n                        padding={'none'}\r\n                        aria-label={calendarAriaLabel}\r\n                    >\r\n                        <Calendar\r\n                            mode={'single'}\r\n                            selected={selectedDate}\r\n                            onSelect={handleCalendarSelect}\r\n                            defaultMonth={calendarDefaultMonth}\r\n                            className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\r\n                            {...restCalendarProps}\r\n                        />\r\n                    </Popover.Content>\r\n                </Popover>\r\n\r\n                {showHelper && (\r\n                    <HelperText\r\n                        id={helperId}\r\n                        hasError={hasError}\r\n                    >\r\n                        {error ?? helperText}\r\n                    </HelperText>\r\n                )}\r\n            </Flex>\r\n        )\r\n    },\r\n)\r\n\r\nDatePicker.displayName = 'DatePicker'\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","memo","id","value","defaultValue","onChange","calendarProps","calendarAriaLabel","label","error","helperText","required","showRequiredIndicator","disabled","size","fontSize","width","ariaLabel","ariaLabelledBy","ariaDescribedBy","generatedId","useId","inputId","labelId","helperId","hasError","showHelper","selectedDate","calendarValue","open","setOpen","handleFieldChange","handleCalendarSelect","useDatePicker","calendarDefaultMonth","useMemo","calendarClassName","restCalendarProps","preventFocusSteal","event","jsxs","Flex","jsx","FormLabel","Popover","DateField","DATE_PICKER_STYLES","DateInput","isInvalid","cn","TEXT_FIELD_STYLES","vars","segment","DateSegment","TextFieldEndAction","IconButton","CalendarIcon","fieldSizeToActionSize","Calendar","HelperText"],"mappings":"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"}
+{"version":3,"file":"DatePicker.cjs","sources":["../../../../src/components/forms/date-picker/DatePicker.tsx"],"sourcesContent":["import { memo, useId, useMemo, type MouseEvent } from 'react'\r\nimport { DateField, DateInput, DateSegment } from 'react-aria-components'\r\n\r\nimport { Calendar } from '@components/forms/calendar'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Flex } from '@components/layout/flex'\r\nimport FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldEndAction } from '@components/forms/text-field/components/index.ts'\r\nimport { TEXT_FIELD_STYLES } from '@components/forms/text-field/styles/TextField.css.ts'\r\nimport { fieldSizeToActionSize } from '@components/forms/text-field/constants'\r\nimport { useDatePicker } from '@components/forms/date-picker/hooks/useDatePicker.hook.ts'\r\nimport { DATE_PICKER_STYLES } from '@components/forms/date-picker/styles/DatePicker.css.ts'\r\nimport type { DatePickerProps } from '@components/forms/date-picker/types/DatePicker.props.ts'\r\nimport CalendarIcon from '@resources/asset/CalendarIcon.svg?react'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * A date field with segmented day, month and year inputs and a calendar popover.\r\n *\r\n * Built on React Aria's `DateField`, which provides segment-by-segment typing,\r\n * arrow-key stepping, locale-aware ordering and screen-reader semantics. The\r\n * look comes from the design system's TextField styles.\r\n *\r\n * - Typing a complete, valid date updates the calendar and calls `onChange`.\r\n * - Picking a day in the calendar updates the segments and closes the popover.\r\n *\r\n * @example\r\n * ```tsx\r\n * const [date, setDate] = useState<Date | undefined>()\r\n * <DatePicker label=\"Start date\" value={date} onChange={setDate} />\r\n * ```\r\n */\r\nconst DatePicker = memo(\r\n    ({\r\n        id,\r\n        value,\r\n        defaultValue,\r\n        onChange,\r\n        calendarProps,\r\n        calendarAriaLabel = 'Calendar',\r\n        label,\r\n        error,\r\n        helperText,\r\n        required,\r\n        showRequiredIndicator = true,\r\n        disabled,\r\n        size = 'md',\r\n        fontSize = 'md',\r\n        width,\r\n        'aria-label': ariaLabel,\r\n        'aria-labelledby': ariaLabelledBy,\r\n        'aria-describedby': ariaDescribedBy,\r\n        name,\r\n    }: DatePickerProps) => {\r\n        const generatedId = useId()\r\n        const inputId = id ?? generatedId\r\n        const labelId = label ? `${inputId}-label` : undefined\r\n        const helperId = `${inputId}-helper`\r\n        const hasError = Boolean(error)\r\n        const showHelper = Boolean(error || helperText)\r\n\r\n        const {\r\n            selectedDate,\r\n            calendarValue,\r\n            open,\r\n            setOpen,\r\n            handleFieldChange,\r\n            handleCalendarSelect,\r\n        } = useDatePicker({ value, defaultValue, onChange })\r\n\r\n        const calendarDefaultMonth = useMemo(() => selectedDate ?? new Date(), [selectedDate])\r\n\r\n        const { className: calendarClassName, ...restCalendarProps } = calendarProps ?? {}\r\n\r\n        // Keep focus in the date segments when the calendar button is pressed.\r\n        const preventFocusSteal = (event: MouseEvent<HTMLButtonElement>) => event.preventDefault()\r\n\r\n        return (\r\n            <Flex\r\n                flexDirection={'column'}\r\n                gap={'xs'}\r\n                width={'100%'}\r\n                alignItems={'start'}\r\n                style={width !== undefined ? { width } : undefined}\r\n            >\r\n                {label && (\r\n                    <FormLabel\r\n                        id={labelId}\r\n                        disabled={disabled}\r\n                        required={required && showRequiredIndicator}\r\n                        fontSize={fontSize}\r\n                    >\r\n                        {label}\r\n                    </FormLabel>\r\n                )}\r\n\r\n                <Popover\r\n                    open={open}\r\n                    onOpenChange={setOpen}\r\n                >\r\n                    <Flex\r\n                        position={'relative'}\r\n                        width={'100%'}\r\n                        gap={'none'}\r\n                    >\r\n                        <DateField\r\n                            className={DATE_PICKER_STYLES.root}\r\n                            value={calendarValue}\r\n                            onChange={handleFieldChange}\r\n                            isDisabled={disabled}\r\n                            isRequired={required}\r\n                            isInvalid={hasError}\r\n                            name={name}\r\n                            aria-label={ariaLabel}\r\n                            aria-labelledby={ariaLabelledBy ?? labelId}\r\n                            aria-describedby={\r\n                                [ariaDescribedBy, showHelper ? helperId : undefined]\r\n                                    .filter(Boolean)\r\n                                    .join(' ') || undefined\r\n                            }\r\n                        >\r\n                            <DateInput\r\n                                className={({ isInvalid }) =>\r\n                                    cn(\r\n                                        TEXT_FIELD_STYLES.recipe({\r\n                                            size,\r\n                                            hasError: isInvalid,\r\n                                            hasStartIcon: false,\r\n                                            hasEndAction: true,\r\n                                        }),\r\n                                        DATE_PICKER_STYLES.input,\r\n                                    )\r\n                                }\r\n                                style={{ fontSize: vars.fontSize[fontSize] }}\r\n                            >\r\n                                {(segment) => (\r\n                                    <DateSegment\r\n                                        segment={segment}\r\n                                        className={DATE_PICKER_STYLES.segment}\r\n                                    />\r\n                                )}\r\n                            </DateInput>\r\n                        </DateField>\r\n\r\n                        <TextFieldEndAction>\r\n                            <Popover.Trigger>\r\n                                <IconButton\r\n                                    icon={CalendarIcon}\r\n                                    aria-label={'Open calendar'}\r\n                                    variant={'ghost'}\r\n                                    color={'primary'}\r\n                                    size={fieldSizeToActionSize[size]}\r\n                                    type={'button'}\r\n                                    disabled={disabled}\r\n                                    onMouseDown={preventFocusSteal}\r\n                                />\r\n                            </Popover.Trigger>\r\n                        </TextFieldEndAction>\r\n                    </Flex>\r\n\r\n                    <Popover.Content\r\n                        side={'bottom'}\r\n                        align={'end'}\r\n                        padding={'none'}\r\n                        aria-label={calendarAriaLabel}\r\n                    >\r\n                        <Calendar\r\n                            mode={'single'}\r\n                            selected={selectedDate}\r\n                            onSelect={handleCalendarSelect}\r\n                            defaultMonth={calendarDefaultMonth}\r\n                            className={cn(DATE_PICKER_STYLES.calendar, calendarClassName)}\r\n                            {...restCalendarProps}\r\n                        />\r\n                    </Popover.Content>\r\n                </Popover>\r\n\r\n                {showHelper && (\r\n                    <HelperText\r\n                        id={helperId}\r\n                        hasError={hasError}\r\n                    >\r\n                        {error ?? helperText}\r\n                    </HelperText>\r\n                )}\r\n            </Flex>\r\n        )\r\n    },\r\n)\r\n\r\nDatePicker.displayName = 'DatePicker'\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","memo","id","value","defaultValue","onChange","calendarProps","calendarAriaLabel","label","error","helperText","required","showRequiredIndicator","disabled","size","fontSize","width","ariaLabel","ariaLabelledBy","ariaDescribedBy","name","generatedId","useId","inputId","labelId","helperId","hasError","showHelper","selectedDate","calendarValue","open","setOpen","handleFieldChange","handleCalendarSelect","useDatePicker","calendarDefaultMonth","useMemo","calendarClassName","restCalendarProps","preventFocusSteal","event","jsxs","Flex","jsx","FormLabel","Popover","DateField","DATE_PICKER_STYLES","DateInput","isInvalid","cn","TEXT_FIELD_STYLES","vars","segment","DateSegment","TextFieldEndAction","IconButton","CalendarIcon","fieldSizeToActionSize","Calendar","HelperText"],"mappings":"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"}

package/dist/components/forms/date-picker/DatePicker.d.ts

@@ -16,5 +16,5 @@ import { MemoExoticComponent } from 'react';
  * <DatePicker label="Start date" value={date} onChange={setDate} />
  * ```
  */
-declare const DatePicker: MemoExoticComponent<({ id, value, defaultValue, onChange, calendarProps, calendarAriaLabel, label, error, helperText, required, showRequiredIndicator, disabled, size, fontSize, width, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: DatePickerProps) => import("react").JSX.Element>;
+declare const DatePicker: MemoExoticComponent<({ id, value, defaultValue, onChange, calendarProps, calendarAriaLabel, label, error, helperText, required, showRequiredIndicator, disabled, size, fontSize, width, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, name, }: DatePickerProps) => import("react").JSX.Element>;
 export default DatePicker;

package/dist/components/forms/date-picker/DatePicker.js

@@ -1,8 +1,8 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { memo as R, useId as Y, useMemo as $ } from "react";
-import { DateField as q, DateInput as K, DateSegment as V } from "react-aria-components";
-import X from "../calendar/Calendar.js";
-import '../../../ui-kit82.css';import '../../../ui-kit96.css';import '../../../ui-kit2.css';import '../../../ui-kit108.css';import '../../../ui-kit103.css';import '../../../ui-kit80.css';import '../../../ui-kit47.css';import '../../../ui-kit107.css';import '../../../ui-kit23.css';import '../../../ui-kit.css';/* empty css                                         */
+import { memo as Y, useId as $, useMemo as q } from "react";
+import { DateField as K, DateInput as V, DateSegment as X } from "react-aria-components";
+import G from "../calendar/Calendar.js";
+import '../../../ui-kit106.css';import '../../../ui-kit77.css';import '../../../ui-kit2.css';import '../../../ui-kit96.css';import '../../../ui-kit89.css';import '../../../ui-kit53.css';import '../../../ui-kit95.css';import '../../../ui-kit78.css';import '../../../ui-kit63.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                 */
 /* empty css                                                                                */
 /* empty css                                                 */
@@ -11,25 +11,25 @@ import '../../../ui-kit82.css';import '../../../ui-kit96.css';import '../../../u
 /* empty css                                                                                   */
 import m from "../../overlay/popover/Popover.js";
 import "../../overlay/popover/components/content/styles/PopoverContent.css.js";
-import G from "../../actions/icon-button/IconButton.js";
+import J from "../../actions/icon-button/IconButton.js";
 import "../../actions/icon-button/styles/IconButton.css.js";
 import v from "../../layout/flex/Flex.js";
 import "../../layout/flex/styles/Flex.css.js";
-import J from "../_shared/components/form-label/FormLabel.js";
-import Q from "../_shared/components/helper-text/HelperText.js";
+import Q from "../_shared/components/form-label/FormLabel.js";
+import U from "../_shared/components/helper-text/HelperText.js";
 import "../text-field/components/text-field-start-icon/TextFieldStartIcon.js";
 /* empty css                                             */
 /* empty css                                                                                          */
-import U from "../text-field/components/text-field-end-action/TextFieldEndAction.js";
+import W from "../text-field/components/text-field-end-action/TextFieldEndAction.js";
 /* empty css                                                                                          */
-import { TEXT_FIELD_STYLES as W } from "../text-field/styles/TextField.css.js";
-import { fieldSizeToActionSize as Z } from "../text-field/constants/index.js";
-import { useDatePicker as ee } from "./hooks/useDatePicker.hook.js";
+import { TEXT_FIELD_STYLES as Z } from "../text-field/styles/TextField.css.js";
+import { fieldSizeToActionSize as ee } from "../text-field/constants/index.js";
+import { useDatePicker as oe } from "./hooks/useDatePicker.hook.js";
 import { DATE_PICKER_STYLES as r } from "./styles/DatePicker.css.js";
-import oe from "../../../resources/asset/CalendarIcon.svg.js";
-import { vars as re } from "../../../theme/contract.css.js";
+import re from "../../../resources/asset/CalendarIcon.svg.js";
+import { vars as te } from "../../../theme/contract.css.js";
 import { cn as I } from "../../../utils/cn.js";
-const te = R(
+const ae = Y(
   ({
     id: S,
     value: C,
@@ -48,16 +48,17 @@ const te = R(
     width: f,
     "aria-label": N,
     "aria-labelledby": P,
-    "aria-describedby": w
+    "aria-describedby": w,
+    name: A
   }) => {
-    const A = Y(), h = S ?? A, u = t ? `${h}-label` : void 0, g = `${h}-helper`, D = !!a, b = !!(a || d), {
+    const B = $(), h = S ?? B, u = t ? `${h}-label` : void 0, g = `${h}-helper`, D = !!a, b = !!(a || d), {
       selectedDate: n,
-      calendarValue: B,
-      open: L,
-      setOpen: M,
-      handleFieldChange: _,
-      handleCalendarSelect: j
-    } = ee({ value: C, defaultValue: E, onChange: y }), k = $(() => n ?? /* @__PURE__ */ new Date(), [n]), { className: z, ...O } = T ?? {}, H = (o) => o.preventDefault();
+      calendarValue: L,
+      open: M,
+      setOpen: _,
+      handleFieldChange: j,
+      handleCalendarSelect: k
+    } = oe({ value: C, defaultValue: E, onChange: y }), z = q(() => n ?? /* @__PURE__ */ new Date(), [n]), { className: O, ...H } = T ?? {}, R = (o) => o.preventDefault();
     return /* @__PURE__ */ l(
       v,
       {
@@ -68,7 +69,7 @@ const te = R(
         style: f !== void 0 ? { width: f } : void 0,
         children: [
           t && /* @__PURE__ */ e(
-            J,
+            Q,
             {
               id: u,
               disabled: i,
@@ -80,8 +81,8 @@ const te = R(
           /* @__PURE__ */ l(
             m,
             {
-              open: L,
-              onOpenChange: M,
+              open: M,
+              onOpenChange: _,
               children: [
                 /* @__PURE__ */ l(
                   v,
@@ -91,22 +92,23 @@ const te = R(
                     gap: "none",
                     children: [
                       /* @__PURE__ */ e(
-                        q,
+                        K,
                         {
                           className: r.root,
-                          value: B,
-                          onChange: _,
+                          value: L,
+                          onChange: j,
                           isDisabled: i,
                           isRequired: s,
                           isInvalid: D,
+                          name: A,
                           "aria-label": N,
                           "aria-labelledby": P ?? u,
                           "aria-describedby": [w, b ? g : void 0].filter(Boolean).join(" ") || void 0,
                           children: /* @__PURE__ */ e(
-                            K,
+                            V,
                             {
                               className: ({ isInvalid: o }) => I(
-                                W.recipe({
+                                Z.recipe({
                                   size: p,
                                   hasError: o,
                                   hasStartIcon: !1,
@@ -114,9 +116,9 @@ const te = R(
                                 }),
                                 r.input
                               ),
-                              style: { fontSize: re.fontSize[c] },
+                              style: { fontSize: te.fontSize[c] },
                               children: (o) => /* @__PURE__ */ e(
-                                V,
+                                X,
                                 {
                                   segment: o,
                                   className: r.segment
@@ -126,17 +128,17 @@ const te = R(
                           )
                         }
                       ),
-                      /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(m.Trigger, { children: /* @__PURE__ */ e(
-                        G,
+                      /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(m.Trigger, { children: /* @__PURE__ */ e(
+                        J,
                         {
-                          icon: oe,
+                          icon: re,
                           "aria-label": "Open calendar",
                           variant: "ghost",
                           color: "primary",
-                          size: Z[p],
+                          size: ee[p],
                           type: "button",
                           disabled: i,
-                          onMouseDown: H
+                          onMouseDown: R
                         }
                       ) }) })
                     ]
@@ -150,14 +152,14 @@ const te = R(
                     padding: "none",
                     "aria-label": x,
                     children: /* @__PURE__ */ e(
-                      X,
+                      G,
                       {
                         mode: "single",
                         selected: n,
-                        onSelect: j,
-                        defaultMonth: k,
-                        className: I(r.calendar, z),
-                        ...O
+                        onSelect: k,
+                        defaultMonth: z,
+                        className: I(r.calendar, O),
+                        ...H
                       }
                     )
                   }
@@ -166,7 +168,7 @@ const te = R(
             }
           ),
           b && /* @__PURE__ */ e(
-            Q,
+            U,
             {
               id: g,
               hasError: D,
@@ -178,8 +180,8 @@ const te = R(
     );
   }
 );
-te.displayName = "DatePicker";
+ae.displayName = "DatePicker";
 export {
-  te as default
+  ae as default
 };
 //# sourceMappingURL=DatePicker.js.map