@midas-ds/layout 0.2.1 → 0.2.2

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.2.2 (2026-06-30)
+
+### 🔧 Maintenance
+
+- **workspace:** migrate Nx to 23.0.1 ([82bdb31fc57](https://github.com/migrationsverket/midas/commit/82bdb31fc57))
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.15.4
+
 ## 0.2.1 (2026-06-11)
 
 ### 🧱 Updated Dependencies

package/assets/header.css

@@ -0,0 +1 @@
+._headerActions_1rka5_1{align-items:center;gap:.25rem;margin-inline-start:auto;display:flex}@media (width<=640px){._label_1191f_1{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}._overlay_1gblg_1{display:block}._overlay_1gblg_1[data-entering]{animation:_drawer-blur_1gblg_1 var(--midas-transition-duration-quick)}._overlay_1gblg_1[data-exiting]{animation:_drawer-blur_1gblg_1 var(--midas-transition-duration-quick) reverse var(--midas-transition-timing-ease-in)}._drawer_1gblg_14{background-color:var(--midas-background-base);border-right:1px solid var(--midas-border-color-subtle);outline:none;width:clamp(10rem,15rem,90%);height:calc(100dvh + 200px);margin-right:auto;position:sticky;top:-100px;left:0;overflow-y:auto;box-shadow:-8px 0 20px #0000001a}._drawer_1gblg_14[data-entering]{animation:_drawer-slide_1gblg_1 var(--midas-transition-duration-quick)}._drawer_1gblg_14[data-exiting]{animation:_drawer-slide_1gblg_1 var(--midas-transition-duration-quick) reverse var(--midas-transition-timing-ease-in)}._dialog_1gblg_39:focus-visible{outline:none}._header_1gblg_45{background-color:var(--midas-background-base);margin-bottom:var(--midas-space-medium);padding:var(--midas-space-medium);display:block;position:sticky;top:0}@keyframes _drawer-blur_1gblg_1{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}to{background:var(--midas-overlay-background);-webkit-backdrop-filter:var(--midas-overlay-blur);backdrop-filter:var(--midas-overlay-blur)}}@keyframes _drawer-slide_1gblg_1{0%{transform:translate(-100%)}to{transform:translate(0)}}._header_i5439_1{background-color:var(--midas-background-base);border-bottom:1px solid var(--midas-border-color-subtle);gap:var(--midas-space-xlarge);display:flex}

package/assets/layout.css

@@ -0,0 +1 @@
+._layout_4r2tn_1{font-family:var(--midas-typography-font-family);flex-direction:column;width:100%;height:100dvh;display:flex}._skipToContent_yjoos_1{z-index:var(--midas-z-index-skip-to-content);position:absolute;top:0;right:100%}._skipToContent_yjoos_1[data-focus-visible]{top:5px;left:5px;right:auto}._layoutContent_rtwdj_1{height:100%;display:flex;position:relative;overflow:hidden}@media (width<800px){._layoutContent_rtwdj_1{flex-direction:column}}

package/assets/main.css

@@ -0,0 +1 @@
+._main_5eaab_1{box-sizing:border-box;scrollbar-gutter:stable;min-width:0;height:100%;padding:var(--midas-space-xlarge);flex:auto;overflow:hidden auto}._main_5eaab_1:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}@media (forced-colors:active){._main_5eaab_1:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}

package/assets/navbar.css

@@ -0,0 +1 @@
+._navbar_18aqo_1{background-color:var(--midas-layer-01-base)}._navbar_18aqo_1 ul{justify-content:center;margin:0;padding:0;display:flex}._navbar_18aqo_1 ul li{align-items:center;list-style:none;display:flex}

package/assets/navigation.css

@@ -0,0 +1 @@
+._rootList_l3v98_1{margin:0;padding:0}._navigationHeader_j94pq_1{color:var(--midas-text-secondary);font-size:var(--midas-typography-font-size-20);padding:var(--midas-spacing-30)}._navigationHeader_j94pq_1._collapsed_j94pq_6{display:none}._navigationItem_1jt2l_1{list-style:none}._navigationLink_1787b_1{border-left:var(--midas-size-10) solid transparent;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);align-self:stretch;align-items:center;gap:var(--midas-spacing-30);padding:var(--midas-spacing-50);flex-direction:column;flex:1 0;justify-content:flex-end;text-decoration:none;display:flex}._navigationLink_1787b_1[data-hovered],._navigationLink_1787b_1:hover,._navigationLink_1787b_1[data-active]{background-color:var(--midas-menu-item-background-hover)}._navigationLink_1787b_1._sidebar_1787b_21{padding:.625rem var(--midas-spacing-30);transition:padding-inline-start var(--midas-transition-duration-fast) ease-out;flex-direction:row;justify-content:flex-start;align-items:flex-start}._navigationLink_1787b_1._sidebar_1787b_21[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-bold)}._navigationLink_1787b_1._sidebar_1787b_21._collapsed_1787b_34{padding-inline-start:calc((80px - 2 * var(--midas-space-small) - var(--midas-size-90)) / 2)}._navigationLink_1787b_1 svg{height:var(--midas-size-90);width:var(--midas-size-90);flex-shrink:0}._navigationLink_1787b_1 ._title_1787b_49{interpolate-size:allow-keywords;opacity:1;height:auto;transition:display var(--midas-transition-duration-fast) allow-discrete, height var(--midas-transition-duration-fast) ease-out, opacity var(--midas-transition-duration-instant) ease-out;display:block;overflow:hidden}@starting-style{._navigationLink_1787b_1 ._title_1787b_49{opacity:0;height:0}}._navigationLink_1787b_1._collapsed_1787b_34 ._title_1787b_49{opacity:0;height:0;display:none}._navigationSection_1ae77_1{margin:0 0 1rem;padding:0}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigationSubMenu_vfyl6_1{margin:0 0 1rem 1rem;padding:0}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}

package/assets/panel.css

@@ -0,0 +1 @@
+._panelBody_1p0jk_1{background-color:var(--midas-background-base);box-sizing:border-box;flex-direction:column;gap:0;display:flex}._panelContent_1gfrc_1{padding:var(--midas-space-small) var(--midas-space-medium) 0;flex:auto;overflow:hidden auto}._panelContent_1gfrc_1:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}@media (forced-colors:active){._panelContent_1gfrc_1:focus-visible{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._panelHeader_1g1ux_1{padding:var(--midas-space-small) var(--midas-space-30) var(--midas-space-small) var(--midas-space-medium);justify-content:space-between;align-items:center;display:flex}._panelTitle_w7y4m_1{display:block}:root{--panel-width:300px;--panel-height-mobile:40vh}._panel_11eci_6{background:var(--midas-background-base);box-shadow:var(--midas-panel-shadow);height:100%;width:var(--panel-width);border-left:1px solid var(--midas-border-color-subtle);position:absolute;top:0;right:0;overflow:hidden}._panel_11eci_6[data-promoting]{animation:_promote_11eci_1 var(--midas-transition-duration-slow) ease-out}@media (prefers-reduced-motion:reduce){._panel_11eci_6[data-promoting]{animation-duration:1ms}}._panel_11eci_6[data-entering]{animation:_slide-horizontally_11eci_1 var(--midas-transition-duration-slow)}._panel_11eci_6[data-exiting]{animation:_slide-horizontally_11eci_1 var(--midas-transition-duration-slow) reverse ease-in}@media (prefers-reduced-motion:reduce){._panel_11eci_6[data-entering],._panel_11eci_6[data-exiting]{animation-duration:1ms}}@media (width<800px){._panel_11eci_6{width:100%;height:var(--panel-height-mobile);bottom:0;left:0;top:unset;border-left:none;border-top:1px solid var(--midas-border-color-subtle)}._panel_11eci_6[data-entering]{animation:_slide-vertically_11eci_1 var(--midas-transition-duration-slow)}._panel_11eci_6[data-exiting]{animation:_slide-vertically_11eci_1 var(--midas-transition-duration-slow) reverse ease-in}}._panelActions_11eci_63{flex-shrink:0;align-items:center;display:flex}._panelTitle_11eci_69{font-size:var(--midas-typography-font-size-30);font-weight:var(--midas-typography-weight-semi-bold);line-height:var(--midas-typography-line-height-50);display:block}@keyframes _promote_11eci_1{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes _slide-horizontally_11eci_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _slide-vertically_11eci_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._push_a83oo_1{height:100%;transition:width var(--midas-transition-duration-slow);flex-shrink:0;width:0;position:relative;overflow:hidden}._push_a83oo_1[data-open]{width:var(--panel-width)}@media (width<800px){._push_a83oo_1{width:100%;height:0;transition:height var(--midas-transition-duration-slow)}._push_a83oo_1[data-open]{height:var(--panel-height-mobile);width:100%}}

package/assets/sidebar.css

@@ -0,0 +1 @@
+._sidebar_zlaev_1{background-color:var(--midas-background-base);border-right:1px solid var(--midas-border-color-subtle);transition:width var(--midas-transition-duration-fast) ease-out;flex-shrink:0;width:15rem}._sidebar_zlaev_1._collapsed_zlaev_8{width:80px}@media (width<=640px){._sidebar_zlaev_1{display:none}}._sidebarHeader_zlaev_17{gap:0}._sidebarHeader_zlaev_17._collapsed_zlaev_8{padding:var(--midas-space-small);justify-content:center}._sidebarTitle_zlaev_26{font-size:var(--midas-typography-font-size-20);interpolate-size:allow-keywords;opacity:1;height:auto;transition:height var(--midas-transition-duration-fast) ease-out, opacity var(--midas-transition-duration-instant) ease-out;display:block;overflow:hidden}@starting-style{._sidebarTitle_zlaev_26{opacity:0;height:0}}._sidebarTitle_zlaev_26._collapsed_zlaev_8{opacity:0;height:0;display:none}._sidebarContent_zlaev_49{padding:var(--midas-space-small)}._sidebar_zlaev_1[data-transitioning] [data-badge]{opacity:0;transition:none}._sidebar_zlaev_1 [data-badge]{transition:opacity var(--midas-transition-duration-normal) ease var(--midas-transition-duration-fast)}@media (prefers-reduced-motion:reduce){._sidebar_zlaev_1[data-transitioning] [data-badge],._sidebar_zlaev_1 [data-badge]{transition:none}}

package/chunks/clsx-CbxlCXZ3.js

@@ -0,0 +1,16 @@
+//#region ../../node_modules/clsx/dist/clsx.mjs
+function e(t) {
+	var n, r, i = "";
+	if (typeof t == "string" || typeof t == "number") i += t;
+	else if (typeof t == "object") if (Array.isArray(t)) {
+		var a = t.length;
+		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
+	} else for (r in t) t[r] && (i && (i += " "), i += r);
+	return i;
+}
+function t() {
+	for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
+	return i;
+}
+//#endregion
+export { t };

package/chunks/createLucideIcon-BgluSHFG.js

@@ -0,0 +1,39 @@
+import { createElement as e, forwardRef as t } from "react";
+//#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+var n = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), r = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), i = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), a = (e) => {
+	let t = i(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, o = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, s = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, c = t(({ color: t = "currentColor", size: r = 24, strokeWidth: i = 2, absoluteStrokeWidth: a, className: c = "", children: l, iconNode: u, ...d }, f) => e("svg", {
+	ref: f,
+	...o,
+	width: r,
+	height: r,
+	stroke: t,
+	strokeWidth: a ? Number(i) * 24 / Number(r) : i,
+	className: n("lucide", c),
+	...!l && !s(d) && { "aria-hidden": "true" },
+	...d
+}, [...u.map(([t, n]) => e(t, n)), ...Array.isArray(l) ? l : [l]])), l = (i, o) => {
+	let s = t(({ className: t, ...s }, l) => e(c, {
+		ref: l,
+		iconNode: o,
+		className: n(`lucide-${r(a(i))}`, `lucide-${i}`, t),
+		...s
+	}));
+	return s.displayName = a(i), s;
+};
+//#endregion
+export { l as t };

package/chunks/header--aFkqcRB.js

@@ -0,0 +1,86 @@
+'use client';
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { t } from "./createLucideIcon-BgluSHFG.js";
+import { t as n } from "./utils-B0BlrR1T.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createContext as o, forwardRef as s } from "react";
+import { Dialog as c, Modal as l, composeRenderProps as u } from "react-aria-components";
+import { Button as d, DialogTrigger as f, LogoContext as p, ModalOverlay as m, Text as h, clsx as g, useLocalizedStringFormatter as _ } from "@midas-ds/components";
+import '../assets/header.css';var v = { headerActions: "_headerActions_1rka5_1" }, y = ({ className: t, ...n }) => /* @__PURE__ */ i("div", {
+	className: e(t, v.headerActions),
+	...n
+}), b = { label: "_label_1191f_1" }, x = s(({ children: e, icon: t, ...n }, o) => (!e && !n["aria-label"] && process.env.NODE_ENV !== "production" && console.warn("Please provide an 'aria-label' for HeaderAction components that doesnt have a visible label (children)"), /* @__PURE__ */ i(d, {
+	ref: o,
+	size: "medium",
+	variant: "tertiary",
+	...n,
+	children: u(e, (e) => /* @__PURE__ */ a(r, { children: [t, e !== void 0 && /* @__PURE__ */ i("span", {
+		className: b.label,
+		children: e
+	})] }))
+})));
+x.displayName = "HeaderAction";
+var S = t("menu", [
+	["path", {
+		d: "M4 5h16",
+		key: "1tepv9"
+	}],
+	["path", {
+		d: "M4 12h16",
+		key: "1lakjw"
+	}],
+	["path", {
+		d: "M4 19h16",
+		key: "1djgab"
+	}]
+]), C = o(void 0), w = {
+	en: { openMenu: "Open menu" },
+	sv: { openMenu: "Öppna meny" }
+}, T = {
+	overlay: "_overlay_1gblg_1",
+	"drawer-blur": "_drawer-blur_1gblg_1",
+	drawer: "_drawer_1gblg_14",
+	"drawer-slide": "_drawer-slide_1gblg_1",
+	dialog: "_dialog_1gblg_39",
+	header: "_header_1gblg_45"
+}, E = ({ children: e, className: t, defaultOpen: r, isOpen: o, onOpenChange: s, title: p, ...v }) => {
+	let y = n(), b = _(w);
+	return y ? /* @__PURE__ */ i(C.Provider, {
+		value: {},
+		children: /* @__PURE__ */ a(f, {
+			isOpen: o,
+			onOpenChange: s,
+			defaultOpen: r,
+			children: [/* @__PURE__ */ i(d, {
+				"aria-label": b.format("openMenu"),
+				icon: S,
+				variant: "icon"
+			}), /* @__PURE__ */ i(m, {
+				className: g(t, T.overlay),
+				isDismissable: !0,
+				...v,
+				children: u(e, (e) => /* @__PURE__ */ i(l, {
+					className: T.drawer,
+					children: /* @__PURE__ */ a(c, {
+						className: T.dialog,
+						children: [p && /* @__PURE__ */ i(h, {
+							className: T.header,
+							children: p
+						}), e]
+					})
+				}))
+			})]
+		})
+	}) : null;
+}, D = { header: "_header_i5439_1" }, O = ({ className: t, ...r }) => {
+	let a = n();
+	return /* @__PURE__ */ i(p.Provider, {
+		value: { size: a ? "x-small" : "large" },
+		children: /* @__PURE__ */ i("header", {
+			className: e(t, D.header),
+			...r
+		})
+	});
+};
+//#endregion
+export { y as a, x as i, E as n, C as r, O as t };

package/chunks/layout-BL0juoss.js

@@ -0,0 +1,27 @@
+'use client';
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Button as r, useLocalizedStringFormatter as i } from "@midas-ds/components";
+import '../assets/layout.css';var a = { layout: "_layout_4r2tn_1" }, o = {
+	en: { skipToContent: "Skip to main content" },
+	sv: { skipToContent: "Hoppa till huvudinnehåll" }
+}, s = { skipToContent: "_skipToContent_yjoos_1" }, c = ({ selector: e = "main:first-of-type" }) => {
+	let n = () => {
+		let t = document.querySelector(e);
+		t && (t.tabIndex = -1, t.focus(), t.addEventListener("blur", () => t.removeAttribute("tabindex"), { once: !0 }));
+	}, a = i(o);
+	return /* @__PURE__ */ t(r, {
+		onPress: n,
+		className: s.skipToContent,
+		children: a.format("skipToContent")
+	});
+}, l = ({ children: r, className: i, ...o }) => /* @__PURE__ */ n("div", {
+	className: e(i, a.layout),
+	...o,
+	children: [/* @__PURE__ */ t(c, {}), r]
+}), u = { layoutContent: "_layoutContent_rtwdj_1" }, d = ({ className: n, ...r }) => /* @__PURE__ */ t("div", {
+	className: e(n, u.layoutContent),
+	...r
+});
+//#endregion
+export { l as n, d as t };

package/chunks/main-BHQLIt4r.js

@@ -0,0 +1,8 @@
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/main.css';var n = { main: "_main_5eaab_1" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("main", {
+	className: e(r, n.main),
+	...i
+});
+//#endregion
+export { r as t };

package/chunks/navbar-C63VGKFb.js

@@ -0,0 +1,8 @@
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { jsx as t } from "react/jsx-runtime";
+import '../assets/navbar.css';var n = { navbar: "_navbar_18aqo_1" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("footer", {
+	className: e(r, n.navbar),
+	...i
+});
+//#endregion
+export { r as t };

package/chunks/navigation-C27FuxMS.js

@@ -0,0 +1,96 @@
+'use client';
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { r as t } from "./header--aFkqcRB.js";
+import { n } from "./sidebar-BhbGgFMU.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useContext as a } from "react";
+import { Collection as o, Focusable as s, Link as c, OverlayTriggerStateContext as l } from "react-aria-components";
+import { Text as u, Tooltip as d, TooltipTrigger as f, clsx as p } from "@midas-ds/components";
+import { Collection as m } from "@react-aria/collections";
+import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g = ({ className: e, items: t, children: n, dependencies: i, idScope: a, addIdAndValue: s, ...c }) => /* @__PURE__ */ r("nav", {
+	className: e,
+	...c,
+	children: /* @__PURE__ */ r("ul", {
+		className: h.rootList,
+		children: /* @__PURE__ */ r(o, {
+			items: t,
+			children: n,
+			dependencies: i,
+			idScope: a,
+			addIdAndValue: s
+		})
+	})
+}), _ = {
+	navigationHeader: "_navigationHeader_j94pq_1",
+	collapsed: "_collapsed_j94pq_6"
+}, v = ({ className: e, ...t }) => {
+	let i = a(n);
+	return /* @__PURE__ */ r(u, {
+		className: p(e, _.navigationHeader, { [_.collapsed]: i?.isCollapsed }),
+		...t
+	});
+}, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className: t, ...i }) => {
+	let o = a(n);
+	return /* @__PURE__ */ r("li", {
+		className: e(t, y.navigationItem, { [y.collapsed]: o?.isCollapsed }),
+		...i
+	});
+}, x = {
+	navigationLink: "_navigationLink_1787b_1",
+	sidebar: "_sidebar_1787b_21",
+	collapsed: "_collapsed_1787b_34",
+	title: "_title_1787b_49"
+}, S = ({ as: e, children: o, className: u, isActive: m, icon: h, "aria-label": g, ..._ }) => {
+	let v = a(t), y = a(n), b = y?.isCollapsed, S = a(l), C = e || c, w = () => {
+		S?.isOpen && S?.setOpen(!1);
+	}, T = typeof o == "string" ? o : void 0;
+	return !T && !g && process.env.NODE_ENV !== "production" && console.warn("An 'aria-label' is required for <NavigationLink> elements with non plain text children"), /* @__PURE__ */ i(f, {
+		isDisabled: !b || !T && !g,
+		children: [/* @__PURE__ */ r(s, { children: /* @__PURE__ */ i(C, {
+			"aria-current": m && "page",
+			"aria-label": g || (b ? T : void 0),
+			className: p(u, x.navigationLink, {
+				[x.sidebar]: y || v,
+				[x.collapsed]: b
+			}),
+			"data-active": m || void 0,
+			...e ? { onClick: (e) => {
+				w(), _.onClick?.(e);
+			} } : { onPress: (e) => {
+				w(), _.onPress?.(e);
+			} },
+			..._,
+			children: [h, /* @__PURE__ */ r("span", {
+				className: x.title,
+				children: o
+			})]
+		}) }), /* @__PURE__ */ r(d, {
+			placement: "right",
+			children: T
+		})]
+	});
+}, C = {
+	navigationSection: "_navigationSection_1ae77_1",
+	collapsed: "_collapsed_1ae77_5"
+}, w = ({ className: t, title: o, ...s }) => {
+	let c = a(n);
+	return /* @__PURE__ */ r(b, { children: /* @__PURE__ */ i("ul", {
+		className: e(t, C.navigationSection, { [C.collapsed]: c?.isCollapsed }),
+		children: [o && /* @__PURE__ */ r(v, { children: o }), /* @__PURE__ */ r(m, { ...s })]
+	}) });
+}, T = {
+	navigationSubMenu: "_navigationSubMenu_vfyl6_1",
+	collapsed: "_collapsed_vfyl6_5"
+}, E = ({ className: t, children: i, items: o, ...s }) => {
+	let c = a(n), { length: l } = Array.from(o || []);
+	return typeof i == "function" && l === 0 ? null : /* @__PURE__ */ r("ul", {
+		className: e(t, T.navigationSubMenu, { [T.collapsed]: c?.isCollapsed }),
+		children: /* @__PURE__ */ r(m, {
+			items: o,
+			...s,
+			children: i
+		})
+	});
+};
+//#endregion
+export { v as a, b as i, w as n, g as o, S as r, E as t };

package/chunks/panel-CJr6C1-h.js

@@ -0,0 +1,165 @@
+'use client';
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { t } from "./createLucideIcon-BgluSHFG.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { createContext as i, forwardRef as a, useContext as o, useEffect as s, useRef as c, useState as l } from "react";
+import { Button as u, Text as d, clsx as f, useLocalizedStringFormatter as p } from "@midas-ds/components";
+import { useControlledState as m } from "@react-stately/utils";
+import { filterDOMProps as h, useEnterAnimation as g, useExitAnimation as _, useObjectRef as v } from "@react-aria/utils";
+import '../assets/panel.css';var y = t("x", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]), b = { panelBody: "_panelBody_1p0jk_1" }, x = a(({ className: t, ...r }, i) => /* @__PURE__ */ n("aside", {
+	ref: i,
+	className: e(t, b.panelBody),
+	...r
+})), S = { panelContent: "_panelContent_1gfrc_1" }, C = a(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	tabIndex: 0,
+	className: e(t, S.panelContent),
+	...r
+})), w = { panelHeader: "_panelHeader_1g1ux_1" }, T = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
+	className: e(t, w.panelHeader),
+	...r
+}), E = { panelTitle: "_panelTitle_w7y4m_1" }, D = ({ className: e, title: t, ...r }) => /* @__PURE__ */ n(d, {
+	className: f(e, E.panelTitle),
+	...r,
+	children: t
+}), O = {
+	en: { closePanel: "Close panel" },
+	sv: { closePanel: "Stäng panel" }
+}, k = {
+	panel: "_panel_11eci_6",
+	promote: "_promote_11eci_1",
+	"slide-horizontally": "_slide-horizontally_11eci_1",
+	"slide-vertically": "_slide-vertically_11eci_1",
+	panelActions: "_panelActions_11eci_63",
+	panelTitle: "_panelTitle_11eci_69"
+}, A = (e) => {
+	let { onExited: t } = e, [r, i] = m(e.isOpen, e.defaultOpen || !1, e.onOpenChange), a = c(null), o = _(a, r);
+	return s(() => {
+		!r && !o && t?.();
+	}, [
+		r,
+		o,
+		t
+	]), !r && !o ? null : /* @__PURE__ */ n(j, {
+		isExiting: o,
+		onPress: () => i((e) => !e),
+		ref: a,
+		...e
+	});
+}, j = a(({ className: t, title: i, actions: a, onPress: o, children: s, isExiting: c, defaultOpen: l, promoting: d, onPromotionEnd: f, "aria-hidden": m, ..._ }, b) => {
+	let S = p(O), w = v(b), E = g(w, !l);
+	return /* @__PURE__ */ r(x, {
+		"aria-hidden": m || void 0,
+		"aria-label": i,
+		className: e(t, k.panel),
+		ref: w,
+		"data-entering": E || void 0,
+		"data-exiting": c || void 0,
+		"data-promoting": d || void 0,
+		onAnimationEnd: (e) => {
+			e.target === e.currentTarget && d && f?.();
+		},
+		...h(_),
+		children: [/* @__PURE__ */ r(T, { children: [/* @__PURE__ */ n(D, {
+			className: k.panelTitle,
+			title: i
+		}), /* @__PURE__ */ r("div", {
+			className: k.panelActions,
+			children: [a, /* @__PURE__ */ n(u, {
+				"aria-label": S.format("closePanel"),
+				onPress: o,
+				size: "medium",
+				variant: "icon",
+				children: /* @__PURE__ */ n(y, { size: 20 })
+			})]
+		})] }), /* @__PURE__ */ n(C, { children: s })]
+	});
+}), M = (e) => null;
+M.displayName = "usePanels";
+var N = i({
+	panels: [],
+	panelVariant: "overlay",
+	addPanel: () => {},
+	closePanel: () => {},
+	removePanel: () => {},
+	resetPromoting: () => {}
+}), P = ({ children: e, defaultPanels: t = [], panelBehavior: r = "replace", panelVariant: i = "overlay" }) => {
+	let [a, o] = l(t.map((e) => ({
+		...e,
+		isOpen: !0,
+		defaultOpen: !0
+	})));
+	return /* @__PURE__ */ n(N.Provider, {
+		value: {
+			panels: a,
+			panelVariant: i,
+			addPanel: (e) => {
+				o((t) => {
+					if (r === "replace") return [{
+						...e,
+						isOpen: !0
+					}];
+					let n = t.findIndex((t) => t.id === e.id);
+					if (n === -1) return [...t, {
+						...e,
+						isOpen: !0
+					}];
+					if (r === "bring-to-front") {
+						if (n === t.length - 1) return t;
+						let r = t[n];
+						return [...t.filter((t) => t.id !== e.id), {
+							...r,
+							isOpen: !0,
+							promoting: !0
+						}];
+					}
+					return r === "pop-to" ? t.map((e, t) => t > n ? {
+						...e,
+						isOpen: !1
+					} : e) : t;
+				});
+			},
+			closePanel: (e) => {
+				o((t) => t.map((t) => t.id === e ? {
+					...t,
+					isOpen: !1
+				} : t));
+			},
+			removePanel: (e) => {
+				o((t) => t.filter((t) => t.id !== e));
+			},
+			resetPromoting: (e) => {
+				o((t) => t.map((t) => t.id === e ? {
+					...t,
+					promoting: !1
+				} : t));
+			}
+		},
+		children: e
+	});
+}, F = () => o(N), I = { push: "_push_a83oo_1" }, L = ({ children: t, className: i, ...a }) => {
+	let { panels: o, panelVariant: s, closePanel: c, removePanel: l, resetPromoting: u } = F(), d = o.length > 0;
+	return /* @__PURE__ */ r("div", {
+		className: e(i, s === "push" && I.push),
+		"data-open": s === "push" && d ? !0 : void 0,
+		...a,
+		children: [o.map(({ id: e, ...t }, r, { length: i }) => /* @__PURE__ */ n(A, {
+			"aria-hidden": r < i - 1 || void 0,
+			id: e,
+			onOpenChange: (t) => {
+				t || c(e);
+			},
+			onExited: () => l(e),
+			onPromotionEnd: () => u(e),
+			...t
+		}, e)), t]
+	});
+};
+//#endregion
+export { M as a, T as c, N as i, C as l, F as n, A as o, P as r, D as s, L as t, x as u };

package/chunks/sidebar-BhbGgFMU.js

@@ -0,0 +1,93 @@
+'use client';
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { t } from "./createLucideIcon-BgluSHFG.js";
+import { c as n, l as r, s as i, u as a } from "./panel-CJr6C1-h.js";
+import { t as o } from "./utils-B0BlrR1T.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l, { createContext as u } from "react";
+import { Button as d, useLocalizedStringFormatter as f } from "@midas-ds/components";
+import { useControlledState as p } from "@react-stately/utils";
+import { filterDOMProps as m } from "@react-aria/utils";
+import '../assets/sidebar.css';var h = 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"
+	}]
+]), g = 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"
+	}]
+]), _ = {
+	en: {
+		expandSidebar: "Expand sidebar",
+		collapseSidebar: "Collapse sidebar"
+	},
+	sv: {
+		expandSidebar: "Expandera sidopanel",
+		collapseSidebar: "Minimera sidopanel"
+	}
+}, v = u(void 0), y = {
+	sidebar: "_sidebar_zlaev_1",
+	collapsed: "_collapsed_zlaev_8",
+	sidebarHeader: "_sidebarHeader_zlaev_17",
+	sidebarTitle: "_sidebarTitle_zlaev_26",
+	sidebarContent: "_sidebarContent_zlaev_49"
+}, b = ({ children: t, className: u, title: b, ...x }) => {
+	let S = f(_), C = o(), [w, T] = p(x.isCollapsed, x.defaultCollapsed || !1, x.onCollapseChange), [E, D] = l.useState(!1), O = () => {
+		D(!0), T((e) => !e);
+	}, k = (e) => {
+		e.propertyName === "width" && e.target === e.currentTarget && D(!1);
+	};
+	return C ? null : /* @__PURE__ */ s(v.Provider, {
+		value: { isCollapsed: w },
+		children: /* @__PURE__ */ c(a, {
+			className: e(u, y.sidebar, { [y.collapsed]: w }),
+			"data-transitioning": E || void 0,
+			onTransitionEnd: k,
+			...m(x),
+			children: [/* @__PURE__ */ c(n, {
+				className: e(y.sidebarHeader, { [y.collapsed]: w }),
+				children: [b ? /* @__PURE__ */ s(i, {
+					className: e(y.sidebarTitle, { [y.collapsed]: w }),
+					title: b
+				}) : /* @__PURE__ */ s("div", {}), /* @__PURE__ */ s(d, {
+					"aria-label": w ? S.format("expandSidebar") : S.format("collapseSidebar"),
+					onPress: O,
+					variant: "icon",
+					size: w ? "large" : "medium",
+					children: s(w ? g : h, { size: 20 })
+				})]
+			}), /* @__PURE__ */ s(r, {
+				className: y.sidebarContent,
+				children: t
+			})]
+		})
+	});
+};
+//#endregion
+export { v as n, b as t };

package/chunks/utils-B0BlrR1T.js

@@ -0,0 +1,23 @@
+'use client';
+import { useEffect as e, useState as t } from "react";
+import { useIsSSR as n } from "@react-aria/ssr";
+//#region ../../node_modules/@react-spectrum/utils/dist/useMediaQuery.mjs
+function r(r) {
+	let i = typeof window < "u" && typeof window.matchMedia == "function", [a, o] = t(() => i ? window.matchMedia(r).matches : !1);
+	return e(() => {
+		if (!i) return;
+		let e = window.matchMedia(r), t = (e) => {
+			o(e.matches);
+		};
+		return e.addListener(t), () => {
+			e.removeListener(t);
+		};
+	}, [i, r]), n() ? !1 : a;
+}
+//#endregion
+//#region src/utils/useIsMobileDevice.ts
+function i() {
+	return r("(max-width: 640px)");
+}
+//#endregion
+export { i as t };

package/header/index.js

@@ -1,9 +1,2 @@
-import { H as o, a as r, b as s, M as t } from "../chunks/Header-Wswx-yQj.js";
-import { M as n } from "../chunks/MobileMenuContext-Coj0sJ0N.js";
-export {
-  o as Header,
-  r as HeaderAction,
-  s as HeaderActions,
-  t as MobileMenu,
-  n as MobileMenuContext
-};
+import { a as e, i as t, n, r, t as i } from "../chunks/header--aFkqcRB.js";
+export { i as Header, t as HeaderAction, e as HeaderActions, n as MobileMenu, r as MobileMenuContext };