@midas-ds/components 17.26.0 → 17.27.1

package/CHANGELOG.md

@@ -1,3 +1,57 @@
+## 17.27.1 (2026-09-28)
+
+### 🩹 Fixes
+
+- **components,layout:** keep @midas-ds imports in published types ([6229b621a3d](https://github.com/migrationsverket/midas/commit/6229b621a3d))
+- **components:** keep render focus target from shifting layout under the cursor ([9c0b9902c3b](https://github.com/migrationsverket/midas/commit/9c0b9902c3b))
+- **components,layout,table-styles:** update adobe dependencies ([bb54f8b7f4d](https://github.com/migrationsverket/midas/commit/bb54f8b7f4d))
+
+### 🔧 Maintenance
+
+- cleanup .ts -> .mts rename misses ([731bd176c35](https://github.com/migrationsverket/midas/commit/731bd176c35))
+- **deps:** run npm update ([c349591751e](https://github.com/migrationsverket/midas/commit/c349591751e))
+- **deps:** update vite related dependencies ([b484d858e76](https://github.com/migrationsverket/midas/commit/b484d858e76))
+
+### 🧪 Tests updated
+
+- **components:** update visual regression screenshots ([b0a27f03e41](https://github.com/migrationsverket/midas/commit/b0a27f03e41))
+- change render method for visual regression tests ([197271b1e40](https://github.com/migrationsverket/midas/commit/197271b1e40))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.17.2
+
+## 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/accordion/AccordionItem.d.ts

@@ -25,4 +25,4 @@ export interface AccordionItemProps extends DisclosureProps {
      */
     iconAriaLabel?: FeedbackStatusIconProps['aria-label'];
 }
-export declare const AccordionItem: ({ title, children, className, headingLevel, type, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionItem: ({ title, children, className, headingLevel, type, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: AccordionItemProps) => React.JSX.Element;

package/accordion/AccordionItem.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AccordionItem } from './AccordionItem';
 type Story = StoryObj<typeof AccordionItem>;
 declare const _default: {
-    component: ({ title, children, className, headingLevel, type, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: import('./AccordionItem').AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, children, className, headingLevel, type, hasBackground, size, isContained: isContainedFromProp, iconAriaLabel, ...props }: import('./AccordionItem').AccordionItemProps) => import('react').JSX.Element;
     title: string;
     tags: string[];
     args: {

package/accordion/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/accordion-BxxPnJau.js";
+import { n as e, t } from "../chunks/accordion-DIVTJU3O.js";
 export { e as Accordion, t as AccordionItem };

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/badge/Badge.stories.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
         layout: string;
     };
     args: {};
-    render: (args: import('react').HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('react').HTMLAttributes<HTMLSpanElement>) => import('react').JSX.Element;
 };
 export default _default;
 export declare const NoLabel: Story;

package/badge/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/badge-BplGU5BS.js";
+import { n as e, t } from "../chunks/badge-BfK6XrlL.js";
 export { e as Badge, t as BadgeContainer };

package/breadcrumbs/Breadcrumb.d.ts

@@ -1,3 +1,3 @@
 import { BreadcrumbProps as AriaBreadcrumbProps } from 'react-aria-components';
 export type BreadcrumbProps = AriaBreadcrumbProps;
-export declare const Breadcrumb: ({ className, children, ...rest }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumb: ({ className, children, ...rest }: BreadcrumbProps) => import('react').JSX.Element;

package/breadcrumbs/Breadcrumbs.d.ts

@@ -1,3 +1,3 @@
 import { BreadcrumbsProps as AriaBreadcrumbsProps } from 'react-aria-components';
 export type BreadcrumbsProps<T> = AriaBreadcrumbsProps<T>;
-export declare const Breadcrumbs: <T extends object>({ className, ...rest }: BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumbs: <T extends object>({ className, ...rest }: BreadcrumbsProps<T>) => import('react').JSX.Element;

package/breadcrumbs/Breadcrumbs.stories.d.ts

@@ -6,10 +6,10 @@ type Item = {
 };
 type Story = StoryObj<typeof Breadcrumbs<Item>>;
 declare const _default: {
-    component: <T extends object>({ className, ...rest }: import('./Breadcrumbs').BreadcrumbsProps<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends object>({ className, ...rest }: import('./Breadcrumbs').BreadcrumbsProps<T>) => import('react').JSX.Element;
     subcomponents: {
-        Breadcrumb: ({ className, children, ...rest }: import('./Breadcrumb').BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
-        Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null>({ children, standalone, target, stretched, download, icon: customIcon, className, as, ...rest }: import('..').LinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+        Breadcrumb: ({ className, children, ...rest }: import('./Breadcrumb').BreadcrumbProps) => import('react').JSX.Element;
+        Link: <C extends React.ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ children, standalone, target, stretched, download, icon: customIcon, className, as, ...rest }: import('..').LinkProps<C>) => import('react').JSX.Element;
     };
     title: string;
     tags: string[];
@@ -18,7 +18,7 @@ declare const _default: {
             title: string;
             href: string;
         }[];
-        children: (item: Item) => import("react/jsx-runtime").JSX.Element;
+        children: (item: Item) => import('react').JSX.Element;
     };
 };
 export default _default;

package/breadcrumbs/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/breadcrumbs-C-Z6UlQn.js";
+import { n as e, t } from "../chunks/breadcrumbs-DV0ZJc62.js";
 export { t as Breadcrumb, e as Breadcrumbs };

package/button/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/button-Ch860h28.js";
+import { n as e, t } from "../chunks/button-CenXTGXL.js";
 export { e as Button, t as ButtonGroup };

package/calendar/Calendar.d.ts

@@ -1,6 +1,14 @@
 import { CalendarProps as AriaCalendarProps, DateValue } from 'react-aria-components';
 import { CalendarSelectionMode } from 'react-stately/useCalendarState';
+import * as React from 'react';
 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>) => React.JSX.Element;

package/calendar/Calendar.stories.d.ts

@@ -2,8 +2,8 @@ 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;
-    render: (args: import('./Calendar').CalendarProps<"single">) => 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.Element;
+    render: (args: import('./Calendar').CalendarProps<"single">) => import('react').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

@@ -4,4 +4,4 @@ export interface CalendarGridProps {
     weekdayStyle?: AriaCalendarGridProps['weekdayStyle'];
     isReadOnly?: boolean;
 }
-export declare const CalendarGrid: React.FC<CalendarGridProps>;
+export declare const CalendarGrid: ({ weekdayStyle, isReadOnly, }: CalendarGridProps) => React.JSX.Element;

package/calendar/CalendarHeader.d.ts

@@ -1,5 +1,5 @@
 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) => React.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.Element;
+export {};

package/calendar/RangeCalendar.d.ts

@@ -2,5 +2,12 @@ import { DateValue, RangeCalendarProps as AriaRangeCalendarProps } from 'react-a
 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) => React.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.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-BZPktkdE.js";
 export { e as Calendar, t as RangeCalendar };

package/card/Card.d.ts

@@ -38,5 +38,5 @@ export declare const CardActions: React.FC<React.HTMLAttributes<HTMLDivElement>>
  */
 export declare const CardActionArea: React.FC<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const CardImage: React.FC<MidasCardImage>;
-export declare const CardLink: <C extends React.ElementType = typeof Link>({ children, as, ...rest }: MidasCardLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+export declare const CardLink: <C extends React.ElementType = typeof Link>({ children, as, ...rest }: MidasCardLinkProps<C>) => React.JSX.Element;
 export {};

package/card/card-body/CardBody.d.ts

@@ -1,3 +1,3 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
 export type CardBodyProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-export declare const CardBody: ({ className, ...rest }: CardBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardBody: ({ className, ...rest }: CardBodyProps) => import('react').JSX.Element;

package/card/card-header/CardHeader.d.ts

@@ -5,4 +5,4 @@ export type CardHeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>,
     headingLevel?: HeadingProps['elementType'];
     subHeading?: string;
 };
-export declare const CardHeader: ({ children, className, heading, headingLevel, subHeading, ...rest }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardHeader: ({ children, className, heading, headingLevel, subHeading, ...rest }: CardHeaderProps) => import('react').JSX.Element;

package/card/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../chunks/card-Bzc8kToe.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../chunks/card-zIYA-SQh.js";
 export { o as Card, n as CardActionArea, e as CardActions, i as CardBody, a as CardContent, c as CardHeader, s as CardImage, t as CardLink, r as CardTitle };

package/checkbox/CheckboxField.d.ts

@@ -1,3 +1,3 @@
 import { CheckboxFieldProps as AriaCheckboxFieldProps } from 'react-aria-components';
 export type CheckboxFieldProps = AriaCheckboxFieldProps;
-export declare const CheckboxField: ({ className, ...rest }: CheckboxFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxField: ({ className, ...rest }: CheckboxFieldProps) => import('react').JSX.Element;

package/checkbox/CheckboxGroup.d.ts

@@ -9,4 +9,4 @@ export interface CheckboxGroupProps extends AriaCheckboxGroupProps {
     errorPosition?: 'top' | 'bottom';
     popover?: InfoPopoverProps;
 }
-export declare const CheckboxGroup: ({ label, description, errorMessage, errorPosition, popover, showSelectAll, selectAllLabel, className, children, ...props }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxGroup: ({ label, description, errorMessage, errorPosition, popover, showSelectAll, selectAllLabel, className, children, ...props }: CheckboxGroupProps) => import('react').JSX.Element;

package/checkbox/CheckboxGroup.stories.d.ts

@@ -3,7 +3,7 @@ import { CheckboxGroup } from './CheckboxGroup';
 type Story = StoryObj<typeof CheckboxGroup>;
 declare const _default: {
     title: string;
-    component: ({ label, description, errorMessage, errorPosition, popover, showSelectAll, selectAllLabel, className, children, ...props }: import('./CheckboxGroup').CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, description, errorMessage, errorPosition, popover, showSelectAll, selectAllLabel, className, children, ...props }: import('./CheckboxGroup').CheckboxGroupProps) => import('react').JSX.Element;
     parameters: {
         layout: string;
     };
@@ -16,7 +16,7 @@ declare const _default: {
         description: string;
         errorMessage: string;
         errorPosition: "top";
-        children: import("react/jsx-runtime").JSX.Element[];
+        children: import('react').JSX.Element[];
     };
     tags: string[];
 };

package/checkbox/SelectAllCheckbox.d.ts

@@ -3,4 +3,4 @@ export interface SelectAllCheckboxProps {
     checkboxes: ReactNode;
     label?: string;
 }
-export declare const SelectAllCheckbox: ({ checkboxes, label, }: SelectAllCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectAllCheckbox: ({ checkboxes, label, }: SelectAllCheckboxProps) => import('react').JSX.Element;

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-DcXA9GSd.js";
 export { t as Checkbox, n as CheckboxButton, e as CheckboxField, r as CheckboxGroup };

package/chunks/{FeedbackStatusIcon-BS5VX-s6.js → FeedbackStatusIcon-DRI7WrSU.js}

@@ -3,7 +3,10 @@ import { t } from "./check-DV00NPU0.js";
 import { t as n } from "./info-jCyacVsy.js";
 import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { jsx as i } from "react/jsx-runtime";
-var a = e("triangle-alert", [
+var a = e("flag", [["path", {
+	d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",
+	key: "1jaruq"
+}]]), o = e("triangle-alert", [
 	["path", {
 		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
 		key: "wmoenq"
@@ -16,10 +19,7 @@ var a = e("triangle-alert", [
 		d: "M12 17h.01",
 		key: "p32p05"
 	}]
-]), o = e("flag", [["path", {
-	d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",
-	key: "1jaruq"
-}]]), s = {
+]), s = {
 	en: {
 		ok: "okay",
 		information: "information",
@@ -35,8 +35,8 @@ var a = e("triangle-alert", [
 }, c = {
 	success: t,
 	info: n,
-	important: o,
-	warning: a
+	important: a,
+	warning: o
 }, l = {
 	success: "ok",
 	info: "information",

package/chunks/{accordion-BxxPnJau.js → accordion-DIVTJU3O.js}

@@ -1,9 +1,9 @@
 'use client';
-import { t as e } from "./clsx-B1NYyfch.js";
-import { t } from "./FeedbackStatusIcon-BS5VX-s6.js";
-import { t as n } from "./chevron-down-CP7nEDei.js";
-import { n as r } from "./button-Ch860h28.js";
-import { t as i } from "./heading-bnDePIbv.js";
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./chevron-down-CP7nEDei.js";
+import { t as n } from "./FeedbackStatusIcon-DRI7WrSU.js";
+import { n as r } from "./button-CenXTGXL.js";
+import { t as i } from "./heading-BEl_z-5T.js";
 import { createContext as a, useContext as o, useEffect as s } from "react";
 import { Disclosure as c, DisclosureGroup as l, DisclosurePanel as u, composeRenderProps as d } from "react-aria-components";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -54,7 +54,7 @@ import '../assets/accordion.css';var h = {
 				slot: "trigger",
 				variant: "icon",
 				children: [
-					/* @__PURE__ */ p(n, {
+					/* @__PURE__ */ p(t, {
 						size: 20,
 						className: v.chevronIcon
 					}),
@@ -67,7 +67,7 @@ import '../assets/accordion.css';var h = {
 							children: a
 						})
 					}),
-					y && E && /* @__PURE__ */ p(t, {
+					y && E && /* @__PURE__ */ p(n, {
 						"aria-label": C,
 						className: v.statusIcon,
 						status: y

package/chunks/{badge-BplGU5BS.js → badge-BfK6XrlL.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-B1NYyfch.js";
+import { t as e } from "./clsx-Di52oYUU.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import '../assets/badge.css';var r = {

package/chunks/{breadcrumbs-C-Z6UlQn.js → breadcrumbs-DV0ZJc62.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-B1NYyfch.js";
+import { t as e } from "./clsx-Di52oYUU.js";
 import { Breadcrumb as t, Breadcrumbs as n } from "react-aria-components";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 import '../assets/breadcrumbs.css';var o = {

package/chunks/{button-Ch860h28.js → button-CenXTGXL.js}

@@ -1,6 +1,6 @@
 'use client';
-import { t as e } from "./clsx-B1NYyfch.js";
-import { t } from "./spinner-DMR5G-6u.js";
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./spinner-LdHPVms_.js";
 import { t as n } from "./Button.module-0C2ArlRs.js";
 import { forwardRef as r } from "react";
 import { Button as i, ButtonContext as a, composeRenderProps as o, useContextProps as s } from "react-aria-components";