@midas-ds/components 17.29.0 → 17.30.0

package/chunks/layout-CUAjEEuH.js

@@ -0,0 +1,378 @@
+'use client';
+import { t 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 "./badge-BfK6XrlL.js";
+import { t as a } from "./grid-Cn_8RSvj.js";
+import { n as o, t as s } from "./tooltip-BkesIUIF.js";
+import { t as c } from "./logo-DyZ2pXt7.js";
+import * as l from "react";
+import { useEffect as u, useState as d } from "react";
+import { Link as f, RouterProvider as p } from "react-aria-components";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Menu as _, PanelLeftClose as v, PanelLeftOpen as y, X as b } from "lucide-react";
+import { variables as x } from "@midas-ds/theme";
+import '../assets/layout.css';var S = {
+	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"
+}, C = l.createContext(void 0), w = ({ 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__ */ h(C.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
+}), T = () => {
+	let e = l.useContext(C);
+	if (!e) throw Error("useLayoutContext must be used within a LayoutProvider");
+	return e;
+}, E = ({ title: t, href: n, icon: a, active: c, hasBadge: l, onClick: p, target: m }) => {
+	let { isCollapsed: _, setIsOpened: v, clientSideHref: y } = T(), b = y ? y(n) : n, [x, C] = d(!1);
+	u(() => {
+		if (typeof window < "u") {
+			let e = window.location.pathname === b || window.location.pathname.startsWith(b + "/");
+			C(c ?? e);
+		}
+	}, [c, b]);
+	let w = () => {
+		v?.(!1), p && p({
+			title: t,
+			href: b
+		});
+	};
+	return _ ? /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(f, {
+		href: n,
+		"aria-label": t,
+		className: e(S.listLink, S.listLinkCollapsed, x && S.active),
+		onPress: w,
+		target: m,
+		children: /* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(a, {
+			size: 20,
+			"aria-label": t
+		}), l && /* @__PURE__ */ h(r, {})] })
+	}), /* @__PURE__ */ h(s, {
+		placement: "right",
+		children: t
+	})] }) : /* @__PURE__ */ g(f, {
+		href: n,
+		"aria-label": t,
+		className: e(S.listLink, x && S.active),
+		onPress: w,
+		target: m,
+		children: [/* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(a, { size: 20 }), l && /* @__PURE__ */ h(r, {})] }), t]
+	});
+}, D = {
+	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"
+	}
+}, O = ({ onLinkClick: r }) => {
+	let { items: i, app: a, isOpened: o, isCollapsed: s, setIsCollapsed: c, setIsOpened: u, clientSideRouter: d, clientSideHref: f, id: m } = T(), _ = t(D), b = ({ group: t }) => /* @__PURE__ */ h("ul", {
+		className: S.list,
+		children: t.items.map((t, n) => /* @__PURE__ */ h("li", {
+			className: e(S.listItem, s && S.listItemCollapsed),
+			children: t.target === "_blank" || !d ? /* @__PURE__ */ h(E, {
+				onClick: r,
+				...t
+			}) : /* @__PURE__ */ h(p, {
+				navigate: d,
+				useHref: f,
+				children: /* @__PURE__ */ h(E, {
+					onClick: r,
+					...t
+				})
+			})
+		}, "link_" + n))
+	});
+	return l.useEffect(() => {
+		let e = (e) => {
+			e.key === "Escape" && u !== void 0 && u(!1);
+		};
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [u]), /* @__PURE__ */ g("aside", {
+		id: m,
+		className: e(S.sidebar, s && S.sidebarCollapsed, o && S.sidebarOpened),
+		children: [/* @__PURE__ */ g("div", {
+			className: S.sidebarHeader,
+			children: [!s && /* @__PURE__ */ h("p", {
+				className: S.appName,
+				children: a.name
+			}), /* @__PURE__ */ h(n, {
+				variant: "icon",
+				"aria-label": s ? _.format("maximizeMenu") : _.format("minimizeMenu"),
+				onPress: () => c(!s),
+				className: S.collapseButton,
+				children: h(s ? y : v, { size: 20 })
+			})]
+		}), /* @__PURE__ */ h("nav", {
+			className: S.sidebarNav,
+			"aria-label": _.format("sidebarMenu"),
+			children: /* @__PURE__ */ h("ul", {
+				className: S.list,
+				children: i.map((e, t) => /* @__PURE__ */ g("li", { children: [e.title && !s && /* @__PURE__ */ h("p", {
+					className: S.listGroupTitle,
+					children: e.title
+				}), /* @__PURE__ */ h(b, { group: e })] }, "list_" + t))
+			})
+		})]
+	});
+}, k = () => {
+	let { title: r, user: i, app: a, isOpened: o, setIsOpened: s, setIsCollapsed: l, headerChildren: u, variant: d, id: f } = T(), p = t(D);
+	return d === "external" ? /* @__PURE__ */ h("header", {
+		className: e(S.header, S.headerExternal),
+		children: /* @__PURE__ */ g("div", {
+			className: S.headerContentExternal,
+			children: [/* @__PURE__ */ g("div", {
+				className: S.logoExternalContainer,
+				children: [
+					/* @__PURE__ */ h(c, {
+						size: "x-small",
+						padding: !1,
+						className: S.logoExternal
+					}),
+					/* @__PURE__ */ h(c, {
+						size: "small",
+						padding: !1,
+						className: S.logoExternalDesktop
+					}),
+					/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+						className: S.userName,
+						children: i.name
+					}), /* @__PURE__ */ h("p", {
+						className: S.userTitle,
+						children: i.title
+					})] })
+				]
+			}), /* @__PURE__ */ h("div", {
+				className: S.headerItems,
+				children: u
+			})]
+		})
+	}) : /* @__PURE__ */ g("header", {
+		className: S.header,
+		style: { borderTop: `solid 4px ${a.color ? a.color : x.brandPrimary}` },
+		children: [/* @__PURE__ */ g("div", {
+			className: S.headerContent,
+			children: [
+				/* @__PURE__ */ h("div", {
+					className: S.logo,
+					children: /* @__PURE__ */ h(c, {
+						size: "small",
+						padding: !1
+					})
+				}),
+				o !== void 0 && /* @__PURE__ */ h(n, {
+					variant: "icon",
+					className: S.toggleButton,
+					"aria-label": o ? p.format("closeMenu") : p.format("openMenu"),
+					"aria-controls": f,
+					onPressStart: () => {
+						l(!1), s?.(!0);
+					},
+					children: h(o ? b : _, {
+						size: 20,
+						"aria-hidden": "true"
+					})
+				}),
+				/* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ h("p", {
+						className: S.userName,
+						children: i.name
+					}),
+					/* @__PURE__ */ h("p", {
+						className: S.userTitle,
+						children: i.title
+					}),
+					/* @__PURE__ */ h("p", {
+						className: S.title,
+						children: r
+					})
+				] })
+			]
+		}), /* @__PURE__ */ h("div", {
+			className: S.headerItems,
+			children: u
+		})]
+	});
+}, A = ({ id: e = "main:first-of-type" }) => {
+	let r = () => {
+		let t = document.querySelector(e);
+		t && (t.tabIndex = -1, t.focus(), setTimeout(() => t.removeAttribute("tabindex"), 1e3));
+	}, i = t(D);
+	return /* @__PURE__ */ h(n, {
+		onPress: r,
+		className: S.skipToContent,
+		children: i.format("skipToContent")
+	});
+}, j = () => {
+	let { isOpened: t, setIsOpened: n } = T();
+	return t ? /* @__PURE__ */ h("div", {
+		className: e(S.backdrop, S.backdropOpened),
+		onClick: () => {
+			n?.(!1);
+		},
+		"aria-hidden": !0
+	}) : null;
+}, M = () => {
+	let { items: n, clientSideRouter: r, clientSideHref: i } = T(), a = t(D), o = n?.[0]?.items;
+	return /* @__PURE__ */ h("nav", {
+		className: S.navbar,
+		"aria-label": a.format("bottomMenu"),
+		children: o && /* @__PURE__ */ h("ul", {
+			className: e(S.navbarList),
+			children: r ? /* @__PURE__ */ h(p, {
+				navigate: r,
+				useHref: i,
+				children: /* @__PURE__ */ h(N, { items: o })
+			}) : /* @__PURE__ */ h(N, { items: o })
+		})
+	});
+}, N = ({ items: t }) => /* @__PURE__ */ h(m, { children: t.map(({ href: t, active: n, icon: a, title: o, hasBadge: s }, c) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g(f, {
+	href: t,
+	className: e(S.navbarItem),
+	"data-active": n,
+	"aria-current": n && "page",
+	children: [/* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(a, { size: 20 }), s && /* @__PURE__ */ h(r, {})] }), o]
+}) }, c)) }), P = ({ items: t, title: n, user: r, app: i, children: o, headerChildren: s, clientSideRouter: c, clientSideHref: u, variant: d, className: f, onSidebarLinkClick: p }) => {
+	let [m, _] = l.useState(!1), [v, y] = l.useState(!1), b = l.useId();
+	return d === "external" ? /* @__PURE__ */ h(P.Provider, {
+		items: t,
+		title: n,
+		user: r,
+		app: i,
+		clientSideRouter: c,
+		clientSideHref: u,
+		headerChildren: s,
+		isCollapsed: m,
+		setIsCollapsed: _,
+		variant: d,
+		id: b,
+		children: /* @__PURE__ */ g("div", {
+			className: e(S.baseLayout, f),
+			children: [
+				/* @__PURE__ */ h(A, {}),
+				/* @__PURE__ */ h(P.Header, {}),
+				/* @__PURE__ */ g("div", {
+					className: S.mainContent,
+					children: [
+						/* @__PURE__ */ h(P.Sidebar, { onLinkClick: p }),
+						/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h("main", {
+							className: S.main,
+							children: /* @__PURE__ */ h("div", {
+								className: S.app,
+								children: o
+							})
+						}) }),
+						/* @__PURE__ */ h(P.Backdrop, {})
+					]
+				}),
+				/* @__PURE__ */ h("div", {
+					className: S.navbarWrapper,
+					children: /* @__PURE__ */ h(P.Navbar, {})
+				})
+			]
+		})
+	}) : /* @__PURE__ */ h(P.Provider, {
+		items: t,
+		title: n,
+		user: r,
+		app: i,
+		clientSideRouter: c,
+		clientSideHref: u,
+		headerChildren: s,
+		isCollapsed: m,
+		setIsCollapsed: _,
+		isOpened: v,
+		setIsOpened: y,
+		variant: d,
+		id: b,
+		children: /* @__PURE__ */ g("div", {
+			className: e(S.baseLayout, f),
+			children: [
+				/* @__PURE__ */ h(A, {}),
+				/* @__PURE__ */ h(P.Header, {}),
+				/* @__PURE__ */ g("div", {
+					className: S.mainContent,
+					children: [
+						/* @__PURE__ */ h(P.Sidebar, { onLinkClick: p }),
+						/* @__PURE__ */ h(a, { children: /* @__PURE__ */ h("main", {
+							className: S.main,
+							children: /* @__PURE__ */ h("div", {
+								className: S.app,
+								children: o
+							})
+						}) }),
+						/* @__PURE__ */ h(P.Backdrop, {})
+					]
+				})
+			]
+		})
+	});
+};
+P.Provider = w, P.Header = k, P.Sidebar = O, P.SidebarLink = E, P.Navbar = M, P.Backdrop = j;
+//#endregion
+export { E as a, O as i, M as n, k as r, P as t };

package/chunks/link-DHu1cTmz.js

@@ -0,0 +1,44 @@
+'use client';
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import { Link as n, RouterProvider as r } from "react-aria-components";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ArrowDownToLine as s, ArrowRight as c, SquareArrowOutUpRight as l } from "lucide-react";
+import { VisuallyHidden as u } from "react-aria";
+import '../assets/link.css';var d = {
+	link: "_link_duep2_1",
+	icon: "_icon_duep2_53",
+	standalone: "_standalone_duep2_57",
+	stretched: "_stretched_duep2_76"
+}, f = {
+	en: {
+		opensInNewTab: "Opens in new tab",
+		downloadsFile: "Downloads file"
+	},
+	sv: {
+		opensInNewTab: "Öppnas i ny flik",
+		downloadsFile: "Hämtar fil"
+	}
+}, p = ({ children: r, standalone: p, target: h, stretched: g, download: _, icon: v, className: y, as: b, ...x }) => {
+	let S = b || n, C = t(f), w = v ? { icon: v } : _ ? {
+		icon: s,
+		label: C.format("downloadsFile")
+	} : h === "_blank" ? {
+		icon: l,
+		label: C.format("opensInNewTab")
+	} : p ? { icon: c } : null;
+	return /* @__PURE__ */ o(S, {
+		className: e(d.link, p && d.standalone, g && d.stretched, y),
+		...x,
+		target: h,
+		download: _,
+		children: [r, w ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(m, {
+			className: d.icon,
+			icon: w.icon,
+			size: 16,
+			"aria-hidden": !0
+		}), w.label && /* @__PURE__ */ a(u, { children: w.label })] }) : null]
+	});
+}, m = ({ icon: e, ...t }) => /* @__PURE__ */ a(e, { ...t });
+//#endregion
+export { r as n, p as t };

package/chunks/link-button-DYg_0p4Y.js

@@ -0,0 +1,44 @@
+'use client';
+import { t as e } from "./clsx-Di52oYUU.js";
+import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
+import "react";
+import { Link as n, RouterProvider as r } from "react-aria-components";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { ArrowLeft as o, ArrowRight as s, SquareArrowOutUpRight as c } from "lucide-react";
+import { VisuallyHidden as l } from "react-aria";
+import '../assets/link-button.css';var u = {
+	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"
+}, d = {
+	en: { opensInNewTab: "Opens in new tab" },
+	sv: { opensInNewTab: "Öppnas i ny flik" }
+}, f = ({ children: r, variant: f, fullwidth: m, icon: h, iconPlacement: g, className: _, as: v, size: y = "large", ...b }) => {
+	let x = v || n, S = t(d), C = h ? { icon: h } : b.target === "_blank" ? {
+		icon: c,
+		label: S.format("opensInNewTab")
+	} : g === "left" ? { icon: o } : { icon: s };
+	return /* @__PURE__ */ a(x, {
+		className: e(u.linkButton, f === "primary" && u.primary, f === "secondary" && u.secondary, f === "tertiary" && u.tertiary, f === "danger" && u.danger, f === "icon" && u.iconBtn, y === "medium" && u.medium, m && u.fullwidth, g === "left" && u.iconLeft, _),
+		...b,
+		children: [
+			r,
+			/* @__PURE__ */ i(p, {
+				className: u.icon,
+				icon: C.icon,
+				size: 20,
+				"aria-hidden": !0
+			}),
+			C.label && /* @__PURE__ */ i(l, { children: C.label })
+		]
+	});
+}, p = ({ icon: e, ...t }) => /* @__PURE__ */ i(e, { ...t });
+//#endregion
+export { r as n, f as t };

package/chunks/{list-box-BN_MSiOD.js → list-box-DmEoMvX1.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./spinner-LdHPVms_.js";
+import { t } from "./spinner-COGZlDJB.js";
 import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
 import { t as r } from "./text-DwmZ-ew8.js";
 import "react";

package/chunks/menu-CP0Xvmx0.js

@@ -0,0 +1,48 @@
+import { t as e } from "./clsx-Di52oYUU.js";
+import { Menu as t, MenuItem as n, MenuSection as r, MenuTrigger as i, Popover as a, Separator as o } from "react-aria-components";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Check as u, ChevronRight as d } from "lucide-react";
+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: n, size: r = "large", ...i }) => /* @__PURE__ */ c(t, {
+	className: e(n, f.menu, r === "medium" && f.medium),
+	...i
+}), m = (t) => /* @__PURE__ */ c(n, {
+	...t,
+	textValue: t.textValue || (typeof t.children == "string" ? t.children : void 0),
+	className: e(f.menuItem, t.className),
+	children: (e) => {
+		let { children: n } = t, { selectionMode: r, isSelected: i, hasSubmenu: a } = e;
+		return /* @__PURE__ */ l(s, { children: [
+			r !== "none" && /* @__PURE__ */ c(u, {
+				size: 16,
+				className: f.checkMark,
+				"data-selected": i || void 0
+			}),
+			/* @__PURE__ */ c("div", {
+				className: f.mainContent,
+				children: typeof n == "function" ? n(e) : n
+			}),
+			a && /* @__PURE__ */ c(d, { size: 20 })
+		] });
+	}
+}), h = ({ className: t, ...n }) => /* @__PURE__ */ c(a, {
+	className: e(t, f.menuPopover),
+	offset: 4,
+	...n
+}), g = ({ className: t, ...n }) => /* @__PURE__ */ c(r, {
+	className: e(t, f.menuSection),
+	...n
+}), _ = ({ className: t, ...n }) => /* @__PURE__ */ c(o, {
+	className: e(t, f.separator),
+	...n
+});
+//#endregion
+export { p as a, m as i, g as n, i as o, h as r, _ as t };

package/chunks/modal-B_uSoXZM.js

@@ -0,0 +1,66 @@
+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 "./heading-BEl_z-5T.js";
+import { forwardRef as i } from "react";
+import { Dialog as a, DialogTrigger as o, Modal as s, ModalOverlay as c, composeRenderProps as l } from "react-aria-components";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { X as f } from "lucide-react";
+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 = i(({ className: t, ...n }, r) => /* @__PURE__ */ u(c, {
+	className: e(t, h.modalOverlay),
+	ref: r,
+	...n
+}));
+g.displayName = "ModalOverlay";
+//#endregion
+//#region src/modal/Modal.tsx
+var _ = i(({ children: e, title: i, hideCloseButton: o = !1, ...c }, h) => {
+	let _ = t(m);
+	return /* @__PURE__ */ u(g, {
+		...c,
+		children: l(e, (e) => /* @__PURE__ */ u(s, {
+			className: p.modal,
+			ref: h,
+			children: /* @__PURE__ */ d(a, {
+				className: p.dialog,
+				children: [/* @__PURE__ */ d("div", {
+					className: p.modalHeader,
+					children: [/* @__PURE__ */ u("div", {
+						className: p.modalTitle,
+						children: i && /* @__PURE__ */ u(r, {
+							level: 3,
+							elementType: "h2",
+							slot: "title",
+							children: i
+						})
+					}), !o && /* @__PURE__ */ u(n, {
+						slot: "close",
+						variant: "tertiary",
+						icon: f,
+						iconPlacement: "right",
+						children: _.format("close")
+					})]
+				}), /* @__PURE__ */ u("div", {
+					className: p.modalBody,
+					tabIndex: -1,
+					children: e
+				})]
+			})
+		}))
+	});
+});
+_.displayName = "Modal";
+//#endregion
+export { _ as n, g as r, o as t };

package/chunks/{progress-bar-CknF4qAm.js → progress-bar-BfFxpqUv.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-Di52oYUU.js";
-import { t } from "./label-LWlgvAwz.js";
+import { t } from "./label-Dw5p84T2.js";
 import "react";
 import { ProgressBar as n } from "react-aria-components";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";

package/chunks/{radio-BD1EuxSa.js → radio-_z6ObjYx.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clsx-Di52oYUU.js";
-import { n as t, t as n } from "./label-LWlgvAwz.js";
+import { n as t, t as n } from "./label-Dw5p84T2.js";
 import { t as r } from "./text-DwmZ-ew8.js";
 import { t as i } from "./field-error-LtNtEKDp.js";
 import { t as a } from "./splitDataAttributes-_JTFOOIb.js";