@midas-ds/components 17.29.0 → 17.30.1

package/chunks/layout-Db5um0f7.js

@@ -1,426 +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 "./badge-BfK6XrlL.js";
-import { t as s } from "./grid-Cn_8RSvj.js";
-import { n as c, t as l } from "./tooltip-BkesIUIF.js";
-import { t as u } from "./logo-DyZ2pXt7.js";
-import * as d from "react";
-import { useEffect as f, useState as p } from "react";
-import { Link as m, RouterProvider as h } from "react-aria-components";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { variables as y } from "@midas-ds/theme";
-import '../assets/layout.css';var b = t("menu", [
-	["path", {
-		d: "M4 5h16",
-		key: "1tepv9"
-	}],
-	["path", {
-		d: "M4 12h16",
-		key: "1lakjw"
-	}],
-	["path", {
-		d: "M4 19h16",
-		key: "1djgab"
-	}]
-]), x = t("panel-left-close", [
-	["rect", {
-		width: "18",
-		height: "18",
-		x: "3",
-		y: "3",
-		rx: "2",
-		key: "afitv7"
-	}],
-	["path", {
-		d: "M9 3v18",
-		key: "fh3hqa"
-	}],
-	["path", {
-		d: "m16 15-3-3 3-3",
-		key: "14y99z"
-	}]
-]), S = t("panel-left-open", [
-	["rect", {
-		width: "18",
-		height: "18",
-		x: "3",
-		y: "3",
-		rx: "2",
-		key: "afitv7"
-	}],
-	["path", {
-		d: "M9 3v18",
-		key: "fh3hqa"
-	}],
-	["path", {
-		d: "m14 9 3 3-3 3",
-		key: "8010ee"
-	}]
-]), C = {
-	baseLayout: "_baseLayout_1ylxx_1",
-	mainContent: "_mainContent_1ylxx_10",
-	header: "_header_1ylxx_15",
-	headerExternal: "_headerExternal_1ylxx_26",
-	headerContent: "_headerContent_1ylxx_41",
-	logo: "_logo_1ylxx_60",
-	headerItems: "_headerItems_1ylxx_69",
-	toggleButton: "_toggleButton_1ylxx_75",
-	sidebar: "_sidebar_1ylxx_83",
-	main: "_main_1ylxx_10",
-	app: "_app_1ylxx_116",
-	sidebarOpened: "_sidebarOpened_1ylxx_124",
-	sidebarHeader: "_sidebarHeader_1ylxx_128",
-	appName: "_appName_1ylxx_140",
-	collapseButton: "_collapseButton_1ylxx_147",
-	sidebarCollapsed: "_sidebarCollapsed_1ylxx_156",
-	userName: "_userName_1ylxx_166",
-	abbr: "_abbr_1ylxx_178",
-	userTitle: "_userTitle_1ylxx_184",
-	title: "_title_1ylxx_196",
-	sidebarNav: "_sidebarNav_1ylxx_207",
-	list: "_list_1ylxx_213",
-	listGroupTitle: "_listGroupTitle_1ylxx_219",
-	listItem: "_listItem_1ylxx_226",
-	listItemCollapsed: "_listItemCollapsed_1ylxx_231",
-	listLink: "_listLink_1ylxx_235",
-	listLinkCollapsed: "_listLinkCollapsed_1ylxx_298",
-	active: "_active_1ylxx_303",
-	linkText: "_linkText_1ylxx_314",
-	backdrop: "_backdrop_1ylxx_321",
-	backdropOpened: "_backdropOpened_1ylxx_331",
-	skipToContent: "_skipToContent_1ylxx_349",
-	navbar: "_navbar_1ylxx_363",
-	navbarList: "_navbarList_1ylxx_375",
-	navbarItem: "_navbarItem_1ylxx_397",
-	headerContentExternal: "_headerContentExternal_1ylxx_448",
-	logoExternalContainer: "_logoExternalContainer_1ylxx_456",
-	logoExternal: "_logoExternal_1ylxx_456",
-	logoExternalDesktop: "_logoExternalDesktop_1ylxx_468",
-	navbarWrapper: "_navbarWrapper_1ylxx_477"
-}, w = d.createContext(void 0), T = ({ items: e, title: t, user: n, app: r, children: i, clientSideRouter: a, clientSideHref: o, headerChildren: s, isCollapsed: c, setIsCollapsed: l, isOpened: u, setIsOpened: d, variant: f, id: p }) => /* @__PURE__ */ _(w.Provider, {
-	value: {
-		items: e,
-		title: t,
-		user: n,
-		app: r,
-		headerChildren: s,
-		isCollapsed: c,
-		setIsCollapsed: l,
-		isOpened: u,
-		setIsOpened: d,
-		clientSideRouter: a,
-		clientSideHref: o,
-		variant: f,
-		id: p
-	},
-	children: i
-}), E = () => {
-	let e = d.useContext(w);
-	if (!e) throw Error("useLayoutContext must be used within a LayoutProvider");
-	return e;
-}, D = ({ title: t, href: n, icon: r, active: i, hasBadge: s, onClick: u, target: d }) => {
-	let { isCollapsed: h, setIsOpened: g, clientSideHref: y } = E(), b = y ? y(n) : n, [x, S] = p(!1);
-	f(() => {
-		if (typeof window < "u") {
-			let e = window.location.pathname === b || window.location.pathname.startsWith(b + "/");
-			S(i ?? e);
-		}
-	}, [i, b]);
-	let w = () => {
-		g?.(!1), u && u({
-			title: t,
-			href: b
-		});
-	};
-	return h ? /* @__PURE__ */ v(c, { children: [/* @__PURE__ */ _(m, {
-		href: n,
-		"aria-label": t,
-		className: e(C.listLink, C.listLinkCollapsed, x && C.active),
-		onPress: w,
-		target: d,
-		children: /* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(r, {
-			size: 20,
-			"aria-label": t
-		}), s && /* @__PURE__ */ _(a, {})] })
-	}), /* @__PURE__ */ _(l, {
-		placement: "right",
-		children: t
-	})] }) : /* @__PURE__ */ v(m, {
-		href: n,
-		"aria-label": t,
-		className: e(C.listLink, x && C.active),
-		onPress: w,
-		target: d,
-		children: [/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(r, { size: 20 }), s && /* @__PURE__ */ _(a, {})] }), t]
-	});
-}, O = {
-	en: {
-		closeMenu: "Close menu",
-		openMenu: "Open menu",
-		maximizeMenu: "Maximize menu",
-		minimizeMenu: "Minimize menu",
-		sidebarMenu: "Sidebar menu",
-		bottomMenu: "Bottom menu",
-		skipToContent: "Skip to main content"
-	},
-	sv: {
-		closeMenu: "Stäng meny",
-		openMenu: "Öppna meny",
-		maximizeMenu: "Maximera meny",
-		minimizeMenu: "Minimera meny",
-		sidebarMenu: "Sidomeny",
-		bottomMenu: "Bottenmeny",
-		skipToContent: "Hoppa till huvudinnehåll"
-	}
-}, k = ({ onLinkClick: t }) => {
-	let { items: n, app: a, isOpened: o, isCollapsed: s, setIsCollapsed: c, setIsOpened: l, clientSideRouter: u, clientSideHref: f, id: p } = E(), m = r(O), g = ({ group: n }) => /* @__PURE__ */ _("ul", {
-		className: C.list,
-		children: n.items.map((n, r) => /* @__PURE__ */ _("li", {
-			className: e(C.listItem, s && C.listItemCollapsed),
-			children: n.target === "_blank" || !u ? /* @__PURE__ */ _(D, {
-				onClick: t,
-				...n
-			}) : /* @__PURE__ */ _(h, {
-				navigate: u,
-				useHref: f,
-				children: /* @__PURE__ */ _(D, {
-					onClick: t,
-					...n
-				})
-			})
-		}, "link_" + r))
-	});
-	return d.useEffect(() => {
-		let e = (e) => {
-			e.key === "Escape" && l !== void 0 && l(!1);
-		};
-		return window.addEventListener("keydown", e), () => {
-			window.removeEventListener("keydown", e);
-		};
-	}, [l]), /* @__PURE__ */ v("aside", {
-		id: p,
-		className: e(C.sidebar, s && C.sidebarCollapsed, o && C.sidebarOpened),
-		children: [/* @__PURE__ */ v("div", {
-			className: C.sidebarHeader,
-			children: [!s && /* @__PURE__ */ _("p", {
-				className: C.appName,
-				children: a.name
-			}), /* @__PURE__ */ _(i, {
-				variant: "icon",
-				"aria-label": s ? m.format("maximizeMenu") : m.format("minimizeMenu"),
-				onPress: () => c(!s),
-				className: C.collapseButton,
-				children: _(s ? S : x, { size: 20 })
-			})]
-		}), /* @__PURE__ */ _("nav", {
-			className: C.sidebarNav,
-			"aria-label": m.format("sidebarMenu"),
-			children: /* @__PURE__ */ _("ul", {
-				className: C.list,
-				children: n.map((e, t) => /* @__PURE__ */ v("li", { children: [e.title && !s && /* @__PURE__ */ _("p", {
-					className: C.listGroupTitle,
-					children: e.title
-				}), /* @__PURE__ */ _(g, { group: e })] }, "list_" + t))
-			})
-		})]
-	});
-}, A = () => {
-	let { title: t, user: a, app: o, isOpened: s, setIsOpened: c, setIsCollapsed: l, headerChildren: d, variant: f, id: p } = E(), m = r(O);
-	return f === "external" ? /* @__PURE__ */ _("header", {
-		className: e(C.header, C.headerExternal),
-		children: /* @__PURE__ */ v("div", {
-			className: C.headerContentExternal,
-			children: [/* @__PURE__ */ v("div", {
-				className: C.logoExternalContainer,
-				children: [
-					/* @__PURE__ */ _(u, {
-						size: "x-small",
-						padding: !1,
-						className: C.logoExternal
-					}),
-					/* @__PURE__ */ _(u, {
-						size: "small",
-						padding: !1,
-						className: C.logoExternalDesktop
-					}),
-					/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-						className: C.userName,
-						children: a.name
-					}), /* @__PURE__ */ _("p", {
-						className: C.userTitle,
-						children: a.title
-					})] })
-				]
-			}), /* @__PURE__ */ _("div", {
-				className: C.headerItems,
-				children: d
-			})]
-		})
-	}) : /* @__PURE__ */ v("header", {
-		className: C.header,
-		style: { borderTop: `solid 4px ${o.color ? o.color : y.brandPrimary}` },
-		children: [/* @__PURE__ */ v("div", {
-			className: C.headerContent,
-			children: [
-				/* @__PURE__ */ _("div", {
-					className: C.logo,
-					children: /* @__PURE__ */ _(u, {
-						size: "small",
-						padding: !1
-					})
-				}),
-				s !== void 0 && /* @__PURE__ */ _(i, {
-					variant: "icon",
-					className: C.toggleButton,
-					"aria-label": s ? m.format("closeMenu") : m.format("openMenu"),
-					"aria-controls": p,
-					onPressStart: () => {
-						l(!1), c?.(!0);
-					},
-					children: _(s ? n : b, {
-						size: 20,
-						"aria-hidden": "true"
-					})
-				}),
-				/* @__PURE__ */ v("div", { children: [
-					/* @__PURE__ */ _("p", {
-						className: C.userName,
-						children: a.name
-					}),
-					/* @__PURE__ */ _("p", {
-						className: C.userTitle,
-						children: a.title
-					}),
-					/* @__PURE__ */ _("p", {
-						className: C.title,
-						children: t
-					})
-				] })
-			]
-		}), /* @__PURE__ */ _("div", {
-			className: C.headerItems,
-			children: d
-		})]
-	});
-}, j = ({ id: e = "main:first-of-type" }) => {
-	let t = () => {
-		let t = document.querySelector(e);
-		t && (t.tabIndex = -1, t.focus(), setTimeout(() => t.removeAttribute("tabindex"), 1e3));
-	}, n = r(O);
-	return /* @__PURE__ */ _(i, {
-		onPress: t,
-		className: C.skipToContent,
-		children: n.format("skipToContent")
-	});
-}, M = () => {
-	let { isOpened: t, setIsOpened: n } = E();
-	return t ? /* @__PURE__ */ _("div", {
-		className: e(C.backdrop, C.backdropOpened),
-		onClick: () => {
-			n?.(!1);
-		},
-		"aria-hidden": !0
-	}) : null;
-}, N = () => {
-	let { items: t, clientSideRouter: n, clientSideHref: i } = E(), a = r(O), o = t?.[0]?.items;
-	return /* @__PURE__ */ _("nav", {
-		className: C.navbar,
-		"aria-label": a.format("bottomMenu"),
-		children: o && /* @__PURE__ */ _("ul", {
-			className: e(C.navbarList),
-			children: n ? /* @__PURE__ */ _(h, {
-				navigate: n,
-				useHref: i,
-				children: /* @__PURE__ */ _(P, { items: o })
-			}) : /* @__PURE__ */ _(P, { items: o })
-		})
-	});
-}, P = ({ items: t }) => /* @__PURE__ */ _(g, { children: t.map(({ href: t, active: n, icon: r, title: i, hasBadge: s }, c) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v(m, {
-	href: t,
-	className: e(C.navbarItem),
-	"data-active": n,
-	"aria-current": n && "page",
-	children: [/* @__PURE__ */ v(o, { children: [/* @__PURE__ */ _(r, { size: 20 }), s && /* @__PURE__ */ _(a, {})] }), i]
-}) }, c)) }), F = ({ items: t, title: n, user: r, app: i, children: a, headerChildren: o, clientSideRouter: c, clientSideHref: l, variant: u, className: f, onSidebarLinkClick: p }) => {
-	let [m, h] = d.useState(!1), [g, y] = d.useState(!1), b = d.useId();
-	return u === "external" ? /* @__PURE__ */ _(F.Provider, {
-		items: t,
-		title: n,
-		user: r,
-		app: i,
-		clientSideRouter: c,
-		clientSideHref: l,
-		headerChildren: o,
-		isCollapsed: m,
-		setIsCollapsed: h,
-		variant: u,
-		id: b,
-		children: /* @__PURE__ */ v("div", {
-			className: e(C.baseLayout, f),
-			children: [
-				/* @__PURE__ */ _(j, {}),
-				/* @__PURE__ */ _(F.Header, {}),
-				/* @__PURE__ */ v("div", {
-					className: C.mainContent,
-					children: [
-						/* @__PURE__ */ _(F.Sidebar, { onLinkClick: p }),
-						/* @__PURE__ */ _(s, { children: /* @__PURE__ */ _("main", {
-							className: C.main,
-							children: /* @__PURE__ */ _("div", {
-								className: C.app,
-								children: a
-							})
-						}) }),
-						/* @__PURE__ */ _(F.Backdrop, {})
-					]
-				}),
-				/* @__PURE__ */ _("div", {
-					className: C.navbarWrapper,
-					children: /* @__PURE__ */ _(F.Navbar, {})
-				})
-			]
-		})
-	}) : /* @__PURE__ */ _(F.Provider, {
-		items: t,
-		title: n,
-		user: r,
-		app: i,
-		clientSideRouter: c,
-		clientSideHref: l,
-		headerChildren: o,
-		isCollapsed: m,
-		setIsCollapsed: h,
-		isOpened: g,
-		setIsOpened: y,
-		variant: u,
-		id: b,
-		children: /* @__PURE__ */ v("div", {
-			className: e(C.baseLayout, f),
-			children: [
-				/* @__PURE__ */ _(j, {}),
-				/* @__PURE__ */ _(F.Header, {}),
-				/* @__PURE__ */ v("div", {
-					className: C.mainContent,
-					children: [
-						/* @__PURE__ */ _(F.Sidebar, { onLinkClick: p }),
-						/* @__PURE__ */ _(s, { children: /* @__PURE__ */ _("main", {
-							className: C.main,
-							children: /* @__PURE__ */ _("div", {
-								className: C.app,
-								children: a
-							})
-						}) }),
-						/* @__PURE__ */ _(F.Backdrop, {})
-					]
-				})
-			]
-		})
-	});
-};
-F.Provider = T, F.Header = A, F.Sidebar = k, F.SidebarLink = D, F.Navbar = N, F.Backdrop = M;
-//#endregion
-export { D as a, k as i, N as n, A as r, F as t };

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 };