@midas-ds/components 16.3.0 → 16.3.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 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/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-DVK0dL2W.js → ComboBox-CzwpRxSH.js}

@@ -2,13 +2,13 @@ import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import g from "react";
 import { ComboBox as y, Input as B, Button as F, Collection as w } from "react-aria-components";
 import { c as s } from "./clsx-AexbMWKp.js";
-import { a as C, L as S } from "./Label-Dup4lWaR.js";
+import { a as C, L as S } from "./Label-6SXmzRZE.js";
 import { T as u } from "./Text-TWzJxnto.js";
 import { F as h } from "./FieldError-Bra5aRT3.js";
 import { L as v } from "./ListBox-D5BBeZWL.js";
 import { a as R, L as N, b as E } from "./ListBoxSection-MZB_5DdD.js";
 import { C as I } from "./chevron-down-DgT-uSF9.js";
-import { u as T } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/ComboBox.css';const j = "_combobox_47hgd_1", O = "_inputField_47hgd_6", U = "_medium_47hgd_28", z = "_wrap_47hgd_74", D = "_button_47hgd_80", M = "_icon_47hgd_116", V = "_emptyState_47hgd_122", t = {
   combobox: j,
   inputField: O,

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
+};

package/chunks/{Select-CPM82ww2.js → Select-CyYUhMOg.js}

@@ -14,14 +14,14 @@ import { ListKeyboardDelegate as le, useTypeSelect as ne } from "@react-aria/sel
 import { useMenuTriggerState as oe } from "@react-stately/menu";
 import { useFormValidationState as ie } from "@react-stately/form";
 import { useListState as re } from "@react-stately/list";
-import { a as se, T as ae } from "./Tag-DxBoeE_n.js";
+import { a as se, T as ae } from "./Tag-BKcduKRR.js";
 import { useFormValidation as ce } from "@react-aria/form";
 import { useVisuallyHidden as de } from "@react-aria/visually-hidden";
-import { a as ue, L as me } from "./Label-Dup4lWaR.js";
+import { a as ue, L as me } from "./Label-6SXmzRZE.js";
 import { T as ge } from "./Text-TWzJxnto.js";
 import { C as fe } from "./Checkbox-BTAfwDxU.js";
 import { X as pe } from "./x-BXShoIAM.js";
-import { u as B } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { C as ye } from "./chevron-down-DgT-uSF9.js";
 import { F as he } from "./FieldError-Bra5aRT3.js";
 import '../assets/Select2.css';const T = ({ item: e }) => /* @__PURE__ */ o(
@@ -565,7 +565,7 @@ const Ve = "_wrapper_1nkrm_7", ke = "_trigger_1nkrm_18", Me = "_medium_1nkrm_32"
           title: r.name,
           children: (l) => /* @__PURE__ */ o(C, { textValue: l.textValue, children: l.name })
         },
-        r.name
+        String(r.name)
       ) : /* @__PURE__ */ o(C, { textValue: r.textValue, children: r.name })
     }
   )

package/chunks/{Spinner-BORNnHph.js → Spinner-tvJ7rPiT.js}

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import { c as r } from "./clsx-AexbMWKp.js";
 import { VisuallyHidden as c } from "react-aria";
-import { u as l } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as l } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { c as d } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/Spinner.css';const m = "_container_1qexx_1", p = "_spinner_1qexx_5", g = "_large_1qexx_18", n = {
   container: m,

package/chunks/{Tag-DxBoeE_n.js → Tag-BKcduKRR.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
 import { Tag as c, TagGroup as _, TagList as e } from "react-aria-components";
-import { B as g } from "./Button-wBgWrXj3.js";
+import { B as g } from "./Button-BYrLbzir.js";
 import { c as u } from "./clsx-AexbMWKp.js";
 import { X as l } from "./x-BXShoIAM.js";
 import '../assets/Tag.css';const T = "_button_1nm6n_1", p = "_success_1nm6n_16", f = "_warning_1nm6n_17", d = "_info_1nm6n_18", x = "_important_1nm6n_19", b = "_tag_1nm6n_31", w = "_tagText_1nm6n_83", L = "_dismissable_1nm6n_88", N = "_tagList_1nm6n_92", s = {

package/chunks/{TextArea-DQ_dAC-2.js → TextArea-BM5wOL3b.js}

@@ -4,11 +4,11 @@ import { useContextProps as p, TextFieldContext as b, TextField as g, InputConte
 import { a as A, c as h } from "./clsx-AexbMWKp.js";
 import { s as d } from "./TextField.module-DZslrEPC.js";
 import { T as w } from "./Text-TWzJxnto.js";
-import { B } from "./Button-wBgWrXj3.js";
-import { u as L } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { B } from "./Button-BYrLbzir.js";
+import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { F as u } from "./FieldError-Bra5aRT3.js";
 import { C as E } from "./CharacterCounter-R6vh7AE5.js";
-import { a as S, L as $ } from "./Label-Dup4lWaR.js";
+import { a as S, L as $ } from "./Label-6SXmzRZE.js";
 const x = l(
   (e, a) => {
     [e] = p(e, a, b);

package/chunks/{Toast-DTwUGSJ8.js → Toast-C-EV39pd.js}

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as c, Fragment as f } from "react/jsx-runtime";
-import { B as p } from "./Button-wBgWrXj3.js";
+import { B as p } from "./Button-BYrLbzir.js";
 import { useToastRegion as g, useToast as h } from "react-aria";
 import { ToastQueue as v, useToastQueue as R, useToastState as y } from "react-stately";
 import l from "react";
 import { createPortal as b, flushSync as w } from "react-dom";
 import { c as d } from "./clsx-AexbMWKp.js";
-import { F as P } from "./FeedbackStatusIcon-COWuMusk.js";
+import { F as P } from "./FeedbackStatusIcon-YJaUAfjp.js";
 import { X as I } from "./x-BXShoIAM.js";
 import '../assets/Toast.css';const N = "_toastRegion_1798d_49", E = "_toast_1798d_49", O = "_success_1798d_97", x = "_info_1798d_105", C = "_important_1798d_113", M = "_warning_1798d_121", S = "_icon_1798d_129", k = "_toastContent_1798d_143", B = "_toastMessage_1798d_150", F = "_slideInTop_1798d_1", Q = "_slideInEnd_1798d_1", V = "_slideOutTop_1798d_1", j = "_slideOutEnd_1798d_1", e = {
   toastRegion: N,

package/chunks/useLocalizedStringFormatter-BHvsRxDk.js

@@ -0,0 +1,25 @@
+import { LocalizedStringFormatter as c, LocalizedStringDictionary as a } from "@internationalized/string";
+import { useMemo as u } from "react";
+import { useLocale as l } from "react-aria-components";
+const t = "sv", n = /* @__PURE__ */ new WeakMap();
+function d(e) {
+  let o = n.get(e);
+  return o || (o = new a(e, t), n.set(e, o)), o;
+}
+function f(e, o) {
+  return o && a.getGlobalDictionaryForPackage(o) || d(e);
+}
+function D(e, o) {
+  if (!e || typeof e != "object" || !(t in e))
+    throw new Error(
+      `useLocalizedStringFormatter: Default language "${t}" must be defined in dictionary.`
+    );
+  const { locale: r } = l(), i = f(e, o);
+  return u(
+    () => new c(r, i),
+    [i, r]
+  );
+}
+export {
+  D as u
+};

package/color-scheme-switch/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ColorSchemeSwitch-DugvPh6T.js";
+import { C as r } from "../chunks/ColorSchemeSwitch-D-vCkxQo.js";
 export {
   r as ColorSchemeSwitch
 };