@midas-ds/components 17.33.5 → 17.33.6

package/chunks/{date-field-BCfp9ZpN.js → date-field-DSBHnHdN.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
-import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n, t as r } from "./label-2ac-zqbe.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 { t as e } from "./clsx-BtGY0yFD.js";
+import { t } from "./field-error-C5ynuTRu.js";
+import { n, t as r } from "./label-B5-Kmj4t.js";
+import { t as i } from "./text-D7tnzTru.js";
+import { t as a } from "./clear-button-CeQy0RdK.js";
+import { t as o } from "./useLocalizedStringFormatter-DhIAL1D7.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";
@@ -16,23 +16,23 @@ import '../assets/date-field.css';var g = {
 	inputField: "_inputField_t65wr_7",
 	medium: "_medium_t65wr_41",
 	clearButton: "_clearButton_t65wr_50"
-}, v = ({ isClearable: n, size: r, isDisabled: i, isReadOnly: a }) => {
-	let c = t(g), u = s.useContext(l), d = h();
-	return n && u?.value != null && !a ? /* @__PURE__ */ f(o, {
+}, v = ({ isClearable: t, size: n, isDisabled: r, isReadOnly: i }) => {
+	let c = o(g), u = s.useContext(l), d = h();
+	return t && u?.value != null && !i ? /* @__PURE__ */ f(a, {
 		onPress: () => {
 			u?.setValue(null), d?.focusFirst();
 		},
-		size: r,
-		isDisabled: i,
+		size: n,
+		isDisabled: r,
 		"aria-label": c.format("clear"),
-		className: e(_.clearButton, { [_.medium]: r === "medium" })
+		className: e(_.clearButton, { [_.medium]: n === "medium" })
 	}) : null;
-}, y = s.forwardRef(({ className: t, description: o, errorMessage: s, errorPosition: l = "top", label: u, size: d = "large", popover: h, isClearable: g = !1, isReadOnly: y, isDisabled: b, ...S }, w) => /* @__PURE__ */ p(c, {
+}, y = s.forwardRef(({ className: a, description: o, errorMessage: s, errorPosition: l = "top", label: u, size: d = "large", popover: h, isClearable: g = !1, isReadOnly: y, isDisabled: b, ...S }, w) => /* @__PURE__ */ p(c, {
 	...S,
 	ref: w,
 	isReadOnly: y,
 	isDisabled: b,
-	className: e(_.dateField, t),
+	className: e(_.dateField, a),
 	children: [
 		/* @__PURE__ */ f(n, {
 			popover: h,
@@ -42,7 +42,7 @@ import '../assets/date-field.css';var g = {
 			slot: "description",
 			children: o
 		}),
-		l === "top" && /* @__PURE__ */ f(a, { children: s }),
+		l === "top" && /* @__PURE__ */ f(t, { children: s }),
 		/* @__PURE__ */ f("div", {
 			className: e(_.inputField, { [_.medium]: d === "medium" }),
 			"data-testid": "date-field_input-field",
@@ -53,7 +53,7 @@ import '../assets/date-field.css';var g = {
 				isReadOnly: y
 			})] })
 		}),
-		l === "bottom" && /* @__PURE__ */ f(a, { children: s })
+		l === "bottom" && /* @__PURE__ */ f(t, { children: s })
 	]
 })), b = { dateSegment: "_dateSegment_15g5c_1" }, x = ({ className: t, ...n }) => /* @__PURE__ */ f(d, {
 	className: e(b.dateSegment, t),
@@ -69,5 +69,4 @@ import '../assets/date-field.css';var g = {
 	className: S.divider,
 	children: "-"
 });
-//#endregion
 export { y as i, C as n, x as r, w as t };

package/chunks/{date-picker-DH8j2eU9.js → date-picker-CLizY8Vq.js}

@@ -1,12 +1,12 @@
 '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-Bq2qqFIW.js";
-import { n as i, t as a } from "./label-2ac-zqbe.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-BCfp9ZpN.js";
+import { t as e } from "./clear-button-CeQy0RdK.js";
+import { t } from "./useLocalizedStringFormatter-DhIAL1D7.js";
+import { n } from "./button-S2AY4EEn.js";
+import { n as r, t as i } from "./calendar-BOTC3DKx.js";
+import { n as a, r as o, t as s } from "./date-field-DSBHnHdN.js";
+import { t as c } from "./field-error-C5ynuTRu.js";
+import { n as l, t as u } from "./label-B5-Kmj4t.js";
+import { t as d } from "./text-D7tnzTru.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";
@@ -30,32 +30,32 @@ import '../assets/date-picker.css';var T = {
 	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, {
+}, D = (e) => !!e && !!e.value && Object.prototype.hasOwnProperty.call(e.value, "start"), O = ({ isClearable: n, isDisabled: r, isReadOnly: i, size: a }) => {
+	let o = f.useContext(h), s = f.useContext(_), c = t(T), l = w(), u = s ?? o, d = D(u) ? !!u.value.start && u.value.end : !!u?.value;
+	return n && d && !i ? /* @__PURE__ */ b(e, {
 		onPress: () => {
 			u?.setValue(null), l?.focusFirst();
 		},
-		size: i,
-		isDisabled: n,
-		"aria-label": s.format("clear"),
-		className: p(E.iconButton, { [E.medium]: i === "medium" })
+		size: a,
+		isDisabled: r,
+		"aria-label": c.format("clear"),
+		className: p(E.iconButton, { [E.medium]: a === "medium" })
 	}) : null;
-}, k = ({ children: n, isDisabled: r, isInvalid: i, isReadOnly: a, size: o = "large", isClearable: s = !1 }) => {
-	let c = e(T);
+}, k = ({ children: e, isDisabled: r, isInvalid: i, isReadOnly: a, size: o = "large", isClearable: s = !1 }) => {
+	let c = t(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", {
+		children: /* @__PURE__ */ x(C, { children: [e, /* @__PURE__ */ x("div", {
 			className: E.buttonGroup,
 			children: [/* @__PURE__ */ b(O, {
 				isClearable: s,
 				isDisabled: r,
 				isReadOnly: a,
 				size: o
-			}), /* @__PURE__ */ b(t, {
+			}), /* @__PURE__ */ b(n, {
 				variant: "icon",
 				"aria-label": c.format("open-calendar"),
 				className: p(E.iconButton, {
@@ -74,48 +74,48 @@ import '../assets/date-picker.css';var T = {
 }, 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, {
+}), j = f.forwardRef(({ className: e, description: t, errorMessage: n, errorPosition: i = "top", label: s, 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, {
+		/* @__PURE__ */ b(l, {
 			popover: f,
-			children: d && /* @__PURE__ */ b(a, { children: d })
+			children: s && /* @__PURE__ */ b(u, { children: s })
 		}),
-		t && /* @__PURE__ */ b(o, {
+		t && /* @__PURE__ */ b(d, {
 			slot: "description",
 			children: t
 		}),
-		c === "top" && /* @__PURE__ */ b(s, { children: r }),
+		i === "top" && /* @__PURE__ */ b(c, { children: n }),
 		/* @__PURE__ */ b(k, {
 			isClearable: h,
 			isReadOnly: g,
 			isDisabled: _,
 			size: v,
 			...y,
-			children: /* @__PURE__ */ b(l, { children: (e) => /* @__PURE__ */ b(u, { segment: e }) })
+			children: /* @__PURE__ */ b(a, { children: (e) => /* @__PURE__ */ b(o, { segment: e }) })
 		}),
-		c === "bottom" && /* @__PURE__ */ b(s, { children: r }),
-		/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(n, {}) })
+		i === "bottom" && /* @__PURE__ */ b(c, { children: n }),
+		/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(r, {}) })
 	]
-})), 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, {
+})), M = ({ className: e, description: t, errorMessage: n, errorPosition: r = "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, {
+		/* @__PURE__ */ b(l, {
 			popover: m,
-			children: f && /* @__PURE__ */ b(a, { children: f })
+			children: f && /* @__PURE__ */ b(u, { children: f })
 		}),
-		t && /* @__PURE__ */ b(o, {
+		t && /* @__PURE__ */ b(d, {
 			slot: "description",
 			children: t
 		}),
-		c === "top" && /* @__PURE__ */ b(s, { children: n }),
+		r === "top" && /* @__PURE__ */ b(c, { children: n }),
 		/* @__PURE__ */ x(k, {
 			isClearable: h,
 			isReadOnly: _,
@@ -123,20 +123,19 @@ import '../assets/date-picker.css';var T = {
 			size: y,
 			...S,
 			children: [
-				/* @__PURE__ */ b(l, {
+				/* @__PURE__ */ b(a, {
 					slot: "start",
-					children: (e) => /* @__PURE__ */ b(u, { segment: e })
+					children: (e) => /* @__PURE__ */ b(o, { segment: e })
 				}),
-				/* @__PURE__ */ b(d, {}),
-				/* @__PURE__ */ b(l, {
+				/* @__PURE__ */ b(s, {}),
+				/* @__PURE__ */ b(a, {
 					slot: "end",
-					children: (e) => /* @__PURE__ */ b(u, { segment: e })
+					children: (e) => /* @__PURE__ */ b(o, { segment: e })
 				})
 			]
 		}),
-		c === "bottom" && /* @__PURE__ */ b(s, { children: n }),
-		/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(r, {}) })
+		r === "bottom" && /* @__PURE__ */ b(c, { children: n }),
+		/* @__PURE__ */ b(A, { children: /* @__PURE__ */ b(i, {}) })
 	]
 });
-//#endregion
 export { j as n, M as t };

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

@@ -1,5 +1,5 @@
 'use client';
-import { t as e } from "./clsx-DAqHMl_k.js";
+import { t as e } from "./clsx-BtGY0yFD.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";
@@ -21,5 +21,4 @@ import '../assets/drop-zone.css';var o = { dropZone: "_dropZone_1g3sx_1" }, s =
 	});
 });
 s.displayName = "DropZone";
-//#endregion
 export { s as t };

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

@@ -1,5 +1,5 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
-import { t } from "./text-DnvD4Cjc.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
+import { t } from "./text-D7tnzTru.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";
@@ -15,5 +15,4 @@ import '../assets/field-error.css';var s = { fieldError: "_fieldError_u3cks_1" }
 	}) : null;
 });
 c.displayName = "FieldError";
-//#endregion
 export { c as t };

package/chunks/{file-list-DT3zkJbO.js → file-list-etDe20pj.js}

@@ -1,10 +1,10 @@
 '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-CJOm7oiN.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
+import { n as t } from "./button-S2AY4EEn.js";
+import { t as n } from "./progress-bar-DE7UoEWR.js";
+import { t as r } from "./FeedbackStatusIcon-Ba31xgcy.js";
+import { t as i } from "./field-error-C5ynuTRu.js";
+import { t as a } from "./useLocalizedStringFormatter-DhIAL1D7.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";
@@ -62,7 +62,7 @@ import '../assets/file-list.css';var _ = {
 		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;
+	let C = a(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,
@@ -73,7 +73,7 @@ import '../assets/file-list.css';var _ = {
 					/* @__PURE__ */ d("span", {
 						className: _.iconSlot,
 						children: [
-							w && /* @__PURE__ */ u(a, {
+							w && /* @__PURE__ */ u(n, {
 								shape: "circular",
 								small: !0,
 								value: g,
@@ -107,7 +107,7 @@ import '../assets/file-list.css';var _ = {
 							children: c
 						})] })]
 					}),
-					M && /* @__PURE__ */ u(n, {
+					M && /* @__PURE__ */ u(t, {
 						variant: "icon",
 						onPress: M,
 						"aria-label": `${C.format(w ? "cancelUpload" : "removeFile")} ${o}`,
@@ -135,5 +135,4 @@ import '../assets/file-list.css';var _ = {
 		]
 	});
 };
-//#endregion
 export { v as n, x as t };

package/chunks/{file-trigger-Dp5nH8oS.js → file-trigger-gOeeZzDP.js}

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

package/chunks/{grid-SIgkSK_-.js → grid-CFn_pqQX.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 import '../assets/grid.css';var n = {
@@ -221,5 +221,4 @@ import '../assets/grid.css';var n = {
 		children: r
 	});
 }, a = (e) => e ? typeof e == "object" ? Object.entries(e).map(([e, t]) => e === "xs" ? `col-${t}` : `col-${e}-${t}`) : [`col-${e}`] : [], o = (e) => e ? typeof e == "object" ? Object.entries(e).map(([e, t]) => e === "xs" ? `offset-${t}` : `offset-${e}-${t}`) : [`offset-${e}`] : [];
-//#endregion
 export { r as n, i as t };

package/chunks/{heading-DcOjYrUM.js → heading-CIlMdywy.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-DAqHMl_k.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
 import "react";
 import { Heading as t } from "react-aria-components";
 import { jsx as n } from "react/jsx-runtime";
@@ -27,5 +27,4 @@ import '../assets/heading.css';var r = {
 		children: i
 	});
 };
-//#endregion
 export { i as t };

package/chunks/{icons-UBHIX2oV.js → icons-a0WawN46.js}

@@ -1,7 +1,7 @@
 'use client';
 import { forwardRef as e } from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/icons/ContrastFilled.tsx
+// src/icons/ContrastFilled.tsx
 var r = e(({ size: e = 24, color: r = "currentColor", strokeWidth: i = 2, className: a, ...o }, s) => /* @__PURE__ */ n("svg", {
 	ref: s,
 	xmlns: "http://www.w3.org/2000/svg",
@@ -26,5 +26,4 @@ var r = e(({ size: e = 24, color: r = "currentColor", strokeWidth: i = 2, classN
 	})]
 }));
 r.displayName = "ContrastFilled";
-//#endregion
 export { r as t };

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

@@ -1,7 +1,7 @@
-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 e } from "./clsx-BtGY0yFD.js";
+import { n as t } from "./button-S2AY4EEn.js";
+import { t as n } from "./useLocalizedStringFormatter-DhIAL1D7.js";
+import { t as r } from "./FeedbackStatusIcon-Ba31xgcy.js";
 import "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { X as o } from "lucide-react";
@@ -21,7 +21,7 @@ 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 = t(l), S = () => {
+	let [y, b] = s(g, h, _), x = n(l), S = () => {
 		b(!1);
 	};
 	return y ? /* @__PURE__ */ a("aside", {
@@ -45,7 +45,7 @@ import '../assets/info-banner.css';var c = {
 			}),
 			m && /* @__PURE__ */ i("div", {
 				className: c.dismissable,
-				children: /* @__PURE__ */ i(n, {
+				children: /* @__PURE__ */ i(t, {
 					variant: "icon",
 					"aria-label": x.format("close"),
 					onPress: S,
@@ -55,5 +55,4 @@ import '../assets/info-banner.css';var c = {
 		]
 	}) : null;
 };
-//#endregion
 export { u as t };

package/chunks/{label-2ac-zqbe.js → label-B5-Kmj4t.js}

@@ -1,8 +1,8 @@
-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 "./popover-B82BcP5n.js";
-import { t as i } from "./modal-CzApHmjO.js";
+import { t as e } from "./clsx-BtGY0yFD.js";
+import { t } from "./popover-C7Ain5Qz.js";
+import { n } from "./button-S2AY4EEn.js";
+import { t as r } from "./modal-BQrpnHT5.js";
+import { t as i } from "./useLocalizedStringFormatter-DhIAL1D7.js";
 import * as a from "react";
 import o, { useContext as s } from "react";
 import { Label as c } from "react-aria-components";
@@ -15,8 +15,8 @@ import '../assets/label.css';var f = { labelBase: "_labelBase_f5wtf_1" }, p = {
 	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, {
+	let o = s(g), c = i(m);
+	return /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(n, {
 		"aria-label": a || c.format("moreInfo"),
 		className: p.labelPopoverTrigger,
 		id: o?.popoverId,
@@ -24,7 +24,7 @@ import '../assets/label.css';var f = { labelBase: "_labelBase_f5wtf_1" }, p = {
 		slot: null,
 		variant: "icon",
 		children: /* @__PURE__ */ l(d, { size: 20 })
-	}), /* @__PURE__ */ l(r, { children: e })] });
+	}), /* @__PURE__ */ l(t, { children: e })] });
 }, g = o.createContext(void 0), _ = ({ children: e, popover: t }) => {
 	let n = o.useId();
 	return t ? /* @__PURE__ */ l(g.Provider, {
@@ -46,5 +46,4 @@ import '../assets/label.css';var f = { labelBase: "_labelBase_f5wtf_1" }, p = {
 		children: t
 	});
 };
-//#endregion
 export { _ as n, y as t };