@midas-ds/components 16.3.0 → 16.3.2

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 16.3.2 (2026-01-13)
+
+### 🩹 Fixes
+
+- **components, combobox:** adjust popover position to show focus indicator ([a5be26d3ab](https://github.com/migrationsverket/midas/commit/a5be26d3ab))
+- **components, combobox:** add focus indicator for mouse interaction ([6cc9a07dc0](https://github.com/migrationsverket/midas/commit/6cc9a07dc0))
+
+## 16.3.1 (2026-01-13)
+
+### 🚀 Features
+
+- **table-styles:** add pagination component ([#978](https://github.com/migrationsverket/midas/pull/978))
+
 ## 16.3.0 (2026-01-13)
 
 ### 🚀 Features

package/accordion/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as a } from "../chunks/AccordionItem-BUUDZ7l6.js";
+import { a as r, A as a } from "../chunks/AccordionItem-D6vWtoJN.js";
 export {
   r as Accordion,
   a as AccordionItem

package/assets/ComboBox.css

@@ -1 +1 @@
-._combobox_47hgd_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_47hgd_1[data-invalid] ._inputField_47hgd_6{border:.125rem solid var(--midas-support-border-warning);box-shadow:none}._inputField_47hgd_6{box-sizing:border-box;width:-webkit-fill-available;padding-left:1rem;border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;font-size:1rem;color:var(--midas-text-primary);height:var(--midas-size-150);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_47hgd_6{border:1px solid}}._inputField_47hgd_6._medium_47hgd_28{height:var(--midas-size-130)}._inputField_47hgd_6[data-hovered],._inputField_47hgd_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_47hgd_6::placeholder{color:var(--midas-text-placeholder)}._inputField_47hgd_6:focus-visible,._inputField_47hgd_6[data-focus-visible]{outline:none}._inputField_47hgd_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_47hgd_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_47hgd_6[data-disabled]{color:var(--midas-text-disabled);background:var(--midas-field-disabled);box-shadow:none;border-bottom:.063rem solid var(--midas-border-color-disabled);cursor:not-allowed}._inputField_47hgd_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._text_47hgd_69{font-size:.875rem;margin-bottom:.5rem}._wrap_47hgd_74{grid-area:Input;position:relative;gap:.5rem}._button_47hgd_80{display:flex;align-items:center;border:none;padding:var(--midas-size-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-150);transition:transform .3s ease}._button_47hgd_80._medium_47hgd_28{height:var(--midas-size-130);padding:var(--midas-size-50) var(--midas-size-70)}._button_47hgd_80[aria-expanded=true]{transform:rotate(180deg)}._button_47hgd_80[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_47hgd_80[data-disabled]{color:var(--midas-icon-read-only)}._button_47hgd_80[data-hovered]{cursor:pointer}._icon_47hgd_116{display:flex;align-items:center;transition:transform .3s ease}span._emptyState_47hgd_122{display:block;line-height:var(--midas-typography-line-height-30);padding:var(--midas-size-80) var(--midas-size-80) var(--midas-size-60) var(--midas-size-80)}@media(prefers-reduced-motion){._button_47hgd_80,._icon_47hgd_116{transition:none}}
+._combobox_1m9te_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_1m9te_1[data-invalid] ._inputField_1m9te_6{border:.125rem solid var(--midas-support-border-warning)}._inputField_1m9te_6{box-sizing:border-box;width:-webkit-fill-available;padding-left:1rem;border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;font-size:1rem;color:var(--midas-text-primary);height:var(--midas-size-150);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_1m9te_6{border:1px solid}}._inputField_1m9te_6._medium_1m9te_27{height:var(--midas-size-130)}._inputField_1m9te_6[data-hovered],._inputField_1m9te_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_1m9te_6::placeholder{color:var(--midas-text-placeholder)}._inputField_1m9te_6:focus-visible,._inputField_1m9te_6[data-focus-visible]{outline:none}._inputField_1m9te_6[data-focused],._inputField_1m9te_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_1m9te_6[data-focused],._inputField_1m9te_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_1m9te_6[data-disabled]{color:var(--midas-text-disabled);background:var(--midas-field-disabled);box-shadow:none;border-bottom:.063rem solid var(--midas-border-color-disabled);cursor:not-allowed}._inputField_1m9te_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1m9te_6[data-readonly][data-focused],._inputField_1m9te_6[data-readonly][data-focus-visible]{box-shadow:none}._text_1m9te_74{font-size:.875rem;margin-bottom:.5rem}._wrap_1m9te_79{grid-area:Input;position:relative;gap:.5rem}._button_1m9te_85{display:flex;align-items:center;border:none;padding:var(--midas-size-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-150);transition:transform .3s ease}._button_1m9te_85._medium_1m9te_27{height:var(--midas-size-130);padding:var(--midas-size-50) var(--midas-size-70)}._button_1m9te_85[aria-expanded=true]{transform:rotate(180deg)}._button_1m9te_85[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_1m9te_85[data-disabled]{color:var(--midas-icon-read-only)}._button_1m9te_85[data-hovered]{cursor:pointer}._icon_1m9te_121{display:flex;align-items:center;transition:transform .3s ease}span._emptyState_1m9te_127{display:block;line-height:var(--midas-typography-line-height-30);padding:var(--midas-size-80) var(--midas-size-80) var(--midas-size-60) var(--midas-size-80)}@media(prefers-reduced-motion){._button_1m9te_85,._icon_1m9te_121{transition:none}}

package/assets/Select.css

@@ -1 +1 @@
-._select_nivht_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_nivht_7{display:flex;flex-direction:column;position:relative}._trigger_nivht_7{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);justify-content:flex-end;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70);transition:all .1s ease-in}._trigger_nivht_7._medium_nivht_28{min-height:var(--midas-size-130)}._trigger_nivht_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media(forced-colors:active){._trigger_nivht_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_nivht_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_nivht_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_nivht_7[data-invalid]:not(:focus-visible){border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}@media(forced-colors:active){._trigger_nivht_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_nivht_7[data-open] ._icon_nivht_65 svg{transform:rotate(180deg)}._selectValue_nivht_71{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);position:absolute;top:50%;transform:translateY(-50%);max-width:calc(100% - var(--midas-spacing-90))}._selectValue_nivht_71 ._placeholder_nivht_81{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._selectValue_nivht_71[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_nivht_95{align-items:center;background-color:var(--midas-button-background-primary-base);border-radius:1.25rem;color:var(--midas-text-on-color);display:flex;font-size:.875rem;justify-content:center;left:var(--midas-spacing-30);min-height:1.75rem;padding:0 .5rem;pointer-events:all;position:relative}._selectValueTag_nivht_95:has(._clearButton_nivht_109){padding-right:0}._selectValueTag_nivht_95[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_nivht_121{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_nivht_109{background-color:var(--midas-button-background-primary-base);border:none;border-radius:100%;color:var(--midas-text-on-color);display:flex;margin-left:var(--midas-size-10);padding:var(--midas-size-30)}._clearButton_nivht_109:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_nivht_109[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_nivht_109:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_nivht_109:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_nivht_158{font-size:var(--midas-typography-font-size-30);padding:0}._popover_nivht_158 :focus{outline:none}._popover_nivht_158[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_nivht_158[data-trigger=Select][data-entering],._popover_nivht_158[data-trigger=Select][data-exiting]{opacity:0}._popover_nivht_158 ._selectAll_nivht_184{width:100%;box-sizing:border-box;background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._popover_nivht_158 ._selectAll_nivht_184:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_nivht_158 ._selectAll_nivht_184:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_nivht_158 ._selectAll_nivht_184[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_nivht_158 ._selectAll_nivht_184[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_nivht_158 ._selectAll_nivht_184[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_nivht_158 ._selectAll_nivht_184[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_nivht_158 ._selectAll_nivht_184[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_nivht_158 ._selectAll_nivht_184[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._popover_nivht_158 ._selectAll_nivht_184[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_nivht_158 ._selectAll_nivht_184[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._tagGroup_nivht_247{margin-top:var(--midas-size-40)}@media(prefers-reduced-motion){._trigger_nivht_7,._popover_nivht_158[data-trigger=Select],._selectAll_nivht_184{transition:none}}
+._select_vdvx3_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_vdvx3_7{display:flex;flex-direction:column;position:relative}._trigger_vdvx3_7{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);gap:var(--midas-spacing-20);justify-content:space-between;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70);transition:all .1s ease-in}._trigger_vdvx3_7._medium_vdvx3_29{min-height:var(--midas-size-130)}._trigger_vdvx3_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media(forced-colors:active){._trigger_vdvx3_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_vdvx3_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_vdvx3_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_vdvx3_7[data-invalid]:not(:focus-visible){border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}@media(forced-colors:active){._trigger_vdvx3_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_vdvx3_7[data-open] ._icon_vdvx3_66 svg{transform:rotate(180deg)}._selectValue_vdvx3_72{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-spacing-90))}._selectValue_vdvx3_72 ._placeholder_vdvx3_78{display:flex}._selectValue_vdvx3_72[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_vdvx3_88{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);position:absolute;top:50%;transform:translateY(-50%);max-width:calc(100% - var(--midas-spacing-90))}._multiSelectValue_vdvx3_88 ._placeholder_vdvx3_78{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._multiSelectValue_vdvx3_88[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_vdvx3_112{align-items:center;background-color:var(--midas-button-background-primary-base);border-radius:1.25rem;color:var(--midas-text-on-color);display:flex;font-size:.875rem;justify-content:center;left:var(--midas-spacing-30);min-height:1.75rem;padding:0 .5rem;pointer-events:all;position:relative}._selectValueTag_vdvx3_112:has(._clearButton_vdvx3_126){padding-right:0}._selectValueTag_vdvx3_112[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_vdvx3_138{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_vdvx3_126{background-color:var(--midas-button-background-primary-base);border:none;border-radius:100%;color:var(--midas-text-on-color);display:flex;margin-left:var(--midas-size-10);padding:var(--midas-size-30)}._clearButton_vdvx3_126:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_vdvx3_126[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_vdvx3_126:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_vdvx3_126:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_vdvx3_175{font-size:var(--midas-typography-font-size-30);padding:0}._popover_vdvx3_175 :focus{outline:none}._popover_vdvx3_175[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_vdvx3_175[data-trigger=Select][data-entering],._popover_vdvx3_175[data-trigger=Select][data-exiting]{opacity:0}._popover_vdvx3_175 ._selectAll_vdvx3_201{width:100%;box-sizing:border-box;background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._tagGroup_vdvx3_264{margin-top:var(--midas-size-40)}@media(prefers-reduced-motion){._trigger_vdvx3_7,._popover_vdvx3_175[data-trigger=Select],._selectAll_vdvx3_201{transition:none}}

package/button/index.js

@@ -1,4 +1,4 @@
-import { B as r } from "../chunks/Button-wBgWrXj3.js";
+import { B as r } from "../chunks/Button-BYrLbzir.js";
 import { B as p } from "../chunks/ButtonGroup-Dr6HOBo2.js";
 export {
   r as Button,

package/calendar/index.js

@@ -1,4 +1,4 @@
-import { C as r, R as n } from "../chunks/RangeCalendar-BSth1Fmv.js";
+import { C as r, R as n } from "../chunks/RangeCalendar-Bt8q3FZi.js";
 export {
   r as Calendar,
   n as RangeCalendar

package/checkbox/index.js

@@ -1,5 +1,5 @@
 import { C as e } from "../chunks/Checkbox-BTAfwDxU.js";
-import { C } from "../chunks/CheckboxGroup-BQ8EpX7O.js";
+import { C } from "../chunks/CheckboxGroup-C6LIpj_R.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/chunks/{AccordionItem-BUUDZ7l6.js → AccordionItem-D6vWtoJN.js}

@@ -2,9 +2,9 @@ import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import { c as _ } from "./clsx-AexbMWKp.js";
 import { DisclosureGroup as v, Disclosure as x, DisclosurePanel as C } from "react-aria-components";
 import { createContext as I, useContext as N, useEffect as B } from "react";
-import { B as k } from "./Button-wBgWrXj3.js";
+import { B as k } from "./Button-BYrLbzir.js";
 import { H as w } from "./Heading-D8tNNJkt.js";
-import { F as A } from "./FeedbackStatusIcon-COWuMusk.js";
+import { F as A } from "./FeedbackStatusIcon-YJaUAfjp.js";
 import { C as T } from "./chevron-down-DgT-uSF9.js";
 import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_17bdp_5", a = {
   root: D,

package/chunks/{Button-wBgWrXj3.js → Button-BYrLbzir.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c, Fragment as l } from "react/jsx-runtime";
 import { B as r } from "./Button.module-Cm0H98vy.js";
 import { Button as u } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";
-import { S as g } from "./Spinner-BORNnHph.js";
+import { S as g } from "./Spinner-tvJ7rPiT.js";
 const S = ({
   variant: i = "primary",
   fullwidth: o,

package/chunks/{CheckboxGroup-BQ8EpX7O.js → CheckboxGroup-C6LIpj_R.js}

@@ -1,13 +1,13 @@
 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-Dup4lWaR.js";
+import { a as k, L as S } from "./Label-6SXmzRZE.js";
 import { T as y } from "./Text-TWzJxnto.js";
 import * as r from "react";
 import { C as d, s as u, a as g } from "./Checkbox-BTAfwDxU.js";
 import { FieldErrorContext as A } from "react-aria-components";
 import { F as P } from "./FieldError-Bra5aRT3.js";
-import { u as V } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 const F = (e, { value: t }) => {
   const a = r.Children.toArray(e).filter(
     (l) => r.isValidElement(l) && l.type === d

package/chunks/{ColorSchemeSwitch-DugvPh6T.js → ColorSchemeSwitch-D-vCkxQo.js}

@@ -3,7 +3,7 @@ import * as i from "react";
 import { VisuallyHidden as a } from "react-aria";
 import { a as y, T as r } from "./ToggleButtonGroup-CXKTrLbb.js";
 import { c as d } from "./createLucideIcon-D4r5Phnh.js";
-import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/ColorSchemeSwitch.css';const g = [
   [
     "path",

package/chunks/ComboBox-BXcuyHPd.js

@@ -0,0 +1,108 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import y from "react";
+import { ComboBox as B, Input as F, Button as w, Collection as C } from "react-aria-components";
+import { c as s } from "./clsx-AexbMWKp.js";
+import { a as S, L as v } from "./Label-6SXmzRZE.js";
+import { T as u } from "./Text-TWzJxnto.js";
+import { F as f } from "./FieldError-Bra5aRT3.js";
+import { L as R } from "./ListBox-D5BBeZWL.js";
+import { a as N, L as g, b as E } from "./ListBoxSection-MZB_5DdD.js";
+import { C as I } from "./chevron-down-DgT-uSF9.js";
+import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/ComboBox.css';const j = "_combobox_1m9te_1", O = "_inputField_1m9te_6", U = "_medium_1m9te_27", z = "_wrap_1m9te_79", D = "_button_1m9te_85", M = "_icon_1m9te_121", V = "_emptyState_1m9te_127", o = {
+  combobox: j,
+  inputField: O,
+  medium: U,
+  wrap: z,
+  button: D,
+  icon: M,
+  emptyState: V
+}, W = { showList: "Show list", noResultsFound: "No results found" }, $ = { showList: "Visa lista", noResultsFound: "Inga träffar" }, k = {
+  en: W,
+  sv: $
+};
+function ot({
+  label: e,
+  description: i,
+  errorMessage: r,
+  children: p,
+  items: h,
+  className: _,
+  errorPosition: a = "top",
+  size: m = "large",
+  popover: b,
+  ...n
+}) {
+  const c = y.useRef(null), d = T(k), x = (L) => {
+    L.currentTarget.value && c.current?.select();
+  };
+  return /* @__PURE__ */ l(
+    B,
+    {
+      className: s(o.combobox, _),
+      ...n,
+      "data-readonly": n.isReadOnly || void 0,
+      children: [
+        /* @__PURE__ */ t(S, { popover: b, children: e && /* @__PURE__ */ t(v, { children: e }) }),
+        i && /* @__PURE__ */ t(u, { slot: "description", children: i }),
+        a === "top" && /* @__PURE__ */ t(f, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ l("div", { className: o.wrap, children: [
+          /* @__PURE__ */ t(
+            F,
+            {
+              className: s(o.inputField, {
+                [o.medium]: m === "medium"
+              }),
+              "data-readonly": n.isReadOnly || void 0,
+              onMouseUp: x,
+              ref: c
+            }
+          ),
+          /* @__PURE__ */ t(
+            w,
+            {
+              className: s(o.button, {
+                [o.medium]: m === "medium"
+              }),
+              "aria-label": d.format("showList"),
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  className: o.icon,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ t(
+                    I,
+                    {
+                      size: 20,
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        a === "bottom" && /* @__PURE__ */ t(f, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ t(N, { offset: 4, children: /* @__PURE__ */ t(
+          R,
+          {
+            items: h,
+            renderEmptyState: () => /* @__PURE__ */ t(u, { className: o.emptyState, children: d.format("noResultsFound") }),
+            children: p
+          }
+        ) })
+      ]
+    }
+  );
+}
+function q(e) {
+  return /* @__PURE__ */ t(g, { ...e });
+}
+function et(e) {
+  return /* @__PURE__ */ t(E, { ...e, children: /* @__PURE__ */ t(C, { items: e.children, children: (i) => /* @__PURE__ */ t(q, { children: i.name }, i.id) }) });
+}
+export {
+  ot as C,
+  q as a,
+  et as b
+};

package/chunks/{DateField-06YL8tj_.js → DateField-DPJrihTz.js}

@@ -3,7 +3,7 @@ import { DateField as u } from "react-aria-components";
 import { c as m } from "./clsx-AexbMWKp.js";
 import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
 import { F as s } from "./FieldError-Bra5aRT3.js";
-import { a as h, L as D } from "./Label-Dup4lWaR.js";
+import { a as h, L as D } from "./Label-6SXmzRZE.js";
 import { T as b } from "./Text-TWzJxnto.js";
 import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
   dateField: x,

package/chunks/{DateRangePicker-CZRWDV_g.js → DateRangePicker-DzgK_p0d.js}

@@ -1,10 +1,10 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Group as P, Button as b, Popover as f, Dialog as v, DatePicker as x, DateRangePicker as F } from "react-aria-components";
 import { a as m } from "./clsx-AexbMWKp.js";
-import { C as M, R as N } from "./RangeCalendar-BSth1Fmv.js";
+import { C as M, R as N } from "./RangeCalendar-Bt8q3FZi.js";
 import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
 import { F as h } from "./FieldError-Bra5aRT3.js";
-import { a as u, L as y } from "./Label-Dup4lWaR.js";
+import { a as u, L as y } from "./Label-6SXmzRZE.js";
 import { T as _ } from "./Text-TWzJxnto.js";
 import { c as C } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/DateRangePicker.css';const I = [

package/chunks/{Dialog-DC0cGNj5.js → Dialog-DprWZBKT.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as e } from "react/jsx-runtime";
 import { ModalOverlay as n, Modal as c, Dialog as i } from "react-aria-components";
-import { B as _ } from "./Button-wBgWrXj3.js";
+import { B as _ } from "./Button-BYrLbzir.js";
 import { H as y } from "./Heading-D8tNNJkt.js";
 import { c as v } from "./clsx-AexbMWKp.js";
 import { X as x } from "./x-BXShoIAM.js";
-import { u as f } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Dialog.css';const h = "_modal_nxs78_1", p = "_overlay_nxs78_24", g = "_modalHeader_nxs78_48", B = "_modalTitle_nxs78_59", H = "_modalBody_nxs78_65", a = {
   modal: h,
   overlay: p,

package/chunks/{FeedbackStatusIcon-COWuMusk.js → FeedbackStatusIcon-YJaUAfjp.js}

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { c as n } from "./createLucideIcon-D4r5Phnh.js";
 import { I as m } from "./info-kdfED7Wh.js";
 import { C as c } from "./check-BxlvVsvD.js";
-import { u as f } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 const p = [
   [
     "path",

package/chunks/{InfoBanner-DLiVpNON.js → InfoBanner-BOKZ4lBE.js}

@@ -1,10 +1,10 @@
 import { jsxs as e, jsx as n } from "react/jsx-runtime";
 import * as h from "react";
 import { c as j } from "./clsx-AexbMWKp.js";
-import { B as x } from "./Button-wBgWrXj3.js";
-import { F as B } from "./FeedbackStatusIcon-COWuMusk.js";
+import { B as x } from "./Button-BYrLbzir.js";
+import { F as B } from "./FeedbackStatusIcon-YJaUAfjp.js";
 import { X as N } from "./x-BXShoIAM.js";
-import { u as b } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/InfoBanner.css';const v = "_infoBanner_1oj11_1", S = "_success_1oj11_11", w = "_info_1oj11_1", C = "_important_1oj11_21", F = "_warning_1oj11_26", I = "_content_1oj11_40", z = "_heading_1oj11_46", O = "_text_1oj11_51", k = "_icon_1oj11_57", y = "_dismissable_1oj11_66", s = {
   infoBanner: v,
   success: S,

package/chunks/{Label-Dup4lWaR.js → Label-6SXmzRZE.js}

@@ -4,9 +4,9 @@ import s from "react";
 import { c as f } from "./clsx-AexbMWKp.js";
 import { DialogTrigger as v, Label as d } from "react-aria-components";
 import { P as g } from "./Popover-BcEtFiU1.js";
-import { B as u } from "./Button-wBgWrXj3.js";
+import { B as u } from "./Button-BYrLbzir.js";
 import { I as P } from "./info-kdfED7Wh.js";
-import { u as _ } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Label.css';const I = "_labelBase_f5wtf_1", x = {
   labelBase: I
 }, L = "_labelPopover_1iatl_1", T = "_labelPopoverTrigger_1iatl_7", m = {

package/chunks/{Layout-DX3HUm5b.js → Layout-DveMXIKw.js}

@@ -4,13 +4,13 @@ import * as N from "react";
 import { useState as G, useEffect as W } from "react";
 import { c as u } from "./clsx-AexbMWKp.js";
 import { Link as L, RouterProvider as O } from "react-aria-components";
-import { B as M } from "./Button-wBgWrXj3.js";
+import { B as M } from "./Button-BYrLbzir.js";
 import { a as j, T as D } from "./Tooltip-m032jGgF.js";
 import { a as y, B as I } from "./BadgeContainer-CKVsfTlF.js";
 import { c as E } from "./createLucideIcon-D4r5Phnh.js";
-import { u as C } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as C } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { variables as q } from "@midas-ds/theme";
-import { L as g } from "./Logo-InDSslpO.js";
+import { L as g } from "./Logo-CsWcKqIg.js";
 import { X as A } from "./x-BXShoIAM.js";
 import '../assets/Layout.css';const R = [
   ["path", { d: "M4 12h16", key: "1lakjw" }],

package/chunks/{ListBoxLoadMoreItem-CB67meAb.js → ListBoxLoadMoreItem-CygpsU3W.js}

@@ -2,8 +2,8 @@ import { jsx as o, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { c as e } from "./clsx-AexbMWKp.js";
 import { s as a } from "./ListBox-D5BBeZWL.js";
 import { ListBoxLoadMoreItem as l } from "react-aria-components";
-import { S as c } from "./Spinner-BORNnHph.js";
-import { u as L } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { S as c } from "./Spinner-tvJ7rPiT.js";
+import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 const S = ({ className: t, children: s, ...r }) => /* @__PURE__ */ o(
   "button",
   {

package/chunks/{Logo-InDSslpO.js → Logo-CsWcKqIg.js}

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as v } from "react/jsx-runtime";
 import { c as o } from "./clsx-AexbMWKp.js";
-import { u as i } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as i } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Logo.css';const m = "_container_191fy_1", p = "_noPadding_191fy_6", g = "_logo_191fy_10", f = "_primary_191fy_15", M = "_dark_191fy_23", Z = "_xSmall_191fy_31", _ = "_small_191fy_35", u = "_large_191fy_39", l = {
   container: m,
   noPadding: p,

package/chunks/{ProgressBar-CbwvcHvk.js → ProgressBar-67lCngwJ.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as d, Fragment as _ } from "react/jsx-runtime";
 import { ProgressBar as f } from "react-aria-components";
-import { L as t } from "./Label-Dup4lWaR.js";
+import { L as t } from "./Label-6SXmzRZE.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import '../assets/ProgressBar.css';const N = "_progressBar_1a2ad_1", g = "_label_1a2ad_9", p = "_value_1a2ad_14", v = "_bar_1a2ad_19", h = "_fill_1a2ad_29", e = {
   progressBar: N,

package/chunks/{Radio-BDHczAt5.js → Radio-XQA8CylD.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";
-import { a as G, L as R } from "./Label-Dup4lWaR.js";
+import { a as G, L as R } from "./Label-6SXmzRZE.js";
 import { T as h } from "./Text-TWzJxnto.js";
 import { F as t } from "./FieldError-Bra5aRT3.js";
 import '../assets/Radio.css';const x = "_radioGroup_1ls9z_1", w = "_wrap_1ls9z_12", z = "_radio_1ls9z_1", s = {

package/chunks/{RangeCalendar-BSth1Fmv.js → RangeCalendar-Bt8q3FZi.js}

@@ -3,7 +3,7 @@ import { RangeCalendarContext as h, CalendarGrid as C, CalendarCell as g, Calend
 import { c as p, a as l } from "./clsx-AexbMWKp.js";
 import { F as c } from "./FieldError-Bra5aRT3.js";
 import * as y from "react";
-import { B as i } from "./Button-wBgWrXj3.js";
+import { B as i } from "./Button-BYrLbzir.js";
 import { H as f } from "./Heading-D8tNNJkt.js";
 import { c as R } from "./createLucideIcon-D4r5Phnh.js";
 import { C as x } from "./chevron-right-GpyqdYK4.js";

package/chunks/{SearchField-DTkfUFwn.js → SearchField-CxoPi6Ql.js}

@@ -1,6 +1,6 @@
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
 import { s as N } from "./TextField.module-DZslrEPC.js";
-import { B as _ } from "./Button-wBgWrXj3.js";
+import { B as _ } from "./Button-BYrLbzir.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import * as x from "react";
 import { useSearchFieldState as j } from "react-stately";
@@ -8,7 +8,7 @@ import { useSearchField as C } from "react-aria";
 import { F as f } from "./FieldError-Bra5aRT3.js";
 import { c as p } from "./createLucideIcon-D4r5Phnh.js";
 import { X as B } from "./x-BXShoIAM.js";
-import { u as D } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as D } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/SearchField.css';const E = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]

package/chunks/Select-BNCz_ox4.js

@@ -0,0 +1,221 @@
+import { jsx as e, jsxs as i, Fragment as S } from "react/jsx-runtime";
+import { SelectStateContext as d, SelectValue as v, Button as h, TagList as V, Select as A } from "react-aria-components";
+import { FocusScope as C } from "@react-aria/focus";
+import { a as N, L as b } from "./Label-6SXmzRZE.js";
+import { a as y, c as T } from "./clsx-AexbMWKp.js";
+import { T as B } from "./Text-TWzJxnto.js";
+import { F as g } from "./FieldError-Bra5aRT3.js";
+import _, { useContext as p } from "react";
+import { C as M } from "./Checkbox-BTAfwDxU.js";
+import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { useFocusManager as F } from "react-aria";
+import { X as L } from "./x-BXShoIAM.js";
+import { L as I } from "./ListBox-D5BBeZWL.js";
+import { P as G } from "./Popover-BcEtFiU1.js";
+import { a as j, T as k } from "./Tag-BKcduKRR.js";
+import { C as R } from "./chevron-down-DgT-uSF9.js";
+import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, w = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
+  en: $,
+  sv: w
+}, P = "_select_vdvx3_1", z = "_triggerContainer_vdvx3_7", E = "_trigger_vdvx3_7", K = "_medium_vdvx3_29", D = "_selectValue_vdvx3_72", W = "_placeholder_vdvx3_78", X = "_multiSelectValue_vdvx3_88", q = "_selectValueTag_vdvx3_112", H = "_clearButton_vdvx3_126", J = "_truncate_vdvx3_138", O = "_popover_vdvx3_175", Q = "_selectAll_vdvx3_201", U = "_tagGroup_vdvx3_264", a = {
+  select: P,
+  triggerContainer: z,
+  trigger: E,
+  medium: K,
+  selectValue: D,
+  placeholder: W,
+  multiSelectValue: X,
+  selectValueTag: q,
+  clearButton: H,
+  truncate: J,
+  popover: O,
+  selectAll: Q,
+  tagGroup: U
+}, Y = () => {
+  const t = _.useContext(d), c = m(u), r = () => t?.setValue(
+    t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
+  );
+  return /* @__PURE__ */ e(
+    M,
+    {
+      className: a.selectAll,
+      isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
+      isSelected: t?.selectionManager.isSelectAll,
+      onChange: r,
+      children: c.format("selectAll")
+    }
+  );
+}, Z = ({
+  isDisabled: t
+}) => {
+  const c = m(u), r = (l, o) => l.length === 1 ? o : `${l.length} ${c.format("selected")}`;
+  return /* @__PURE__ */ e(
+    v,
+    {
+      className: a.multiSelectValue,
+      "data-disabled": t || void 0,
+      children: ({ isPlaceholder: l, selectedItems: o, selectedText: s }) => l ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ i(
+        "div",
+        {
+          className: a.selectValueTag,
+          "data-disabled": t || void 0,
+          children: [
+            /* @__PURE__ */ e("span", { className: a.truncate, children: r(o, s) }),
+            /* @__PURE__ */ e(ee, { isDisabled: t })
+          ]
+        }
+      )
+    }
+  );
+}, ee = ({
+  isDisabled: t
+}) => {
+  const c = _.useContext(d), r = m(u), l = F(), o = () => {
+    l?.focusFirst(), c?.setValue(null);
+  };
+  return /* @__PURE__ */ e(
+    h,
+    {
+      "aria-label": r.format("clearAll"),
+      className: a.clearButton,
+      onPress: o,
+      slot: null,
+      isDisabled: t,
+      children: /* @__PURE__ */ e(
+        L,
+        {
+          width: 20,
+          height: 20
+        }
+      )
+    }
+  );
+}, te = ({
+  showTags: t,
+  isDisabled: c
+}) => {
+  const r = m(u), l = p(d), o = (s) => {
+    l?.selectionManager.toggleSelection(Array.from(s)[0]);
+  };
+  return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
+    j,
+    {
+      "aria-label": r.format("selectedItems"),
+      className: a.tagGroup,
+      onRemove: o,
+      selectionBehavior: "toggle",
+      children: /* @__PURE__ */ e(V, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
+        k,
+        {
+          dismissable: !0,
+          id: s.key,
+          isDisabled: c,
+          textValue: s.textValue,
+          children: s.textValue
+        },
+        s.key
+      ) })
+    }
+  );
+}, le = ({
+  isDisabled: t,
+  selectionMode: c,
+  size: r
+}) => {
+  const l = p(d);
+  return /* @__PURE__ */ i(
+    h,
+    {
+      className: y(
+        {
+          [a.medium]: r === "medium"
+        },
+        a.trigger
+      ),
+      "data-invalid": !!l?.displayValidation.isInvalid || void 0,
+      children: [
+        /* @__PURE__ */ e(
+          v,
+          {
+            className: a.selectValue,
+            "data-disabled": t || void 0,
+            children: ({ selectedText: o, defaultChildren: s }) => /* @__PURE__ */ e("div", { className: a.placeholder, children: /* @__PURE__ */ e("span", { className: a.truncate, children: c === "multiple" && o ? null : o || s }) })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            style: { display: "flex" },
+            children: /* @__PURE__ */ e(R, { size: 20 })
+          }
+        )
+      ]
+    }
+  );
+};
+function xe({
+  children: t,
+  description: c,
+  errorMessage: r,
+  errorPosition: l = "top",
+  items: o,
+  label: s,
+  popover: f,
+  size: x = "large",
+  ...n
+}) {
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(
+    A,
+    {
+      ...n,
+      className: T(n.className, a.select),
+      children: [
+        /* @__PURE__ */ e(N, { popover: f, children: s && /* @__PURE__ */ e(b, { "data-disabled": n.isDisabled || void 0, children: s }) }),
+        c && /* @__PURE__ */ e(B, { slot: "description", children: c }),
+        l === "top" && /* @__PURE__ */ e(g, { children: r }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: a.triggerContainer,
+            "data-disabled": n.isDisabled || void 0,
+            children: [
+              /* @__PURE__ */ e(
+                le,
+                {
+                  size: x,
+                  ...n
+                }
+              ),
+              n.selectionMode === "multiple" ? /* @__PURE__ */ e(Z, { ...n }) : null
+            ]
+          }
+        ),
+        l === "bottom" && /* @__PURE__ */ e(g, { children: r }),
+        /* @__PURE__ */ i(
+          G,
+          {
+            className: a.popover,
+            offset: 0,
+            hideArrow: !0,
+            children: [
+              n.isSelectableAll && /* @__PURE__ */ e(Y, {}),
+              /* @__PURE__ */ e(
+                I,
+                {
+                  escapeKeyBehavior: "none",
+                  items: o,
+                  children: t
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(te, { ...n })
+      ]
+    }
+  ) });
+}
+export {
+  xe as S
+};