@midas-ds/components 17.15.2 → 17.15.4

package/chunks/layout-BzK7P4Xn.js

@@ -0,0 +1,426 @@
+'use client';
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./createLucideIcon-DhIhuN5D.js";
+import { t as n } from "./x-Bs_QW3q8.js";
+import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { n as i } from "./button-CFjf-bDe.js";
+import { n as a, t as o } from "./badge-DrCn-5SX.js";
+import { t as s } from "./grid-CUYMbO7c.js";
+import { n as c, t as l } from "./tooltip-BE_r_CBm.js";
+import { t as u } from "./logo-D7tz-4hp.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("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"
+	}]
+]), x = 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"
+	}]
+]), S = t("menu", [
+	["path", {
+		d: "M4 5h16",
+		key: "1tepv9"
+	}],
+	["path", {
+		d: "M4 12h16",
+		key: "1lakjw"
+	}],
+	["path", {
+		d: "M4 19h16",
+		key: "1djgab"
+	}]
+]), 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 ? x : b, { 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 : S, {
+						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-Q46Ny2Po.js

@@ -0,0 +1,40 @@
+'use client';
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./createLucideIcon-DhIhuN5D.js";
+import { t as n } from "./square-arrow-out-up-right-Bobm4VNc.js";
+import { t as r } from "./arrow-right-7yeXXFNV.js";
+import { Link as i, RouterProvider as a } from "react-aria-components";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import '../assets/link.css';var l = 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"
+	}]
+]), u = {
+	link: "_link_duep2_1",
+	icon: "_icon_duep2_53",
+	standalone: "_standalone_duep2_57",
+	stretched: "_stretched_duep2_76"
+}, d = ({ children: t, standalone: a, target: d, stretched: p, download: m, icon: h, className: g, as: _, ...v }) => {
+	let y = _ || i, b = h || (m ? l : d === "_blank" ? n : a ? r : null);
+	return /* @__PURE__ */ s(y, {
+		className: e(u.link, a && u.standalone, p && u.stretched, g),
+		...v,
+		target: d,
+		children: /* @__PURE__ */ c(o, { children: [t, b ? /* @__PURE__ */ s(f, {
+			className: u.icon,
+			icon: b,
+			size: 16
+		}) : null] })
+	});
+}, f = ({ icon: e, ...t }) => /* @__PURE__ */ s(e, { ...t });
+//#endregion
+export { a as n, d as t };

package/chunks/link-button-Cm2B0s4X.js

@@ -0,0 +1,39 @@
+'use client';
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./createLucideIcon-DhIhuN5D.js";
+import { t as n } from "./square-arrow-out-up-right-Bobm4VNc.js";
+import { t as r } from "./arrow-right-7yeXXFNV.js";
+import "react";
+import { Link as i, RouterProvider as a } from "react-aria-components";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import '../assets/link-button.css';var c = t("arrow-left", [["path", {
+	d: "m12 19-7-7 7-7",
+	key: "1l729n"
+}], ["path", {
+	d: "M19 12H5",
+	key: "x3x0zl"
+}]]), l = {
+	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"
+}, u = ({ children: t, variant: a, fullwidth: u, icon: f, iconPlacement: p, className: m, as: h, size: g = "large", ..._ }) => {
+	let v = h || i, y = f || (_.target === "_blank" ? n : p === "left" ? c : r);
+	return /* @__PURE__ */ s(v, {
+		className: e(l.linkButton, a === "primary" && l.primary, a === "secondary" && l.secondary, a === "tertiary" && l.tertiary, a === "danger" && l.danger, a === "icon" && l.iconBtn, g === "medium" && l.medium, u && l.fullwidth, p === "left" && l.iconLeft, m),
+		..._,
+		children: [t, /* @__PURE__ */ o(d, {
+			className: l.icon,
+			icon: y,
+			size: 20
+		})]
+	});
+}, d = ({ icon: e, ...t }) => /* @__PURE__ */ o(e, { ...t });
+//#endregion
+export { a as n, u as t };

package/chunks/list-box-Dm2itiZD.js

@@ -0,0 +1,75 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./spinner-C3WiZYld.js";
+import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { t as r } from "./text-mAeDlv5N.js";
+import "react";
+import { Header as i, ListBox as a, ListBoxItem as o, ListBoxLoadMoreItem as s, ListBoxSection as c, ListLayout as l, Popover as u, Virtualizer as d, composeRenderProps as f } from "react-aria-components";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import '../assets/list-box.css';//#region packages/components/src/list-box/SectionedListLayout.ts
+var g = class extends l {
+	getContentSize() {
+		let e = this?.virtualizer?.collection.getKeys();
+		return Array.from(e || []).forEach((e) => {
+			this.getLayoutInfo(e);
+		}), this.contentSize;
+	}
+}, _ = {
+	listBox: "_listBox_d58ov_4",
+	listBoxPopover: "_listBoxPopover_d58ov_16 _dropdownAnimation_1ljkv_4",
+	listBoxSectionHeading: "_listBoxSectionHeading_d58ov_31",
+	listBoxButton: "_listBoxButton_d58ov_43",
+	listBoxItem: "_listBoxItem_d58ov_55",
+	textContent: "_textContent_d58ov_68",
+	listBoxLoadMoreItem: "_listBoxLoadMoreItem_d58ov_176",
+	item: "_item_d58ov_187",
+	option: "_option_d58ov_188",
+	inputCheckbox: "_inputCheckbox_d58ov_188"
+}, v = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m(d, {
+	layout: g,
+	layoutOptions: { headingHeight: 38 },
+	children: /* @__PURE__ */ m(a, {
+		className: e(_.listBox, t),
+		...r,
+		children: n
+	})
+}), y = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m("button", {
+	type: "button",
+	className: e(_.listBoxItem, _.listBoxButton, t),
+	...r,
+	children: n
+}), b = ({ children: t, className: n, textValue: r, ...i }) => /* @__PURE__ */ m(o, {
+	className: e(_.listBoxItem, n),
+	textValue: r || (typeof t == "string" ? t : void 0),
+	...i,
+	children: f(t, (e) => /* @__PURE__ */ m("div", {
+		className: _.textContent,
+		children: e
+	}))
+}), x = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m(u, {
+	className: e(t, _.listBoxPopover),
+	offset: 0,
+	...r,
+	children: n
+}), S = (e) => /* @__PURE__ */ m(c, { ...e }), C = {
+	en: { "loading...": "Loading..." },
+	sv: { "loading...": "Laddar..." }
+}, w = ({ className: r, children: i, isLoading: a, ...o }) => {
+	let c = n(C);
+	return /* @__PURE__ */ m(s, {
+		className: e(_.listBoxLoadMoreItem, r),
+		isLoading: a,
+		...o,
+		children: i || /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(t, { small: !0 }), /* @__PURE__ */ m("span", {
+			"aria-hidden": !0,
+			children: c.format("loading...")
+		})] })
+	});
+}, T = ({ className: t, ...n }) => /* @__PURE__ */ m(i, {
+	className: e(_.listBoxSectionHeading, t),
+	...n
+}), E = { listBoxEmptyState: "_listBoxEmptyState_1wxhy_1" }, D = ({ className: t, ...n }) => /* @__PURE__ */ m(r, {
+	className: e(t, E.listBoxEmptyState),
+	...n
+});
+//#endregion
+export { x as a, v as c, S as i, T as n, b as o, w as r, y as s, D as t };

package/chunks/logo-D7tz-4hp.js

@@ -0,0 +1,93 @@
+import { t as e } from "./clsx-BtlV5Vo3.js";
+import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
+import { createContext as n, useContext as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import '../assets/logo.css';var o = {
+	container: "_container_191fy_1",
+	noPadding: "_noPadding_191fy_6",
+	logo: "_logo_191fy_10",
+	primary: "_primary_191fy_15",
+	dark: "_dark_191fy_23",
+	xSmall: "_xSmall_191fy_31",
+	small: "_small_191fy_35",
+	large: "_large_191fy_39"
+}, s = {
+	en: { logotype: "Logotype of the Swedish Migration Agency" },
+	sv: { logotype: "Migrationsverkets logotyp" }
+}, c = n({ size: void 0 }), l = ({ primary: t = !0, size: n, padding: a = !0, className: s, ...l }) => {
+	let d = r(c);
+	return /* @__PURE__ */ i("div", {
+		className: e(o.container, a === !1 && o.noPadding, s),
+		...l,
+		children: /* @__PURE__ */ i(u, {
+			size: n ?? d.size ?? "medium",
+			primary: t
+		})
+	});
+}, u = ({ size: n, primary: r }) => {
+	let c = e(o.logo, r ? o.primary : o.dark, n === "x-small" && o.xSmall, n === "medium" && o.medium, n === "large" && o.large, n === "small" && o.small), l = t(s);
+	return n === "x-small" ? /* @__PURE__ */ i("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 100 92",
+		className: c,
+		role: "img",
+		"aria-hidden": "false",
+		focusable: "false",
+		"aria-label": l.format("logotype"),
+		children: /* @__PURE__ */ i("path", { d: "M99.99,91.69c-1.84-1.11-4.05-4.55-4.05-9.46V9.15c0-4.79,1.96-7.25,3.81-8.85h-14.75l-33.91,65.47L12.41.3H0c1.6,1.59,3.93,3.07,3.93,8.23v75.55c0,3.56-2.21,6.51-3.81,7.61h16.34c-1.72-1.22-3.93-4.18-3.93-7.98V25.97l36.24,61.42,33.04-63.26v58.96c0,5.53-2.21,7.61-3.81,8.6h21.99Z" })
+	}) : /* @__PURE__ */ a("svg", {
+		role: "img",
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 112 40",
+		className: c,
+		"aria-hidden": "false",
+		focusable: "false",
+		"aria-label": l.format("logotype"),
+		children: [
+			/* @__PURE__ */ i("path", { d: "M97.78,21.61c-7.48-9.73-20.06-16.03-34.32-16.03-13.07,0-24.86,5.27-32.46,13.65,6.56-5.83,15.64-9.44,25.66-9.44,11.37,0,21.52,4.56,28.18,11.83h12.94Z" }),
+			/* @__PURE__ */ i("path", { d: "M90.45,12.58C70.67-1.51,41.26,2.77,27.49,21.61h-12.23C30.56-2.89,68.29-7.47,90.45,12.58h0Z" }),
+			/* @__PURE__ */ i("path", { d: "M11.89,37.13c-.22-.13-.48-.53-.48-1.11v-8.58c0-.56.23-.85.45-1.04h-1.73l-3.98,7.69-4.54-7.69H.15c.19.19.46.36.46.97v8.87c0,.42-.26.76-.45.89h1.92c-.2-.14-.46-.49-.46-.94v-6.78l4.25,7.21,3.88-7.43v6.92c0,.65-.26.89-.45,1.01h2.58Z" }),
+			/* @__PURE__ */ i("path", {
+				d: "M15.81,26.86c0-.45-.36-.81-.81-.81s-.81.36-.81.81.36.81.81.81.81-.36.81-.81h0ZM16.22,37.13c-.3-.23-.45-.5-.45-1.07v-6.4h-1.98c.37.19.49.58.49,1.17v5.23c0,.48-.09.79-.46,1.07h2.39Z",
+				fillRule: "evenodd"
+			}),
+			/* @__PURE__ */ i("path", {
+				d: "M24.52,30.97c-.04-.33-.17-.68-.37-.95h-1.36c-.29-.26-.87-.58-1.96-.58-1.53,0-2.8.92-2.8,2.58,0,1.02.52,1.86,1.31,2.26-.43.37-1.38.98-1.38,1.61,0,.71.79.99,1.38,1.1-.88.26-1.67.82-1.67,1.59,0,1.14,1.73,1.41,2.64,1.41,1.54,0,3.91-.78,3.91-2.64,0-1.21-1.23-1.49-2.22-1.5-2.42-.06-2.51-.2-2.51-.56,0-.2.42-.68.55-.81.23.03.48.06.71.06,1.76,0,2.93-.94,2.93-2.7,0-.48-.14-.91-.29-1.11.12-.04.25-.04.37-.04.27,0,.55.12.76.27h0ZM22.27,32.21c0,.79-.37,1.61-1.36,1.61-1.07,0-1.47-1.21-1.47-2.09,0-.95.5-1.57,1.31-1.57,1.2,0,1.51,1.25,1.51,2.05h0ZM22.89,37.92c0,.76-.82,1.31-1.93,1.31-.59,0-1.7-.3-1.69-1.15,0-.45.26-.74.59-.99l1.96.04c.5.01,1.07.1,1.07.79h0Z",
+				fillRule: "evenodd"
+			}),
+			/* @__PURE__ */ i("path", { d: "M30.11,31.22l-.23-1.63c-.2-.1-.43-.14-.65-.14-.85,0-1.46.68-1.79,1.37v-1.15h-1.96c.45.27.48.76.48,1.14v5.19c0,.58-.1.89-.45,1.14h2.35c-.36-.29-.42-.63-.42-1.12v-4.27c.22-.58.78-1.04,1.43-1.04.46,0,.97.26,1.24.52h0Z" }),
+			/* @__PURE__ */ i("path", {
+				d: "M36.87,37.13c-.37-.33-.43-.59-.43-1.25v-3.89c0-2.21-1.43-2.55-2.8-2.55-.61,0-1.67.22-2.03.42-.2.4-.3,1.24-.4,1.67.46-.56,1.27-1.37,2.39-1.37,1.18,0,1.36.82,1.36,1.7v.39l-2.21.76c-1.04.36-1.87,1.08-1.87,2.26,0,1.31.88,2.08,2.15,2.08.87,0,1.46-.43,1.93-.94v.72h1.92ZM34.95,35.62c-.26.32-.74.85-1.37.85-.75,0-1.18-.79-1.18-1.54,0-.71.35-1.15.89-1.37l1.66-.63v2.7h0Z",
+				fillRule: "evenodd"
+			}),
+			/* @__PURE__ */ i("path", { d: "M42.58,36.15c-.29.27-.71.46-1.11.46-.87,0-1.07-.98-1.07-1.66v-4.51h.85c.43,0,.94.13,1.33.35l-.17-1.12h-2v-1.76c-.68.95-1.54,1.96-2.58,2.54h1.1v4.43c0,1.43.32,2.47,1.95,2.47.48,0,.98-.1,1.38-.36.14-.25.25-.55.33-.82h0Z" }),
+			/* @__PURE__ */ i("path", {
+				d: "M45.63,26.86c0-.45-.36-.81-.81-.81s-.81.36-.81.81.36.81.81.81.81-.36.81-.81h0ZM46.04,37.13c-.3-.23-.45-.5-.45-1.07v-6.4h-1.98c.37.19.49.58.49,1.17v5.23c0,.48-.09.79-.46,1.07h2.39Z",
+				fillRule: "evenodd"
+			}),
+			/* @__PURE__ */ i("path", {
+				d: "M54.96,33.37c0-2.06-1.3-3.95-3.5-3.95s-3.84,1.76-3.84,4.01c0,2.06,1.28,3.95,3.49,3.95s3.85-1.76,3.85-4.01h0ZM53.43,34.04c0,1.27-.52,2.57-1.86,2.57-1.79,0-2.42-2.44-2.42-3.86,0-1.21.48-2.57,1.87-2.57,1.79,0,2.41,2.44,2.41,3.86h0Z",
+				fillRule: "evenodd"
+			}),
+			/* @__PURE__ */ i("path", { d: "M63.37,37.13c-.27-.22-.45-.42-.45-1.11v-3.94c0-1.63-.39-2.64-2.18-2.64-1.01,0-1.79.56-2.38,1.12v-.91h-1.98c.3.17.49.46.49,1.05v5.33c0,.59-.14.88-.48,1.08h2.39c-.23-.23-.43-.37-.43-1.17v-4.4c.32-.45,1.07-1.24,1.85-1.24,1.01,0,1.23,1.01,1.23,1.8v3.95c0,.74-.26.87-.46,1.05h2.39Z" }),
+			/* @__PURE__ */ i("path", {
+				d: "M69.79,35.2c0-2.21-3.42-2.71-3.42-4.07,0-.75.71-.98,1.34-.98s1.33.29,1.74.81l-.07-1.18c-.46-.17-1.11-.35-1.69-.35-1.44,0-2.68.63-2.68,1.89,0,2.36,3.46,2.68,3.46,4.25,0,.79-.62,1.05-1.31,1.05-1.01,0-1.86-.46-2.52-1.21v.1c0,.4-.03.99.3,1.27.53.43,1.53.56,2.18.56,1.36,0,2.67-.62,2.67-2.15h0Z",
+				fillRule: "evenodd"
+			}),
+			/* @__PURE__ */ i("path", { d: "M77.98,29.66h-1.43c.13.1.11.56-.19,1.33l-1.86,4.72-1.87-4.7c-.26-.65-.32-1.15-.16-1.34h-2.06c.19.1.49.85.82,1.67l2.31,5.8h1.31l2.35-5.97c.32-.81.56-1.36.78-1.5h0Z" }),
+			/* @__PURE__ */ i("path", {
+				d: "M84.91,33.54v-.23c0-1.92-.62-3.88-2.88-3.88s-3.56,2.02-3.56,4.11,1.41,3.81,3.58,3.81c.78,0,1.62-.17,2.13-.45.32-.35.49-.79.59-1.27-.69.5-1.41.84-2.31.84-1.49,0-2.35-1.57-2.38-2.88l4.83-.04h0ZM83.34,32.88c-1.1.09-2.16.1-3.27.1.01-.78.29-2.83,1.7-2.83,1.33,0,1.57,1.72,1.57,2.73h0Z",
+				fillRule: "evenodd"
+			}),
+			/* @__PURE__ */ i("path", { d: "M90.95,31.22l-.23-1.63c-.2-.1-.43-.14-.65-.14-.85,0-1.46.68-1.79,1.37v-1.15h-1.96c.45.27.48.76.48,1.14v5.19c0,.58-.1.89-.45,1.14h2.35c-.36-.29-.42-.63-.42-1.12v-4.27c.22-.58.78-1.04,1.43-1.04.46,0,.97.26,1.24.52h0Z" }),
+			/* @__PURE__ */ i("path", { d: "M99.79,37.16c-2.26-.37-2.49-4.04-4.7-4.04l2.62-2.8c.22-.23.5-.48.75-.66h-1.77c.14.14.13.39-.13.66l-2.65,2.83v-7.07h-1.98c.33.2.49.56.49,1.01v9.01c0,.58-.22.81-.46,1.02h2.35c-.26-.25-.4-.49-.4-1.02v-2.57c.27,0,.62.13.82.26,1.28.82,1.95,3.11,2.67,3.45.14.07.94.1,1.14.1.45,0,.84-.03,1.25-.19h0Z" }),
+			/* @__PURE__ */ i("path", {
+				d: "M106.3,33.54v-.23c0-1.92-.62-3.88-2.88-3.88s-3.56,2.02-3.56,4.11,1.41,3.81,3.58,3.81c.78,0,1.62-.17,2.13-.45.32-.35.49-.79.59-1.27-.69.5-1.41.84-2.31.84-1.49,0-2.35-1.57-2.38-2.88l4.83-.04h0ZM104.73,32.88c-1.1.09-2.16.1-3.27.1.01-.78.29-2.83,1.7-2.83,1.33,0,1.57,1.72,1.57,2.73h0Z",
+				fillRule: "evenodd"
+			}),
+			/* @__PURE__ */ i("path", { d: "M111.85,36.15c-.29.27-.71.46-1.11.46-.86,0-1.07-.98-1.07-1.66v-4.51h.85c.43,0,.94.13,1.33.35l-.17-1.12h-2v-1.76c-.68.95-1.54,1.96-2.58,2.54h1.1v4.43c0,1.43.32,2.47,1.95,2.47.48,0,.98-.1,1.38-.36.14-.25.25-.55.33-.82h0Z" })
+		]
+	});
+};
+//#endregion
+export { c as n, l as t };