@midas-ds/components 17.26.0 → 17.27.0

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+## 17.27.0 (2026-09-28)
+
+### 🚀 Features
+
+- **components,calendar:** add opt-in month/year picker to Calendar header ([66aaa354322](https://github.com/migrationsverket/midas/commit/66aaa354322))
+- **components,list-box:** add small size for compact standalone lists ([4fc0d9acdd0](https://github.com/migrationsverket/midas/commit/4fc0d9acdd0))
+- **components,select:** add small size to SelectTrigger for compact standalone selects ([e873817fb04](https://github.com/migrationsverket/midas/commit/e873817fb04))
+
+### 🩹 Fixes
+
+- **components,list-box:** use layer-02 tokens for the compact month/year picker list ([71947f918ce](https://github.com/migrationsverket/midas/commit/71947f918ce))
+- **components:** remove dependency ([cbcbf9bc3a7](https://github.com/migrationsverket/midas/commit/cbcbf9bc3a7))
+- **components,calendar:** use type-only import for CalendarDate to fix shared-singleton CI check ([a1dc4c9d700](https://github.com/migrationsverket/midas/commit/a1dc4c9d700))
+- **components,calendar:** fix commitBehavior regression and calendar style-reset specificity ([1e16eee4048](https://github.com/migrationsverket/midas/commit/1e16eee4048))
+- **components,calendar:** default RangeCalendar to commitBehavior=reset to avoid losing an in-progress selection ([29797a0a969](https://github.com/migrationsverket/midas/commit/29797a0a969))
+
+### 🏭 Refactoring
+
+- **components,calendar:** remove test id ([f438ab14be9](https://github.com/migrationsverket/midas/commit/f438ab14be9))
+- **components,calendar:** remove implementation of calendar parts ([2155a551a54](https://github.com/migrationsverket/midas/commit/2155a551a54))
+- **components,calendar:** extract shared CalendarPicker to remove duplication ([95afddb01d1](https://github.com/migrationsverket/midas/commit/95afddb01d1))
+- **components,calendar:** drop React.FC across calendar components ([89130b5a8f1](https://github.com/migrationsverket/midas/commit/89130b5a8f1))
+
+### 🧪 Tests updated
+
+- **components:** update visual regression screenshots ([577a6fe2928](https://github.com/migrationsverket/midas/commit/577a6fe2928))
+- **components:** update visual regression screenshots ([8739fcb1d91](https://github.com/migrationsverket/midas/commit/8739fcb1d91))
+- **components,calendar:** add missing WithMonthYearPicker visual regression baselines ([3fd6f623052](https://github.com/migrationsverket/midas/commit/3fd6f623052))
+- **components:** update visual regression screenshots ([5f5afd8f047](https://github.com/migrationsverket/midas/commit/5f5afd8f047))
+- **components:** mock the date for visual regression ([78bbf4510e1](https://github.com/migrationsverket/midas/commit/78bbf4510e1))
+
 ## 17.26.0 (2026-09-23)
 
 ### 🚀 Features

package/assets/calendar.css

@@ -1 +1 @@
-._container_19aea_1{flex-direction:column;display:inline-flex}._calendar_19aea_6{padding:.5rem}._calendar_19aea_6 *{background:unset;color:unset;padding:unset;border:unset}._calendar_19aea_6 table{border-collapse:separate;border-spacing:0 2px;display:table}._calendar_19aea_6 thead tr,._calendar_19aea_6 tbody tr{background-color:unset}._calendar_19aea_6 th,._calendar_19aea_6 ._day_19aea_28{text-align:center;width:var(--midas-size-control-md);height:var(--midas-size-control-md);box-sizing:border-box}._calendar_19aea_6 th{font-weight:500;line-height:initial;padding:.625rem 0}._calendar_19aea_6 ._day_19aea_28{justify-content:center;align-items:center;display:flex}._calendar_19aea_6{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);margin:auto;display:inline-block}._calendar_19aea_6 [data-unavailable]{color:var(--midas-text-disabled)}._calendar_19aea_6 div:focus-visible{outline:none}._calendar_19aea_6 div[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}@media (forced-colors:active){._calendar_19aea_6 div[data-focus-visible]{outline-offset:2px;outline:3px solid highlight}}._calendar_19aea_6[data-disabled=true],._calendar_19aea_6[data-disabled=true] button{cursor:not-allowed;color:var(--midas-text-disabled)}._calendar_19aea_6[data-invalid]{border:2px solid var(--midas-support-border-warning)}@media (forced-colors:active){._calendar_19aea_6{border:2px solid}}._calendar_19aea_6[data-readonly]{background-color:#0000}._header_19aea_90{justify-content:space-between;align-items:center;display:flex}._header_19aea_90 button{color:var(--midas-text-primary);background-color:var(--midas-layer-01-base);cursor:pointer;border:none;padding:.5rem}._header_19aea_90 button[data-hovered]:not([data-disabled]){background-color:var(--midas-field-01-hover)}._header_19aea_90 button:focus-visible,._header_19aea_90 button[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._header_19aea_90 button:focus-visible,._header_19aea_90 button[data-focus-visible]{outline-offset:2px;outline:3px solid}}._header_19aea_90 button[data-readonly]{background-color:#0000}._header_19aea_90 [data-disabled]{color:var(--midas-text-disabled)}._day_19aea_28{border:solid 1px var(--midas-layer-01-base);cursor:pointer}._day_19aea_28[data-hovered]:not([data-unavailable],[data-disabled],[data-selected]){background-color:var(--midas-field-01-hover);border-color:var(--midas-field-01-hover)}._day_19aea_28[data-pressed]:not([data-unavailable],[data-disabled]){background-color:var(--midas-field-01-active);border-color:var(--midas-field-01-active)}._day_19aea_28[data-selected=true]{color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-selected);border-color:var(--midas-calendar-date-background-selected)}@media (forced-colors:active){._day_19aea_28[data-selected=true]{background-color:selecteditem}}._day_19aea_28[data-readonly]{pointer-events:none;border-color:#0000}._day_19aea_28[data-readonly][data-selected]{border-color:var(--midas-border-color-primary);color:var(--midas-text-primary);background-color:#0000}._day_19aea_28._range_19aea_162[data-selected=true]{color:var(--midas-text-primary);background-color:var(--midas-calendar-date-background-in-range);border-left:none;border-right:none;border-top:1px solid var(--midas-border-color-tertiary);border-bottom:1px solid var(--midas-border-color-tertiary)}@media (forced-colors:active){._day_19aea_28._range_19aea_162[data-selected=true]{background-color:mark}}._day_19aea_28._range_19aea_162[data-selection-start]:not([data-outside-month]){color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-start-range);border-color:var(--midas-calendar-date-background-start-range);border-style:solid}@media (forced-colors:active){._day_19aea_28._range_19aea_162[data-selection-start]:not([data-outside-month]){background-color:selecteditem}}._day_19aea_28._range_19aea_162[data-selection-end]:not([data-outside-month]){color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-end-range);border-color:var(--midas-calendar-date-background-end-range);border-style:solid}@media (forced-colors:active){._day_19aea_28._range_19aea_162[data-selection-end]:not([data-outside-month]){background-color:selecteditem}}._day_19aea_28._range_19aea_162[data-readonly]{pointer-events:none}._day_19aea_28._range_19aea_162[data-readonly][data-selected]{border-color:var(--midas-border-color-subtle);color:var(--midas-text-primary);background-color:#0000}._day_19aea_28._range_19aea_162[data-readonly][data-selection-start]:not([data-outside-month]),._day_19aea_28._range_19aea_162[data-readonly][data-selection-end]:not([data-outside-month]){border-color:var(--midas-border-color-primary);color:var(--midas-text-primary);background-color:#0000}._day_19aea_28[data-disabled],._day_19aea_28[data-unavailable]{color:var(--midas-text-disabled)}@media (forced-colors:active){._day_19aea_28[data-disabled],._day_19aea_28[data-unavailable]{color:graytext}}._day_19aea_28[data-disabled],._day_19aea_28[data-unavailable]{cursor:not-allowed}._day_19aea_28[data-today]{text-underline-offset:3px;text-decoration:underline}._day_19aea_28[data-outside-month=true]{color:var(--midas-text-disabled)}
+._container_mn6zv_1{flex-direction:column;display:inline-flex}._calendar_mn6zv_6{padding:.5rem}._calendar_mn6zv_6 table :where(*){background:unset;color:unset;padding:unset;border:unset}._calendar_mn6zv_6 table{border-collapse:separate;border-spacing:0 2px;display:table}._calendar_mn6zv_6 thead tr,._calendar_mn6zv_6 tbody tr{background-color:unset}._calendar_mn6zv_6 th,._calendar_mn6zv_6 ._day_mn6zv_28{text-align:center;width:var(--midas-size-control-md);height:var(--midas-size-control-md);box-sizing:border-box}._calendar_mn6zv_6 th{font-weight:500;line-height:initial;padding:.625rem 0}._calendar_mn6zv_6 ._day_mn6zv_28{justify-content:center;align-items:center;display:flex}._calendar_mn6zv_6{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);margin:auto;display:inline-block}._calendar_mn6zv_6 [data-unavailable]{color:var(--midas-text-disabled)}._calendar_mn6zv_6 div:focus-visible{outline:none}._calendar_mn6zv_6 div[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}@media (forced-colors:active){._calendar_mn6zv_6 div[data-focus-visible]{outline-offset:2px;outline:3px solid highlight}}._calendar_mn6zv_6[data-disabled=true],._calendar_mn6zv_6[data-disabled=true] button{cursor:not-allowed;color:var(--midas-text-disabled)}._calendar_mn6zv_6[data-invalid]{border:2px solid var(--midas-support-border-warning)}@media (forced-colors:active){._calendar_mn6zv_6{border:2px solid}}._calendar_mn6zv_6[data-readonly]{background-color:#0000}._header_mn6zv_90{justify-content:space-between;align-items:center;display:flex}._header_mn6zv_90>button{color:var(--midas-text-primary);background-color:var(--midas-layer-01-base);cursor:pointer;border:none;padding:.5rem}._header_mn6zv_90>button[data-hovered]:not([data-disabled]){background-color:var(--midas-field-01-hover)}._header_mn6zv_90>button:focus-visible,._header_mn6zv_90>button[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._header_mn6zv_90>button:focus-visible,._header_mn6zv_90>button[data-focus-visible]{outline-offset:2px;outline:3px solid}}._header_mn6zv_90>button[data-readonly]{background-color:#0000}._header_mn6zv_90 [data-disabled]{color:var(--midas-text-disabled)}._pickers_mn6zv_130{align-items:center;gap:var(--midas-space-small);display:flex}._pickers_mn6zv_130 [data-readonly] button{background-color:#0000}._day_mn6zv_28{border:solid 1px var(--midas-layer-01-base);cursor:pointer}._day_mn6zv_28[data-hovered]:not([data-unavailable],[data-disabled],[data-selected]){background-color:var(--midas-field-01-hover);border-color:var(--midas-field-01-hover)}._day_mn6zv_28[data-pressed]:not([data-unavailable],[data-disabled]){background-color:var(--midas-field-01-active);border-color:var(--midas-field-01-active)}._day_mn6zv_28[data-selected=true]{color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-selected);border-color:var(--midas-calendar-date-background-selected)}@media (forced-colors:active){._day_mn6zv_28[data-selected=true]{background-color:selecteditem}}._day_mn6zv_28[data-readonly]{pointer-events:none;border-color:#0000}._day_mn6zv_28[data-readonly][data-selected]{border-color:var(--midas-border-color-primary);color:var(--midas-text-primary);background-color:#0000}._day_mn6zv_28._range_mn6zv_180[data-selected=true]{color:var(--midas-text-primary);background-color:var(--midas-calendar-date-background-in-range);border-left:none;border-right:none;border-top:1px solid var(--midas-border-color-tertiary);border-bottom:1px solid var(--midas-border-color-tertiary)}@media (forced-colors:active){._day_mn6zv_28._range_mn6zv_180[data-selected=true]{background-color:mark}}._day_mn6zv_28._range_mn6zv_180[data-selection-start]:not([data-outside-month]){color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-start-range);border-color:var(--midas-calendar-date-background-start-range);border-style:solid}@media (forced-colors:active){._day_mn6zv_28._range_mn6zv_180[data-selection-start]:not([data-outside-month]){background-color:selecteditem}}._day_mn6zv_28._range_mn6zv_180[data-selection-end]:not([data-outside-month]){color:var(--midas-text-inverse);background-color:var(--midas-calendar-date-background-end-range);border-color:var(--midas-calendar-date-background-end-range);border-style:solid}@media (forced-colors:active){._day_mn6zv_28._range_mn6zv_180[data-selection-end]:not([data-outside-month]){background-color:selecteditem}}._day_mn6zv_28._range_mn6zv_180[data-readonly]{pointer-events:none}._day_mn6zv_28._range_mn6zv_180[data-readonly][data-selected]{border-color:var(--midas-border-color-subtle);color:var(--midas-text-primary);background-color:#0000}._day_mn6zv_28._range_mn6zv_180[data-readonly][data-selection-start]:not([data-outside-month]),._day_mn6zv_28._range_mn6zv_180[data-readonly][data-selection-end]:not([data-outside-month]){border-color:var(--midas-border-color-primary);color:var(--midas-text-primary);background-color:#0000}._day_mn6zv_28[data-disabled],._day_mn6zv_28[data-unavailable]{color:var(--midas-text-disabled)}@media (forced-colors:active){._day_mn6zv_28[data-disabled],._day_mn6zv_28[data-unavailable]{color:graytext}}._day_mn6zv_28[data-disabled],._day_mn6zv_28[data-unavailable]{cursor:not-allowed}._day_mn6zv_28[data-today]{text-underline-offset:3px;text-decoration:underline}._day_mn6zv_28[data-outside-month=true]{color:var(--midas-text-disabled)}

package/assets/list-box.css

@@ -1 +1 @@
-._dropdownAnimation_1ljkv_4{opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._dropdownAnimation_1ljkv_4[data-entering]{opacity:0}._dropdownAnimation_1ljkv_4[data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}@media (prefers-reduced-motion){._dropdownAnimation_1ljkv_4{transition:none}}._listBox_48j4n_4{max-height:min(295px,50dvh);overflow:hidden auto}._listBox_48j4n_4>div{pointer-events:auto!important}._listBoxPopover_48j4n_16{font-family:var(--midas-typography-font-family);width:var(--trigger-width);background:var(--midas-layer-01-base);box-shadow:0 3px 5px #0003}@media (forced-colors:active){._listBoxPopover_48j4n_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_48j4n_31{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-xsmall) var(--midas-space-60);font-weight:var(--midas-typography-weight-medium);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);color:var(--midas-menu-text-section-header);display:block}._listBoxButton_48j4n_43{all:unset;box-sizing:border-box;width:100%;margin-bottom:var(--midas-space-10)!important}._listBoxButton_48j4n_43:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_48j4n_55{background-color:var(--midas-layer-01-base);box-sizing:border-box;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-70) var(--midas-space-medium);justify-content:space-between;align-items:center;gap:var(--midas-space-medium);margin-bottom:0;display:flex}._listBoxItem_48j4n_55 ._textContent_48j4n_68{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_48j4n_55[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._listBoxItem_48j4n_55[data-pressed]:not([data-disabled]){background-color:var(--midas-layer-01-hover)}._listBoxItem_48j4n_55[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_48j4n_55[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_48j4n_55[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._listBoxItem_48j4n_55[data-focused]{box-shadow:none;outline:none}@media (forced-colors:active){._listBoxItem_48j4n_55[data-focused]{outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1);outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important}}._listBoxItem_48j4n_55[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_48j4n_55[data-selection-mode=single][data-selected] ._textContent_48j4n_68{max-width:calc(100% - var(--midas-space-150))}._listBoxItem_48j4n_55[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-icon-sm) var(--midas-size-icon-sm);mask-size:var(--midas-size-icon-sm) var(--midas-size-icon-sm);flex-shrink:0}@media (forced-colors:active){._listBoxItem_48j4n_55[data-selection-mode=single][data-selected]:after{filter:invert()}}._listBoxItem_48j4n_55[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-space-small)}._listBoxItem_48j4n_55[data-selection-mode=multiple]:before{box-sizing:border-box;content:"";border:1px solid var(--midas-border-color-primary);min-width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);transition:all .2s}._listBoxItem_48j4n_55[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-icon-sm);min-height:var(--midas-size-icon-sm);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1pY29uIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+);background-size:contain;background-color:var(--midas-button-background-primary-base);border-color:var(--midas-button-background-primary-base)}@media (forced-colors:active){._listBoxItem_48j4n_55[data-selection-mode=multiple][data-selected]:before{background-color:selecteditem;border-color:selecteditem}}._listBoxItem_48j4n_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:var(--midas-button-background-primary-hover);border-color:var(--midas-button-background-primary-hover)}@media (forced-colors:active){._listBoxItem_48j4n_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:selecteditem;border-color:selecteditem}}._listBoxLoadMoreItem_48j4n_176{align-items:center;gap:var(--midas-space-medium);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium);display:flex}@media (prefers-reduced-motion){._listBoxItem_48j4n_55,._item_48j4n_187,._option_48j4n_188 ._inputCheckbox_48j4n_188{transition:none}}._listBoxEmptyState_1wxhy_1{line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium);display:block}
+._dropdownAnimation_1ljkv_4{opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._dropdownAnimation_1ljkv_4[data-entering]{opacity:0}._dropdownAnimation_1ljkv_4[data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}@media (prefers-reduced-motion){._dropdownAnimation_1ljkv_4{transition:none}}._listBox_6csy4_4{max-height:min(295px,50dvh);overflow:hidden auto}._listBox_6csy4_4>div{pointer-events:auto!important}._listBox_6csy4_4[data-size=small] ._listBoxItem_6csy4_18{padding:var(--midas-space-50) var(--midas-space-medium);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);height:var(--midas-size-option);background-color:var(--midas-layer-02-base)}._listBox_6csy4_4[data-size=small] ._listBoxItem_6csy4_18[data-hovered]:not([data-disabled]),._listBox_6csy4_4[data-size=small] ._listBoxItem_6csy4_18[data-pressed]:not([data-disabled]){background-color:var(--midas-layer-02-hover)}._listBox_6csy4_4[data-size=small] ._listBoxItem_6csy4_18[data-selected]{background-color:var(--midas-layer-02-selected)}._listBox_6csy4_4[data-size=small] ._listBoxItem_6csy4_18[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-02-selected-hover)}._listBox_6csy4_4[data-size=small] ._listBoxItem_6csy4_18[data-selection-mode=single][data-selected]:after{content:none}._listBox_6csy4_4[data-size=small] ._listBoxItem_6csy4_18[data-selection-mode=single][data-selected] ._textContent_6csy4_51{max-width:100%}._listBoxPopover_6csy4_67{font-family:var(--midas-typography-font-family);width:var(--trigger-width);background:var(--midas-layer-01-base);box-shadow:0 3px 5px #0003}@media (forced-colors:active){._listBoxPopover_6csy4_67{border:1px solid var(--midas-border-color-primary)}}._listBoxPopover_6csy4_67:has(._listBox_6csy4_4[data-size=small]){width:max-content;min-width:var(--trigger-width);background:var(--midas-layer-02-base)}._listBoxSectionHeading_6csy4_96{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-xsmall) var(--midas-space-60);font-weight:var(--midas-typography-weight-medium);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);color:var(--midas-menu-text-section-header);display:block}._listBoxButton_6csy4_108{all:unset;box-sizing:border-box;width:100%;margin-bottom:var(--midas-space-10)!important}._listBoxButton_6csy4_108:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_6csy4_18{background-color:var(--midas-layer-01-base);box-sizing:border-box;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-70) var(--midas-space-medium);justify-content:space-between;align-items:center;gap:var(--midas-space-medium);margin-bottom:0;display:flex}._listBoxItem_6csy4_18 ._textContent_6csy4_51{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_6csy4_18[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._listBoxItem_6csy4_18[data-pressed]:not([data-disabled]){background-color:var(--midas-layer-01-hover)}._listBoxItem_6csy4_18[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_6csy4_18[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_6csy4_18[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._listBoxItem_6csy4_18[data-focused]{box-shadow:none;outline:none}@media (forced-colors:active){._listBoxItem_6csy4_18[data-focused]{outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1);outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important}}._listBoxItem_6csy4_18[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_6csy4_18[data-selection-mode=single][data-selected] ._textContent_6csy4_51{max-width:calc(100% - var(--midas-space-150))}._listBoxItem_6csy4_18[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-icon-sm) var(--midas-size-icon-sm);mask-size:var(--midas-size-icon-sm) var(--midas-size-icon-sm);flex-shrink:0}@media (forced-colors:active){._listBoxItem_6csy4_18[data-selection-mode=single][data-selected]:after{filter:invert()}}._listBoxItem_6csy4_18[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-space-small)}._listBoxItem_6csy4_18[data-selection-mode=multiple]:before{box-sizing:border-box;content:"";border:1px solid var(--midas-border-color-primary);min-width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);transition:all .2s}._listBoxItem_6csy4_18[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-icon-sm);min-height:var(--midas-size-icon-sm);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1pY29uIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+);background-size:contain;background-color:var(--midas-button-background-primary-base);border-color:var(--midas-button-background-primary-base)}@media (forced-colors:active){._listBoxItem_6csy4_18[data-selection-mode=multiple][data-selected]:before{background-color:selecteditem;border-color:selecteditem}}._listBoxItem_6csy4_18[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:var(--midas-button-background-primary-hover);border-color:var(--midas-button-background-primary-hover)}@media (forced-colors:active){._listBoxItem_6csy4_18[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:selecteditem;border-color:selecteditem}}._listBoxLoadMoreItem_6csy4_241{align-items:center;gap:var(--midas-space-medium);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium);display:flex}@media (prefers-reduced-motion){._listBoxItem_6csy4_18,._item_6csy4_252,._option_6csy4_253 ._inputCheckbox_6csy4_253{transition:none}}._listBoxEmptyState_1wxhy_1{line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium);display:block}

package/assets/select.css

@@ -1 +1 @@
-._select_mawme_1{flex-direction:column;align-self:stretch;display:flex}._triggerContainer_mawme_7{flex-direction:column;display:flex;position:relative}._trigger_mawme_7{background-color:var(--midas-field-base,var(--midas-field-01-base));border:none;border-bottom:1px solid var(--midas-border-color-primary);color:var(--midas-text-primary);font-size:var(--midas-typography-font-size-30);align-items:center;gap:var(--midas-space-xsmall);min-height:var(--midas-size-control);padding-left:var(--midas-space-medium);padding-right:var(--midas-space-medium);transition:all var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-in);border-radius:0;justify-content:space-between;display:flex}._trigger_mawme_7._medium_mawme_30{min-height:var(--midas-size-control-md)}._trigger_mawme_7:focus-visible{box-shadow:var(--midas-state-focus);transition:all var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out);outline:none}@media (forced-colors:active){._trigger_mawme_7:focus-visible{outline-offset:2px;outline:3px solid highlight}}._trigger_mawme_7[data-hovered]{background-color:var(--midas-field-hover,var(--midas-field-01-hover));cursor:pointer}._trigger_mawme_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled,var(--midas-field-01-disabled));color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_mawme_7[data-invalid]:not(:focus-visible){box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._trigger_mawme_7[data-invalid]:not(:focus-visible){border:5px solid highlight!important}}._trigger_mawme_7[data-pressed]{background-color:var(--midas-field-01-active)}._trigger_mawme_7[aria-expanded=true] ._icon_mawme_72{transform:rotate(180deg)}._selectValue_mawme_78{color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-space-150))}._selectValue_mawme_78 ._placeholder_mawme_84{display:flex}._selectValue_mawme_78[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_mawme_94{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-space-150));position:absolute;top:50%;transform:translateY(-50%)}._multiSelectValue_mawme_94 ._placeholder_mawme_84{left:var(--midas-space-medium);justify-content:center;align-items:center;display:flex;position:relative}._multiSelectValue_mawme_94[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_mawme_118{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);left:var(--midas-space-small);pointer-events:all;border-radius:1.25rem;justify-content:center;align-items:center;min-height:1.75rem;padding:0 .5rem;font-size:.875rem;display:flex;position:relative}._selectValueTag_mawme_118:has(._clearButton_mawme_132){padding-right:0}._selectValueTag_mawme_118[data-disabled]{background-color:var(--midas-field-disabled,var(--midas-field-01-disabled));border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_mawme_147{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._clearButton_mawme_132{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);margin-left:var(--midas-space-10);padding:var(--midas-space-30);border:none;border-radius:100%;display:flex}._clearButton_mawme_132[data-hovered]{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_mawme_132[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_mawme_132:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._clearButton_mawme_132:focus-visible{outline-offset:2px;outline:3px solid highlight}}._popover_mawme_184{font-size:var(--midas-typography-font-size-30);padding:0}._popover_mawme_184 :focus{outline:none}._popover_mawme_184[data-trigger=Select]{min-width:var(--trigger-width);opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._popover_mawme_184[data-trigger=Select][data-entering]{opacity:0}._popover_mawme_184[data-trigger=Select][data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}._popover_mawme_184 ._selectAll_mawme_212{box-sizing:border-box;background-color:var(--midas-layer-01-base);width:100%;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);padding:var(--midas-space-medium);line-height:1;display:flex;margin-bottom:2px!important}._popover_mawme_184 ._selectAll_mawme_212[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._popover_mawme_184 ._selectAll_mawme_212[data-hovered]:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_mawme_184 ._selectAll_mawme_212[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_mawme_184 ._selectAll_mawme_212[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_mawme_184 ._selectAll_mawme_212[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._popover_mawme_184 ._selectAll_mawme_212[data-selected][data-hovered]:not([data-disabled]) div{border-color:#0000}._popover_mawme_184 ._selectAll_mawme_212[data-focused]{box-shadow:none;outline:none}@media (forced-colors:active){._popover_mawme_184 ._selectAll_mawme_212[data-focused]{outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1);outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important}}._popover_mawme_184 ._selectAll_mawme_212[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_mawme_184 ._selectAll_mawme_212[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._icon_mawme_72{transition:transform var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in-out);display:flex}._tagGroup_mawme_278{margin-top:var(--midas-space-small)}@media (prefers-reduced-motion){._trigger_mawme_7,._popover_mawme_184[data-trigger=Select],._icon_mawme_72{transition:none}}
+._select_140qh_1{flex-direction:column;align-self:stretch;display:flex}._triggerContainer_140qh_7{flex-direction:column;display:flex;position:relative}._trigger_140qh_7{background-color:var(--midas-field-base,var(--midas-field-01-base));border:none;border-bottom:1px solid var(--midas-border-color-primary);color:var(--midas-text-primary);font-size:var(--midas-typography-font-size-30);align-items:center;gap:var(--midas-space-xsmall);min-height:var(--midas-size-control);padding-left:var(--midas-space-medium);padding-right:var(--midas-space-medium);transition:all var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-in);border-radius:0;justify-content:space-between;display:flex}._trigger_140qh_7._medium_140qh_30{min-height:var(--midas-size-control-md)}._trigger_140qh_7._small_140qh_37{--midas-field-base:var(--midas-field-02-base);--midas-field-hover:var(--midas-field-02-hover);--midas-field-disabled:var(--midas-field-02-disabled);--midas-field-active:var(--midas-field-02-base);min-height:var(--midas-size-option);gap:var(--midas-space-small);padding-left:var(--midas-space-small);padding-right:var(--midas-space-small);border-bottom-width:.5px}._trigger_140qh_7._small_140qh_37 ._selectValue_140qh_60{max-width:none}._trigger_140qh_7:focus-visible{box-shadow:var(--midas-state-focus);transition:all var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-out);outline:none}@media (forced-colors:active){._trigger_140qh_7:focus-visible{outline-offset:2px;outline:3px solid highlight}}._trigger_140qh_7[data-hovered]{background-color:var(--midas-field-hover,var(--midas-field-01-hover));cursor:pointer}._trigger_140qh_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled,var(--midas-field-01-disabled));color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_140qh_7[data-invalid]:not(:focus-visible){box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._trigger_140qh_7[data-invalid]:not(:focus-visible){border:5px solid highlight!important}}._trigger_140qh_7[data-pressed]{background-color:var(--midas-field-active,var(--midas-field-01-active))}._trigger_140qh_7[aria-expanded=true] ._icon_140qh_110{transform:rotate(180deg)}._selectValue_140qh_60{color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-space-150))}._selectValue_140qh_60 ._placeholder_140qh_122{display:flex}._selectValue_140qh_60[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_140qh_132{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-space-150));position:absolute;top:50%;transform:translateY(-50%)}._multiSelectValue_140qh_132 ._placeholder_140qh_122{left:var(--midas-space-medium);justify-content:center;align-items:center;display:flex;position:relative}._multiSelectValue_140qh_132[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_140qh_156{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);left:var(--midas-space-small);pointer-events:all;border-radius:1.25rem;justify-content:center;align-items:center;min-height:1.75rem;padding:0 .5rem;font-size:.875rem;display:flex;position:relative}._selectValueTag_140qh_156:has(._clearButton_140qh_170){padding-right:0}._selectValueTag_140qh_156[data-disabled]{background-color:var(--midas-field-disabled,var(--midas-field-01-disabled));border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_140qh_185{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._clearButton_140qh_170{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);margin-left:var(--midas-space-10);padding:var(--midas-space-30);border:none;border-radius:100%;display:flex}._clearButton_140qh_170[data-hovered]{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_140qh_170[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_140qh_170:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._clearButton_140qh_170:focus-visible{outline-offset:2px;outline:3px solid highlight}}._popover_140qh_222{font-size:var(--midas-typography-font-size-30);padding:0}._popover_140qh_222 :focus{outline:none}._popover_140qh_222[data-trigger=Select]{min-width:var(--trigger-width);opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._popover_140qh_222[data-trigger=Select][data-entering]{opacity:0}._popover_140qh_222[data-trigger=Select][data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}._popover_140qh_222 ._selectAll_140qh_250{box-sizing:border-box;background-color:var(--midas-layer-01-base);width:100%;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);padding:var(--midas-space-medium);line-height:1;display:flex;margin-bottom:2px!important}._popover_140qh_222 ._selectAll_140qh_250[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._popover_140qh_222 ._selectAll_140qh_250[data-hovered]:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_140qh_222 ._selectAll_140qh_250[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_140qh_222 ._selectAll_140qh_250[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_140qh_222 ._selectAll_140qh_250[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._popover_140qh_222 ._selectAll_140qh_250[data-selected][data-hovered]:not([data-disabled]) div{border-color:#0000}._popover_140qh_222 ._selectAll_140qh_250[data-focused]{box-shadow:none;outline:none}@media (forced-colors:active){._popover_140qh_222 ._selectAll_140qh_250[data-focused]{outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1);outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important}}._popover_140qh_222 ._selectAll_140qh_250[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_140qh_222 ._selectAll_140qh_250[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._icon_140qh_110{transition:transform var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in-out);display:flex}._tagGroup_140qh_316{margin-top:var(--midas-space-small)}@media (prefers-reduced-motion){._trigger_140qh_7,._popover_140qh_222[data-trigger=Select],._icon_140qh_110{transition:none}}

package/calendar/Calendar.d.ts

@@ -2,5 +2,12 @@ import { CalendarProps as AriaCalendarProps, DateValue } from 'react-aria-compon
 import { CalendarSelectionMode } from 'react-stately/useCalendarState';
 export interface CalendarProps<M extends CalendarSelectionMode = 'single'> extends AriaCalendarProps<DateValue, M> {
     errorMessage?: string;
+    /**
+     * Show month/year picker dropdowns in the header instead of the static
+     * heading, letting users jump directly to a month/year instead of
+     * paging one month at a time.
+     * @default false
+     */
+    showMonthYearPicker?: boolean;
 }
-export declare const Calendar: <M extends CalendarSelectionMode = "single">({ className, errorMessage, ...rest }: CalendarProps<M>) => import("react/jsx-runtime").JSX.Element;
+export declare const Calendar: <M extends CalendarSelectionMode = "single">({ className, errorMessage, showMonthYearPicker, ...rest }: CalendarProps<M>) => import("react/jsx-runtime").JSX.Element;

package/calendar/Calendar.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { Calendar } from './Calendar';
 type Story = StoryObj<typeof Calendar<'single'>>;
 declare const _default: {
-    component: <M extends import('react-stately/useCalendarState').CalendarSelectionMode = "single">({ className, errorMessage, ...rest }: import('./Calendar').CalendarProps<M>) => import("react/jsx-runtime").JSX.Element;
+    component: <M extends import('react-stately/useCalendarState').CalendarSelectionMode = "single">({ className, errorMessage, showMonthYearPicker, ...rest }: import('./Calendar').CalendarProps<M>) => import("react/jsx-runtime").JSX.Element;
     render: (args: import('./Calendar').CalendarProps<"single">) => import("react/jsx-runtime").JSX.Element;
     title: string;
     tags: string[];
@@ -13,4 +13,5 @@ export declare const Disabled: Story;
 export declare const ReadOnly: Story;
 export declare const Invalid: Story;
 export declare const UnavailableWeekends: Story;
+export declare const WithMonthYearPicker: Story;
 export declare const MultiSelect: StoryObj<typeof Calendar<'multiple'>>;

package/calendar/CalendarGrid.d.ts

@@ -1,7 +1,6 @@
 import { CalendarGridProps as AriaCalendarGridProps } from 'react-aria-components';
-import * as React from 'react';
 export interface CalendarGridProps {
     weekdayStyle?: AriaCalendarGridProps['weekdayStyle'];
     isReadOnly?: boolean;
 }
-export declare const CalendarGrid: React.FC<CalendarGridProps>;
+export declare const CalendarGrid: ({ weekdayStyle, isReadOnly, }: CalendarGridProps) => import("react/jsx-runtime").JSX.Element;

package/calendar/CalendarHeader.d.ts

@@ -1,5 +1,4 @@
 import { CalendarProps } from './Calendar';
-import * as React from 'react';
-type CalendarHeaderProps = Pick<CalendarProps, 'isDisabled' | 'isReadOnly'>;
-export declare const CalendarHeader: React.FC<CalendarHeaderProps>;
+type CalendarHeaderProps = Pick<CalendarProps, 'isDisabled' | 'isReadOnly' | 'showMonthYearPicker'>;
+export declare const CalendarHeader: ({ isDisabled, isReadOnly, showMonthYearPicker, }: CalendarHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/calendar/CalendarPicker.d.ts

@@ -0,0 +1,18 @@
+import { SelectProps } from 'react-aria-components';
+import { CalendarDate } from '@internationalized/date';
+interface CalendarPickerItem {
+    id: number;
+    date: CalendarDate;
+    formatted: string;
+}
+export interface CalendarPickerProps extends SelectProps {
+    items: CalendarPickerItem[];
+    /**
+     * A read-only calendar still allows browsing months/years — it only
+     * blocks date *selection* — so this only applies a cosmetic treatment,
+     * matching the existing prev/next nav buttons' behaviour.
+     */
+    isReadOnly?: boolean;
+}
+export declare const CalendarPicker: ({ isDisabled, isReadOnly, items, ...rest }: CalendarPickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/calendar/RangeCalendar.d.ts

@@ -1,6 +1,12 @@
 import { DateValue, RangeCalendarProps as AriaRangeCalendarProps } from 'react-aria-components';
-import * as React from 'react';
 export interface RangeCalendarProps extends AriaRangeCalendarProps<DateValue> {
     errorMessage?: string;
+    /**
+     * Show month/year picker dropdowns in the header instead of the static
+     * heading, letting users jump directly to a month/year instead of
+     * paging one month at a time.
+     * @default false
+     */
+    showMonthYearPicker?: boolean;
 }
-export declare const RangeCalendar: React.FC<RangeCalendarProps>;
+export declare const RangeCalendar: ({ className, errorMessage, showMonthYearPicker, commitBehavior, ...rest }: RangeCalendarProps) => import("react/jsx-runtime").JSX.Element;

package/calendar/RangeCalendar.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { RangeCalendar } from './RangeCalendar';
 type Story = StoryObj<typeof RangeCalendar>;
 declare const _default: {
-    component: import('react').FC<import('./RangeCalendar').RangeCalendarProps>;
+    component: ({ className, errorMessage, showMonthYearPicker, commitBehavior, ...rest }: import('./RangeCalendar').RangeCalendarProps) => import("react/jsx-runtime").JSX.Element;
     title: string;
     tags: string[];
 };
@@ -11,4 +11,5 @@ export declare const Primary: Story;
 export declare const SelectedDates: Story;
 export declare const Disabled: Story;
 export declare const ReadOnly: Story;
+export declare const WithMonthYearPicker: Story;
 export declare const MaxRangeDuration: Story;

package/calendar/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/calendar-R7x0m8ch.js";
+import { n as e, t } from "../chunks/calendar-DWdU1T7E.js";
 export { e as Calendar, t as RangeCalendar };

package/checkbox/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/checkbox-ivInWvEp.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/checkbox-BgCp0edW.js";
 export { t as Checkbox, n as CheckboxButton, e as CheckboxField, r as CheckboxGroup };

package/chunks/calendar-DWdU1T7E.js

@@ -0,0 +1,111 @@
+import { n as e, t } from "./clsx-B1NYyfch.js";
+import { t as n } from "./createLucideIcon-BgluSHFG.js";
+import { t as r } from "./chevron-right-DwqboCdU.js";
+import { n as i } from "./button-Ch860h28.js";
+import { t as a } from "./heading-bnDePIbv.js";
+import { t as o } from "./field-error-pJiSw4PN.js";
+import { n as s } from "./select-DOLE5CtI.js";
+import { a as c, c as l, o as u } from "./list-box-BT33Wiwt.js";
+import * as d from "react";
+import { Calendar as f, CalendarCell as p, CalendarGrid as m, CalendarMonthPicker as h, CalendarYearPicker as g, RangeCalendar as _, RangeCalendarContext as v, Select as y } from "react-aria-components";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import '../assets/calendar.css';var S = n("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), C = {
+	container: "_container_mn6zv_1",
+	calendar: "_calendar_mn6zv_6",
+	day: "_day_mn6zv_28",
+	header: "_header_mn6zv_90",
+	pickers: "_pickers_mn6zv_130",
+	range: "_range_mn6zv_180"
+}, w = ({ weekdayStyle: e = "short", isReadOnly: n }) => {
+	let r = !!d.useContext(v);
+	return /* @__PURE__ */ b(m, {
+		weekdayStyle: e,
+		children: (e) => /* @__PURE__ */ b(p, {
+			date: e,
+			className: t(C.day, r && C.range),
+			"data-readonly": n || void 0
+		})
+	});
+}, T = ({ isDisabled: e, isReadOnly: t, items: n, ...r }) => /* @__PURE__ */ x(y, {
+	isDisabled: e,
+	"data-readonly": t || void 0,
+	...r,
+	children: [/* @__PURE__ */ b(s, {
+		size: "small",
+		isDisabled: e
+	}), /* @__PURE__ */ b(c, { children: /* @__PURE__ */ b(l, {
+		items: n,
+		virtualized: !1,
+		size: "small",
+		children: (e) => /* @__PURE__ */ b(u, {
+			id: e.id,
+			textValue: e.formatted,
+			children: e.formatted
+		})
+	}) })]
+}), E = ({ isDisabled: e, isReadOnly: t, showMonthYearPicker: n }) => {
+	let o = (n) => /* @__PURE__ */ b(T, {
+		...n,
+		isDisabled: e,
+		isReadOnly: t
+	});
+	return /* @__PURE__ */ x("header", {
+		className: C.header,
+		children: [
+			/* @__PURE__ */ b(i, {
+				slot: "previous",
+				size: "medium",
+				"data-readonly": t || void 0,
+				children: /* @__PURE__ */ b(S, { size: 20 })
+			}),
+			n ? /* @__PURE__ */ x("div", {
+				className: C.pickers,
+				children: [/* @__PURE__ */ b(h, { children: o }), /* @__PURE__ */ b(g, { children: o })]
+			}) : /* @__PURE__ */ b(a, {
+				level: 3,
+				elementType: "h2",
+				"data-disabled": e || void 0
+			}),
+			/* @__PURE__ */ b(i, {
+				slot: "next",
+				size: "medium",
+				"data-readonly": t || void 0,
+				children: /* @__PURE__ */ b(r, { size: 20 })
+			})
+		]
+	});
+}, D = ({ className: t, errorMessage: n, showMonthYearPicker: r, ...i }) => /* @__PURE__ */ x("div", {
+	className: C.container,
+	children: [/* @__PURE__ */ x(f, {
+		className: e(C.calendar, t),
+		"data-readonly": i.isReadOnly || void 0,
+		...i,
+		children: [/* @__PURE__ */ b(E, {
+			...i,
+			showMonthYearPicker: r
+		}), /* @__PURE__ */ b(w, { ...i })]
+	}), /* @__PURE__ */ b(o, {
+		isInvalid: i.isInvalid,
+		children: n
+	})]
+}), O = ({ className: t, errorMessage: n, showMonthYearPicker: r, commitBehavior: i, ...a }) => /* @__PURE__ */ x("div", {
+	className: C.container,
+	children: [/* @__PURE__ */ x(_, {
+		className: e(C.calendar, t),
+		"data-readonly": a.isReadOnly || void 0,
+		commitBehavior: i ?? (r ? "reset" : void 0),
+		...a,
+		children: [/* @__PURE__ */ b(E, {
+			...a,
+			showMonthYearPicker: r
+		}), /* @__PURE__ */ b(w, { ...a })]
+	}), /* @__PURE__ */ b(o, {
+		isInvalid: a.isInvalid,
+		children: n
+	})]
+});
+//#endregion
+export { D as n, O as t };

package/chunks/{checkbox-ivInWvEp.js → checkbox-BgCp0edW.js}

@@ -3,9 +3,9 @@ import { t as e } from "./clsx-B1NYyfch.js";
 import { t } from "./createLucideIcon-BgluSHFG.js";
 import { t as n } from "./check-DV00NPU0.js";
 import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { t as i } from "./text-EUdAWwZz.js";
-import { t as a } from "./field-error-pJiSw4PN.js";
-import { n as o, t as s } from "./label-CEYHiWSa.js";
+import { n as i, t as a } from "./label-CEYHiWSa.js";
+import { t as o } from "./text-EUdAWwZz.js";
+import { t as s } from "./field-error-pJiSw4PN.js";
 import * as c from "react";
 import { forwardRef as l, useContext as u } from "react";
 import { CheckboxButton as d, CheckboxField as f, CheckboxGroup as p, CheckboxGroupStateContext as m, composeRenderProps as h } from "react-aria-components";
@@ -27,14 +27,14 @@ import '../assets/checkbox.css';var b = t("minus", [["path", {
 	className: e(x.checkboxButton, t),
 	ref: r,
 	...n
-})), w = l(({ className: e, description: t, errorMessage: r, errorPosition: o = "top", children: s, ...c }, l) => /* @__PURE__ */ v(S, {
+})), w = l(({ className: e, description: t, errorMessage: r, errorPosition: i = "top", children: a, ...c }, l) => /* @__PURE__ */ v(S, {
 	...c,
 	children: [
-		t && /* @__PURE__ */ _(i, {
+		t && /* @__PURE__ */ _(o, {
 			slot: "description",
 			children: t
 		}),
-		o === "top" && /* @__PURE__ */ _(a, { children: r }),
+		i === "top" && /* @__PURE__ */ _(s, { children: r }),
 		/* @__PURE__ */ _(C, {
 			ref: l,
 			className: e,
@@ -44,9 +44,9 @@ import '../assets/checkbox.css';var b = t("minus", [["path", {
 					size: 14,
 					color: y.iconOnColor
 				})
-			}), s] })
+			}), a] })
 		}),
-		o === "bottom" && /* @__PURE__ */ _(a, { children: r })
+		i === "bottom" && /* @__PURE__ */ _(s, { children: r })
 	]
 }));
 w.displayName = "Checkbox";
@@ -82,15 +82,15 @@ var T = (e, t) => {
 	...y,
 	className: e(x.checkboxGroup, f),
 	children: h(m, (e) => /* @__PURE__ */ v(g, { children: [
-		/* @__PURE__ */ _(o, {
+		/* @__PURE__ */ _(i, {
 			popover: l,
-			children: t && /* @__PURE__ */ _(s, { children: t })
+			children: t && /* @__PURE__ */ _(a, { children: t })
 		}),
-		n && /* @__PURE__ */ _(i, {
+		n && /* @__PURE__ */ _(o, {
 			slot: "description",
 			children: n
 		}),
-		c === "top" && r && /* @__PURE__ */ _(a, { children: r }),
+		c === "top" && r && /* @__PURE__ */ _(s, { children: r }),
 		/* @__PURE__ */ v("div", {
 			className: x.checkboxList,
 			children: [u && /* @__PURE__ */ _(D, {
@@ -98,7 +98,7 @@ var T = (e, t) => {
 				checkboxes: e
 			}), e]
 		}),
-		c === "bottom" && r && /* @__PURE__ */ _(a, { children: r })
+		c === "bottom" && r && /* @__PURE__ */ _(s, { children: r })
 	] }))
 });
 //#endregion

package/chunks/{combobox-DDO4fEtI.js → combobox-B3AGDNru.js}

@@ -2,10 +2,10 @@
 import { t as e } from "./clsx-B1NYyfch.js";
 import { t } from "./chevron-down-CP7nEDei.js";
 import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { t as r } from "./text-EUdAWwZz.js";
-import { t as i } from "./field-error-pJiSw4PN.js";
-import { n as a, t as o } from "./label-CEYHiWSa.js";
-import { a as s, c, t as l } from "./list-box-VdBVTwZK.js";
+import { n as r, t as i } from "./label-CEYHiWSa.js";
+import { t as a } from "./text-EUdAWwZz.js";
+import { t as o } from "./field-error-pJiSw4PN.js";
+import { a as s, c, t as l } from "./list-box-BT33Wiwt.js";
 import { useRef as u } from "react";
 import { Button as d, ComboBox as f, Input as p } from "react-aria-components";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -38,15 +38,15 @@ function v({ label: v, description: y, errorMessage: b, children: x, items: S, c
 		...O,
 		"data-readonly": O.isReadOnly || void 0,
 		children: [
-			/* @__PURE__ */ m(a, {
+			/* @__PURE__ */ m(r, {
 				popover: E,
-				children: v && /* @__PURE__ */ m(o, { children: v })
+				children: v && /* @__PURE__ */ m(i, { children: v })
 			}),
-			y && /* @__PURE__ */ m(r, {
+			y && /* @__PURE__ */ m(a, {
 				slot: "description",
 				children: y
 			}),
-			w === "top" && /* @__PURE__ */ m(i, {
+			w === "top" && /* @__PURE__ */ m(o, {
 				"data-testid": "fieldError",
 				children: b
 			}),
@@ -70,7 +70,7 @@ function v({ label: v, description: y, errorMessage: b, children: x, items: S, c
 					})
 				})]
 			}),
-			w === "bottom" && /* @__PURE__ */ m(i, {
+			w === "bottom" && /* @__PURE__ */ m(o, {
 				"data-testid": "fieldError",
 				children: b
 			}),

package/chunks/{date-field-DG5TYsTF.js → date-field-Q3bQ5P_t.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./clsx-B1NYyfch.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { t as n } from "./text-EUdAWwZz.js";
-import { t as r } from "./field-error-pJiSw4PN.js";
-import { n as i, t as a } from "./label-CEYHiWSa.js";
+import { n, t as r } from "./label-CEYHiWSa.js";
+import { t as i } from "./text-EUdAWwZz.js";
+import { t as a } from "./field-error-pJiSw4PN.js";
 import { t as o } from "./clear-button-la4Fb9_w.js";
 import * as s from "react";
 import { DateField as c, DateFieldStateContext as l, DateInput as u, DateSegment as d } from "react-aria-components";
@@ -34,15 +34,15 @@ import '../assets/date-field.css';var g = {
 	isDisabled: b,
 	className: e(_.dateField, t),
 	children: [
-		/* @__PURE__ */ f(i, {
+		/* @__PURE__ */ f(n, {
 			popover: h,
-			children: u && /* @__PURE__ */ f(a, { children: u })
+			children: u && /* @__PURE__ */ f(r, { children: u })
 		}),
-		o && /* @__PURE__ */ f(n, {
+		o && /* @__PURE__ */ f(i, {
 			slot: "description",
 			children: o
 		}),
-		l === "top" && /* @__PURE__ */ f(r, { children: s }),
+		l === "top" && /* @__PURE__ */ f(a, { children: s }),
 		/* @__PURE__ */ f("div", {
 			className: e(_.inputField, { [_.medium]: d === "medium" }),
 			"data-testid": "date-field_input-field",
@@ -53,7 +53,7 @@ import '../assets/date-field.css';var g = {
 				isReadOnly: y
 			})] })
 		}),
-		l === "bottom" && /* @__PURE__ */ f(r, { children: s })
+		l === "bottom" && /* @__PURE__ */ f(a, { children: s })
 	]
 })), b = { dateSegment: "_dateSegment_15g5c_1" }, x = ({ className: t, ...n }) => /* @__PURE__ */ f(d, {
 	className: e(b.dateSegment, t),

package/chunks/{date-picker-1W7OmCT0.js → date-picker-BPAJK8Gr.js}

@@ -1,14 +1,14 @@
 'use client';
 import { n as e } from "./clsx-B1NYyfch.js";
 import { t } from "./createLucideIcon-BgluSHFG.js";
-import { n, t as r } from "./calendar-R7x0m8ch.js";
+import { n, t as r } from "./calendar-DWdU1T7E.js";
 import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n as a } from "./button-Ch860h28.js";
-import { t as o } from "./text-EUdAWwZz.js";
-import { t as s } from "./field-error-pJiSw4PN.js";
-import { n as c, t as l } from "./label-CEYHiWSa.js";
+import { n as o, t as s } from "./label-CEYHiWSa.js";
+import { t as c } from "./text-EUdAWwZz.js";
+import { t as l } from "./field-error-pJiSw4PN.js";
 import { t as u } from "./clear-button-la4Fb9_w.js";
-import { n as d, r as f, t as p } from "./date-field-DG5TYsTF.js";
+import { n as d, r as f, t as p } from "./date-field-Q3bQ5P_t.js";
 import * as m from "react";
 import { DatePicker as h, DatePickerStateContext as g, DateRangePicker as _, DateRangePickerStateContext as v, Group as y, Popover as b } from "react-aria-components";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
@@ -126,15 +126,15 @@ import '../assets/date-picker.css';var T = t("calendar-days", [
 	ref: b,
 	...y,
 	children: [
-		/* @__PURE__ */ x(c, {
+		/* @__PURE__ */ x(o, {
 			popover: p,
-			children: u && /* @__PURE__ */ x(l, { children: u })
+			children: u && /* @__PURE__ */ x(s, { children: u })
 		}),
-		r && /* @__PURE__ */ x(o, {
+		r && /* @__PURE__ */ x(c, {
 			slot: "description",
 			children: r
 		}),
-		a === "top" && /* @__PURE__ */ x(s, { children: i }),
+		a === "top" && /* @__PURE__ */ x(l, { children: i }),
 		/* @__PURE__ */ x(A, {
 			isClearable: m,
 			isReadOnly: g,
@@ -143,7 +143,7 @@ import '../assets/date-picker.css';var T = t("calendar-days", [
 			...y,
 			children: /* @__PURE__ */ x(d, { children: (e) => /* @__PURE__ */ x(f, { segment: e }) })
 		}),
-		a === "bottom" && /* @__PURE__ */ x(s, { children: i }),
+		a === "bottom" && /* @__PURE__ */ x(l, { children: i }),
 		/* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(n, {}) })
 	]
 })), N = ({ className: t, description: n, errorMessage: i, errorPosition: a = "top", label: u, popover: m, isClearable: h = !1, isReadOnly: g, isDisabled: v, size: y, ...b }) => /* @__PURE__ */ S(_, {
@@ -152,15 +152,15 @@ import '../assets/date-picker.css';var T = t("calendar-days", [
 	isDisabled: v,
 	...b,
 	children: [
-		/* @__PURE__ */ x(c, {
+		/* @__PURE__ */ x(o, {
 			popover: m,
-			children: u && /* @__PURE__ */ x(l, { children: u })
+			children: u && /* @__PURE__ */ x(s, { children: u })
 		}),
-		n && /* @__PURE__ */ x(o, {
+		n && /* @__PURE__ */ x(c, {
 			slot: "description",
 			children: n
 		}),
-		a === "top" && /* @__PURE__ */ x(s, { children: i }),
+		a === "top" && /* @__PURE__ */ x(l, { children: i }),
 		/* @__PURE__ */ S(A, {
 			isClearable: h,
 			isReadOnly: g,
@@ -179,7 +179,7 @@ import '../assets/date-picker.css';var T = t("calendar-days", [
 				})
 			]
 		}),
-		a === "bottom" && /* @__PURE__ */ x(s, { children: i }),
+		a === "bottom" && /* @__PURE__ */ x(l, { children: i }),
 		/* @__PURE__ */ x(j, { children: /* @__PURE__ */ x(r, {}) })
 	]
 });