@midas-ds/components 17.28.2 → 17.30.0

package/chunks/color-scheme-switch-0axiBsna.js

@@ -0,0 +1,160 @@
+'use client';
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-C-WkFek9.js";
+import { t as r } from "./icons-UBHIX2oV.js";
+import { n as i, t as a } from "./toggle-button-CIvsOXQf.js";
+import { a as o, o as s, r as c } from "./menu-CP0Xvmx0.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-DkZbA3o4.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 } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n, t as r } from "./label-Dw5p84T2.js";
+import { t as i } from "./text-DwmZ-ew8.js";
+import { t as a } from "./field-error-LtNtEKDp.js";
+import { a as o, c as s, t as c } from "./list-box-DmEoMvX1.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-CPpWZqws.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./clsx-Di52oYUU.js";
 import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-LWlgvAwz.js";
+import { n, t as r } from "./label-Dw5p84T2.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 { t as o } from "./clear-button-Bv0YGBNG.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-DQ7vCG5-.js

@@ -0,0 +1,142 @@
+'use client';
+import { n as e } from "./clsx-Di52oYUU.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-C-WkFek9.js";
+import { n as r, t as i } from "./calendar-Bt1FLxqr.js";
+import { n as a, t as o } from "./label-Dw5p84T2.js";
+import { t as s } from "./text-DwmZ-ew8.js";
+import { t as c } from "./field-error-LtNtEKDp.js";
+import { t as l } from "./clear-button-Bv0YGBNG.js";
+import { n as u, r as d, t as f } from "./date-field-CPpWZqws.js";
+import * as p from "react";
+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: n, isDisabled: r, isReadOnly: i, size: a }) => {
+	let o = p.useContext(h), s = p.useContext(_), c = t(T), u = w(), d = s ?? o, f = D(d) ? !!d.value.start && d.value.end : !!d?.value;
+	return n && f && !i ? /* @__PURE__ */ b(l, {
+		onPress: () => {
+			d?.setValue(null), u?.focusFirst();
+		},
+		size: a,
+		isDisabled: r,
+		"aria-label": c.format("clear"),
+		className: e(E.iconButton, { [E.medium]: a === "medium" })
+	}) : null;
+}, k = ({ children: r, isDisabled: i, isInvalid: a, isReadOnly: o, size: s = "large", isClearable: c = !1 }) => {
+	let l = t(T);
+	return /* @__PURE__ */ b(v, {
+		className: e(E.inputField, {
+			[E.medium]: s === "medium",
+			[E.readOnly]: o
+		}),
+		children: /* @__PURE__ */ x(C, { children: [r, /* @__PURE__ */ x("div", {
+			className: E.buttonGroup,
+			children: [/* @__PURE__ */ b(O, {
+				isClearable: c,
+				isDisabled: i,
+				isReadOnly: o,
+				size: s
+			}), /* @__PURE__ */ b(n, {
+				variant: "icon",
+				"aria-label": l.format("open-calendar"),
+				className: e(E.iconButton, {
+					[E.medium]: s === "medium",
+					[E.readOnly]: o
+				}),
+				"data-invalid": a || void 0,
+				size: s,
+				children: /* @__PURE__ */ b(S, {
+					"aria-hidden": !0,
+					size: 20
+				})
+			})]
+		})] })
+	});
+}, A = ({ children: e }) => /* @__PURE__ */ b(y, {
+	className: E.popover,
+	children: e
+}), j = p.forwardRef(({ className: t, description: n, errorMessage: i, errorPosition: l = "top", label: f, popover: p, isClearable: h = !1, isReadOnly: g, isDisabled: _, size: v, ...y }, S) => /* @__PURE__ */ x(m, {
+	className: e(E.datePicker, t),
+	isReadOnly: g,
+	isDisabled: _,
+	ref: S,
+	...y,
+	children: [
+		/* @__PURE__ */ b(a, {
+			popover: p,
+			children: f && /* @__PURE__ */ b(o, { children: f })
+		}),
+		n && /* @__PURE__ */ b(s, {
+			slot: "description",
+			children: n
+		}),
+		l === "top" && /* @__PURE__ */ b(c, { children: i }),
+		/* @__PURE__ */ b(k, {
+			isClearable: h,
+			isReadOnly: g,
+			isDisabled: _,
+			size: v,
+			...y,
+			children: /* @__PURE__ */ b(u, { children: (e) => /* @__PURE__ */ b(d, { segment: e }) })
+		}),
+		l === "bottom" && /* @__PURE__ */ b(c, { children: i }),
+		/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(r, {}) })
+	]
+})), M = ({ className: t, description: n, errorMessage: r, errorPosition: l = "top", label: p, popover: m, isClearable: h = !1, isReadOnly: _, isDisabled: v, size: y, ...S }) => /* @__PURE__ */ x(g, {
+	className: e(E.datePicker, t),
+	isReadOnly: _,
+	isDisabled: v,
+	...S,
+	children: [
+		/* @__PURE__ */ b(a, {
+			popover: m,
+			children: p && /* @__PURE__ */ b(o, { children: p })
+		}),
+		n && /* @__PURE__ */ b(s, {
+			slot: "description",
+			children: n
+		}),
+		l === "top" && /* @__PURE__ */ b(c, { children: r }),
+		/* @__PURE__ */ x(k, {
+			isClearable: h,
+			isReadOnly: _,
+			isDisabled: v,
+			size: y,
+			...S,
+			children: [
+				/* @__PURE__ */ b(u, {
+					slot: "start",
+					children: (e) => /* @__PURE__ */ b(d, { segment: e })
+				}),
+				/* @__PURE__ */ b(f, {}),
+				/* @__PURE__ */ b(u, {
+					slot: "end",
+					children: (e) => /* @__PURE__ */ b(d, { segment: e })
+				})
+			]
+		}),
+		l === "bottom" && /* @__PURE__ */ b(c, { children: r }),
+		/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(i, {}) })
+	]
+});
+//#endregion
+export { j as n, M as t };

package/chunks/file-list-D8Zc1aYS.js

@@ -0,0 +1,139 @@
+'use client';
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-C-WkFek9.js";
+import { t as r } from "./FeedbackStatusIcon-DvMDGBGL.js";
+import { t as i } from "./field-error-LtNtEKDp.js";
+import { t as a } from "./progress-bar-BfFxpqUv.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/{info-banner-osR4e6nB.js → info-banner-BVKtmVKN.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 } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-C-WkFek9.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 })
 				})
 			})
 		]

package/chunks/label-Dw5p84T2.js

@@ -0,0 +1,50 @@
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { n } from "./button-C-WkFek9.js";
+import { t as r } from "./popover-DGcogqbS.js";
+import { t as i } from "./modal-B_uSoXZM.js";
+import * as a from "react";
+import o, { useContext as s } from "react";
+import { Label as c } from "react-aria-components";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Info as d } from "lucide-react";
+import '../assets/label.css';var f = { labelBase: "_labelBase_f5wtf_1" }, p = {
+	labelPopover: "_labelPopover_15nnd_1",
+	labelPopoverTrigger: "_labelPopoverTrigger_15nnd_7"
+}, m = {
+	en: { moreInfo: "More info" },
+	sv: { moreInfo: "Mer information" }
+}, h = ({ children: e, "aria-label": a }) => {
+	let o = s(g), c = t(m);
+	return /* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(n, {
+		"aria-label": a || c.format("moreInfo"),
+		className: p.labelPopoverTrigger,
+		id: o?.popoverId,
+		size: "medium",
+		slot: null,
+		variant: "icon",
+		children: /* @__PURE__ */ l(d, { size: 20 })
+	}), /* @__PURE__ */ l(r, { children: e })] });
+}, g = o.createContext(void 0), _ = ({ children: e, popover: t }) => {
+	let n = o.useId();
+	return t ? /* @__PURE__ */ l(g.Provider, {
+		value: { popoverId: n },
+		children: /* @__PURE__ */ u("div", {
+			className: p.labelPopover,
+			children: [e, /* @__PURE__ */ l(h, { ...t })]
+		})
+	}) : e;
+}, v = "label", y = ({ children: t, className: n, elementType: r = v, ...i }) => {
+	let o = {
+		className: e(f.labelBase, n),
+		elementType: r || v,
+		...i
+	}, s = a.useContext(g);
+	return /* @__PURE__ */ l(c, {
+		...o,
+		"aria-describedby": s?.popoverId,
+		children: t
+	});
+};
+//#endregion
+export { _ as n, y as t };