@midas-ds/components 17.29.0 → 17.30.0

package/chunks/link-BAgs4RwY.js

@@ -1,59 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./arrow-right-Db_H9KjE.js";
-import { t as r } from "./square-arrow-out-up-right-DkgXD7hj.js";
-import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { Link as a, RouterProvider as o } from "react-aria-components";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { VisuallyHidden as u } from "react-aria";
-import '../assets/link.css';var d = t("arrow-down-to-line", [
-	["path", {
-		d: "M12 17V3",
-		key: "1cwfxf"
-	}],
-	["path", {
-		d: "m6 11 6 6 6-6",
-		key: "12ii2o"
-	}],
-	["path", {
-		d: "M19 21H5",
-		key: "150jfl"
-	}]
-]), f = {
-	link: "_link_duep2_1",
-	icon: "_icon_duep2_53",
-	standalone: "_standalone_duep2_57",
-	stretched: "_stretched_duep2_76"
-}, p = {
-	en: {
-		opensInNewTab: "Opens in new tab",
-		downloadsFile: "Downloads file"
-	},
-	sv: {
-		opensInNewTab: "Öppnas i ny flik",
-		downloadsFile: "Hämtar fil"
-	}
-}, m = ({ children: t, standalone: o, target: m, stretched: g, download: _, icon: v, className: y, as: b, ...x }) => {
-	let S = b || a, C = i(p), w = v ? { icon: v } : _ ? {
-		icon: d,
-		label: C.format("downloadsFile")
-	} : m === "_blank" ? {
-		icon: r,
-		label: C.format("opensInNewTab")
-	} : o ? { icon: n } : null;
-	return /* @__PURE__ */ l(S, {
-		className: e(f.link, o && f.standalone, g && f.stretched, y),
-		...x,
-		target: m,
-		download: _,
-		children: [t, w ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(h, {
-			className: f.icon,
-			icon: w.icon,
-			size: 16,
-			"aria-hidden": !0
-		}), w.label && /* @__PURE__ */ c(u, { children: w.label })] }) : null]
-	});
-}, h = ({ icon: e, ...t }) => /* @__PURE__ */ c(e, { ...t });
-//#endregion
-export { o as n, m as t };

package/chunks/link-button-BuPMEGUj.js

@@ -1,52 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./arrow-right-Db_H9KjE.js";
-import { t as r } from "./square-arrow-out-up-right-DkgXD7hj.js";
-import { t as i } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import "react";
-import { Link as a, RouterProvider as o } from "react-aria-components";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { VisuallyHidden as l } from "react-aria";
-import '../assets/link-button.css';var u = t("arrow-left", [["path", {
-	d: "m12 19-7-7 7-7",
-	key: "1l729n"
-}], ["path", {
-	d: "M19 12H5",
-	key: "x3x0zl"
-}]]), d = {
-	linkButton: "_linkButton_1k5w6_1",
-	secondary: "_secondary_1k5w6_58",
-	icon: "_icon_1k5w6_63",
-	tertiary: "_tertiary_1k5w6_102",
-	danger: "_danger_1k5w6_130",
-	iconBtn: "_iconBtn_1k5w6_149",
-	medium: "_medium_1k5w6_173",
-	iconLeft: "_iconLeft_1k5w6_178",
-	fullwidth: "_fullwidth_1k5w6_182",
-	button: "_button_1k5w6_192"
-}, f = {
-	en: { opensInNewTab: "Opens in new tab" },
-	sv: { opensInNewTab: "Öppnas i ny flik" }
-}, p = ({ children: t, variant: o, fullwidth: p, icon: h, iconPlacement: g, className: _, as: v, size: y = "large", ...b }) => {
-	let x = v || a, S = i(f), C = h ? { icon: h } : b.target === "_blank" ? {
-		icon: r,
-		label: S.format("opensInNewTab")
-	} : g === "left" ? { icon: u } : { icon: n };
-	return /* @__PURE__ */ c(x, {
-		className: e(d.linkButton, o === "primary" && d.primary, o === "secondary" && d.secondary, o === "tertiary" && d.tertiary, o === "danger" && d.danger, o === "icon" && d.iconBtn, y === "medium" && d.medium, p && d.fullwidth, g === "left" && d.iconLeft, _),
-		...b,
-		children: [
-			t,
-			/* @__PURE__ */ s(m, {
-				className: d.icon,
-				icon: C.icon,
-				size: 20,
-				"aria-hidden": !0
-			}),
-			C.label && /* @__PURE__ */ s(l, { children: C.label })
-		]
-	});
-}, m = ({ icon: e, ...t }) => /* @__PURE__ */ s(e, { ...t });
-//#endregion
-export { o as n, p as t };

package/chunks/menu-aT2IR0tO.js

@@ -1,49 +0,0 @@
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./check-DV00NPU0.js";
-import { t as n } from "./chevron-right-DwqboCdU.js";
-import { Menu as r, MenuItem as i, MenuSection as a, MenuTrigger as o, Popover as s, Separator as c } from "react-aria-components";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import '../assets/menu.css';var f = {
-	menu: "_menu_1wm5z_1",
-	menuSection: "_menuSection_1wm5z_17",
-	medium: "_medium_1wm5z_29",
-	menuItem: "_menuItem_1wm5z_36",
-	mainContent: "_mainContent_1wm5z_105",
-	checkMark: "_checkMark_1wm5z_116",
-	separator: "_separator_1wm5z_126",
-	menuPopover: "_menuPopover_1wm5z_149 _dropdownAnimation_1ljkv_4"
-}, p = ({ className: t, size: n = "large", ...i }) => /* @__PURE__ */ u(r, {
-	className: e(t, f.menu, n === "medium" && f.medium),
-	...i
-}), m = (r) => /* @__PURE__ */ u(i, {
-	...r,
-	textValue: r.textValue || (typeof r.children == "string" ? r.children : void 0),
-	className: e(f.menuItem, r.className),
-	children: (e) => {
-		let { children: i } = r, { selectionMode: a, isSelected: o, hasSubmenu: s } = e;
-		return /* @__PURE__ */ d(l, { children: [
-			a !== "none" && /* @__PURE__ */ u(t, {
-				size: 16,
-				className: f.checkMark,
-				"data-selected": o || void 0
-			}),
-			/* @__PURE__ */ u("div", {
-				className: f.mainContent,
-				children: typeof i == "function" ? i(e) : i
-			}),
-			s && /* @__PURE__ */ u(n, { size: 20 })
-		] });
-	}
-}), h = ({ className: t, ...n }) => /* @__PURE__ */ u(s, {
-	className: e(t, f.menuPopover),
-	offset: 4,
-	...n
-}), g = ({ className: t, ...n }) => /* @__PURE__ */ u(a, {
-	className: e(t, f.menuSection),
-	...n
-}), _ = ({ className: t, ...n }) => /* @__PURE__ */ u(c, {
-	className: e(t, f.separator),
-	...n
-});
-//#endregion
-export { p as a, m as i, g as n, o, h as r, _ as t };

package/chunks/modal-C-UsxdO0.js

@@ -1,66 +0,0 @@
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./x-BJAOO5a5.js";
-import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as r } from "./button-CenXTGXL.js";
-import { t as i } from "./heading-BEl_z-5T.js";
-import { forwardRef as a } from "react";
-import { Dialog as o, DialogTrigger as s, Modal as c, ModalOverlay as l, composeRenderProps as u } from "react-aria-components";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import '../assets/modal.css';var p = {
-	modal: "_modal_x15md_1",
-	dialog: "_dialog_x15md_10",
-	modalHeader: "_modalHeader_x15md_39",
-	modalTitle: "_modalTitle_x15md_50",
-	modalBody: "_modalBody_x15md_56"
-}, m = {
-	en: { close: "Close" },
-	sv: { close: "Stäng" }
-}, h = {
-	modalOverlay: "_modalOverlay_gwg3f_1",
-	"modal-fade": "_modal-fade_gwg3f_1"
-}, g = a(({ className: t, ...n }, r) => /* @__PURE__ */ d(l, {
-	className: e(t, h.modalOverlay),
-	ref: r,
-	...n
-}));
-g.displayName = "ModalOverlay";
-//#endregion
-//#region src/modal/Modal.tsx
-var _ = a(({ children: e, title: a, hideCloseButton: s = !1, ...l }, h) => {
-	let _ = n(m);
-	return /* @__PURE__ */ d(g, {
-		...l,
-		children: u(e, (e) => /* @__PURE__ */ d(c, {
-			className: p.modal,
-			ref: h,
-			children: /* @__PURE__ */ f(o, {
-				className: p.dialog,
-				children: [/* @__PURE__ */ f("div", {
-					className: p.modalHeader,
-					children: [/* @__PURE__ */ d("div", {
-						className: p.modalTitle,
-						children: a && /* @__PURE__ */ d(i, {
-							level: 3,
-							elementType: "h2",
-							slot: "title",
-							children: a
-						})
-					}), !s && /* @__PURE__ */ d(r, {
-						slot: "close",
-						variant: "tertiary",
-						icon: t,
-						iconPlacement: "right",
-						children: _.format("close")
-					})]
-				}), /* @__PURE__ */ d("div", {
-					className: p.modalBody,
-					tabIndex: -1,
-					children: e
-				})]
-			})
-		}))
-	});
-});
-_.displayName = "Modal";
-//#endregion
-export { _ as n, g as r, s as t };

package/chunks/search-field-GNTRFpzf.js

@@ -1,100 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Di52oYUU.js";
-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-CenXTGXL.js";
-import { n as a, t as o } from "./label-LWlgvAwz.js";
-import { t as s } from "./text-DwmZ-ew8.js";
-import { t as c } from "./field-error-LtNtEKDp.js";
-import { t as l } from "./TextField.module-BLGiCC4q.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";
-import '../assets/search-field.css';var _ = t("search", [["path", {
-	d: "m21 21-4.34-4.34",
-	key: "14j7rj"
-}], ["circle", {
-	cx: "11",
-	cy: "11",
-	r: "8",
-	key: "4ej97u"
-}]]), v = {
-	container: "_container_onquj_1",
-	inner: "_inner_onquj_12",
-	inputContainer: "_inputContainer_onquj_17",
-	medium: "_medium_onquj_23",
-	icon: "_icon_onquj_28",
-	clear: "_clear_onquj_40",
-	input: "_input_onquj_17"
-}, y = {
-	en: { search: "Search" },
-	sv: { search: "Sök" }
-};
-//#endregion
-//#region src/search-field/SearchField.tsx
-function b(e) {
-	return !!e?.length;
-}
-var x = ({ errorPosition: t = "top", size: x = "large", showButton: S, className: C, errorMessage: w, placeholder: T, label: E, description: D, popover: O, validationBehavior: k, inputMode: A = "search", ...j }) => {
-	let M = r(y), N = p(u), P = k ?? N?.validationBehavior ?? "aria", F = S !== !1, I = (e) => {
-		e && !j.isInvalid && (j.validate && b(j.validate(e)) || j.onSubmit?.(e));
-	};
-	return /* @__PURE__ */ h(f, {
-		...j,
-		inputMode: A,
-		onSubmit: I,
-		"aria-label": E ? j["aria-label"] : j["aria-label"] ?? T,
-		className: e(v.container, C),
-		validationBehavior: P,
-		children: ({ state: r }) => /* @__PURE__ */ g(m, { children: [
-			/* @__PURE__ */ h(a, {
-				popover: O,
-				children: E && /* @__PURE__ */ h(o, { children: E })
-			}),
-			D && /* @__PURE__ */ h(s, {
-				slot: "description",
-				children: D
-			}),
-			t === "top" && /* @__PURE__ */ h(c, { children: ({ validationErrors: e }) => w ?? e.join(" ") }),
-			/* @__PURE__ */ g("div", {
-				className: v.inner,
-				children: [/* @__PURE__ */ g("div", {
-					className: e(v.inputContainer, { [v.medium]: x === "medium" }),
-					children: [
-						/* @__PURE__ */ h(_, {
-							size: 20,
-							className: v.icon
-						}),
-						/* @__PURE__ */ h(d, {
-							placeholder: T,
-							className: e(l.input, v.input, { [v.medium]: x === "medium" }),
-							onKeyDown: j.onSubmit ? void 0 : (e) => {
-								e.key === "Enter" && r.value && !j.isInvalid && e.currentTarget.form?.requestSubmit();
-							}
-						}),
-						r.value.length > 0 && /* @__PURE__ */ h(i, {
-							variant: "icon",
-							size: x,
-							className: e(v.clear, { [v.medium]: x === "medium" }),
-							children: /* @__PURE__ */ h(n, {
-								size: 20,
-								"aria-hidden": !0
-							})
-						})
-					]
-				}), F && /* @__PURE__ */ h(i, {
-					slot: null,
-					excludeFromTabOrder: !0,
-					size: x,
-					isDisabled: j.isDisabled,
-					type: "button",
-					onPress: () => I(r.value),
-					children: j.buttonText ?? M.format("search")
-				})]
-			}),
-			t === "bottom" && /* @__PURE__ */ h(c, { children: ({ validationErrors: e }) => w ?? e.join(" ") })
-		] })
-	});
-};
-//#endregion
-export { x as t };

package/chunks/select-oLCNpryY.js

@@ -1,177 +0,0 @@
-import { n as e, t } from "./clsx-Di52oYUU.js";
-import { t as n } from "./chevron-down-CP7nEDei.js";
-import { n as r } from "./checkbox-Bqd8B58G.js";
-import { t as i } from "./x-BJAOO5a5.js";
-import { t as a } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { n as o, t as s } from "./label-LWlgvAwz.js";
-import { t as c } from "./popover-DGcogqbS.js";
-import { t as l } from "./text-DwmZ-ew8.js";
-import { t as u } from "./field-error-LtNtEKDp.js";
-import { c as d } from "./list-box-BN_MSiOD.js";
-import { n as f, r as p, t as m } from "./tag-BIcqtf7b.js";
-import h, { useContext as g } from "react";
-import { Button as _, Select as v, SelectStateContext as y, SelectValue as b } from "react-aria-components";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { FocusScope as w, useFocusManager as T } from "react-aria";
-import '../assets/select.css';var E = {
-	en: {
-		clearAll: "Clear all",
-		selectAll: "Select all",
-		selectedItems: "Selected items",
-		selected: "selected"
-	},
-	sv: {
-		clearAll: "Rensa alla",
-		selectAll: "Välj alla",
-		selectedItems: "Valda objekt",
-		selected: "valda"
-	}
-}, D = {
-	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, {
-		className: D.selectAll,
-		isIndeterminate: !e?.selectionManager.isSelectAll && !e?.selectionManager.isEmpty,
-		isSelected: e?.selectionManager.isSelectAll,
-		onChange: () => {
-			if (!e) return;
-			let t = Array.from(e.collection.getKeys()).filter((t) => e.collection.getItem(t)?.type === "item" && e.selectionManager.canSelectItem(t)), n = Array.from(e.selectionManager.selectedKeys).filter((t) => !e.selectionManager.canSelectItem(t));
-			e.setValue(e.selectionManager.isSelectAll ? n : [...t, ...n]), e.commitValidation();
-		},
-		children: t.format("selectAll")
-	});
-}, k = ({ isDisabled: e }) => {
-	let t = a(E), n = (e, n) => e.length === 1 ? n : `${e.length} ${t.format("selected")}`;
-	return /* @__PURE__ */ S(b, {
-		className: D.multiSelectValue,
-		"data-disabled": e || void 0,
-		children: ({ isPlaceholder: t, selectedItems: r, selectedText: i }) => t ? /* @__PURE__ */ S(x, {}) : /* @__PURE__ */ C("div", {
-			className: D.selectValueTag,
-			"data-disabled": e || void 0,
-			children: [/* @__PURE__ */ S("span", {
-				className: D.truncate,
-				children: n(r, i)
-			}), /* @__PURE__ */ S(A, { isDisabled: e })]
-		})
-	});
-}, A = ({ isDisabled: e }) => {
-	let t = h.useContext(y), n = a(E), r = T();
-	return /* @__PURE__ */ S(_, {
-		"aria-label": n.format("clearAll"),
-		className: D.clearButton,
-		onPress: () => {
-			r?.focusFirst(), t?.selectionManager.clearSelection();
-		},
-		slot: null,
-		isDisabled: e,
-		children: /* @__PURE__ */ S(i, {
-			width: 20,
-			height: 20
-		})
-	});
-}, j = ({ showTags: e, isDisabled: t }) => {
-	let n = a(E), r = g(y);
-	return !r?.selectedItems.length || !e ? null : /* @__PURE__ */ S(m, {
-		"aria-label": n.format("selectedItems"),
-		className: D.tagGroup,
-		onRemove: (e) => {
-			r?.selectionManager.toggleSelection(Array.from(e)[0]);
-		},
-		selectionBehavior: "toggle",
-		children: /* @__PURE__ */ S(f, {
-			items: r.selectedItems,
-			children: (e) => /* @__PURE__ */ S(p, {
-				isDismissable: !0,
-				id: e.key,
-				isDisabled: t,
-				textValue: e.textValue,
-				children: e.textValue
-			}, e.key)
-		})
-	});
-}, M = ({ isDisabled: t, selectionMode: r, size: i }) => {
-	let a = g(y);
-	return /* @__PURE__ */ C(_, {
-		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,
-			"data-disabled": t || void 0,
-			children: ({ selectedText: e, defaultChildren: t }) => /* @__PURE__ */ S("div", {
-				className: D.placeholder,
-				children: /* @__PURE__ */ S("span", {
-					className: D.truncate,
-					children: r === "multiple" && e ? null : e || t
-				})
-			})
-		}), /* @__PURE__ */ S("span", {
-			"aria-hidden": "true",
-			className: D.icon,
-			children: /* @__PURE__ */ S(n, { size: 20 })
-		})]
-	});
-};
-//#endregion
-//#region src/select/Select.tsx
-function N({ children: e, description: n, errorMessage: r, errorPosition: i = "top", items: a, label: f, popover: p, popoverProps: m, listBoxProps: h, size: g = "large", ..._ }) {
-	return /* @__PURE__ */ S(w, { children: /* @__PURE__ */ C(v, {
-		..._,
-		className: t(_.className, D.select),
-		children: [
-			/* @__PURE__ */ S(o, {
-				popover: p,
-				children: f && /* @__PURE__ */ S(s, {
-					"data-disabled": _.isDisabled || void 0,
-					children: f
-				})
-			}),
-			n && /* @__PURE__ */ S(l, {
-				slot: "description",
-				children: n
-			}),
-			i === "top" && /* @__PURE__ */ S(u, { children: r }),
-			/* @__PURE__ */ C("div", {
-				className: D.triggerContainer,
-				"data-disabled": _.isDisabled || void 0,
-				children: [/* @__PURE__ */ S(M, {
-					size: g,
-					..._
-				}), _.selectionMode === "multiple" ? /* @__PURE__ */ S(k, { ..._ }) : null]
-			}),
-			i === "bottom" && /* @__PURE__ */ S(u, { children: r }),
-			/* @__PURE__ */ C(c, {
-				offset: 1,
-				hideArrow: !0,
-				...m,
-				className: t(m?.className, D.popover),
-				children: [_.isSelectableAll && /* @__PURE__ */ S(O, {}), /* @__PURE__ */ S(d, {
-					escapeKeyBehavior: "none",
-					items: a,
-					...h,
-					children: e
-				})]
-			}),
-			/* @__PURE__ */ S(j, { ..._ })
-		]
-	}) });
-}
-//#endregion
-export { M as n, N as t };

package/chunks/spinner-LdHPVms_.js

@@ -1,32 +0,0 @@
-import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { VisuallyHidden as a } from "react-aria";
-import '../assets/spinner.css';var o = {
-	container: "_container_1qexx_1",
-	spinner: "_spinner_1qexx_5",
-	rotating: "_rotating_1qexx_1",
-	large: "_large_1qexx_18"
-}, s = t("loader-circle", [["path", {
-	d: "M21 12a9 9 0 1 1-6.219-8.56",
-	key: "13zald"
-}]]), c = {
-	en: { loadingPleaseWait: "Loading, please wait..." },
-	sv: { loadingPleaseWait: "Laddar, vänligen vänta..." }
-}, l = ({ small: t, color: l, className: u }) => {
-	let d = n(c);
-	return /* @__PURE__ */ i("div", {
-		className: e(o.container, u),
-		role: "status",
-		children: [/* @__PURE__ */ r(s, {
-			className: e(o.spinner, !t && o.large),
-			size: t ? 20 : 96,
-			strokeWidth: t ? 2 : 8,
-			absoluteStrokeWidth: !0,
-			color: l
-		}), /* @__PURE__ */ r(a, { children: d.format("loadingPleaseWait") })]
-	});
-};
-//#endregion
-export { l as t };

package/chunks/square-arrow-out-up-right-DkgXD7hj.js

@@ -1,17 +0,0 @@
-import { t as e } from "./createLucideIcon-BgluSHFG.js";
-var t = e("square-arrow-out-up-right", [
-	["path", {
-		d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6",
-		key: "y09zxi"
-	}],
-	["path", {
-		d: "m21 3-9 9",
-		key: "mpx6sq"
-	}],
-	["path", {
-		d: "M15 3h6v6",
-		key: "1q9fwt"
-	}]
-]);
-//#endregion
-export { t };