@midas-ds/components 17.11.5 → 17.12.0

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## 17.12.0 (2026-04-15)
+
+### 🚀 Features
+
+- **components, modal:** create common modal-overlay component ([60a350bfe5e](https://github.com/migrationsverket/midas/commit/60a350bfe5e))
+
+### 🩹 Fixes
+
+- **components, modal:** move ref to modal element ([2cf8f0a7dc3](https://github.com/migrationsverket/midas/commit/2cf8f0a7dc3))
+- **components,modal:** move overflow-y to dialog to fix scrollbar gap ([edb606f78cc](https://github.com/migrationsverket/midas/commit/edb606f78cc))
+- **components, modal:** show keyboard focus indicator for the dialog ([5eda6a088e5](https://github.com/migrationsverket/midas/commit/5eda6a088e5))
+- **components, modal:** use forwardRef ([1e6f94c27f0](https://github.com/migrationsverket/midas/commit/1e6f94c27f0))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.13.0
+
+## 17.11.6 (2026-04-14)
+
+### 🩹 Fixes
+
+- **components, date-picker:** add forwardRef and generic type ([eba8d627dac](https://github.com/migrationsverket/midas/commit/eba8d627dac))
+
 ## 17.11.5 (2026-04-14)
 
 ### 🩹 Fixes

package/assets/Modal.css

@@ -0,0 +1 @@
+._modal_x15md_1{font-family:var(--midas-typography-font-family);position:fixed;max-width:75%;min-width:300px;max-height:90vh;color:var(--midas-text-primary);border:none;padding:4px;margin:auto}._modal_x15md_1[data-entering]{animation:none}@media(forced-colors:active){._modal_x15md_1{outline:2px solid}}._dialog_x15md_10{background-color:var(--midas-background-base);overflow-y:auto;max-height:inherit}._dialog_x15md_10:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._dialog_x15md_10:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight}}._modalHeader_x15md_39{min-height:var(--midas-size-control);background-color:var(--midas-layer-01-base);display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;z-index:var(--midas-z-index-above)}._modalTitle_x15md_50{flex-grow:1;place-self:center;padding-left:1rem}._modalBody_x15md_56{position:relative;padding:1rem 2rem 2rem;font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;gap:1rem}._modalOverlay_gwg3f_1{align-items:center;-webkit-backdrop-filter:var(--midas-overlay-blur);backdrop-filter:var(--midas-overlay-blur);background:var(--midas-overlay-background);display:flex;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--midas-z-index-modal);height:var(--visual-viewport-height)}._modalOverlay_gwg3f_1[data-entering]{animation:_modal-fade_gwg3f_1 var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._modalOverlay_gwg3f_1[data-exiting]{animation:_modal-fade_gwg3f_1 var(--midas-transition-duration-quick) reverse var(--midas-transition-timing-ease-in)}@media(prefers-reduced-motion){._modalOverlay_gwg3f_1[data-entering],._modalOverlay_gwg3f_1[data-exiting]{animation:none}}@keyframes _modal-fade_gwg3f_1{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:var(--midas-overlay-blur);backdrop-filter:var(--midas-overlay-blur)}}

package/assets/default.css

@@ -1 +1 @@
-:root{--midas-base-10: .125rem;--midas-base-15: .188rem;--midas-base-20: .25rem;--midas-base-30: .375rem;--midas-base-40: .5rem;--midas-base-50: .625rem;--midas-base-60: .75rem;--midas-base-70: .875rem;--midas-base-75: .938rem;--midas-base-80: 1rem;--midas-base-90: 1.25rem;--midas-base-100: 1.5rem;--midas-base-110: 1.75rem;--midas-base-120: 2rem;--midas-base-130: 2.5rem;--midas-base-140: 2.75rem;--midas-base-150: 3rem;--midas-base-00: 0rem;--midas-base-05: .063rem;--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-background-secondary-base: transparent;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-blue-170: #162b33;--midas-color-signal-blue-180: #112127;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-green-170: #163328;--midas-color-signal-green-180: #112722;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-duration-quick: .15s;--midas-transition-duration-instant: .1s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-size-10: var(--midas-base-10);--midas-size-15: var(--midas-base-15);--midas-size-20: var(--midas-base-20);--midas-size-30: var(--midas-base-30);--midas-size-40: var(--midas-base-40);--midas-size-50: var(--midas-base-50);--midas-size-60: var(--midas-base-60);--midas-size-70: var(--midas-base-70);--midas-size-75: var(--midas-base-75);--midas-size-80: var(--midas-base-80);--midas-size-90: var(--midas-base-90);--midas-size-100: var(--midas-base-100);--midas-size-110: var(--midas-base-110);--midas-size-120: var(--midas-base-120);--midas-size-130: var(--midas-base-130);--midas-size-140: var(--midas-base-140);--midas-size-150: var(--midas-base-150);--midas-size-00: var(--midas-base-00);--midas-size-05: var(--midas-base-05);--midas-size-icon: var(--midas-base-80);--midas-size-icon-sm: var(--midas-base-90);--midas-size-option: var(--midas-base-120);--midas-size-control-md: var(--midas-base-130);--midas-size-control: var(--midas-base-150);--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: var(--midas-color-orange-100);--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-signal-green-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-signal-blue-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-signal-yellow-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-signal-red-170));--midas-tag-green-background: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-tag-green-border-color: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-tag-blue-background: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-tag-blue-border-color: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-tag-yellow-background: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-tag-yellow-border-color: var(--midas-color-orange-100);--midas-tag-red-background: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-tag-red-border-color: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-space-10: var(--midas-base-10);--midas-space-30: var(--midas-base-30);--midas-space-50: var(--midas-base-50);--midas-space-60: var(--midas-base-60);--midas-space-70: var(--midas-base-70);--midas-space-75: var(--midas-base-75);--midas-space-90: var(--midas-base-90);--midas-space-130: var(--midas-base-130);--midas-space-150: var(--midas-base-150);--midas-space-xsmall: var(--midas-base-20);--midas-space-small: var(--midas-base-40);--midas-space-medium: var(--midas-base-80);--midas-space-large: var(--midas-base-100);--midas-space-xlarge: var(--midas-base-120);--midas-space-05: var(--midas-base-05);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-30) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family);--midas-spacing-10: var(--midas-space-10);--midas-spacing-20: var(--midas-space-xsmall);--midas-spacing-30: var(--midas-space-small);--midas-spacing-40: var(--midas-space-60);--midas-spacing-50: var(--midas-space-medium);--midas-spacing-60: var(--midas-space-large);--midas-spacing-70: var(--midas-space-xlarge);--midas-spacing-80: var(--midas-space-130);--midas-spacing-90: var(--midas-space-150);--midas-spacing-xsmall: var(--midas-space-xsmall);--midas-spacing-small: var(--midas-space-small);--midas-spacing-medium: var(--midas-space-medium);--midas-spacing-large: var(--midas-space-large);--midas-spacing-xlarge: var(--midas-space-xlarge);--midas-size-control-sm: var(--midas-size-control-md);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}:root[data-color-scheme=dark]{color-scheme:dark}:root[data-color-scheme=light]{color-scheme:light}
+:root{--midas-base-10: .125rem;--midas-base-15: .188rem;--midas-base-20: .25rem;--midas-base-30: .375rem;--midas-base-40: .5rem;--midas-base-50: .625rem;--midas-base-60: .75rem;--midas-base-70: .875rem;--midas-base-75: .938rem;--midas-base-80: 1rem;--midas-base-90: 1.25rem;--midas-base-100: 1.5rem;--midas-base-110: 1.75rem;--midas-base-120: 2rem;--midas-base-130: 2.5rem;--midas-base-140: 2.75rem;--midas-base-150: 3rem;--midas-base-00: 0rem;--midas-base-05: .063rem;--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-background-secondary-base: transparent;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-blue-170: #162b33;--midas-color-signal-blue-180: #112127;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-green-170: #163328;--midas-color-signal-green-180: #112722;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-overlay-background: rgba(0 0 0 / 30%);--midas-overlay-blur: blur(2px);--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-duration-quick: .15s;--midas-transition-duration-instant: .1s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-size-10: var(--midas-base-10);--midas-size-15: var(--midas-base-15);--midas-size-20: var(--midas-base-20);--midas-size-30: var(--midas-base-30);--midas-size-40: var(--midas-base-40);--midas-size-50: var(--midas-base-50);--midas-size-60: var(--midas-base-60);--midas-size-70: var(--midas-base-70);--midas-size-75: var(--midas-base-75);--midas-size-80: var(--midas-base-80);--midas-size-90: var(--midas-base-90);--midas-size-100: var(--midas-base-100);--midas-size-110: var(--midas-base-110);--midas-size-120: var(--midas-base-120);--midas-size-130: var(--midas-base-130);--midas-size-140: var(--midas-base-140);--midas-size-150: var(--midas-base-150);--midas-size-00: var(--midas-base-00);--midas-size-05: var(--midas-base-05);--midas-size-icon: var(--midas-base-80);--midas-size-icon-sm: var(--midas-base-90);--midas-size-option: var(--midas-base-120);--midas-size-control-md: var(--midas-base-130);--midas-size-control: var(--midas-base-150);--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: var(--midas-color-orange-100);--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-signal-green-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-signal-blue-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-signal-yellow-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-signal-red-170));--midas-tag-green-background: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-tag-green-border-color: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-tag-blue-background: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-tag-blue-border-color: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-tag-yellow-background: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-tag-yellow-border-color: var(--midas-color-orange-100);--midas-tag-red-background: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-tag-red-border-color: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-space-10: var(--midas-base-10);--midas-space-30: var(--midas-base-30);--midas-space-50: var(--midas-base-50);--midas-space-60: var(--midas-base-60);--midas-space-70: var(--midas-base-70);--midas-space-75: var(--midas-base-75);--midas-space-90: var(--midas-base-90);--midas-space-130: var(--midas-base-130);--midas-space-150: var(--midas-base-150);--midas-space-xsmall: var(--midas-base-20);--midas-space-small: var(--midas-base-40);--midas-space-medium: var(--midas-base-80);--midas-space-large: var(--midas-base-100);--midas-space-xlarge: var(--midas-base-120);--midas-space-05: var(--midas-base-05);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-30) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family);--midas-spacing-10: var(--midas-space-10);--midas-spacing-20: var(--midas-space-xsmall);--midas-spacing-30: var(--midas-space-small);--midas-spacing-40: var(--midas-space-60);--midas-spacing-50: var(--midas-space-medium);--midas-spacing-60: var(--midas-space-large);--midas-spacing-70: var(--midas-space-xlarge);--midas-spacing-80: var(--midas-space-130);--midas-spacing-90: var(--midas-space-150);--midas-spacing-xsmall: var(--midas-space-xsmall);--midas-spacing-small: var(--midas-space-small);--midas-spacing-medium: var(--midas-space-medium);--midas-spacing-large: var(--midas-space-large);--midas-spacing-xlarge: var(--midas-space-xlarge);--midas-size-control-sm: var(--midas-size-control-md);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}:root[data-color-scheme=dark]{color-scheme:dark}:root[data-color-scheme=light]{color-scheme:light}

package/checkbox/index.js

@@ -1,5 +1,5 @@
 import { C as e } from "../chunks/Checkbox-CwzV5QbM.js";
-import { C } from "../chunks/CheckboxGroup-CF_3F36J.js";
+import { C } from "../chunks/CheckboxGroup-D6TFvFxw.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/chunks/{CheckboxGroup-CF_3F36J.js → CheckboxGroup-D6TFvFxw.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { useCheckboxGroup as C } from "react-aria";
 import { useCheckboxGroupState as v } from "react-stately";
-import { a as k, L as S } from "./Label-Cg0aAlnt.js";
+import { a as k, L as S } from "./Label-Cqo7Xz2v.js";
 import { T as y } from "./Text-D0r_W4lH.js";
 import * as r from "react";
 import { C as d, s as u, a as g } from "./Checkbox-CwzV5QbM.js";

package/chunks/{ComboBox-DQOqOcic.js → ComboBox-BRou3Ka8.js}

@@ -3,7 +3,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { useRef as F } from "react";
 import { ComboBox as w, Input as j, Button as v } from "react-aria-components";
 import { c as e } from "./clsx-AexbMWKp.js";
-import { a as y, L as z } from "./Label-Cg0aAlnt.js";
+import { a as y, L as z } from "./Label-Cqo7Xz2v.js";
 import { T as B } from "./Text-D0r_W4lH.js";
 import { F as u } from "./FieldError-krpMBtie.js";
 import { L as R } from "./ListBox-CRVACYCg.js";

package/chunks/{DateField-moMaM1xn.js → DateField-CpvZGNHu.js}

@@ -4,7 +4,7 @@ import { DateField as x, DateFieldStateContext as g } from "react-aria-component
 import { c as d } from "./clsx-AexbMWKp.js";
 import { D as j, a as B } from "./DateInput-NzWcnB4y.js";
 import { F as f } from "./FieldError-krpMBtie.js";
-import { a as C, L as w } from "./Label-Cg0aAlnt.js";
+import { a as C, L as w } from "./Label-Cqo7Xz2v.js";
 import { T as b } from "./Text-D0r_W4lH.js";
 import { C as L } from "./ClearButton-DkC8PIMi.js";
 import { FocusScope as S, useFocusManager as v } from "@react-aria/focus";

package/chunks/DateRangePicker-BBLNlQ2y.js

@@ -0,0 +1,202 @@
+'use client';
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as f from "react";
+import { Group as B, DatePickerStateContext as M, DateRangePickerStateContext as N, Popover as S, Dialog as R, DatePicker as w, DateRangePicker as G } from "react-aria-components";
+import { a as k } from "./clsx-AexbMWKp.js";
+import { C as L, R as I } from "./RangeCalendar-DxLInTav.js";
+import { D as P, a as v } from "./DateInput-NzWcnB4y.js";
+import { F as _ } from "./FieldError-krpMBtie.js";
+import { a as g, L as y } from "./Label-Cqo7Xz2v.js";
+import { T as D } from "./Text-D0r_W4lH.js";
+import { C as O } from "./ClearButton-DkC8PIMi.js";
+import { FocusScope as V, useFocusManager as T } from "@react-aria/focus";
+import { B as $ } from "./Button-GCROAMSl.js";
+import { c as A } from "./createLucideIcon-CP-mMPfa.js";
+import { u as j } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { D as E } from "./DateInputDivider-BHAwPkIR.js";
+import '../assets/DateRangePicker.css';const W = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 14h.01", key: "6423bh" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }],
+  ["path", { d: "M16 14h.01", key: "1gbofw" }],
+  ["path", { d: "M8 18h.01", key: "lrp35t" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }],
+  ["path", { d: "M16 18h.01", key: "kzsmim" }]
+], q = A("calendar-days", W), H = { clear: "Clear date", "open-calendar": "Open calendar" }, J = { clear: "Rensa datum", "open-calendar": "Öppna kalender" }, C = {
+  en: H,
+  sv: J
+}, K = "_datePicker_13jtn_1", Q = "_inputField_13jtn_8", U = "_medium_13jtn_24", X = "_readOnly_13jtn_47", Y = "_buttonGroup_13jtn_52", Z = "_iconButton_13jtn_58", z = "_popover_13jtn_81 _dropdownAnimation_1ljkv_4", ee = "_dialog_13jtn_85", a = {
+  datePicker: K,
+  inputField: Q,
+  medium: U,
+  readOnly: X,
+  buttonGroup: Y,
+  iconButton: Z,
+  popover: z,
+  dialog: ee
+}, te = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), ae = ({
+  isClearable: t,
+  isDisabled: c,
+  isReadOnly: i,
+  size: n
+}) => {
+  const r = f.useContext(M), s = f.useContext(N), l = j(C), d = T(), o = s ?? r, u = te(o) ? !!o.value.start && o.value.end : !!o?.value;
+  return t && u && !i ? /* @__PURE__ */ e(
+    O,
+    {
+      onPress: () => {
+        o?.setValue(null), d?.focusFirst();
+      },
+      size: n,
+      isDisabled: c,
+      "aria-label": l.format("clear"),
+      className: k(a.iconButton, {
+        [a.medium]: n === "medium"
+      })
+    }
+  ) : null;
+}, b = ({
+  children: t,
+  isDisabled: c,
+  isInvalid: i,
+  isReadOnly: n,
+  size: r = "large",
+  isClearable: s = !1
+}) => {
+  const l = j(C);
+  return /* @__PURE__ */ e(
+    B,
+    {
+      className: k(a.inputField, {
+        [a.medium]: r === "medium",
+        [a.readOnly]: n
+      }),
+      children: /* @__PURE__ */ h(V, { children: [
+        t,
+        /* @__PURE__ */ h("div", { className: a.buttonGroup, children: [
+          /* @__PURE__ */ e(
+            ae,
+            {
+              isClearable: s,
+              isDisabled: c,
+              isReadOnly: n,
+              size: r
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              variant: "icon",
+              "aria-label": l.format("open-calendar"),
+              className: k(a.iconButton, {
+                [a.medium]: r === "medium",
+                [a.readOnly]: n
+              }),
+              "data-invalid": i || void 0,
+              size: r,
+              children: /* @__PURE__ */ e(
+                q,
+                {
+                  "aria-hidden": !0,
+                  size: 20
+                }
+              )
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}, x = ({
+  children: t
+}) => /* @__PURE__ */ e(S, { className: a.popover, children: /* @__PURE__ */ e(R, { className: a.dialog, children: t }) }), fe = f.forwardRef(
+  ({
+    className: t,
+    description: c,
+    errorMessage: i,
+    errorPosition: n = "top",
+    label: r,
+    popover: s,
+    isClearable: l = !1,
+    isReadOnly: d,
+    isDisabled: o,
+    size: u,
+    ...m
+  }, p) => /* @__PURE__ */ h(
+    w,
+    {
+      className: k(a.datePicker, t),
+      isReadOnly: d,
+      isDisabled: o,
+      ref: p,
+      ...m,
+      children: [
+        /* @__PURE__ */ e(g, { popover: s, children: r && /* @__PURE__ */ e(y, { children: r }) }),
+        c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
+        n === "top" && /* @__PURE__ */ e(_, { children: i }),
+        /* @__PURE__ */ e(
+          b,
+          {
+            isClearable: l,
+            isReadOnly: d,
+            isDisabled: o,
+            size: u,
+            ...m,
+            children: /* @__PURE__ */ e(P, { children: (F) => /* @__PURE__ */ e(v, { segment: F }) })
+          }
+        ),
+        n === "bottom" && /* @__PURE__ */ e(_, { children: i }),
+        /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(L, {}) })
+      ]
+    }
+  )
+), Pe = ({
+  className: t,
+  description: c,
+  errorMessage: i,
+  errorPosition: n = "top",
+  label: r,
+  popover: s,
+  isClearable: l = !1,
+  isReadOnly: d,
+  isDisabled: o,
+  size: u,
+  ...m
+}) => /* @__PURE__ */ h(
+  G,
+  {
+    className: k(a.datePicker, t),
+    isReadOnly: d,
+    isDisabled: o,
+    ...m,
+    children: [
+      /* @__PURE__ */ e(g, { popover: s, children: r && /* @__PURE__ */ e(y, { children: r }) }),
+      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
+      n === "top" && /* @__PURE__ */ e(_, { children: i }),
+      /* @__PURE__ */ h(
+        b,
+        {
+          isClearable: l,
+          isReadOnly: d,
+          isDisabled: o,
+          size: u,
+          ...m,
+          children: [
+            /* @__PURE__ */ e(P, { slot: "start", children: (p) => /* @__PURE__ */ e(v, { segment: p }) }),
+            /* @__PURE__ */ e(E, {}),
+            /* @__PURE__ */ e(P, { slot: "end", children: (p) => /* @__PURE__ */ e(v, { segment: p }) })
+          ]
+        }
+      ),
+      n === "bottom" && /* @__PURE__ */ e(_, { children: i }),
+      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(I, {}) })
+    ]
+  }
+);
+export {
+  fe as D,
+  Pe as a
+};

package/chunks/{Label-Cg0aAlnt.js → Label-Cqo7Xz2v.js}

@@ -5,6 +5,7 @@ import { c as v } from "./clsx-AexbMWKp.js";
 import { DialogTrigger as d, Label as g } from "react-aria-components";
 import { P as u } from "./Popover-CjEPHe4A.js";
 import { B as P } from "./Button-GCROAMSl.js";
+import "./Modal-yigospxi.js";
 import { I as x } from "./info-N5jWZg2A.js";
 import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Label.css';const I = "_labelBase_f5wtf_1", L = {
@@ -34,13 +35,13 @@ import '../assets/Label.css';const I = "_labelBase_f5wtf_1", L = {
     ),
     /* @__PURE__ */ r(u, { children: e })
   ] });
-}, s = i.createContext(void 0), $ = ({ children: e, popover: o }) => {
+}, s = i.createContext(void 0), w = ({ children: e, popover: o }) => {
   const a = i.useId();
   return o ? /* @__PURE__ */ r(s.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ n("div", { className: c.labelPopover, children: [
     e,
     /* @__PURE__ */ r(N, { ...o })
   ] }) }) : e;
-}, l = "label", w = ({
+}, l = "label", A = ({
   children: e,
   className: o,
   elementType: a = l,
@@ -61,6 +62,6 @@ import '../assets/Label.css';const I = "_labelBase_f5wtf_1", L = {
   );
 };
 export {
-  w as L,
-  $ as a
+  A as L,
+  w as a
 };

package/chunks/Modal-yigospxi.js

@@ -0,0 +1,78 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ModalOverlay as y, composeRenderProps as _, Modal as p, Dialog as v } from "react-aria-components";
+import { forwardRef as m } from "react";
+import { B as f } from "./Button-GCROAMSl.js";
+import { H as g } from "./Heading-nfcRc2QF.js";
+import { c as h } from "./clsx-AexbMWKp.js";
+import { X as x } from "./x-B9bYxG31.js";
+import { u as M } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/Modal.css';const N = "_modal_x15md_1", O = "_dialog_x15md_10", B = "_modalHeader_x15md_39", H = "_modalTitle_x15md_50", T = "_modalBody_x15md_56", a = {
+  modal: N,
+  dialog: O,
+  modalHeader: B,
+  modalTitle: H,
+  modalBody: T
+}, u = { close: "Close" }, $ = { close: "Stäng" }, j = {
+  en: u,
+  sv: $
+}, w = "_modalOverlay_gwg3f_1", P = {
+  modalOverlay: w
+}, r = m(
+  ({ className: e, ...l }, d) => /* @__PURE__ */ o(
+    y,
+    {
+      className: h(e, P.modalOverlay),
+      ref: d,
+      ...l
+    }
+  )
+);
+r.displayName = "ModalOverlay";
+const R = m(
+  ({ children: e, title: l, hideCloseButton: d = !1, ...t }, c) => {
+    const i = M(j);
+    return /* @__PURE__ */ o(r, { ...t, children: _(e, (n) => /* @__PURE__ */ o(
+      p,
+      {
+        className: a.modal,
+        ref: c,
+        children: /* @__PURE__ */ s(v, { className: a.dialog, children: [
+          /* @__PURE__ */ s("div", { className: a.modalHeader, children: [
+            /* @__PURE__ */ o("div", { className: a.modalTitle, children: l && /* @__PURE__ */ o(
+              g,
+              {
+                level: 3,
+                elementType: "h2",
+                slot: "title",
+                children: l
+              }
+            ) }),
+            !d && /* @__PURE__ */ o(
+              f,
+              {
+                slot: "close",
+                variant: "tertiary",
+                icon: x,
+                iconPlacement: "right",
+                children: i.format("close")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: a.modalBody,
+              tabIndex: -1,
+              children: n
+            }
+          )
+        ] })
+      }
+    )) });
+  }
+);
+R.displayName = "Modal";
+export {
+  R as M,
+  r as a
+};

package/chunks/{ProgressBar-CBz_dIOH.js → ProgressBar-BrWLkY8H.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as _, Fragment as v } from "react/jsx-runtime";
 import { ProgressBar as h } from "react-aria-components";
-import { L as t } from "./Label-Cg0aAlnt.js";
+import { L as t } from "./Label-Cqo7Xz2v.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import '../assets/ProgressBar.css';const d = "_progressBar_1hwve_1", f = "_label_1hwve_9", N = "_value_1hwve_14", g = "_bar_1hwve_19", p = "_fill_1hwve_29", a = {
   progressBar: d,

package/chunks/{Radio-CRHdSthr.js → Radio-CFolRKKY.js}

@@ -2,7 +2,7 @@
 import { jsx as o, jsxs as u, Fragment as _ } from "react/jsx-runtime";
 import { Radio as f, RadioGroup as h, composeRenderProps as G, Group as R } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";
-import { a as x, L as w } from "./Label-Cg0aAlnt.js";
+import { a as x, L as w } from "./Label-Cqo7Xz2v.js";
 import { T as E } from "./Text-D0r_W4lH.js";
 import { F as t } from "./FieldError-krpMBtie.js";
 import '../assets/Radio.css';const F = "_radioGroup_1oic0_1", L = "_wrap_1oic0_12", N = "_radio_1oic0_1", i = {

package/chunks/{Select-DKNK3eh_.js → Select-vgimHC3r.js}

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as A, jsxs as i } from "react/jsx-runtime";
 import { SelectStateContext as d, SelectValue as v, Button as f, TagList as C, Select as N } from "react-aria-components";
 import { FocusScope as x } from "@react-aria/focus";
-import { a as b, L as T } from "./Label-Cg0aAlnt.js";
+import { a as b, L as T } from "./Label-Cqo7Xz2v.js";
 import { a as y, c as _ } from "./clsx-AexbMWKp.js";
 import { T as B } from "./Text-D0r_W4lH.js";
 import { F as h } from "./FieldError-krpMBtie.js";

package/chunks/{TextArea-C7l7_Kof.js → TextArea-CNP1Y3jR.js}

@@ -9,7 +9,7 @@ import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { T as L } from "./Text-D0r_W4lH.js";
 import { F as f } from "./FieldError-krpMBtie.js";
 import { C as S } from "./CharacterCounter-Dgnv-orm.js";
-import { a as v, L as E } from "./Label-Cg0aAlnt.js";
+import { a as v, L as E } from "./Label-Cqo7Xz2v.js";
 const x = c(
   (e, o) => {
     [e] = u(e, o, y);

package/chunks/{TimeField-CEuBp21Z.js → TimeField-B3IdCqTf.js}

@@ -5,7 +5,7 @@ import { FocusScope as B, useFocusManager as C } from "@react-aria/focus";
 import { c as d } from "./clsx-AexbMWKp.js";
 import { D as b, a as L } from "./DateInput-NzWcnB4y.js";
 import { F } from "./FieldError-krpMBtie.js";
-import { a as S, L as v } from "./Label-Cg0aAlnt.js";
+import { a as S, L as v } from "./Label-Cqo7Xz2v.js";
 import { T as z } from "./Text-D0r_W4lH.js";
 import { C as N } from "./ClearButton-DkC8PIMi.js";
 import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ComboBox-DQOqOcic.js";
+import { C as r } from "../chunks/ComboBox-BRou3Ka8.js";
 export {
   r as ComboBox
 };

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as a } from "../chunks/DateField-moMaM1xn.js";
+import { D as a } from "../chunks/DateField-CpvZGNHu.js";
 import { D as r, a as o } from "../chunks/DateInput-NzWcnB4y.js";
 import { D as m } from "../chunks/DateInputDivider-BHAwPkIR.js";
 export {

package/date-picker/DatePicker.d.ts

@@ -2,7 +2,7 @@ import { DatePickerProps as AriaDatePickerProps, DateValue, ValidationResult } f
 import { InfoPopoverProps } from '../label';
 import { Size } from '../common/types';
 import * as React from 'react';
-export interface DatePickerProps extends AriaDatePickerProps<DateValue> {
+export interface DatePickerProps<T extends DateValue> extends AriaDatePickerProps<T> {
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     errorPosition?: 'top' | 'bottom';
@@ -18,4 +18,6 @@ export interface DatePickerProps extends AriaDatePickerProps<DateValue> {
      */
     isClearable?: boolean;
 }
-export declare const DatePicker: React.FC<DatePickerProps>;
+export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & {
+    ref?: React.Ref<HTMLDivElement>;
+}) => React.ReactElement | null;

package/date-picker/DatePicker.stories.d.ts

@@ -1,8 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react-vite';
+import { CalendarDate } from '@internationalized/date';
 import { DatePicker } from './DatePicker';
-declare const meta: Meta<typeof DatePicker>;
+declare const meta: Meta<typeof DatePicker<CalendarDate>>;
 export default meta;
-type Story = StoryObj<typeof DatePicker>;
+type Story = StoryObj<typeof DatePicker<CalendarDate>>;
 export declare const Primary: Story;
 export declare const WithTime: Story;
 export declare const Disabled: Story;

package/date-picker/DatePickerInputField.d.ts

@@ -1,7 +1,8 @@
+import { DateValue } from 'react-aria-components';
 import { DatePickerProps } from './DatePicker';
 import * as React from 'react';
-interface DatePickerInputFieldProps extends Pick<DatePickerProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'size' | 'isClearable'> {
+interface DatePickerInputFieldProps extends Pick<DatePickerProps<DateValue>, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'size' | 'isClearable'> {
     children?: React.ReactNode;
 }
-export declare const DatePickerInputField: React.FC<DatePickerInputFieldProps>;
+export declare const DatePickerInputField: ({ children, isDisabled, isInvalid, isReadOnly, size, isClearable, }: DatePickerInputFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-BItgKNh8.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-BBLNlQ2y.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/index.js

@@ -8,13 +8,13 @@ import { C as L, R as C } from "./chunks/RangeCalendar-DxLInTav.js";
 import { C as b, a as S, b as D, c as I, d as F, e as R, f as G } from "./chunks/Card-DSUs7WRL.js";
 import { C as k } from "./chunks/CharacterCounter-Dgnv-orm.js";
 import { C as M } from "./chunks/Checkbox-CwzV5QbM.js";
-import { C as h } from "./chunks/CheckboxGroup-CF_3F36J.js";
+import { C as h } from "./chunks/CheckboxGroup-D6TFvFxw.js";
 import { C as y } from "./chunks/ColorSchemeSwitch-Bp3PSGkA.js";
-import { C as N } from "./chunks/ComboBox-DQOqOcic.js";
-import { D as z } from "./chunks/DateField-moMaM1xn.js";
+import { C as N } from "./chunks/ComboBox-BRou3Ka8.js";
+import { D as O } from "./chunks/DateField-CpvZGNHu.js";
 import { D as Q, a as V } from "./chunks/DateInput-NzWcnB4y.js";
 import { D as j } from "./chunks/DateInputDivider-BHAwPkIR.js";
-import { D as J, a as K } from "./chunks/DateRangePicker-BItgKNh8.js";
+import { D as J, a as K } from "./chunks/DateRangePicker-BBLNlQ2y.js";
 import { F as W } from "./chunks/FieldError-krpMBtie.js";
 import { F as Y, a as _ } from "./chunks/FileListItem-CKF9HPjw.js";
 import { D as oo, F as ao } from "./chunks/FileUpload-D6oyWcDA.js";
@@ -22,37 +22,37 @@ import { G as eo } from "./chunks/Grid-C7aRFvmS.js";
 import { G as so } from "./chunks/GridItem-DenBLGXB.js";
 import { H as xo } from "./chunks/Heading-nfcRc2QF.js";
 import { I as io } from "./chunks/InfoBanner-CWLvkP6D.js";
-import { L as no } from "./chunks/Label-Cg0aAlnt.js";
+import { L as no } from "./chunks/Label-Cqo7Xz2v.js";
 import { H as lo, L as co, N as go, S as uo, a as Lo } from "./chunks/Layout-C6Jjp3Pc.js";
 import { L as Bo } from "./chunks/Link-CSIZehbN.js";
 import { L as So } from "./chunks/LinkButton-Dzp8ZAPs.js";
 import { L as Io, a as Fo } from "./chunks/Logo-DDykn5b2.js";
-import { M as Go } from "./chunks/Dialog-BSWBlyJI.js";
-import { P as ko } from "./chunks/Popover-CjEPHe4A.js";
-import { P as Mo } from "./chunks/ProgressBar-CBz_dIOH.js";
-import { R as ho, a as Ho } from "./chunks/Radio-CRHdSthr.js";
-import { S as Eo } from "./chunks/SearchField-DRaSep82.js";
-import { S as wo } from "./chunks/Select-DKNK3eh_.js";
-import { S as Oo } from "./chunks/Skeleton-tiP1Syzf.js";
-import { S as Vo } from "./chunks/Spinner-CfKMn18u.js";
-import { C as jo, a as qo, R as Jo, T as Ko, b as Uo, c as Wo } from "./chunks/Table-DBdY7MIw.js";
-import { T as Yo, a as _o, b as $o, c as oa } from "./chunks/TabList-CJSnr6O0.js";
-import { T as ra, a as ea, b as ta } from "./chunks/TagGroup-DPFh8qHR.js";
-import { T as pa } from "./chunks/Text-D0r_W4lH.js";
-import { I as ma, T as ia, a as fa, b as na } from "./chunks/TextArea-C7l7_Kof.js";
-import { T as Ta } from "./chunks/TimeField-CEuBp21Z.js";
-import { G as ca, T as ga, a as ua, b as La, t as Ca } from "./chunks/Toast-BFq_0Ue4.js";
-import { T as ba, a as Sa } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
-import { T as Ia, a as Fa } from "./chunks/Tooltip-BYEaNkZG.js";
-import { L as Ga } from "./chunks/ListBox-CRVACYCg.js";
-import { L as ka, a as va, b as Ma, c as Aa, d as ha } from "./chunks/ListBoxHeader-1lJxEEFx.js";
-import { L as ya, a as Ea } from "./chunks/ListBoxEmptyState-BZpImC1g.js";
-import { M as wa, a as za, b as Oa, c as Qa, S as Va } from "./chunks/Separator-CDRwpeHz.js";
-import { c as ja } from "./chunks/clsx-AexbMWKp.js";
-import { DialogTrigger as Ja, MenuTrigger as Ka, RouterProvider as Ua } from "react-aria-components";
-import { u as Xa } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as _a } from "react-stately";
-const o = "17.11.5", a = {
+import { M as Go, a as Po } from "./chunks/Modal-yigospxi.js";
+import { P as vo } from "./chunks/Popover-CjEPHe4A.js";
+import { P as Ao } from "./chunks/ProgressBar-BrWLkY8H.js";
+import { R as Ho, a as yo } from "./chunks/Radio-CFolRKKY.js";
+import { S as No } from "./chunks/SearchField-DRaSep82.js";
+import { S as Oo } from "./chunks/Select-vgimHC3r.js";
+import { S as Qo } from "./chunks/Skeleton-tiP1Syzf.js";
+import { S as Zo } from "./chunks/Spinner-CfKMn18u.js";
+import { C as qo, a as Jo, R as Ko, T as Uo, b as Wo, c as Xo } from "./chunks/Table-DBdY7MIw.js";
+import { T as _o, a as $o, b as oa, c as aa } from "./chunks/TabList-CJSnr6O0.js";
+import { T as ea, a as ta, b as sa } from "./chunks/TagGroup-DPFh8qHR.js";
+import { T as xa } from "./chunks/Text-D0r_W4lH.js";
+import { I as ia, T as fa, a as na, b as da } from "./chunks/TextArea-CNP1Y3jR.js";
+import { T as la } from "./chunks/TimeField-B3IdCqTf.js";
+import { G as ga, T as ua, a as La, b as Ca, t as Ba } from "./chunks/Toast-BFq_0Ue4.js";
+import { T as Sa, a as Da } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
+import { T as Fa, a as Ra } from "./chunks/Tooltip-BYEaNkZG.js";
+import { L as Pa } from "./chunks/ListBox-CRVACYCg.js";
+import { L as va, a as Ma, b as Aa, c as ha, d as Ha } from "./chunks/ListBoxHeader-1lJxEEFx.js";
+import { L as Ea, a as Na } from "./chunks/ListBoxEmptyState-BZpImC1g.js";
+import { M as Oa, a as za, b as Qa, c as Va, S as Za } from "./chunks/Separator-CDRwpeHz.js";
+import { c as qa } from "./chunks/clsx-AexbMWKp.js";
+import { DialogTrigger as Ka, MenuTrigger as Ua, RouterProvider as Wa } from "react-aria-components";
+import { u as Ya } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as $a } from "react-stately";
+const o = "17.12.0", a = {
   version: o
 }, r = a.version;
 export {
@@ -72,92 +72,93 @@ export {
   F as CardImage,
   R as CardLink,
   G as CardTitle,
-  jo as Cell,
+  qo as Cell,
   k as CharacterCounter,
   M as Checkbox,
   h as CheckboxGroup,
   y as ColorSchemeSwitch,
-  qo as Column,
+  Jo as Column,
   N as ComboBox,
-  z as DateField,
+  O as DateField,
   Q as DateInput,
   j as DateInputDivider,
   J as DatePicker,
   K as DateRangePicker,
   V as DateSegment,
-  Ja as DialogTrigger,
+  Ka as DialogTrigger,
   oo as DropZone,
   W as FieldError,
   Y as FileList,
   _ as FileListItem,
   ao as FileTrigger,
-  ca as GlobalToastRegion,
+  ga as GlobalToastRegion,
   eo as Grid,
   so as GridItem,
   lo as Header,
   xo as Heading,
   io as InfoBanner,
-  ma as Input,
+  ia as Input,
   no as Label,
   co as Layout,
   Bo as Link,
   So as LinkButton,
-  Ga as ListBox,
-  ka as ListBoxButton,
-  ya as ListBoxEmptyState,
-  va as ListBoxHeader,
-  Ma as ListBoxItem,
-  Aa as ListBoxLoadMoreItem,
-  Ea as ListBoxPopover,
-  ha as ListBoxSection,
+  Pa as ListBox,
+  va as ListBoxButton,
+  Ea as ListBoxEmptyState,
+  Ma as ListBoxHeader,
+  Aa as ListBoxItem,
+  ha as ListBoxLoadMoreItem,
+  Na as ListBoxPopover,
+  Ha as ListBoxSection,
   Io as Logo,
   Fo as LogoContext,
-  wa as Menu,
+  Oa as Menu,
   za as MenuItem,
-  Oa as MenuPopover,
-  Qa as MenuSection,
-  Ka as MenuTrigger,
+  Qa as MenuPopover,
+  Va as MenuSection,
+  Ua as MenuTrigger,
   Go as Modal,
+  Po as ModalOverlay,
   go as Navbar,
-  ko as Popover,
-  Mo as ProgressBar,
-  ho as Radio,
-  Ho as RadioGroup,
+  vo as Popover,
+  Ao as ProgressBar,
+  Ho as Radio,
+  yo as RadioGroup,
   C as RangeCalendar,
-  Ua as RouterProvider,
-  Jo as Row,
-  Eo as SearchField,
-  wo as Select,
-  Va as Separator,
+  Wa as RouterProvider,
+  Ko as Row,
+  No as SearchField,
+  Oo as Select,
+  Za as Separator,
   uo as Sidebar,
   Lo as SidebarLink,
-  Oo as Skeleton,
-  Vo as Spinner,
-  Yo as Tab,
-  _o as TabList,
-  $o as TabPanel,
-  Ko as Table,
-  Uo as TableBody,
-  Wo as TableHeader,
-  oa as Tabs,
-  ra as Tag,
-  ea as TagGroup,
-  ta as TagList,
-  pa as Text,
-  ia as TextArea,
-  fa as TextField,
-  na as TextFieldBase,
-  Ta as TimeField,
-  ga as Toast,
-  ua as ToastProvider,
-  La as ToastRegion,
-  ba as ToggleButton,
-  Sa as ToggleButtonGroup,
-  Ia as Tooltip,
-  Fa as TooltipTrigger,
+  Qo as Skeleton,
+  Zo as Spinner,
+  _o as Tab,
+  $o as TabList,
+  oa as TabPanel,
+  Uo as Table,
+  Wo as TableBody,
+  Xo as TableHeader,
+  aa as Tabs,
+  ea as Tag,
+  ta as TagGroup,
+  sa as TagList,
+  xa as Text,
+  fa as TextArea,
+  na as TextField,
+  da as TextFieldBase,
+  la as TimeField,
+  ua as Toast,
+  La as ToastProvider,
+  Ca as ToastRegion,
+  Sa as ToggleButton,
+  Da as ToggleButtonGroup,
+  Fa as Tooltip,
+  Ra as TooltipTrigger,
   r as VERSION,
-  ja as clsx,
-  Ca as toastQueue,
-  Xa as useLocalizedStringFormatter,
-  _a as useToastState
+  qa as clsx,
+  Ba as toastQueue,
+  Ya as useLocalizedStringFormatter,
+  $a as useToastState
 };

package/label/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../chunks/Label-Cg0aAlnt.js";
+import { L as o } from "../chunks/Label-Cqo7Xz2v.js";
 export {
   o as Label
 };

package/modal/Modal.d.ts

@@ -0,0 +1,14 @@
+import { DialogTrigger } from 'react-aria-components';
+import { ModalOverlayProps } from './modal-overlay';
+export interface ModalProps extends ModalOverlayProps {
+    /**
+     * An optional title for the dialog. If omitted, please provide an aria-label for accessibility.
+     */
+    title?: React.ReactNode;
+    /**
+     * Hide close button in modal header. Use with caution!
+     */
+    hideCloseButton?: boolean;
+}
+export { DialogTrigger };
+export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;

package/modal/{Dialog.stories.d.ts → Modal.stories.d.ts}

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react-vite';
-import { Modal } from './Dialog';
+import { Modal } from './Modal';
 type Story = StoryObj<typeof Modal>;
 declare const _default: Meta<typeof Modal>;
 export default _default;

package/modal/index.d.ts

@@ -1 +1,2 @@
-export { Modal, DialogTrigger, type ModalProps } from './Dialog';
+export { Modal, DialogTrigger, type ModalProps } from './Modal';
+export * from './modal-overlay';

package/modal/index.js

@@ -1,6 +1,7 @@
-import { M as a } from "../chunks/Dialog-BSWBlyJI.js";
+import { M as r, a as e } from "../chunks/Modal-yigospxi.js";
 import { DialogTrigger as g } from "react-aria-components";
 export {
   g as DialogTrigger,
-  a as Modal
+  r as Modal,
+  e as ModalOverlay
 };

package/modal/modal-overlay/ModalOverlay.d.ts

@@ -0,0 +1,3 @@
+import { ModalOverlayProps } from 'react-aria-components';
+export type { ModalOverlayProps };
+export declare const ModalOverlay: import('react').ForwardRefExoticComponent<ModalOverlayProps & import('react').RefAttributes<HTMLDivElement>>;

package/modal/modal-overlay/index.d.ts

@@ -0,0 +1 @@
+export * from './ModalOverlay';

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.11.5",
+  "version": "17.12.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.12.22",
+    "@midas-ds/theme": "3.13.0",
     "react-aria-components": "1.16.0"
   }
 }

package/progress-bar/index.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/ProgressBar-CBz_dIOH.js";
+import { P as s } from "../chunks/ProgressBar-BrWLkY8H.js";
 export {
   s as ProgressBar
 };

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-CRHdSthr.js";
+import { R as r, a as R } from "../chunks/Radio-CFolRKKY.js";
 export {
   r as Radio,
   R as RadioGroup

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-DKNK3eh_.js";
+import { S as r } from "../chunks/Select-vgimHC3r.js";
 export {
   r as Select
 };

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-C7l7_Kof.js";
+import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-CNP1Y3jR.js";
 export {
   s as Input,
   t as TextArea,

package/time-field/index.js

@@ -1,4 +1,4 @@
-import { T as m } from "../chunks/TimeField-CEuBp21Z.js";
+import { T as m } from "../chunks/TimeField-B3IdCqTf.js";
 export {
   m as TimeField
 };

package/assets/Dialog.css

@@ -1 +0,0 @@
-._modal_cs32p_1{font-family:var(--midas-typography-font-family);position:fixed;max-width:75%;min-width:300px;max-height:90vh;overflow-y:auto;background-color:var(--midas-background-base);color:var(--midas-text-primary);border:none;padding:0;margin:auto}._modal_cs32p_1[data-entering]{animation:none}@media(forced-colors:active){._modal_cs32p_1{outline:2px solid}}._overlay_cs32p_24{position:fixed;top:0;left:0;z-index:var(--midas-z-index-modal);width:100vw;background:#2d00004d;display:flex;align-items:center;justify-content:center;height:var(--visual-viewport-height)}._overlay_cs32p_24[data-entering]{animation:_modal-fade_cs32p_1 var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._overlay_cs32p_24[data-exiting]{animation:_modal-fade_cs32p_1 var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in) reverse}._modalHeader_cs32p_50{min-height:var(--midas-size-control);background-color:var(--midas-layer-01-base);display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;z-index:var(--midas-z-index-above)}._modalTitle_cs32p_61{flex-grow:1;place-self:center;padding-left:1rem}._modalBody_cs32p_67{position:relative;padding:1rem 2rem 2rem;font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;gap:1rem}@keyframes _modal-fade_cs32p_1{0%{opacity:0}to{opacity:1}}@keyframes _modal-zoom_cs32p_1{0%{transform:scale(.8)}to{transform:scale(1)}}@media(prefers-reduced-motion){._overlay_cs32p_24[data-entering],._overlay_cs32p_24[data-exiting]{animation:none}}

package/chunks/DateRangePicker-BItgKNh8.js

@@ -1,199 +0,0 @@
-'use client';
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { Group as F, DatePickerStateContext as B, DateRangePickerStateContext as M, Popover as N, Dialog as S, DatePicker as R, DateRangePicker as G } from "react-aria-components";
-import { a as k } from "./clsx-AexbMWKp.js";
-import { C as L, R as w } from "./RangeCalendar-DxLInTav.js";
-import { D as f, a as P } from "./DateInput-NzWcnB4y.js";
-import { F as _ } from "./FieldError-krpMBtie.js";
-import { a as g, L as y } from "./Label-Cg0aAlnt.js";
-import { T as D } from "./Text-D0r_W4lH.js";
-import * as v from "react";
-import { C as I } from "./ClearButton-DkC8PIMi.js";
-import { FocusScope as O, useFocusManager as V } from "@react-aria/focus";
-import { B as T } from "./Button-GCROAMSl.js";
-import { c as $ } from "./createLucideIcon-CP-mMPfa.js";
-import { u as j } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import { D as A } from "./DateInputDivider-BHAwPkIR.js";
-import '../assets/DateRangePicker.css';const E = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }],
-  ["path", { d: "M8 14h.01", key: "6423bh" }],
-  ["path", { d: "M12 14h.01", key: "1etili" }],
-  ["path", { d: "M16 14h.01", key: "1gbofw" }],
-  ["path", { d: "M8 18h.01", key: "lrp35t" }],
-  ["path", { d: "M12 18h.01", key: "mhygvu" }],
-  ["path", { d: "M16 18h.01", key: "kzsmim" }]
-], W = $("calendar-days", E), q = { clear: "Clear date", "open-calendar": "Open calendar" }, H = { clear: "Rensa datum", "open-calendar": "Öppna kalender" }, C = {
-  en: q,
-  sv: H
-}, J = "_datePicker_13jtn_1", K = "_inputField_13jtn_8", Q = "_medium_13jtn_24", U = "_readOnly_13jtn_47", X = "_buttonGroup_13jtn_52", Y = "_iconButton_13jtn_58", Z = "_popover_13jtn_81 _dropdownAnimation_1ljkv_4", z = "_dialog_13jtn_85", a = {
-  datePicker: J,
-  inputField: K,
-  medium: Q,
-  readOnly: U,
-  buttonGroup: X,
-  iconButton: Y,
-  popover: Z,
-  dialog: z
-}, ee = (t) => !!t && !!t.value && Object.prototype.hasOwnProperty.call(t.value, "start"), te = ({
-  isClearable: t,
-  isDisabled: c,
-  isReadOnly: i,
-  size: n
-}) => {
-  const o = v.useContext(B), s = v.useContext(M), l = j(C), d = V(), r = s ?? o, u = ee(r) ? !!r.value.start && r.value.end : !!r?.value;
-  return t && u && !i ? /* @__PURE__ */ e(
-    I,
-    {
-      onPress: () => {
-        r?.setValue(null), d?.focusFirst();
-      },
-      size: n,
-      isDisabled: c,
-      "aria-label": l.format("clear"),
-      className: k(a.iconButton, {
-        [a.medium]: n === "medium"
-      })
-    }
-  ) : null;
-}, b = ({
-  children: t,
-  isDisabled: c,
-  isInvalid: i,
-  isReadOnly: n,
-  size: o = "large",
-  isClearable: s = !1
-}) => {
-  const l = j(C);
-  return /* @__PURE__ */ e(
-    F,
-    {
-      className: k(a.inputField, {
-        [a.medium]: o === "medium",
-        [a.readOnly]: n
-      }),
-      children: /* @__PURE__ */ h(O, { children: [
-        t,
-        /* @__PURE__ */ h("div", { className: a.buttonGroup, children: [
-          /* @__PURE__ */ e(
-            te,
-            {
-              isClearable: s,
-              isDisabled: c,
-              isReadOnly: n,
-              size: o
-            }
-          ),
-          /* @__PURE__ */ e(
-            T,
-            {
-              variant: "icon",
-              "aria-label": l.format("open-calendar"),
-              className: k(a.iconButton, {
-                [a.medium]: o === "medium",
-                [a.readOnly]: n
-              }),
-              "data-invalid": i || void 0,
-              size: o,
-              children: /* @__PURE__ */ e(
-                W,
-                {
-                  "aria-hidden": !0,
-                  size: 20
-                }
-              )
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}, x = ({
-  children: t
-}) => /* @__PURE__ */ e(N, { className: a.popover, children: /* @__PURE__ */ e(S, { className: a.dialog, children: t }) }), _e = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: n = "top",
-  label: o,
-  popover: s,
-  isClearable: l = !1,
-  isReadOnly: d,
-  isDisabled: r,
-  size: u,
-  ...m
-}) => /* @__PURE__ */ h(
-  R,
-  {
-    className: k(a.datePicker, t),
-    isReadOnly: d,
-    isDisabled: r,
-    ...m,
-    children: [
-      /* @__PURE__ */ e(g, { popover: s, children: o && /* @__PURE__ */ e(y, { children: o }) }),
-      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      n === "top" && /* @__PURE__ */ e(_, { children: i }),
-      /* @__PURE__ */ e(
-        b,
-        {
-          isClearable: l,
-          isReadOnly: d,
-          isDisabled: r,
-          size: u,
-          ...m,
-          children: /* @__PURE__ */ e(f, { children: (p) => /* @__PURE__ */ e(P, { segment: p }) })
-        }
-      ),
-      n === "bottom" && /* @__PURE__ */ e(_, { children: i }),
-      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(L, {}) })
-    ]
-  }
-), fe = ({
-  className: t,
-  description: c,
-  errorMessage: i,
-  errorPosition: n = "top",
-  label: o,
-  popover: s,
-  isClearable: l = !1,
-  isReadOnly: d,
-  isDisabled: r,
-  size: u,
-  ...m
-}) => /* @__PURE__ */ h(
-  G,
-  {
-    className: k(a.datePicker, t),
-    isReadOnly: d,
-    isDisabled: r,
-    ...m,
-    children: [
-      /* @__PURE__ */ e(g, { popover: s, children: o && /* @__PURE__ */ e(y, { children: o }) }),
-      c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      n === "top" && /* @__PURE__ */ e(_, { children: i }),
-      /* @__PURE__ */ h(
-        b,
-        {
-          isClearable: l,
-          isReadOnly: d,
-          isDisabled: r,
-          size: u,
-          ...m,
-          children: [
-            /* @__PURE__ */ e(f, { slot: "start", children: (p) => /* @__PURE__ */ e(P, { segment: p }) }),
-            /* @__PURE__ */ e(A, {}),
-            /* @__PURE__ */ e(f, { slot: "end", children: (p) => /* @__PURE__ */ e(P, { segment: p }) })
-          ]
-        }
-      ),
-      n === "bottom" && /* @__PURE__ */ e(_, { children: i }),
-      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(w, {}) })
-    ]
-  }
-);
-export {
-  _e as D,
-  fe as a
-};

package/chunks/Dialog-BSWBlyJI.js

@@ -1,66 +0,0 @@
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { ModalOverlay as c, Modal as i, Dialog as n } from "react-aria-components";
-import { B as _ } from "./Button-GCROAMSl.js";
-import { H as p } from "./Heading-nfcRc2QF.js";
-import { c as y } from "./clsx-AexbMWKp.js";
-import { X as v } from "./x-B9bYxG31.js";
-import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/Dialog.css';const h = "_modal_cs32p_1", g = "_overlay_cs32p_24", B = "_modalHeader_cs32p_50", H = "_modalTitle_cs32p_61", x = "_modalBody_cs32p_67", a = {
-  modal: h,
-  overlay: g,
-  modalHeader: B,
-  modalTitle: H,
-  modalBody: x
-}, M = { close: "Close" }, N = { close: "Stäng" }, T = {
-  en: M,
-  sv: N
-}, F = ({
-  children: s,
-  title: l,
-  hideCloseButton: r = !1,
-  className: t,
-  ...d
-}) => {
-  const m = f(T);
-  return /* @__PURE__ */ o(
-    c,
-    {
-      ...d,
-      className: y(a.overlay, t),
-      children: /* @__PURE__ */ o(i, { className: a.modal, children: /* @__PURE__ */ e(n, { children: [
-        /* @__PURE__ */ e("div", { className: a.modalHeader, children: [
-          /* @__PURE__ */ o("div", { className: a.modalTitle, children: l && /* @__PURE__ */ o(
-            p,
-            {
-              level: 3,
-              elementType: "h2",
-              slot: "title",
-              children: l
-            }
-          ) }),
-          !r && /* @__PURE__ */ o(
-            _,
-            {
-              slot: "close",
-              variant: "tertiary",
-              icon: v,
-              iconPlacement: "right",
-              children: m.format("close")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ o(
-          "div",
-          {
-            className: a.modalBody,
-            tabIndex: -1,
-            children: s
-          }
-        )
-      ] }) })
-    }
-  );
-};
-export {
-  F as M
-};

package/modal/Dialog.d.ts

@@ -1,15 +0,0 @@
-import { DialogTrigger, ModalOverlayProps } from 'react-aria-components';
-import * as React from 'react';
-export interface ModalProps extends ModalOverlayProps, React.RefAttributes<HTMLDivElement> {
-    /**
-     * An optional title for the dialog. If omitted, please provide an aria-label for accessibility.
-     */
-    title?: React.ReactNode;
-    children: React.ReactNode;
-    /**
-     * Hide close button in modal header. Use with caution!
-     */
-    hideCloseButton?: boolean;
-}
-export { DialogTrigger };
-export declare const Modal: React.FC<ModalProps>;