@midas-ds/components 17.25.2 → 17.27.0

package/chunks/drop-zone-DvQLpgq6.js

@@ -0,0 +1,25 @@
+'use client';
+import { t as e } from "./clsx-B1NYyfch.js";
+import { forwardRef as t } from "react";
+import { DropZone as n, FieldErrorContext as r, composeRenderProps as i } from "react-aria-components";
+import { jsx as a } from "react/jsx-runtime";
+import '../assets/drop-zone.css';var o = { dropZone: "_dropZone_1g3sx_1" }, s = t(({ className: t, isInvalid: s, children: c, ...l }, u) => {
+	let d = s ? {
+		isInvalid: !0,
+		validationErrors: [],
+		validationDetails: {}
+	} : null;
+	return /* @__PURE__ */ a(n, {
+		...l,
+		ref: u,
+		"data-invalid": s || void 0,
+		className: e(o.dropZone, t),
+		children: i(c, (e) => /* @__PURE__ */ a(r.Provider, {
+			value: d,
+			children: e
+		}))
+	});
+});
+s.displayName = "DropZone";
+//#endregion
+export { s as t };

package/chunks/file-trigger-Dp5nH8oS.js

@@ -0,0 +1,7 @@
+'use client';
+import { FileTrigger as e } from "react-aria-components";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/file-trigger/FileTrigger.tsx
+var n = (n) => /* @__PURE__ */ t(e, { ...n });
+//#endregion
+export { n as t };

package/chunks/{list-box-VdBVTwZK.js → list-box-BT33Wiwt.js}

@@ -14,27 +14,28 @@ var g = class extends l {
 		}), this.contentSize;
 	}
 }, _ = {
-	listBox: "_listBox_48j4n_4",
-	listBoxPopover: "_listBoxPopover_48j4n_16 _dropdownAnimation_1ljkv_4",
-	listBoxSectionHeading: "_listBoxSectionHeading_48j4n_31",
-	listBoxButton: "_listBoxButton_48j4n_43",
-	listBoxItem: "_listBoxItem_48j4n_55",
-	textContent: "_textContent_48j4n_68",
-	listBoxLoadMoreItem: "_listBoxLoadMoreItem_48j4n_176",
-	item: "_item_48j4n_187",
-	option: "_option_48j4n_188",
-	inputCheckbox: "_inputCheckbox_48j4n_188"
-}, v = ({ className: t, children: n, virtualized: r = !0, ...i }) => {
-	let o = /* @__PURE__ */ m(a, {
+	listBox: "_listBox_6csy4_4",
+	listBoxItem: "_listBoxItem_6csy4_18",
+	textContent: "_textContent_6csy4_51",
+	listBoxPopover: "_listBoxPopover_6csy4_67 _dropdownAnimation_1ljkv_4",
+	listBoxSectionHeading: "_listBoxSectionHeading_6csy4_96",
+	listBoxButton: "_listBoxButton_6csy4_108",
+	listBoxLoadMoreItem: "_listBoxLoadMoreItem_6csy4_241",
+	item: "_item_6csy4_252",
+	option: "_option_6csy4_253",
+	inputCheckbox: "_inputCheckbox_6csy4_253"
+}, v = ({ className: t, children: n, virtualized: r = !0, size: i, ...o }) => {
+	let s = /* @__PURE__ */ m(a, {
 		className: e(_.listBox, t),
-		...i,
+		"data-size": i,
+		...o,
 		children: n
 	});
 	return r ? /* @__PURE__ */ m(d, {
 		layout: g,
 		layoutOptions: { estimatedHeadingSize: 38 },
-		children: o
-	}) : o;
+		children: s
+	}) : s;
 }, y = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m("button", {
 	type: "button",
 	className: e(_.listBoxItem, _.listBoxButton, t),

package/chunks/{radio-W0YqY7lo.js → radio-BXC6pb3z.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./clsx-B1NYyfch.js";
-import { t } from "./text-EUdAWwZz.js";
-import { t as n } from "./field-error-pJiSw4PN.js";
-import { n as r, t as i } from "./label-CEYHiWSa.js";
+import { n as t, t as n } from "./label-CEYHiWSa.js";
+import { t as r } from "./text-EUdAWwZz.js";
+import { t as i } from "./field-error-pJiSw4PN.js";
 import { Group as a, RadioButton as o, RadioField as s, RadioGroup as c, composeRenderProps as l } from "react-aria-components";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import '../assets/radio.css';//#region src/radio/RadioField.tsx
@@ -22,15 +22,15 @@ var p = (e) => /* @__PURE__ */ d(s, { ...e }), m = {
 	...y,
 	className: e(m.radioGroup, g),
 	children: l(h, (e) => /* @__PURE__ */ f(u, { children: [
-		/* @__PURE__ */ d(r, {
+		/* @__PURE__ */ d(t, {
 			popover: v,
-			children: o && /* @__PURE__ */ d(i, { children: o })
+			children: o && /* @__PURE__ */ d(n, { children: o })
 		}),
-		s && /* @__PURE__ */ d(t, {
+		s && /* @__PURE__ */ d(r, {
 			slot: "description",
 			children: s
 		}),
-		_ === "top" && /* @__PURE__ */ d(n, {
+		_ === "top" && /* @__PURE__ */ d(i, {
 			"data-testid": "fieldError",
 			children: p
 		}),
@@ -38,7 +38,7 @@ var p = (e) => /* @__PURE__ */ d(s, { ...e }), m = {
 			className: m.wrap,
 			children: e
 		}),
-		_ === "bottom" && /* @__PURE__ */ d(n, {
+		_ === "bottom" && /* @__PURE__ */ d(i, {
 			"data-testid": "fieldError",
 			children: p
 		})

package/chunks/{search-field-d7FV4Kuv.js → search-field-dAZu3T_V.js}

@@ -4,9 +4,9 @@ import { t } from "./createLucideIcon-BgluSHFG.js";
 import { t as n } from "./x-BJAOO5a5.js";
 import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n as i } from "./button-Ch860h28.js";
-import { t as a } from "./text-EUdAWwZz.js";
-import { t as o } from "./field-error-pJiSw4PN.js";
-import { n as s, t as c } from "./label-CEYHiWSa.js";
+import { n as a, t as o } from "./label-CEYHiWSa.js";
+import { t as s } from "./text-EUdAWwZz.js";
+import { t as c } from "./field-error-pJiSw4PN.js";
 import { t as l } from "./TextField.module-D_tUnemB.js";
 import { FormContext as u, Input as d, SearchField as f, useSlottedContext as p } from "react-aria-components";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
@@ -47,15 +47,15 @@ var x = ({ errorPosition: t = "top", size: x = "large", showButton: S, className
 		className: e(v.container, C),
 		validationBehavior: P,
 		children: ({ state: r }) => /* @__PURE__ */ g(m, { children: [
-			/* @__PURE__ */ h(s, {
+			/* @__PURE__ */ h(a, {
 				popover: O,
-				children: E && /* @__PURE__ */ h(c, { children: E })
+				children: E && /* @__PURE__ */ h(o, { children: E })
 			}),
-			D && /* @__PURE__ */ h(a, {
+			D && /* @__PURE__ */ h(s, {
 				slot: "description",
 				children: D
 			}),
-			t === "top" && /* @__PURE__ */ h(o, { children: ({ validationErrors: e }) => w ?? e.join(" ") }),
+			t === "top" && /* @__PURE__ */ h(c, { children: ({ validationErrors: e }) => w ?? e.join(" ") }),
 			/* @__PURE__ */ g("div", {
 				className: v.inner,
 				children: [/* @__PURE__ */ g("div", {
@@ -92,7 +92,7 @@ var x = ({ errorPosition: t = "top", size: x = "large", showButton: S, className
 					children: j.buttonText ?? M.format("search")
 				})]
 			}),
-			t === "bottom" && /* @__PURE__ */ h(o, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
+			t === "bottom" && /* @__PURE__ */ h(c, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
 		] })
 	});
 };

package/chunks/{select-LjjT_7hr.js → select-DOLE5CtI.js}

@@ -1,13 +1,13 @@
 import { n as e, t } from "./clsx-B1NYyfch.js";
 import { t as n } from "./chevron-down-CP7nEDei.js";
-import { n as r } from "./checkbox-ivInWvEp.js";
+import { n as r } from "./checkbox-BgCp0edW.js";
 import { t as i } from "./x-BJAOO5a5.js";
 import { t as a } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { t as o } from "./text-EUdAWwZz.js";
-import { t as s } from "./field-error-pJiSw4PN.js";
-import { n as c, t as l } from "./label-CEYHiWSa.js";
-import { t as u } from "./popover-wAwxm_cM.js";
-import { c as d } from "./list-box-VdBVTwZK.js";
+import { n as o, t as s } from "./label-CEYHiWSa.js";
+import { t as c } from "./popover-wAwxm_cM.js";
+import { t as l } from "./text-EUdAWwZz.js";
+import { t as u } from "./field-error-pJiSw4PN.js";
+import { c as d } from "./list-box-BT33Wiwt.js";
 import { n as f, r as p, t as m } from "./tag-mzNjP8EX.js";
 import h, { useContext as g } from "react";
 import { Button as _, Select as v, SelectStateContext as y, SelectValue as b } from "react-aria-components";
@@ -27,20 +27,21 @@ import '../assets/select.css';var E = {
 		selected: "valda"
 	}
 }, D = {
-	select: "_select_mawme_1",
-	triggerContainer: "_triggerContainer_mawme_7",
-	trigger: "_trigger_mawme_7",
-	medium: "_medium_mawme_30",
-	icon: "_icon_mawme_72",
-	selectValue: "_selectValue_mawme_78",
-	placeholder: "_placeholder_mawme_84",
-	multiSelectValue: "_multiSelectValue_mawme_94",
-	selectValueTag: "_selectValueTag_mawme_118",
-	clearButton: "_clearButton_mawme_132",
-	truncate: "_truncate_mawme_147",
-	popover: "_popover_mawme_184",
-	selectAll: "_selectAll_mawme_212",
-	tagGroup: "_tagGroup_mawme_278"
+	select: "_select_140qh_1",
+	triggerContainer: "_triggerContainer_140qh_7",
+	trigger: "_trigger_140qh_7",
+	medium: "_medium_140qh_30",
+	small: "_small_140qh_37",
+	selectValue: "_selectValue_140qh_60",
+	icon: "_icon_140qh_110",
+	placeholder: "_placeholder_140qh_122",
+	multiSelectValue: "_multiSelectValue_140qh_132",
+	selectValueTag: "_selectValueTag_140qh_156",
+	clearButton: "_clearButton_140qh_170",
+	truncate: "_truncate_140qh_185",
+	popover: "_popover_140qh_222",
+	selectAll: "_selectAll_140qh_250",
+	tagGroup: "_tagGroup_140qh_316"
 }, O = () => {
 	let e = h.useContext(y), t = a(E);
 	return /* @__PURE__ */ S(r, {
@@ -106,7 +107,10 @@ import '../assets/select.css';var E = {
 }, M = ({ isDisabled: t, selectionMode: r, size: i }) => {
 	let a = g(y);
 	return /* @__PURE__ */ C(_, {
-		className: e({ [D.medium]: i === "medium" }, D.trigger),
+		className: e({
+			[D.medium]: i === "medium",
+			[D.small]: i === "small"
+		}, D.trigger),
 		"data-invalid": !!a?.displayValidation.isInvalid || void 0,
 		children: [/* @__PURE__ */ S(b, {
 			className: D.selectValue,
@@ -132,18 +136,18 @@ function N({ children: e, description: n, errorMessage: r, errorPosition: i = "t
 		..._,
 		className: t(_.className, D.select),
 		children: [
-			/* @__PURE__ */ S(c, {
+			/* @__PURE__ */ S(o, {
 				popover: p,
-				children: f && /* @__PURE__ */ S(l, {
+				children: f && /* @__PURE__ */ S(s, {
 					"data-disabled": _.isDisabled || void 0,
 					children: f
 				})
 			}),
-			n && /* @__PURE__ */ S(o, {
+			n && /* @__PURE__ */ S(l, {
 				slot: "description",
 				children: n
 			}),
-			i === "top" && /* @__PURE__ */ S(s, { children: r }),
+			i === "top" && /* @__PURE__ */ S(u, { children: r }),
 			/* @__PURE__ */ C("div", {
 				className: D.triggerContainer,
 				"data-disabled": _.isDisabled || void 0,
@@ -152,8 +156,8 @@ function N({ children: e, description: n, errorMessage: r, errorPosition: i = "t
 					..._
 				}), _.selectionMode === "multiple" ? /* @__PURE__ */ S(k, { ..._ }) : null]
 			}),
-			i === "bottom" && /* @__PURE__ */ S(s, { children: r }),
-			/* @__PURE__ */ C(u, {
+			i === "bottom" && /* @__PURE__ */ S(u, { children: r }),
+			/* @__PURE__ */ C(c, {
 				offset: 1,
 				hideArrow: !0,
 				...m,
@@ -170,4 +174,4 @@ function N({ children: e, description: n, errorMessage: r, errorPosition: i = "t
 	}) });
 }
 //#endregion
-export { N as t };
+export { M as n, N as t };

package/chunks/{table-O7Ht2ilY.js → table-RARvkGKL.js}

@@ -1,7 +1,7 @@
 'use client';
 import { t as e } from "./clsx-B1NYyfch.js";
 import { t } from "./createLucideIcon-BgluSHFG.js";
-import { n } from "./checkbox-ivInWvEp.js";
+import { n } from "./checkbox-BgCp0edW.js";
 import { Button as r, Cell as i, Collection as a, Column as o, Row as s, Table as c, TableBody as l, TableHeader as u, useTableOptions as d } from "react-aria-components";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import '../assets/table.css';var h = t("arrow-down", [["path", {

package/chunks/{textfield-BsijPPRD.js → textfield-BNdiOwXq.js}

@@ -2,10 +2,10 @@
 import { n as e, t } from "./clsx-B1NYyfch.js";
 import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { n as r } from "./button-Ch860h28.js";
-import { t as i } from "./text-EUdAWwZz.js";
-import { t as a } from "./field-error-pJiSw4PN.js";
-import { t as o } from "./character-counter-CSoVSrxZ.js";
-import { n as s, t as c } from "./label-CEYHiWSa.js";
+import { n as i, t as a } from "./label-CEYHiWSa.js";
+import { t as o } from "./text-EUdAWwZz.js";
+import { t as s } from "./field-error-pJiSw4PN.js";
+import { t as c } from "./character-counter-CSoVSrxZ.js";
 import { t as l } from "./TextField.module-D_tUnemB.js";
 import { forwardRef as u, useState as d } from "react";
 import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
@@ -18,21 +18,21 @@ var b = u((t, n) => {
 		...t,
 		className: e(l.textField, { [l.medium]: m === "medium" }),
 		children: [
-			/* @__PURE__ */ v(s, {
+			/* @__PURE__ */ v(i, {
 				popover: b,
-				children: r && /* @__PURE__ */ v(c, { children: r })
+				children: r && /* @__PURE__ */ v(a, { children: r })
 			}),
-			u && /* @__PURE__ */ v(i, {
+			u && /* @__PURE__ */ v(o, {
 				slot: "description",
 				children: u
 			}),
-			f && /* @__PURE__ */ v(o, { isLonely: !u }),
-			p === "top" && /* @__PURE__ */ v(a, {
+			f && /* @__PURE__ */ v(c, { isLonely: !u }),
+			p === "top" && /* @__PURE__ */ v(s, {
 				"data-testid": "fieldError",
 				children: d
 			}),
 			x,
-			p === "bottom" && /* @__PURE__ */ v(a, {
+			p === "bottom" && /* @__PURE__ */ v(s, {
 				"data-testid": "fieldError",
 				className: l.bottomError,
 				children: d

package/chunks/{time-field-BlNUOjUJ.js → time-field-CZxI9Bs6.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./clsx-B1NYyfch.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { t as n } from "./text-EUdAWwZz.js";
-import { t as r } from "./field-error-pJiSw4PN.js";
-import { n as i, t as a } from "./label-CEYHiWSa.js";
+import { n, t as r } from "./label-CEYHiWSa.js";
+import { t as i } from "./text-EUdAWwZz.js";
+import { t as a } from "./field-error-pJiSw4PN.js";
 import { t as o } from "./clear-button-la4Fb9_w.js";
-import { n as s, r as c } from "./date-field-DG5TYsTF.js";
+import { n as s, r as c } from "./date-field-Q3bQ5P_t.js";
 import * as l from "react";
 import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -35,15 +35,15 @@ import '../assets/time-field.css';var g = {
 	isDisabled: S,
 	className: e(_.timeField, t),
 	children: [
-		/* @__PURE__ */ f(i, {
+		/* @__PURE__ */ f(n, {
 			popover: y,
-			children: h && /* @__PURE__ */ f(a, { children: h })
+			children: h && /* @__PURE__ */ f(r, { children: h })
 		}),
-		o && /* @__PURE__ */ f(n, {
+		o && /* @__PURE__ */ f(i, {
 			slot: "description",
 			children: o
 		}),
-		d === "top" && /* @__PURE__ */ f(r, { children: l }),
+		d === "top" && /* @__PURE__ */ f(a, { children: l }),
 		/* @__PURE__ */ f("div", {
 			className: e(_.inputField, { [_.medium]: g === "medium" }),
 			children: /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(s, { children: (e) => /* @__PURE__ */ f(c, { segment: e }) }), /* @__PURE__ */ f(v, {
@@ -53,7 +53,7 @@ import '../assets/time-field.css';var g = {
 				isReadOnly: x
 			})] })
 		}),
-		d === "bottom" && /* @__PURE__ */ f(r, { children: l })
+		d === "bottom" && /* @__PURE__ */ f(a, { children: l })
 	]
 }));
 //#endregion

package/combobox/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/combobox-DDO4fEtI.js";
+import { t as e } from "../chunks/combobox-B3AGDNru.js";
 export { e as ComboBox };

package/date-field/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../chunks/date-field-DG5TYsTF.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/date-field-Q3bQ5P_t.js";
 export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };

package/date-picker/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/date-picker-1W7OmCT0.js";
+import { n as e, t } from "../chunks/date-picker-BPAJK8Gr.js";
 export { e as DatePicker, t as DateRangePicker };

package/drop-zone/DropZone.d.ts

@@ -0,0 +1,21 @@
+import { DropZoneProps as AriaDropZoneProps } from 'react-aria-components';
+export interface DropZoneProps extends AriaDropZoneProps {
+    /**
+     * Marks the dropzone as invalid, e.g. after a failed validation. Pair with
+     * `FieldError` to render the error message, either inside or below the
+     * dropzone depending on where it's composed.
+     *
+     * @default false
+     */
+    isInvalid?: boolean;
+}
+/**
+ * A drop zone is an area into which one or multiple objects can be dragged
+ * and dropped. Content is fully composable — pair it with `FileTrigger` for
+ * file uploads, or use it for any other drag-and-drop interaction.
+ *
+ * @interface DropZoneProps
+ *
+ * @see {@link https://react-spectrum.adobe.com/react-aria/DropZone.html|React Aria DropZone}
+ */
+export declare const DropZone: import('react').ForwardRefExoticComponent<DropZoneProps & import('react').RefAttributes<HTMLDivElement>>;

package/drop-zone/DropZone.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { DropZone } from './DropZone';
+declare const meta: Meta<typeof DropZone>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithUploadButton: Story;
+export declare const WithFieldLabel: Story;
+export declare const Invalid: Story;
+export declare const RejectsWrongFileType: Story;
+export declare const RejectsTypeBeforeDrop: Story;
+export declare const Disabled: Story;
+interface DropZoneTestContainerProps {
+    onSelect: (files: File[]) => void;
+}
+export declare const WithFileTrigger: StoryObj<DropZoneTestContainerProps>;

package/drop-zone/index.d.ts

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

package/drop-zone/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/drop-zone-DvQLpgq6.js";
+export { e as DropZone };

package/file-trigger/FileTrigger.d.ts

@@ -0,0 +1,2 @@
+import { FileTriggerProps } from 'react-aria-components';
+export declare const FileTrigger: (props: FileTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/file-trigger/index.d.ts

@@ -0,0 +1 @@
+export { FileTrigger } from './FileTrigger';

package/file-trigger/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/file-trigger-Dp5nH8oS.js";
+export { e as FileTrigger };

package/index.d.ts

@@ -11,9 +11,10 @@ export * from './combobox';
 export * from './common/types';
 export * from './date-field';
 export * from './date-picker';
+export * from './drop-zone';
 export * from './field-error';
 export * from './file-list';
-export * from './file-upload';
+export * from './file-trigger';
 export * from './grid';
 export * from './heading';
 export * from './info-banner';

package/index.js

@@ -5,49 +5,50 @@ 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-O7Ht2ilY.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-1W7OmCT0.js";
-import { n as b, t as x } from "./chunks/calendar-R7x0m8ch.js";
-import { i as S, n as C, r as w, t as T } from "./chunks/checkbox-ivInWvEp.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-d7FV4Kuv.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 { 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/text-EUdAWwZz.js";
-import { t as B } from "./chunks/field-error-pJiSw4PN.js";
-import { a as V, c as H, i as U, l as W, n as G, o as K, r as q, s as J, t as Y } from "./chunks/card-Bzc8kToe.js";
-import { t as X } from "./chunks/character-counter-CSoVSrxZ.js";
-import { t as Z } from "./chunks/label-CEYHiWSa.js";
-import { t as Q } from "./chunks/popover-wAwxm_cM.js";
-import { n as $, r as ee, t as te } from "./chunks/modal-C-xHt7Ds.js";
-import { t as ne } from "./chunks/icons-UBHIX2oV.js";
-import { n as re, t as ie } from "./chunks/toggle-button-BgUQKcK-.js";
-import { a as ae, i as oe, n as se, o as ce, r as le, t as ue } from "./chunks/menu-CPCGm0MC.js";
-import { t as de } from "./chunks/combobox-DDO4fEtI.js";
-import { a as fe, c as pe, i as me, n as he, o as ge, r as _e, s as ve, t as ye } from "./chunks/list-box-VdBVTwZK.js";
-import { i as be, n as xe, r as Se, t as Ce } from "./chunks/date-field-DG5TYsTF.js";
-import { n as we, t as Te } from "./chunks/file-upload-DInuSFCB.js";
-import { n as Ee, t as De } from "./chunks/grid-DZB3GGDg.js";
-import { t as Oe } from "./chunks/info-banner-DnFNZ1_o.js";
-import { n as ke, t as Ae } from "./chunks/tooltip-D7LYQwj0.js";
-import { n as je, t as Me } from "./chunks/logo-CDxNjDeI.js";
-import { t as Ne } from "./chunks/progress-bar-Cft_RPHz.js";
-import { i as Pe, n as Fe, r as Ie, t as Le } from "./chunks/radio-W0YqY7lo.js";
-import { t as Re } from "./chunks/select-LjjT_7hr.js";
-import { n as ze, r as Be, t as Ve } from "./chunks/tag-mzNjP8EX.js";
-import { t as He } from "./chunks/skeleton-DWmvym7R.js";
-import { i as Ue, n as We, r as Ge, t as Ke } from "./chunks/tabs-BFFTnO4i.js";
-import { i as qe, n as Je, r as Ye, t as Xe } from "./chunks/textfield-BsijPPRD.js";
-import { t as Ze } from "./chunks/time-field-BlNUOjUJ.js";
-import { a as Qe, i as $e, n as et, o as tt, r as nt, t as rt } from "./chunks/toast-Cz0JDIr1.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 { 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 { 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";
 //#endregion
 //#region src/version.ts
-var it = {
+var at = {
 	name: "@midas-ds/components",
 	author: { name: "Migrationsverket" },
 	keywords: [
@@ -59,7 +60,7 @@ var it = {
 	description: "Midas Components",
 	homepage: "https://designsystem.migrationsverket.se/",
 	license: "CC0-1.0",
-	version: "17.25.2",
+	version: "17.27.0",
 	module: "./index.js",
 	type: "module",
 	main: "./index.js",
@@ -91,4 +92,4 @@ var it = {
 	}
 }.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, q as Card, U as CardActionArea, V as CardActions, G as CardBody, K as CardContent, Y as CardHeader, J as CardImage, H as CardLink, W as CardTitle, g as Cell, X as CharacterCounter, C as Checkbox, w as CheckboxButton, S as CheckboxField, T as CheckboxGroup, E as ColorSchemeSwitch, D as ColorSchemeSwitchMenu, p as Column, de as ComboBox, ne as ContrastFilled, be as DateField, xe as DateInput, Ce as DateInputDivider, v as DatePicker, y as DateRangePicker, Se as DateSegment, te as DialogTrigger, Te as DropZone, B as FieldError, k as FileList, A as FileListItem, we as FileTrigger, rt as GlobalToastRegion, Ee as Grid, De as GridItem, s as Header, P as Heading, Oe as InfoBanner, Ye as Input, Z as Label, c as Layout, u as Link, _ as LinkButton, pe as ListBox, ve as ListBoxButton, ye as ListBoxEmptyState, he as ListBoxHeader, ge as ListBoxItem, _e as ListBoxLoadMoreItem, fe as ListBoxPopover, me as ListBoxSection, Me as Logo, je as LogoContext, ae as Menu, oe as MenuItem, le as MenuPopover, se as MenuSection, ce as MenuTrigger, $ as Modal, ee as ModalOverlay, o as Navbar, Q as Popover, Ne as ProgressBar, Fe as Radio, Ie as RadioButton, Pe as RadioField, Le as RadioGroup, x as RangeCalendar, l as RouterProvider, h as Row, O as SearchField, Re as Select, ue as Separator, a as Sidebar, i as SidebarLink, He as Skeleton, r as Spinner, Ge as Tab, Ke as TabList, We as TabPanel, f as Table, d as TableBody, m as TableHeader, Ue as Tabs, Be as Tag, Ve as TagGroup, ze as TagList, z as Text, Xe as TextArea, Je as TextField, qe as TextFieldBase, Ze as TimeField, et as Toast, nt as ToastProvider, $e as ToastRegion, re as ToggleButton, ie as ToggleButtonGroup, Ae as Tooltip, ke as TooltipTrigger, it as VERSION, n as clsx, Qe as toastQueue, j as useLocalizedStringFormatter, tt 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, 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 };

package/list-box/ListBox.d.ts

@@ -2,5 +2,10 @@ import { ListBoxProps as AriaListBoxProps } from 'react-aria-components';
 export interface ListBoxProps<T extends object> extends AriaListBoxProps<T> {
     /** @default true */
     virtualized?: boolean;
+    /**
+     * Compact item sizing (smaller text/padding) for standalone use in
+     * confined spaces, e.g. the Calendar month/year picker.
+     */
+    size?: 'small';
 }
-export declare const ListBox: <T extends object>({ className, children, virtualized, ...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-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Fruit, optionsWithSections } from '../../../../tools/test-utils/src/ind
 import { ListBox } from './ListBox';
 type Story<T extends object = Fruit> = StoryObj<typeof ListBox<T>>;
 declare const _default: {
-    component: <T extends object>({ className, children, virtualized, ...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-runtime").JSX.Element;
     subcomponents: {
         ListBoxItem: <T extends object>({ children, className, textValue, ...rest }: import('react-aria-components').ListBoxItemProps<T>) => import("react/jsx-runtime").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-VdBVTwZK.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-BT33Wiwt.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/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.25.2",
+  "version": "17.27.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/radio/index.js

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

package/search-field/index.js

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