@midas-ds/components 17.27.0 → 17.27.1

package/index.js

@@ -1,51 +1,51 @@
 'use client';
 "use client";
-import { n as e, t } from "./chunks/accordion-BxxPnJau.js";
-import { t as n } from "./chunks/clsx-B1NYyfch.js";
-import { t as r } from "./chunks/spinner-DMR5G-6u.js";
-import { a as i, i as a, n as o, r as s, t as c } from "./chunks/layout-DVj8wSj3.js";
-import { n as l, t as u } from "./chunks/link-CQoSw1Pv.js";
-import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/table-RARvkGKL.js";
-import { t as _ } from "./chunks/link-button-BMFzCHH8.js";
-import { n as v, t as y } from "./chunks/date-picker-BPAJK8Gr.js";
-import { n as b, t as x } from "./chunks/calendar-DWdU1T7E.js";
-import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-BgCp0edW.js";
-import { n as E, t as D } from "./chunks/color-scheme-switch-jgoxUu3x.js";
-import { t as O } from "./chunks/search-field-dAZu3T_V.js";
-import { n as k, t as A } from "./chunks/file-list-DM1Vtkun.js";
+import { n as e, t } from "./chunks/accordion-DIVTJU3O.js";
+import { t as n } from "./chunks/clsx-Di52oYUU.js";
+import { t as r } from "./chunks/spinner-LdHPVms_.js";
+import { n as i, t as a } from "./chunks/link-BAgs4RwY.js";
+import { a as o, i as s, n as c, o as l, r as u, t as d } from "./chunks/table-zT6eQ3ZZ.js";
+import { t as f } from "./chunks/link-button-BuPMEGUj.js";
+import { n as p, t as m } from "./chunks/date-picker-BomOO1LI.js";
+import { n as h, t as g } from "./chunks/calendar-BZPktkdE.js";
+import { a as _, i as v, n as y, r as b, t as x } from "./chunks/layout-Db5um0f7.js";
+import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-DcXA9GSd.js";
+import { n as E, t as D } from "./chunks/color-scheme-switch-DVZjdwc9.js";
+import { t as O } from "./chunks/search-field-BvfOHvUI.js";
+import { n as k, t as A } from "./chunks/file-list-TmEuO1fJ.js";
 import { t as j } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as M, t as N } from "./chunks/button-Ch860h28.js";
-import { t as P } from "./chunks/heading-bnDePIbv.js";
-import { n as F, t as I } from "./chunks/badge-BplGU5BS.js";
-import { n as L, t as R } from "./chunks/breadcrumbs-C-Z6UlQn.js";
-import { t as z } from "./chunks/label-CEYHiWSa.js";
-import { t as B } from "./chunks/popover-wAwxm_cM.js";
-import { n as V, r as H, t as U } from "./chunks/modal-C-xHt7Ds.js";
-import { t as W } from "./chunks/text-EUdAWwZz.js";
-import { t as G } from "./chunks/field-error-pJiSw4PN.js";
-import { n as K, t as q } from "./chunks/select-DOLE5CtI.js";
-import { a as J, c as Y, i as X, n as Z, o as Q, r as $, s as ee, t as te } from "./chunks/list-box-BT33Wiwt.js";
-import { n as ne, r as re, t as ie } from "./chunks/tag-mzNjP8EX.js";
-import { a as ae, c as oe, i as se, l as ce, n as le, o as ue, r as de, s as fe, t as pe } from "./chunks/card-Bzc8kToe.js";
+import { n as M, t as N } from "./chunks/button-CenXTGXL.js";
+import { t as P } from "./chunks/heading-BEl_z-5T.js";
+import { n as F, t as I } from "./chunks/badge-BfK6XrlL.js";
+import { n as L, t as R } from "./chunks/breadcrumbs-DV0ZJc62.js";
+import { t as z } from "./chunks/label-LWlgvAwz.js";
+import { t as B } from "./chunks/popover-DGcogqbS.js";
+import { n as V, r as H, t as U } from "./chunks/modal-C-UsxdO0.js";
+import { t as W } from "./chunks/text-DwmZ-ew8.js";
+import { t as G } from "./chunks/field-error-LtNtEKDp.js";
+import { n as K, t as q } from "./chunks/select-KQzDIamx.js";
+import { a as J, c as Y, i as X, n as Z, o as Q, r as $, s as ee, t as te } from "./chunks/list-box-BN_MSiOD.js";
+import { n as ne, r as re, t as ie } from "./chunks/tag-BIcqtf7b.js";
+import { a as ae, c as oe, i as se, l as ce, n as le, o as ue, r as de, s as fe, t as pe } from "./chunks/card-zIYA-SQh.js";
 import { t as me } from "./chunks/character-counter-CSoVSrxZ.js";
 import { t as he } from "./chunks/icons-UBHIX2oV.js";
-import { n as ge, t as _e } from "./chunks/toggle-button-BgUQKcK-.js";
-import { a as ve, i as ye, n as be, o as xe, r as Se, t as Ce } from "./chunks/menu-CPCGm0MC.js";
-import { t as we } from "./chunks/combobox-B3AGDNru.js";
-import { i as Te, n as Ee, r as De, t as Oe } from "./chunks/date-field-Q3bQ5P_t.js";
-import { t as ke } from "./chunks/drop-zone-DvQLpgq6.js";
+import { n as ge, t as _e } from "./chunks/toggle-button-CIvsOXQf.js";
+import { a as ve, i as ye, n as be, o as xe, r as Se, t as Ce } from "./chunks/menu-aT2IR0tO.js";
+import { t as we } from "./chunks/combobox-DIou4Z-d.js";
+import { i as Te, n as Ee, r as De, t as Oe } from "./chunks/date-field-BF2f9bSf.js";
+import { t as ke } from "./chunks/drop-zone-DH3ZyHsr.js";
 import { t as Ae } from "./chunks/file-trigger-Dp5nH8oS.js";
-import { n as je, t as Me } from "./chunks/grid-DZB3GGDg.js";
-import { t as Ne } from "./chunks/info-banner-DnFNZ1_o.js";
-import { n as Pe, t as Fe } from "./chunks/tooltip-D7LYQwj0.js";
-import { n as Ie, t as Le } from "./chunks/logo-CDxNjDeI.js";
-import { t as Re } from "./chunks/progress-bar-Cft_RPHz.js";
-import { i as ze, n as Be, r as Ve, t as He } from "./chunks/radio-BXC6pb3z.js";
-import { t as Ue } from "./chunks/skeleton-DWmvym7R.js";
-import { i as We, n as Ge, r as Ke, t as qe } from "./chunks/tabs-BFFTnO4i.js";
-import { i as Je, n as Ye, r as Xe, t as Ze } from "./chunks/textfield-BNdiOwXq.js";
-import { t as Qe } from "./chunks/time-field-CZxI9Bs6.js";
-import { a as $e, i as et, n as tt, o as nt, r as rt, t as it } from "./chunks/toast-Cz0JDIr1.js";
+import { n as je, t as Me } from "./chunks/grid-Cn_8RSvj.js";
+import { t as Ne } from "./chunks/info-banner-osR4e6nB.js";
+import { n as Pe, t as Fe } from "./chunks/tooltip-BkesIUIF.js";
+import { n as Ie, t as Le } from "./chunks/logo-DyZ2pXt7.js";
+import { t as Re } from "./chunks/progress-bar-7w_kWo2f.js";
+import { i as ze, n as Be, r as Ve, t as He } from "./chunks/radio-C-MUMGu7.js";
+import { t as Ue } from "./chunks/skeleton-B_BPRPJy.js";
+import { i as We, n as Ge, r as Ke, t as qe } from "./chunks/tabs-Co09VWvC.js";
+import { i as Je, n as Ye, r as Xe, t as Ze } from "./chunks/textfield-CXqzzOtw.js";
+import { t as Qe } from "./chunks/time-field-CmjGBQph.js";
+import { a as $e, i as et, n as tt, o as nt, r as rt, t as it } from "./chunks/toast-gJgjitZF.js";
 //#endregion
 //#region src/version.ts
 var at = {
@@ -60,7 +60,7 @@ var at = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.27.0",
+	version: "17.27.1",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",
@@ -84,12 +84,12 @@ var at = {
 	},
 	dependencies: {
 		"@internationalized/string": "^3.2.10",
-		"@midas-ds/theme": "3.17.1",
-		"@react-stately/utils": "^3.12.1",
-		"react-aria-components": "1.20.0",
-		"react-aria": "^3.51.0",
-		"react-stately": "^3.49.0"
+		"@midas-ds/theme": "3.17.2",
+		"@react-stately/utils": "3.12.1",
+		"react-aria-components": "1.21.1",
+		"react-aria": "3.52.1",
+		"react-stately": "3.50.0"
 	}
 }.version;
 //#endregion
-export { e as Accordion, t as AccordionItem, F as Badge, I as BadgeContainer, R as Breadcrumb, L as Breadcrumbs, M as Button, N as ButtonGroup, b as Calendar, de as Card, se as CardActionArea, ae as CardActions, le as CardBody, ue as CardContent, pe as CardHeader, fe as CardImage, oe as CardLink, ce as CardTitle, g as Cell, me as CharacterCounter, C as Checkbox, w as CheckboxButton, S as CheckboxField, T as CheckboxGroup, E as ColorSchemeSwitch, D as ColorSchemeSwitchMenu, p as Column, we as ComboBox, he as ContrastFilled, Te as DateField, Ee as DateInput, Oe as DateInputDivider, v as DatePicker, y as DateRangePicker, De as DateSegment, U as DialogTrigger, ke as DropZone, G as FieldError, k as FileList, A as FileListItem, Ae as FileTrigger, it as GlobalToastRegion, je as Grid, Me as GridItem, s as Header, P as Heading, Ne as InfoBanner, Xe as Input, z as Label, c as Layout, u as Link, _ as LinkButton, Y as ListBox, ee as ListBoxButton, te as ListBoxEmptyState, Z as ListBoxHeader, Q as ListBoxItem, $ as ListBoxLoadMoreItem, J as ListBoxPopover, X as ListBoxSection, Le as Logo, Ie as LogoContext, ve as Menu, ye as MenuItem, Se as MenuPopover, be as MenuSection, xe as MenuTrigger, V as Modal, H as ModalOverlay, o as Navbar, B as Popover, Re as ProgressBar, Be as Radio, Ve as RadioButton, ze as RadioField, He as RadioGroup, x as RangeCalendar, l as RouterProvider, h as Row, O as SearchField, q as Select, K as SelectTrigger, Ce as Separator, a as Sidebar, i as SidebarLink, Ue as Skeleton, r as Spinner, Ke as Tab, qe as TabList, Ge as TabPanel, f as Table, d as TableBody, m as TableHeader, We as Tabs, re as Tag, ie as TagGroup, ne as TagList, W as Text, Ze as TextArea, Ye as TextField, Je as TextFieldBase, Qe as TimeField, tt as Toast, rt as ToastProvider, et as ToastRegion, ge as ToggleButton, _e as ToggleButtonGroup, Fe as Tooltip, Pe as TooltipTrigger, at as VERSION, n as clsx, $e as toastQueue, j as useLocalizedStringFormatter, nt as useToastState };
+export { e as Accordion, t as AccordionItem, F as Badge, I as BadgeContainer, R as Breadcrumb, L as Breadcrumbs, M as Button, N as ButtonGroup, h as Calendar, de as Card, se as CardActionArea, ae as CardActions, le as CardBody, ue as CardContent, pe as CardHeader, fe as CardImage, oe as CardLink, ce as CardTitle, d as Cell, me as CharacterCounter, C as Checkbox, w as CheckboxButton, S as CheckboxField, T as CheckboxGroup, E as ColorSchemeSwitch, D as ColorSchemeSwitchMenu, c as Column, we as ComboBox, he as ContrastFilled, Te as DateField, Ee as DateInput, Oe as DateInputDivider, p as DatePicker, m as DateRangePicker, De as DateSegment, U as DialogTrigger, ke as DropZone, G as FieldError, k as FileList, A as FileListItem, Ae as FileTrigger, it as GlobalToastRegion, je as Grid, Me as GridItem, b as Header, P as Heading, Ne as InfoBanner, Xe as Input, z as Label, x as Layout, a as Link, f as LinkButton, Y as ListBox, ee as ListBoxButton, te as ListBoxEmptyState, Z as ListBoxHeader, Q as ListBoxItem, $ as ListBoxLoadMoreItem, J as ListBoxPopover, X as ListBoxSection, Le as Logo, Ie as LogoContext, ve as Menu, ye as MenuItem, Se as MenuPopover, be as MenuSection, xe as MenuTrigger, V as Modal, H as ModalOverlay, y as Navbar, B as Popover, Re as ProgressBar, Be as Radio, Ve as RadioButton, ze as RadioField, He as RadioGroup, g as RangeCalendar, i as RouterProvider, u as Row, O as SearchField, q as Select, K as SelectTrigger, Ce as Separator, v as Sidebar, _ as SidebarLink, Ue as Skeleton, r as Spinner, Ke as Tab, qe as TabList, Ge as TabPanel, s as Table, o as TableBody, l as TableHeader, We as Tabs, re as Tag, ie as TagGroup, ne as TagList, W as Text, Ze as TextArea, Ye as TextField, Je as TextFieldBase, Qe as TimeField, tt as Toast, rt as ToastProvider, et as ToastRegion, ge as ToggleButton, _e as ToggleButtonGroup, Fe as Tooltip, Pe as TooltipTrigger, at as VERSION, n as clsx, $e as toastQueue, j as useLocalizedStringFormatter, nt as useToastState };

package/info-banner/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/info-banner-DnFNZ1_o.js";
+import { t as e } from "../chunks/info-banner-osR4e6nB.js";
 export { e as InfoBanner };

package/label/InfoPopover.d.ts

@@ -6,4 +6,4 @@ export interface InfoPopoverProps {
     /** An aria-label for the info icon button trigger */
     'aria-label'?: string;
 }
-export declare const InfoPopover: ({ children, "aria-label": ariaLabel, }: InfoPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoPopover: ({ children, "aria-label": ariaLabel, }: InfoPopoverProps) => import('react').JSX.Element;

package/label/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/label-CEYHiWSa.js";
+import { t as e } from "../chunks/label-LWlgvAwz.js";
 export { e as Label };

package/layout/components/SidebarLink.d.ts

@@ -1,2 +1,2 @@
 import { SidebarLinkProps } from '../Layout';
-export declare const SidebarLink: ({ title, href, icon: IconComponent, active, hasBadge, onClick, target, }: SidebarLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarLink: ({ title, href, icon: IconComponent, active, hasBadge, onClick, target, }: SidebarLinkProps) => import('react').JSX.Element;

package/layout/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../chunks/layout-DVj8wSj3.js";
+import { a as e, i as t, n, r, t as i } from "../chunks/layout-Db5um0f7.js";
 export { r as Header, i as Layout, n as Navbar, t as Sidebar, e as SidebarLink };

package/link/Link.d.ts

@@ -15,5 +15,5 @@ export interface LinkComponentProps<C extends React.ElementType> {
     as?: C;
 }
 export type LinkProps<C extends React.ElementType> = LinkComponentProps<C> & Omit<React.ComponentProps<C>, keyof LinkComponentProps<C>>;
-export declare const Link: <C extends React.ElementType = typeof AriaLink>({ children, standalone, target, stretched, download, icon: customIcon, className, as, ...rest }: LinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: <C extends React.ElementType = typeof AriaLink>({ children, standalone, target, stretched, download, icon: customIcon, className, as, ...rest }: LinkProps<C>) => import('react').JSX.Element;
 export { RouterProvider };

package/link/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/link-CQoSw1Pv.js";
+import { n as e, t } from "../chunks/link-BAgs4RwY.js";
 export { t as Link, e as RouterProvider };

package/link-button/LinkButton.d.ts

@@ -37,5 +37,5 @@ export type LinkButtonProps<C extends React.ElementType> = LinkButtonComponentPr
 /**
  * A link to be used when a user expects a button but web technologies force us to use a a-tag
  * */
-export declare const LinkButton: <C extends React.ElementType = typeof AriaLink>({ children, variant, fullwidth, icon: customIcon, iconPlacement, className, as, size, ...rest }: LinkButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
+export declare const LinkButton: <C extends React.ElementType = typeof AriaLink>({ children, variant, fullwidth, icon: customIcon, iconPlacement, className, as, size, ...rest }: LinkButtonProps<C>) => React.JSX.Element;
 export { RouterProvider };

package/link-button/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/link-button-BMFzCHH8.js";
+import { n as e, t } from "../chunks/link-button-BuPMEGUj.js";
 export { t as LinkButton, e as RouterProvider };

package/list-box/ListBox.d.ts

@@ -8,4 +8,4 @@ export interface ListBoxProps<T extends object> extends AriaListBoxProps<T> {
      */
     size?: 'small';
 }
-export declare const ListBox: <T extends object>({ className, children, virtualized, size, ...rest }: ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ListBox: <T extends object>({ className, children, virtualized, size, ...rest }: ListBoxProps<T>) => import('react').JSX.Element;

package/list-box/ListBox.stories.d.ts

@@ -1,11 +1,11 @@
 import { StoryObj } from '@storybook/react-vite';
-import { Fruit, optionsWithSections } from '../../../../tools/test-utils/src/index.ts';
+import { Fruit, optionsWithSections } from '@midas-ds/test-utils';
 import { ListBox } from './ListBox';
 type Story<T extends object = Fruit> = StoryObj<typeof ListBox<T>>;
 declare const _default: {
-    component: <T extends object>({ className, children, virtualized, size, ...rest }: import('./ListBox').ListBoxProps<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends object>({ className, children, virtualized, size, ...rest }: import('./ListBox').ListBoxProps<T>) => import('react').JSX.Element;
     subcomponents: {
-        ListBoxItem: <T extends object>({ children, className, textValue, ...rest }: import('react-aria-components').ListBoxItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+        ListBoxItem: <T extends object>({ children, className, textValue, ...rest }: import('react-aria-components').ListBoxItemProps<T>) => import('react').JSX.Element;
     };
     tags: string[];
     title: string;
@@ -14,7 +14,7 @@ declare const _default: {
     };
     args: {
         'aria-label': string;
-        children: (item: Fruit) => import("react/jsx-runtime").JSX.Element;
+        children: (item: Fruit) => import('react').JSX.Element;
         items: Fruit[];
     };
 };

package/list-box/ListBoxHeader.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 export type ListBoxHeaderProps = React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>;
-export declare const ListBoxHeader: ({ className, ...rest }: ListBoxHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListBoxHeader: ({ className, ...rest }: ListBoxHeaderProps) => React.JSX.Element;

package/list-box/ListBoxItem.d.ts

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

package/list-box/ListBoxSection.d.ts

@@ -1,3 +1,3 @@
 import { ListBoxSectionProps } from 'react-aria-components';
 export type { ListBoxSectionProps };
-export declare const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T>) => import('react').JSX.Element;

package/list-box/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-BT33Wiwt.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-BN_MSiOD.js";
 export { t as ListBox, o as ListBoxButton, s as ListBoxEmptyState, r as ListBoxHeader, i as ListBoxItem, a as ListBoxLoadMoreItem, e as ListBoxPopover, n as ListBoxSection };

package/list-box/list-box-empty-state/ListBoxEmptyState.d.ts

@@ -1,2 +1,2 @@
 import { TextProps } from '../../text';
-export declare const ListBoxEmptyState: ({ className, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListBoxEmptyState: ({ className, ...rest }: TextProps) => import('react').JSX.Element;

package/logo/Logo.d.ts

@@ -11,4 +11,4 @@ export interface LogoProps extends React.DetailedHTMLProps<React.HTMLAttributes<
     /** There must be whitespace around the logo. By disabling our built in padding you must add at least an equal amount yourself. */
     padding?: boolean;
 }
-export declare const Logo: ({ primary, size, padding, className, ...rest }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Logo: ({ primary, size, padding, className, ...rest }: LogoProps) => React.JSX.Element;

package/logo/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/logo-CDxNjDeI.js";
+import { n as e, t } from "../chunks/logo-DyZ2pXt7.js";
 export { t as Logo, e as LogoContext };

package/menu/Menu.d.ts

@@ -7,4 +7,4 @@ export interface MenuProps<T> extends AriaMenuProps<T> {
      **/
     size?: Size;
 }
-export declare const Menu: <T extends object>({ className, size, ...rest }: MenuProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: <T extends object>({ className, size, ...rest }: MenuProps<T>) => import('react').JSX.Element;

package/menu/Menu.stories.d.ts

@@ -1,4 +1,5 @@
 import { StoryObj } from '@storybook/react-vite';
+import { default as React } from 'react';
 import { Menu } from './Menu';
 interface Item {
     id: string | number;
@@ -9,13 +10,13 @@ interface Item {
 type Story = StoryObj<typeof Menu<Item>>;
 declare const _default: {
     title: string;
-    component: <T extends object>({ className, size, ...rest }: import('./Menu').MenuProps<T>) => import("react/jsx-runtime").JSX.Element;
+    component: <T extends object>({ className, size, ...rest }: import('./Menu').MenuProps<T>) => React.JSX.Element;
     subcomponents: {
-        MenuItem: <T extends object>(props: import('./MenuItem').MenuItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+        MenuItem: <T extends object>(props: import('./MenuItem').MenuItemProps<T>) => React.JSX.Element;
     };
-    render: (args: import('./Menu').MenuProps<object>) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('./Menu').MenuProps<object>) => React.JSX.Element;
     args: {
-        children: (item: object) => import("react/jsx-runtime").JSX.Element;
+        children: (item: object) => React.JSX.Element;
         items: {
             id: number;
             name: string;

package/menu/MenuItem.d.ts

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

package/menu/MenuPopover.d.ts

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

package/menu/MenuSection.d.ts

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

package/menu/Separator.d.ts

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

package/menu/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/menu-CPCGm0MC.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/menu-aT2IR0tO.js";
 export { e as Menu, t as MenuItem, i as MenuPopover, n as MenuSection, r as MenuTrigger, a as Separator };

package/modal/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../chunks/modal-C-xHt7Ds.js";
+import { n as e, r as t, t as n } from "../chunks/modal-C-UsxdO0.js";
 export { n as DialogTrigger, e as Modal, t as ModalOverlay };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.27.0",
+  "version": "17.27.1",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -42,10 +42,10 @@
   },
   "dependencies": {
     "@internationalized/string": "^3.2.10",
-    "@midas-ds/theme": "3.17.1",
-    "@react-stately/utils": "^3.12.1",
-    "react-aria-components": "1.20.0",
-    "react-aria": "^3.51.0",
-    "react-stately": "^3.49.0"
+    "@midas-ds/theme": "3.17.2",
+    "@react-stately/utils": "3.12.1",
+    "react-aria-components": "1.21.1",
+    "react-aria": "3.52.1",
+    "react-stately": "3.50.0"
   }
 }

package/popover/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/popover-wAwxm_cM.js";
+import { t as e } from "../chunks/popover-DGcogqbS.js";
 export { e as Popover };

package/progress-bar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/progress-bar-Cft_RPHz.js";
+import { t as e } from "../chunks/progress-bar-7w_kWo2f.js";
 export { e as ProgressBar };

package/radio/Radio.d.ts

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

package/radio/Radio.stories.d.ts

@@ -7,13 +7,13 @@ declare const _default: {
         children: string;
         isDisabled: false;
     };
-    component: ({ children, className, ...rest }: import('./Radio').RadioProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, className, ...rest }: import('./Radio').RadioProps) => import('react').JSX.Element;
     decorators: (Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         className?: import('react-aria-components').ClassNameOrFunction<import('react-aria-components').RadioFieldRenderProps> | undefined;
-        inputRef?: import('@react-types/shared').RefObject<HTMLInputElement | null> | undefined;
+        inputRef?: import('react').Ref<HTMLInputElement | null> | undefined;
         isDisabled?: boolean | undefined;
         id?: string | undefined;
-        onClick?: ((e: import('react').MouseEvent<import('@react-types/shared').FocusableElement>) => void) | undefined;
+        onClick?: ((e: import('react').MouseEvent<import('react-aria-components').FocusableElement>) => void) | undefined;
         value: string;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -21,8 +21,8 @@ declare const _default: {
         'aria-labelledby'?: string | undefined;
         onFocus?: ((e: import('react').FocusEvent<Element, Element>) => void) | undefined;
         onBlur?: ((e: import('react').FocusEvent<Element, Element>) => void) | undefined;
-        onKeyDown?: ((e: import('@react-types/shared').KeyboardEvent) => void) | undefined;
-        onKeyUp?: ((e: import('@react-types/shared').KeyboardEvent) => void) | undefined;
+        onKeyDown?: ((e: import('react-aria-components').KeyboardEvent) => void) | undefined;
+        onKeyUp?: ((e: import('react-aria-components').KeyboardEvent) => void) | undefined;
         onPress?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
         onPressStart?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
         onPressEnd?: ((e: import('react-aria-components').PressEvent) => void) | undefined;
@@ -102,7 +102,7 @@ declare const _default: {
         onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element;
+    }>) => import('react').JSX.Element;
     tags: string[];
 };
 export default _default;

package/radio/RadioButton.d.ts

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

package/radio/RadioField.d.ts

@@ -1,3 +1,3 @@
 import { RadioFieldProps as AriaRadioFieldProps } from 'react-aria-components';
 export type RadioFieldProps = AriaRadioFieldProps;
-export declare const RadioField: (props: RadioFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioField: (props: RadioFieldProps) => import('react').JSX.Element;

package/radio/RadioGroup.stories.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     title: string;
     component: import('react').FC<import('./RadioGroup').RadioGroupProps>;
     subcomponents: {
-        Radio: ({ children, className, ...rest }: import('./Radio').RadioProps) => import("react/jsx-runtime").JSX.Element;
+        Radio: ({ children, className, ...rest }: import('./Radio').RadioProps) => import('react').JSX.Element;
     };
     tags: string[];
     args: {

package/radio/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/radio-BXC6pb3z.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/radio-C-MUMGu7.js";
 export { t as Radio, n as RadioButton, e as RadioField, r as RadioGroup };

package/search-field/SearchField.d.ts

@@ -43,4 +43,4 @@ export interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'children'>
      * */
     size?: Size;
 }
-export declare const SearchField: ({ errorPosition, size, showButton, className, errorMessage, placeholder, label, description, popover, validationBehavior, inputMode, ...props }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchField: ({ errorPosition, size, showButton, className, errorMessage, placeholder, label, description, popover, validationBehavior, inputMode, ...props }: SearchFieldProps) => import('react').JSX.Element;

package/search-field/SearchField.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { SearchField } from './SearchField';
 type Story = StoryObj<typeof SearchField>;
 declare const _default: {
-    component: ({ errorPosition, size, showButton, className, errorMessage, placeholder, label, description, popover, validationBehavior, inputMode, ...props }: import('./SearchField').SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ errorPosition, size, showButton, className, errorMessage, placeholder, label, description, popover, validationBehavior, inputMode, ...props }: import('./SearchField').SearchFieldProps) => import('react').JSX.Element;
     title: string;
     tags: string[];
     parameters: {

package/search-field/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/search-field-dAZu3T_V.js";
+import { t as e } from "../chunks/search-field-BvfOHvUI.js";
 export { e as SearchField };

package/select/MultiSelectValue.d.ts

@@ -1,4 +1,5 @@
 import { MidasSelectProps, SelectionMode } from '.';
+import { default as React } from 'react';
 type MultiSelectValueProps<T extends object, M extends SelectionMode = 'single'> = Pick<MidasSelectProps<T, M>, 'isDisabled'>;
-export declare const MultiSelectValue: <T extends object, M extends SelectionMode = "single">({ isDisabled, }: MultiSelectValueProps<T, M>) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelectValue: <T extends object, M extends SelectionMode = "single">({ isDisabled, }: MultiSelectValueProps<T, M>) => React.JSX.Element;
 export {};

package/select/Select.d.ts

@@ -41,4 +41,4 @@ export interface MidasSelectProps<T extends object, M extends SelectionMode = 's
      */
     listBoxProps?: Omit<ListBoxProps<T>, 'items' | 'children'>;
 }
-export declare function Select<T extends object, M extends SelectionMode = 'single'>({ children, description, errorMessage, errorPosition, items, label, popover, popoverProps, listBoxProps, size, ...props }: MidasSelectProps<T, M>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<T extends object, M extends SelectionMode = 'single'>({ children, description, errorMessage, errorPosition, items, label, popover, popoverProps, listBoxProps, size, ...props }: MidasSelectProps<T, M>): React.JSX.Element;

package/select/Select.stories.d.ts

@@ -1,5 +1,5 @@
 import { StoryObj } from '@storybook/react-vite';
-import { options, optionsWithSections } from '../../../../tools/test-utils/src/index.ts';
+import { options, optionsWithSections } from '@midas-ds/test-utils';
 import { Key } from 'react-aria-components';
 import { Select, SelectionMode } from './Select';
 type Story<T extends object = Item, M extends SelectionMode = 'single'> = StoryObj<typeof Select<T, M>>;
@@ -13,7 +13,7 @@ declare const _default: {
         children: (item: {
             id: Key;
             name: string;
-        }) => import("react/jsx-runtime").JSX.Element;
+        }) => import('react').JSX.Element;
         description: string;
         isDisabled: false;
         isSelectableAll: false;

package/select/SelectAll.d.ts

@@ -1 +1,2 @@
-export declare const SelectAll: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+export declare const SelectAll: () => React.JSX.Element;

package/select/SelectTags.d.ts

@@ -1,4 +1,4 @@
 import { MidasSelectProps, SelectionMode } from './';
 type SelectTagsProps<T extends object, M extends SelectionMode = 'single'> = Pick<MidasSelectProps<T, M>, 'showTags' | 'isDisabled'>;
-export declare const SelectTags: <T extends object, M extends SelectionMode = "single">({ showTags, isDisabled, }: SelectTagsProps<T, M>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SelectTags: <T extends object, M extends SelectionMode = "single">({ showTags, isDisabled, }: SelectTagsProps<T, M>) => import('react').JSX.Element | null;
 export {};

package/select/SelectTrigger.d.ts

@@ -10,5 +10,5 @@ export type SelectSize = Size | 'small';
 interface SelectTriggerProps<T extends object, M extends SelectionMode = 'single'> extends Pick<MidasSelectProps<T, M>, 'isDisabled' | 'selectionMode'> {
     size: SelectSize;
 }
-export declare const SelectTrigger: <T extends object, M extends SelectionMode = "single">({ isDisabled, selectionMode, size, }: SelectTriggerProps<T, M>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTrigger: <T extends object, M extends SelectionMode = "single">({ isDisabled, selectionMode, size, }: SelectTriggerProps<T, M>) => import('react').JSX.Element;
 export {};

package/select/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/select-DOLE5CtI.js";
+import { n as e, t } from "../chunks/select-KQzDIamx.js";
 export { t as Select, e as SelectTrigger };

package/skeleton/Skeleton.Form.stories.d.ts

@@ -9,7 +9,7 @@ declare const _default: {
         variant: "form";
         width: string;
     };
-    render: (args: import('./Skeleton').SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import('./Skeleton').SkeletonProps) => import('react').JSX.Element;
 };
 export default _default;
 export declare const Large: Story;

package/skeleton/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/skeleton-DWmvym7R.js";
+import { t as e } from "../chunks/skeleton-B_BPRPJy.js";
 export { e as Skeleton };

package/spinner/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/spinner-DMR5G-6u.js";
+import { t as e } from "../chunks/spinner-LdHPVms_.js";
 export { e as Spinner };

package/table/Table.d.ts

@@ -10,9 +10,9 @@ export interface TableProps extends AriaTableProps {
      */
     striped?: boolean;
 }
-export declare const Table: ({ size, striped, className, ...rest }: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TableHeader: <T extends object>({ columns, children, className, }: TableHeaderProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const Row: <T extends object>({ id, columns, children, className, ...rest }: RowProps<T>) => import("react/jsx-runtime").JSX.Element;
-export declare const Column: ({ children, className, ...rest }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Cell: ({ className, ...rest }: CellProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TableBody: <T extends object>({ className, ...rest }: TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ size, striped, className, ...rest }: TableProps) => import('react').JSX.Element;
+export declare const TableHeader: <T extends object>({ columns, children, className, }: TableHeaderProps<T>) => import('react').JSX.Element;
+export declare const Row: <T extends object>({ id, columns, children, className, ...rest }: RowProps<T>) => import('react').JSX.Element;
+export declare const Column: ({ children, className, ...rest }: ColumnProps) => import('react').JSX.Element;
+export declare const Cell: ({ className, ...rest }: CellProps) => import('react').JSX.Element;
+export declare const TableBody: <T extends object>({ className, ...rest }: TableBodyProps<T>) => import('react').JSX.Element;