@midas-ds/components 17.29.0 → 17.30.1

package/chunks/color-scheme-switch-DVyIszaD.js

@@ -0,0 +1,160 @@
+'use client';
+import { t as e } from "./clsx-DAqHMl_k.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-dpe6hXmI.js";
+import { t as r } from "./icons-UBHIX2oV.js";
+import { n as i, t as a } from "./toggle-button-DD_bXanH.js";
+import { a as o, o as s, r as c } from "./menu-DbQ98noD.js";
+import * as l from "react";
+import { useEffect as u, useState as d } from "react";
+import { MenuItem as f, SelectionIndicator as p } from "react-aria-components";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ChevronDown as g, Moon as _, Sun as v } from "lucide-react";
+import { VisuallyHidden as y } from "react-aria";
+import '../assets/color-scheme-switch.css';var b = {
+	button: "_button_1r8vq_1",
+	selectionIndicator: "_selectionIndicator_1r8vq_14"
+}, x = {
+	en: {
+		colorScheme: "Color scheme",
+		darkMode: "Dark mode",
+		lightMode: "Light mode",
+		system: "Follows system",
+		triggerDarkMode: "Color scheme: Dark mode",
+		triggerLightMode: "Color scheme: Light mode",
+		triggerSystem: "Color scheme: Follows system"
+	},
+	sv: {
+		colorScheme: "Färgschema",
+		darkMode: "Mörkt läge",
+		lightMode: "Ljust läge",
+		system: "Följer systemet",
+		triggerDarkMode: "Färgschema: Mörkt läge",
+		triggerLightMode: "Färgschema: Ljust läge",
+		triggerSystem: "Färgschema: Följer systemet"
+	}
+}, S = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: r }) => {
+	let [i, a] = d(n ?? t), o = n ?? i;
+	return u(() => {
+		let t = document.querySelector(e);
+		if (!t) {
+			console.warn(`No element found for selector: "${e}"`);
+			return;
+		}
+		o === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = o;
+	}, [o, e]), {
+		resolved: o,
+		onChange: (e) => {
+			a(e), r?.(e);
+		}
+	};
+}, C = ({ selector: e = ":root", defaultScheme: n = "light dark", scheme: o, onSchemeChange: s, defaultValue: c, className: l }) => {
+	let { resolved: u, onChange: d } = S({
+		selector: e,
+		defaultScheme: c ? Array.from(c)[0] : n,
+		scheme: o,
+		onSchemeChange: s
+	}), f = t(x);
+	return /* @__PURE__ */ h(a, {
+		selectionMode: "single",
+		selectedKeys: /* @__PURE__ */ new Set([u]),
+		onSelectionChange: (e) => {
+			d(Array.from(e)[0]);
+		},
+		disallowEmptySelection: !0,
+		"aria-label": f.format("colorScheme"),
+		className: l,
+		children: [
+			/* @__PURE__ */ h(i, {
+				id: "light",
+				className: b.button,
+				children: [
+					/* @__PURE__ */ m(v, {}),
+					/* @__PURE__ */ m(y, { children: f.format("lightMode") }),
+					/* @__PURE__ */ m(p, { className: b.selectionIndicator })
+				]
+			}),
+			/* @__PURE__ */ h(i, {
+				id: "dark",
+				className: b.button,
+				children: [
+					/* @__PURE__ */ m(_, {}),
+					/* @__PURE__ */ m(y, { children: f.format("darkMode") }),
+					/* @__PURE__ */ m(p, { className: b.selectionIndicator })
+				]
+			}),
+			/* @__PURE__ */ h(i, {
+				id: "light dark",
+				className: b.button,
+				children: [
+					/* @__PURE__ */ m(r, {}),
+					/* @__PURE__ */ m(y, { children: f.format("system") }),
+					/* @__PURE__ */ m(p, { className: b.selectionIndicator })
+				]
+			})
+		]
+	});
+}, w = {
+	trigger: "_trigger_y8ah9_1",
+	chevron: "_chevron_y8ah9_6",
+	menu: "_menu_y8ah9_17",
+	menuItem: "_menuItem_y8ah9_21"
+}, T = {
+	light: v,
+	"light dark": r,
+	dark: _
+}, E = (e) => e === "light" ? "triggerLightMode" : e === "dark" ? "triggerDarkMode" : "triggerSystem", D = ({ selector: i = ":root", defaultScheme: a = "light dark", scheme: u, onSchemeChange: d, className: p }) => {
+	let { resolved: b, onChange: C } = S({
+		selector: i,
+		defaultScheme: a,
+		scheme: u,
+		onSchemeChange: d
+	}), D = T[b];
+	l.useEffect(() => {
+		let e = document.querySelector(i);
+		if (!e) {
+			console.warn(`No element found for selector: "${i}"`);
+			return;
+		}
+		b === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = b;
+	}, [b, i]);
+	let O = t(x);
+	return /* @__PURE__ */ h(s, { children: [/* @__PURE__ */ h(n, {
+		variant: "icon",
+		size: "medium",
+		className: e(w.trigger, p),
+		"aria-label": O.format(E(b)),
+		children: [/* @__PURE__ */ m(D, { size: 20 }), /* @__PURE__ */ m(g, {
+			size: 20,
+			className: w.chevron
+		})]
+	}), /* @__PURE__ */ m(c, {
+		placement: "bottom start",
+		children: /* @__PURE__ */ h(o, {
+			onAction: (e) => C(e),
+			className: w.menu,
+			children: [
+				/* @__PURE__ */ h(f, {
+					id: "light",
+					textValue: O.format("lightMode"),
+					className: w.menuItem,
+					children: [/* @__PURE__ */ m(v, { size: 20 }), /* @__PURE__ */ m(y, { children: O.format("lightMode") })]
+				}),
+				/* @__PURE__ */ h(f, {
+					id: "dark",
+					textValue: O.format("darkMode"),
+					className: w.menuItem,
+					children: [/* @__PURE__ */ m(_, { size: 20 }), /* @__PURE__ */ m(y, { children: O.format("darkMode") })]
+				}),
+				/* @__PURE__ */ h(f, {
+					id: "light dark",
+					textValue: O.format("system"),
+					className: w.menuItem,
+					children: [/* @__PURE__ */ m(r, { size: 20 }), /* @__PURE__ */ m(y, { children: O.format("system") })]
+				})
+			]
+		})
+	})] });
+};
+//#endregion
+export { C as n, D as t };

package/chunks/{combobox-DIou4Z-d.js → combobox-BLAVO2ax.js}

@@ -1,14 +1,14 @@
 'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./chevron-down-CP7nEDei.js";
-import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as r, t as i } from "./label-LWlgvAwz.js";
-import { t as a } from "./text-DwmZ-ew8.js";
-import { t as o } from "./field-error-LtNtEKDp.js";
-import { a as s, c, t as l } from "./list-box-BN_MSiOD.js";
-import { useRef as u } from "react";
-import { Button as d, ComboBox as f, Input as p } from "react-aria-components";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { t as e } from "./clsx-DAqHMl_k.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n, t as r } from "./label-pGlER0ro.js";
+import { t as i } from "./text-DnvD4Cjc.js";
+import { t as a } from "./field-error-BHoPnRe4.js";
+import { a as o, c as s, t as c } from "./list-box-BzBJX0nP.js";
+import { useRef as l } from "react";
+import { Button as u, ComboBox as d, Input as f } from "react-aria-components";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ChevronDown as h } from "lucide-react";
 import '../assets/combobox.css';var g = {
 	combobox: "_combobox_h0woh_1",
 	inputField: "_inputField_h0woh_6",
@@ -30,55 +30,55 @@ import '../assets/combobox.css';var g = {
 //#endregion
 //#region src/combobox/ComboBox.tsx
 function v({ label: v, description: y, errorMessage: b, children: x, items: S, className: C, errorPosition: w = "top", size: T = "large", popover: E, listBoxProps: D, ...O }) {
-	let k = u(null), A = n(_), j = (e) => {
+	let k = l(null), A = t(_), j = (e) => {
 		e.currentTarget.value && k.current?.select();
 	};
-	return /* @__PURE__ */ h(f, {
+	return /* @__PURE__ */ m(d, {
 		className: e(g.combobox, C),
 		...O,
 		"data-readonly": O.isReadOnly || void 0,
 		children: [
-			/* @__PURE__ */ m(r, {
+			/* @__PURE__ */ p(n, {
 				popover: E,
-				children: v && /* @__PURE__ */ m(i, { children: v })
+				children: v && /* @__PURE__ */ p(r, { children: v })
 			}),
-			y && /* @__PURE__ */ m(a, {
+			y && /* @__PURE__ */ p(i, {
 				slot: "description",
 				children: y
 			}),
-			w === "top" && /* @__PURE__ */ m(o, {
+			w === "top" && /* @__PURE__ */ p(a, {
 				"data-testid": "fieldError",
 				children: b
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				className: g.wrap,
-				children: [/* @__PURE__ */ m(p, {
+				children: [/* @__PURE__ */ p(f, {
 					className: e(g.inputField, { [g.medium]: T === "medium" }),
 					"data-readonly": O.isReadOnly || void 0,
 					onPointerUp: j,
 					ref: k
-				}), /* @__PURE__ */ m(d, {
+				}), /* @__PURE__ */ p(u, {
 					className: e(g.button, { [g.medium]: T === "medium" }),
 					"aria-label": A.format("showList"),
-					children: /* @__PURE__ */ m("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: g.icon,
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ m(t, {
+						children: /* @__PURE__ */ p(h, {
 							size: 20,
 							"aria-hidden": !0
 						})
 					})
 				})]
 			}),
-			w === "bottom" && /* @__PURE__ */ m(o, {
+			w === "bottom" && /* @__PURE__ */ p(a, {
 				"data-testid": "fieldError",
 				children: b
 			}),
-			/* @__PURE__ */ m(s, {
+			/* @__PURE__ */ p(o, {
 				offset: 4,
-				children: /* @__PURE__ */ m(c, {
+				children: /* @__PURE__ */ p(s, {
 					items: S,
-					renderEmptyState: () => /* @__PURE__ */ m(l, { children: A.format("noResultsFound") }),
+					renderEmptyState: () => /* @__PURE__ */ p(c, { children: A.format("noResultsFound") }),
 					...D,
 					children: x
 				})

package/chunks/{date-field-BF2f9bSf.js → date-field-D5QLfSD_.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-LWlgvAwz.js";
-import { t as i } from "./text-DwmZ-ew8.js";
-import { t as a } from "./field-error-LtNtEKDp.js";
-import { t as o } from "./clear-button-D3I1X3yG.js";
+import { n, t as r } from "./label-pGlER0ro.js";
+import { t as i } from "./text-DnvD4Cjc.js";
+import { t as a } from "./field-error-BHoPnRe4.js";
+import { t as o } from "./clear-button-DWtOkhCH.js";
 import * as s from "react";
 import { DateField as c, DateFieldStateContext as l, DateInput as u, DateSegment as d } from "react-aria-components";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/chunks/date-picker-BWSHiwIN.js

@@ -0,0 +1,142 @@
+'use client';
+import { t as e } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n as t } from "./button-dpe6hXmI.js";
+import { n, t as r } from "./calendar-BnT8aqrk.js";
+import { n as i, t as a } from "./label-pGlER0ro.js";
+import { t as o } from "./text-DnvD4Cjc.js";
+import { t as s } from "./field-error-BHoPnRe4.js";
+import { t as c } from "./clear-button-DWtOkhCH.js";
+import { n as l, r as u, t as d } from "./date-field-D5QLfSD_.js";
+import * as f from "react";
+import { clsx as p } from "clsx";
+import { DatePicker as m, DatePickerStateContext as h, DateRangePicker as g, DateRangePickerStateContext as _, Group as v, Popover as y } from "react-aria-components";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { CalendarDays as S } from "lucide-react";
+import { FocusScope as C, useFocusManager as w } from "react-aria";
+import '../assets/date-picker.css';var T = {
+	en: {
+		clear: "Clear date",
+		"open-calendar": "Open calendar"
+	},
+	sv: {
+		clear: "Rensa datum",
+		"open-calendar": "Öppna kalender"
+	}
+}, E = {
+	datePicker: "_datePicker_14wog_1",
+	inputField: "_inputField_14wog_8",
+	medium: "_medium_14wog_24",
+	readOnly: "_readOnly_14wog_47",
+	buttonGroup: "_buttonGroup_14wog_52",
+	iconButton: "_iconButton_14wog_58",
+	popover: "_popover_14wog_81 _dropdownAnimation_1ljkv_4"
+}, D = (e) => !!e && !!e.value && Object.prototype.hasOwnProperty.call(e.value, "start"), O = ({ isClearable: t, isDisabled: n, isReadOnly: r, size: i }) => {
+	let a = f.useContext(h), o = f.useContext(_), s = e(T), l = w(), u = o ?? a, d = D(u) ? !!u.value.start && u.value.end : !!u?.value;
+	return t && d && !r ? /* @__PURE__ */ b(c, {
+		onPress: () => {
+			u?.setValue(null), l?.focusFirst();
+		},
+		size: i,
+		isDisabled: n,
+		"aria-label": s.format("clear"),
+		className: p(E.iconButton, { [E.medium]: i === "medium" })
+	}) : null;
+}, k = ({ children: n, isDisabled: r, isInvalid: i, isReadOnly: a, size: o = "large", isClearable: s = !1 }) => {
+	let c = e(T);
+	return /* @__PURE__ */ b(v, {
+		className: p(E.inputField, {
+			[E.medium]: o === "medium",
+			[E.readOnly]: a
+		}),
+		children: /* @__PURE__ */ x(C, { children: [n, /* @__PURE__ */ x("div", {
+			className: E.buttonGroup,
+			children: [/* @__PURE__ */ b(O, {
+				isClearable: s,
+				isDisabled: r,
+				isReadOnly: a,
+				size: o
+			}), /* @__PURE__ */ b(t, {
+				variant: "icon",
+				"aria-label": c.format("open-calendar"),
+				className: p(E.iconButton, {
+					[E.medium]: o === "medium",
+					[E.readOnly]: a
+				}),
+				"data-invalid": i || void 0,
+				size: o,
+				children: /* @__PURE__ */ b(S, {
+					"aria-hidden": !0,
+					size: 20
+				})
+			})]
+		})] })
+	});
+}, A = ({ children: e }) => /* @__PURE__ */ b(y, {
+	className: E.popover,
+	children: e
+}), j = f.forwardRef(({ className: e, description: t, errorMessage: r, errorPosition: c = "top", label: d, popover: f, isClearable: h = !1, isReadOnly: g, isDisabled: _, size: v, ...y }, S) => /* @__PURE__ */ x(m, {
+	className: p(E.datePicker, e),
+	isReadOnly: g,
+	isDisabled: _,
+	ref: S,
+	...y,
+	children: [
+		/* @__PURE__ */ b(i, {
+			popover: f,
+			children: d && /* @__PURE__ */ b(a, { children: d })
+		}),
+		t && /* @__PURE__ */ b(o, {
+			slot: "description",
+			children: t
+		}),
+		c === "top" && /* @__PURE__ */ b(s, { children: r }),
+		/* @__PURE__ */ b(k, {
+			isClearable: h,
+			isReadOnly: g,
+			isDisabled: _,
+			size: v,
+			...y,
+			children: /* @__PURE__ */ b(l, { children: (e) => /* @__PURE__ */ b(u, { segment: e }) })
+		}),
+		c === "bottom" && /* @__PURE__ */ b(s, { children: r }),
+		/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(n, {}) })
+	]
+})), M = ({ className: e, description: t, errorMessage: n, errorPosition: c = "top", label: f, popover: m, isClearable: h = !1, isReadOnly: _, isDisabled: v, size: y, ...S }) => /* @__PURE__ */ x(g, {
+	className: p(E.datePicker, e),
+	isReadOnly: _,
+	isDisabled: v,
+	...S,
+	children: [
+		/* @__PURE__ */ b(i, {
+			popover: m,
+			children: f && /* @__PURE__ */ b(a, { children: f })
+		}),
+		t && /* @__PURE__ */ b(o, {
+			slot: "description",
+			children: t
+		}),
+		c === "top" && /* @__PURE__ */ b(s, { children: n }),
+		/* @__PURE__ */ x(k, {
+			isClearable: h,
+			isReadOnly: _,
+			isDisabled: v,
+			size: y,
+			...S,
+			children: [
+				/* @__PURE__ */ b(l, {
+					slot: "start",
+					children: (e) => /* @__PURE__ */ b(u, { segment: e })
+				}),
+				/* @__PURE__ */ b(d, {}),
+				/* @__PURE__ */ b(l, {
+					slot: "end",
+					children: (e) => /* @__PURE__ */ b(u, { segment: e })
+				})
+			]
+		}),
+		c === "bottom" && /* @__PURE__ */ b(s, { children: n }),
+		/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(r, {}) })
+	]
+});
+//#endregion
+export { j as n, M as t };

package/chunks/{drop-zone-DH3ZyHsr.js → drop-zone-DNhEbH4w.js}

@@ -1,5 +1,5 @@
 'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.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";

package/chunks/{field-error-LtNtEKDp.js → field-error-BHoPnRe4.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./text-DwmZ-ew8.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
+import { t } from "./text-DnvD4Cjc.js";
 import { forwardRef as n, useContext as r } from "react";
 import { FieldError as i, FieldErrorContext as a } from "react-aria-components";
 import { jsx as o } from "react/jsx-runtime";

package/chunks/file-list-Ntos8dkG.js

@@ -0,0 +1,139 @@
+'use client';
+import { t as e } from "./clsx-DAqHMl_k.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-dpe6hXmI.js";
+import { t as r } from "./FeedbackStatusIcon-DvMDGBGL.js";
+import { t as i } from "./field-error-BHoPnRe4.js";
+import { t as a } from "./progress-bar-S6GNHQRZ.js";
+import { useEffect as o, useId as s, useRef as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Trash2 as f, X as p } from "lucide-react";
+import { FocusScope as m, VisuallyHidden as h, useFocusManager as g } from "react-aria";
+import '../assets/file-list.css';var _ = {
+	fileList: "_fileList_mb5n3_1",
+	fileListItem: "_fileListItem_mb5n3_18",
+	row: "_row_mb5n3_25",
+	iconSlot: "_iconSlot_mb5n3_46",
+	progressIcon: "_progressIcon_mb5n3_70",
+	ring: "_ring_mb5n3_82",
+	successRing: "_successRing_mb5n3_1",
+	checkmark: "_checkmark_mb5n3_106",
+	successCheckmark: "_successCheckmark_mb5n3_1",
+	successIcon: "_successIcon_mb5n3_121",
+	errorReveal: "_errorReveal_mb5n3_163",
+	fileInfo: "_fileInfo_mb5n3_169",
+	fileName: "_fileName_mb5n3_177",
+	fileSize: "_fileSize_mb5n3_186",
+	deleteButton: "_deleteButton_mb5n3_192"
+}, v = ({ className: t, children: n, ...r }) => {
+	let i = c(null);
+	return /* @__PURE__ */ u(m, { children: /* @__PURE__ */ d("ul", {
+		...r,
+		ref: i,
+		tabIndex: -1,
+		className: e(_.fileList, t),
+		children: [/* @__PURE__ */ u(y, { containerRef: i }), n]
+	}) });
+}, y = ({ containerRef: e }) => {
+	let t = g(), n = c(t);
+	return o(() => {
+		n.current = t;
+	}), o(() => {
+		let t = e.current;
+		if (!t) return;
+		let r = new MutationObserver((e) => {
+			e.some((e) => e.removedNodes.length > 0) && document.activeElement === document.body && (n.current?.focusFirst({ tabbable: !0 }) || t.focus());
+		});
+		return r.observe(t, { childList: !0 }), () => r.disconnect();
+	}, [e]), null;
+}, b = {
+	en: {
+		removeFile: "Remove",
+		cancelUpload: "Cancel",
+		uploading: "Uploading",
+		uploadComplete: "Upload complete",
+		uploadFailed: "Upload failed"
+	},
+	sv: {
+		removeFile: "Ta bort",
+		cancelUpload: "Avbryt",
+		uploading: "Laddar upp",
+		uploadComplete: "Uppladdning klar",
+		uploadFailed: "Uppladdning misslyckades"
+	}
+}, x = ({ fileName: o, fileSize: c, status: m = "idle", progress: g, errorMessage: v, onCancel: y, onDelete: x, className: S }) => {
+	let C = t(b), w = m === "uploading", T = m === "success", E = m === "error", D = E && !!v, O = s(), k = s(), A = T ? C.format("uploadComplete") : E ? C.format("uploadFailed") : void 0, j = [A && k, D && O].filter(Boolean).join(" ") || void 0, M = w ? y ?? x : x;
+	return /* @__PURE__ */ d("li", {
+		className: e(_.fileListItem, S),
+		"data-status": m,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: _.row,
+				children: [
+					/* @__PURE__ */ d("span", {
+						className: _.iconSlot,
+						children: [
+							w && /* @__PURE__ */ u(a, {
+								shape: "circular",
+								small: !0,
+								value: g,
+								isIndeterminate: g === void 0,
+								"aria-label": `${C.format("uploading")} ${o}`,
+								className: _.progressIcon
+							}),
+							/* @__PURE__ */ u("span", {
+								className: _.ring,
+								"aria-hidden": !0
+							}),
+							T && /* @__PURE__ */ u(r, {
+								status: "success",
+								"aria-hidden": !0,
+								size: 16,
+								className: e(_.checkmark, _.successIcon)
+							})
+						]
+					}),
+					A && /* @__PURE__ */ u(h, {
+						id: k,
+						children: A
+					}),
+					/* @__PURE__ */ d("span", {
+						className: _.fileInfo,
+						children: [/* @__PURE__ */ u("span", {
+							className: _.fileName,
+							children: o
+						}), c && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(h, { children: ", " }), /* @__PURE__ */ u("span", {
+							className: _.fileSize,
+							children: c
+						})] })]
+					}),
+					M && /* @__PURE__ */ u(n, {
+						variant: "icon",
+						onPress: M,
+						"aria-label": `${C.format(w ? "cancelUpload" : "removeFile")} ${o}`,
+						"aria-describedby": j,
+						className: _.deleteButton,
+						children: u(w ? p : f, {
+							size: 20,
+							"aria-hidden": !0
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				id: O,
+				className: _.errorReveal,
+				children: v && /* @__PURE__ */ u(i, {
+					isInvalid: !0,
+					children: v
+				})
+			}),
+			/* @__PURE__ */ d(h, {
+				role: "status",
+				children: [T && `${C.format("uploadComplete")}: ${o}`, D && `${o}: ${v}`]
+			})
+		]
+	});
+};
+//#endregion
+export { v as n, x as t };

package/chunks/{grid-Cn_8RSvj.js → grid-BR68fpvW.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 import '../assets/grid.css';var n = {

package/chunks/{heading-BEl_z-5T.js → heading-DcOjYrUM.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-Di52oYUU.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
 import "react";
 import { Heading as t } from "react-aria-components";
 import { jsx as n } from "react/jsx-runtime";

package/chunks/{info-banner-osR4e6nB.js → info-banner-DXjPEG69.js}

@@ -1,10 +1,10 @@
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./FeedbackStatusIcon-DRI7WrSU.js";
-import { t as n } from "./x-BJAOO5a5.js";
-import { t as r } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as i } from "./button-CenXTGXL.js";
+import { t as e } from "./clsx-DAqHMl_k.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-dpe6hXmI.js";
+import { t as r } from "./FeedbackStatusIcon-DvMDGBGL.js";
 import "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { X as o } from "lucide-react";
 import { useControlledState as s } from "@react-stately/utils";
 import '../assets/info-banner.css';var c = {
 	infoBanner: "_infoBanner_7d8d1_1",
@@ -21,35 +21,35 @@ import '../assets/info-banner.css';var c = {
 	en: { close: "Close" },
 	sv: { close: "Stäng" }
 }, u = ({ title: u, message: d, type: f, children: p, isDismissable: m = !1, defaultOpen: h = !0, isOpen: g, onOpenChange: _, ...v }) => {
-	let [y, b] = s(g, h, _), x = r(l), S = () => {
+	let [y, b] = s(g, h, _), x = t(l), S = () => {
 		b(!1);
 	};
-	return y ? /* @__PURE__ */ o("aside", {
+	return y ? /* @__PURE__ */ a("aside", {
 		...v,
 		className: e(c.infoBanner, c[f], v.className),
 		children: [
-			/* @__PURE__ */ a(t, {
+			/* @__PURE__ */ i(r, {
 				"aria-hidden": !0,
 				className: c.icon,
 				status: f
 			}),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ a("div", {
 				className: c.content,
-				children: [u && /* @__PURE__ */ a("strong", {
+				children: [u && /* @__PURE__ */ i("strong", {
 					className: c.heading,
 					children: u
-				}), /* @__PURE__ */ o("div", {
+				}), /* @__PURE__ */ a("div", {
 					className: c.text,
 					children: [d, p]
 				})]
 			}),
-			m && /* @__PURE__ */ a("div", {
+			m && /* @__PURE__ */ i("div", {
 				className: c.dismissable,
-				children: /* @__PURE__ */ a(i, {
+				children: /* @__PURE__ */ i(n, {
 					variant: "icon",
 					"aria-label": x.format("close"),
 					onPress: S,
-					children: /* @__PURE__ */ a(n, { size: 20 })
+					children: /* @__PURE__ */ i(o, { size: 20 })
 				})
 			})
 		]