@midas-ds/layout 0.2.49 → 0.2.51

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 0.2.51 (2026-10-09)
+
+### 🩹 Fixes
+
+- **components,layout,table-styles:** declare public type packages ([#1406](https://github.com/migrationsverket/midas/pull/1406))
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.30.1
+
+## 0.2.50 (2026-10-09)
+
+### 🚀 Features
+
+- **components,layout,table-styles:** depend on lucide-react ([#1405](https://github.com/migrationsverket/midas/pull/1405))
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.30.0
+
 ## 0.2.49 (2026-10-09)
 
 ### 🧱 Updated Dependencies

package/chunks/header-D4J0i_bA.js

@@ -0,0 +1,90 @@
+'use client';
+import { useIsMobileDevice as e } from "../utils/index.js";
+import t from "clsx";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { createContext as a, forwardRef as o } from "react";
+import { Dialog as s, Modal as c, composeRenderProps as l } from "react-aria-components";
+import { Button as u, DialogTrigger as d, Logo as f, ModalOverlay as p, Text as m, clsx as h, useLocalizedStringFormatter as g } from "@midas-ds/components";
+import { Menu as _ } from "lucide-react";
+import '../assets/header.css';var v = { headerActions: "_headerActions_zpqnd_1" }, y = ({ children: e, className: n }) => /* @__PURE__ */ r("div", {
+	className: t(v.headerActions, n),
+	children: e
+}), b = {
+	headerAction: "_headerAction_dgfa1_1",
+	label: "_label_dgfa1_7"
+}, x = o(({ children: e, icon: a, className: o, ...s }, c) => (!e && !s["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__ */ r(u, {
+	ref: c,
+	size: "medium",
+	variant: "tertiary",
+	className: t(b.headerAction, o),
+	...s,
+	children: l(e, (e) => /* @__PURE__ */ i(n, { children: [a, e !== void 0 && /* @__PURE__ */ r("span", {
+		className: b.label,
+		children: e
+	})] }))
+})));
+x.displayName = "HeaderAction";
+var S = {
+	mobile: "_mobile_vwr3x_1",
+	desktop: "_desktop_vwr3x_11"
+}, C = ({ primary: e }) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(f, {
+	size: "x-small",
+	primary: e,
+	padding: !1,
+	className: S.mobile
+}), /* @__PURE__ */ r(f, {
+	size: "small",
+	primary: e,
+	padding: !1,
+	className: S.desktop
+})] }), w = { headerTitle: "_headerTitle_cw9hi_1" }, T = ({ className: e, ...n }) => /* @__PURE__ */ r("span", {
+	className: t(w.headerTitle, e),
+	...n
+}), E = a(void 0), D = {
+	en: { openMenu: "Open menu" },
+	sv: { openMenu: "Öppna meny" }
+}, O = {
+	triggerButton: "_triggerButton_1k2eg_1",
+	overlay: "_overlay_1k2eg_5",
+	"drawer-blur": "_drawer-blur_1k2eg_1",
+	drawer: "_drawer_1k2eg_18",
+	"drawer-slide": "_drawer-slide_1k2eg_1",
+	dialog: "_dialog_1k2eg_43",
+	header: "_header_1k2eg_49"
+}, k = ({ children: t, className: n, defaultOpen: a, isOpen: o, onOpenChange: f, title: v, ...y }) => {
+	let b = e(), x = g(D);
+	return b ? /* @__PURE__ */ r(E.Provider, {
+		value: {},
+		children: /* @__PURE__ */ i(d, {
+			isOpen: o,
+			onOpenChange: f,
+			defaultOpen: a,
+			children: [/* @__PURE__ */ r(u, {
+				"aria-label": x.format("openMenu"),
+				icon: _,
+				variant: "icon",
+				size: "medium",
+				className: O.triggerButton
+			}), /* @__PURE__ */ r(p, {
+				className: h(n, O.overlay),
+				isDismissable: !0,
+				...y,
+				children: l(t, (e) => /* @__PURE__ */ r(c, {
+					className: O.drawer,
+					children: /* @__PURE__ */ i(s, {
+						className: O.dialog,
+						children: [v && /* @__PURE__ */ r(m, {
+							className: O.header,
+							children: v
+						}), e]
+					})
+				}))
+			})]
+		})
+	}) : null;
+}, A = { header: "_header_s0sjn_1" }, j = ({ className: e, ...n }) => /* @__PURE__ */ r("header", {
+	className: t(e, A.header),
+	...n
+});
+//#endregion
+export { C as a, T as i, k as n, x as o, E as r, y as s, j as t };

package/chunks/{layout-D1po9FHB.js → layout-DNM8xMYM.js}

@@ -1,5 +1,5 @@
 'use client';
-import { t as e } from "./clsx-Bok9rGJm.js";
+import e from "clsx";
 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 = {

package/chunks/{main-fC0vGdZw.js → main-DsKDUX08.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-Bok9rGJm.js";
+import e from "clsx";
 import { jsx as t } from "react/jsx-runtime";
 import '../assets/main.css';var n = { main: "_main_1cmhi_1" }, r = ({ className: r, ...i }) => /* @__PURE__ */ t("main", {
 	className: e(r, n.main),

package/chunks/{navbar-DwUBXEZn.js → navbar-BVgnjg2G.js}

@@ -1,5 +1,5 @@
 'use client';
-import { t as e } from "./clsx-Bok9rGJm.js";
+import e from "clsx";
 import { jsx as t } from "react/jsx-runtime";
 import { createContext as n } from "react";
 import '../assets/navbar.css';//#region src/navbar/NavbarContext.tsx

package/chunks/{navigation-DBKcWjzG.js → navigation-R9Acriur.js}

@@ -1,8 +1,8 @@
 'use client';
-import { t as e } from "./clsx-Bok9rGJm.js";
-import { r as t } from "./header-CKgqPF7j.js";
-import { n } from "./sidebar-BYqoekwF.js";
-import { n as r } from "./navbar-DwUBXEZn.js";
+import { r as e } from "./header-D4J0i_bA.js";
+import { n as t } from "./sidebar-D5GGUdTv.js";
+import { n } from "./navbar-BVgnjg2G.js";
+import r from "clsx";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { useContext as o } from "react";
 import { Collection as s, Focusable as c, Link as l, OverlayTriggerStateContext as u } from "react-aria-components";
@@ -23,17 +23,17 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
 }), _ = {
 	navigationHeader: "_navigationHeader_18u5f_1",
 	collapsed: "_collapsed_18u5f_7"
-}, v = ({ className: e, ...t }) => {
-	let r = o(n);
+}, v = ({ className: e, ...n }) => {
+	let r = o(t);
 	return /* @__PURE__ */ i(d, {
 		className: m(e, _.navigationHeader, { [_.collapsed]: r?.isCollapsed }),
-		...t
+		...n
 	});
-}, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className: t, ...r }) => {
-	let a = o(n);
+}, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className: e, ...n }) => {
+	let a = o(t);
 	return /* @__PURE__ */ i("li", {
-		className: e(t, y.navigationItem, { [y.collapsed]: a?.isCollapsed }),
-		...r
+		className: r(e, y.navigationItem, { [y.collapsed]: a?.isCollapsed }),
+		...n
 	});
 }, x = {
 	navigationLink: "_navigationLink_7oo3n_1",
@@ -41,8 +41,8 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
 	collapsed: "_collapsed_7oo3n_51",
 	navbar: "_navbar_7oo3n_56",
 	title: "_title_7oo3n_85"
-}, S = ({ as: e, children: s, className: d, isActive: h, isDisabled: g, icon: _, "aria-label": v, ...y }) => {
-	let b = o(t), S = o(n), C = o(r), w = S?.isCollapsed, T = o(u), E = e || l, D = () => {
+}, S = ({ as: r, children: s, className: d, isActive: h, isDisabled: g, icon: _, "aria-label": v, ...y }) => {
+	let b = o(e), S = o(t), C = o(n), w = S?.isCollapsed, T = o(u), E = r || l, D = () => {
 		T?.isOpen && T?.setOpen(!1);
 	}, O = typeof s == "string" ? s : void 0;
 	return !O && !v && process.env.NODE_ENV !== "production" && console.warn("An 'aria-label' is required for <NavigationLink> elements with non plain text children"), /* @__PURE__ */ a(p, {
@@ -58,7 +58,7 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
 			"aria-disabled": g || void 0,
 			"data-active": h || void 0,
 			"data-disabled": g || void 0,
-			...e ? {
+			...r ? {
 				tabIndex: g ? -1 : void 0,
 				onClick: (e) => {
 					if (g) {
@@ -86,23 +86,23 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
 }, C = {
 	navigationSection: "_navigationSection_1ae77_1",
 	collapsed: "_collapsed_1ae77_5"
-}, w = ({ className: t, title: r, ...c }) => {
-	let l = o(n);
-	return /* @__PURE__ */ a(b, { children: [r && /* @__PURE__ */ i(v, { children: r }), /* @__PURE__ */ i("ul", {
-		className: e(t, C.navigationSection, { [C.collapsed]: l?.isCollapsed }),
+}, w = ({ className: e, title: n, ...c }) => {
+	let l = o(t);
+	return /* @__PURE__ */ a(b, { children: [n && /* @__PURE__ */ i(v, { children: n }), /* @__PURE__ */ i("ul", {
+		className: r(e, C.navigationSection, { [C.collapsed]: l?.isCollapsed }),
 		children: /* @__PURE__ */ i(s, { ...c })
 	})] });
 }, T = {
 	navigationSubMenu: "_navigationSubMenu_vfyl6_1",
 	collapsed: "_collapsed_vfyl6_5"
-}, E = ({ className: t, children: r, items: a, ...c }) => {
-	let l = o(n), { length: u } = Array.from(a || []);
-	return typeof r == "function" && u === 0 ? null : /* @__PURE__ */ i("ul", {
-		className: e(t, T.navigationSubMenu, { [T.collapsed]: l?.isCollapsed }),
+}, E = ({ className: e, children: n, items: a, ...c }) => {
+	let l = o(t), { length: u } = Array.from(a || []);
+	return typeof n == "function" && u === 0 ? null : /* @__PURE__ */ i("ul", {
+		className: r(e, T.navigationSubMenu, { [T.collapsed]: l?.isCollapsed }),
 		children: /* @__PURE__ */ i(s, {
 			items: a,
 			...c,
-			children: r
+			children: n
 		})
 	});
 };

package/chunks/panel-Dekrlpea.js

@@ -0,0 +1,159 @@
+'use client';
+import e from "clsx";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { createContext as r, forwardRef as i, useContext as a, useEffect as o, useRef as s, useState as c } from "react";
+import { Button as l, Text as u, clsx as d, useLocalizedStringFormatter as f } from "@midas-ds/components";
+import { X as p } from "lucide-react";
+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 = { panelBody: "_panelBody_1p0jk_1" }, b = i(({ className: n, ...r }, i) => /* @__PURE__ */ t("aside", {
+	ref: i,
+	className: e(n, y.panelBody),
+	...r
+})), x = { panelContent: "_panelContent_1gfrc_1" }, S = i(({ className: n, ...r }, i) => /* @__PURE__ */ t("div", {
+	ref: i,
+	tabIndex: 0,
+	className: e(n, x.panelContent),
+	...r
+})), C = { panelHeader: "_panelHeader_1g1ux_1" }, w = ({ className: n, ...r }) => /* @__PURE__ */ t("div", {
+	className: e(n, C.panelHeader),
+	...r
+}), T = { panelTitle: "_panelTitle_w7y4m_1" }, E = ({ className: e, title: n, ...r }) => /* @__PURE__ */ t(u, {
+	className: d(e, T.panelTitle),
+	...r,
+	children: n
+}), D = {
+	en: { closePanel: "Close panel" },
+	sv: { closePanel: "Stäng panel" }
+}, O = {
+	panel: "_panel_16dwe_6",
+	promote: "_promote_16dwe_1",
+	"slide-horizontally": "_slide-horizontally_16dwe_1",
+	"slide-vertically": "_slide-vertically_16dwe_1",
+	panelActions: "_panelActions_16dwe_63",
+	panelTitle: "_panelTitle_16dwe_69"
+}, k = (e) => {
+	let { onExited: n } = e, [r, i] = m(e.isOpen, e.defaultOpen || !1, e.onOpenChange), a = s(null), c = _(a, r);
+	return o(() => {
+		!r && !c && n?.();
+	}, [
+		r,
+		c,
+		n
+	]), !r && !c ? null : /* @__PURE__ */ t(A, {
+		isExiting: c,
+		onPress: () => i((e) => !e),
+		ref: a,
+		...e
+	});
+}, A = i(({ className: r, title: i, actions: a, onPress: o, children: s, isExiting: c, defaultOpen: u, promoting: d, onPromotionEnd: m, "aria-hidden": _, ...y }, x) => {
+	let C = f(D), T = v(x), k = g(T, !u);
+	return /* @__PURE__ */ n(b, {
+		"aria-hidden": _ || void 0,
+		"aria-label": i,
+		className: e(r, O.panel),
+		ref: T,
+		"data-entering": k || void 0,
+		"data-exiting": c || void 0,
+		"data-promoting": d || void 0,
+		onAnimationEnd: (e) => {
+			e.target === e.currentTarget && d && m?.();
+		},
+		...h(y),
+		children: [/* @__PURE__ */ n(w, { children: [/* @__PURE__ */ t(E, {
+			className: O.panelTitle,
+			title: i
+		}), /* @__PURE__ */ n("div", {
+			className: O.panelActions,
+			children: [a, /* @__PURE__ */ t(l, {
+				"aria-label": C.format("closePanel"),
+				onPress: o,
+				size: "medium",
+				variant: "icon",
+				children: /* @__PURE__ */ t(p, { size: 20 })
+			})]
+		})] }), /* @__PURE__ */ t(S, { children: s })]
+	});
+}), j = (e) => null;
+j.displayName = "usePanels";
+var M = r({
+	panels: [],
+	panelVariant: "overlay",
+	addPanel: () => {},
+	closePanel: () => {},
+	removePanel: () => {},
+	resetPromoting: () => {}
+}), N = ({ children: e, defaultPanels: n = [], panelBehavior: r = "replace", panelVariant: i = "overlay" }) => {
+	let [a, o] = c(n.map((e) => ({
+		...e,
+		isOpen: !0,
+		defaultOpen: !0
+	})));
+	return /* @__PURE__ */ t(M.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
+	});
+}, P = () => a(M), F = { push: "_push_xcbfl_1" }, I = ({ children: r, className: i, ...a }) => {
+	let { panels: o, panelVariant: s, closePanel: c, removePanel: l, resetPromoting: u } = P(), d = o.length > 0;
+	return /* @__PURE__ */ n("div", {
+		className: e(i, s === "push" && F.push),
+		"data-open": s === "push" && d ? !0 : void 0,
+		...a,
+		children: [o.map(({ id: e, ...n }, r, { length: i }) => /* @__PURE__ */ t(k, {
+			"aria-hidden": r < i - 1 || void 0,
+			id: e,
+			onOpenChange: (t) => {
+				t || c(e);
+			},
+			onExited: () => l(e),
+			onPromotionEnd: () => u(e),
+			...n
+		}, e)), r]
+	});
+};
+//#endregion
+export { j as a, w as c, M as i, S as l, P as n, k as o, N as r, E as s, I as t, b as u };

package/chunks/sidebar-D5GGUdTv.js

@@ -0,0 +1,63 @@
+'use client';
+import { useIsMobileDevice as e } from "../utils/index.js";
+import { c as t, l as n, s as r, u as i } from "./panel-Dekrlpea.js";
+import a from "clsx";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c, { createContext as l } from "react";
+import { Button as u, useLocalizedStringFormatter as d } from "@midas-ds/components";
+import { PanelLeftClose as f } from "lucide-react";
+import { useControlledState as p } from "@react-stately/utils";
+import { filterDOMProps as m } from "@react-aria/utils";
+import '../assets/sidebar.css';var h = {
+	en: {
+		expandSidebar: "Expand sidebar",
+		collapseSidebar: "Collapse sidebar"
+	},
+	sv: {
+		expandSidebar: "Expandera sidopanel",
+		collapseSidebar: "Minimera sidopanel"
+	}
+}, g = l(void 0), _ = {
+	sidebar: "_sidebar_1gkx7_1",
+	collapsed: "_collapsed_1gkx7_8",
+	sidebarHeader: "_sidebarHeader_1gkx7_20",
+	sidebarTitle: "_sidebarTitle_1gkx7_29",
+	collapseButton: "_collapseButton_1gkx7_47",
+	sidebarContent: "_sidebarContent_1gkx7_55"
+}, v = ({ children: l, className: v, title: y, ...b }) => {
+	let x = d(h), S = e(), [C, w] = p(b.isCollapsed, b.defaultCollapsed || !1, b.onCollapseChange), [T, E] = c.useState(!1), D = () => {
+		E(!0), w((e) => !e);
+	}, O = (e) => {
+		e.propertyName === "width" && e.target === e.currentTarget && E(!1);
+	};
+	return S ? null : /* @__PURE__ */ o(g.Provider, {
+		value: { isCollapsed: C },
+		children: /* @__PURE__ */ s(i, {
+			className: a(v, _.sidebar, { [_.collapsed]: C }),
+			"data-transitioning": T || void 0,
+			onTransitionEnd: O,
+			...m(b, { propNames: /* @__PURE__ */ new Set(["style"]) }),
+			children: [/* @__PURE__ */ s(t, {
+				className: a(_.sidebarHeader, { [_.collapsed]: C }),
+				children: [/* @__PURE__ */ o(r, {
+					className: a(_.sidebarTitle, { [_.collapsed]: C }),
+					title: y
+				}), /* @__PURE__ */ o(u, {
+					"aria-label": C ? x.format("expandSidebar") : x.format("collapseSidebar"),
+					onPress: D,
+					variant: "icon",
+					size: "medium",
+					children: /* @__PURE__ */ o("span", {
+						className: a(_.collapseButton, { [_.collapsed]: C }),
+						children: /* @__PURE__ */ o(f, { size: 20 })
+					})
+				})]
+			}), /* @__PURE__ */ o(n, {
+				className: _.sidebarContent,
+				children: l
+			})]
+		})
+	});
+};
+//#endregion
+export { g as n, v as t };

package/header/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/header-CKgqPF7j.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/header-D4J0i_bA.js";
 export { o as Header, r as HeaderAction, a as HeaderActions, e as HeaderLogo, t as HeaderTitle, n as MobileMenu, i as MobileMenuContext };

package/index.js

@@ -1,8 +1,8 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/header-CKgqPF7j.js";
-import { n as s, t as c } from "./chunks/sidebar-BYqoekwF.js";
-import { a as l, c as u, i as d, l as f, n as p, o as m, r as h, s as g, t as _, u as v } from "./chunks/panel-MI09-Qe_.js";
-import { n as y, t as b } from "./chunks/layout-D1po9FHB.js";
-import { t as x } from "./chunks/main-fC0vGdZw.js";
-import { a as S, i as C, n as w, o as T, r as E, t as D } from "./chunks/navigation-DBKcWjzG.js";
-import { n as O, t as k } from "./chunks/navbar-DwUBXEZn.js";
-export { o as Header, r as HeaderAction, a as HeaderActions, e as HeaderLogo, t as HeaderTitle, y as Layout, b as LayoutContent, x as Main, n as MobileMenu, i as MobileMenuContext, k as Navbar, O as NavbarContext, T as Navigation, S as NavigationHeader, C as NavigationItem, E as NavigationLink, w as NavigationSection, D as NavigationSubMenu, m as Panel, v as PanelBody, f as PanelContent, d as PanelContext, u as PanelHeader, h as PanelProvider, _ as PanelRegion, g as PanelTitle, c as Sidebar, s as SidebarContext, l as UsePanels, p as usePanels };
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/header-D4J0i_bA.js";
+import { n as s, t as c } from "./chunks/layout-DNM8xMYM.js";
+import { t as l } from "./chunks/main-DsKDUX08.js";
+import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/navigation-R9Acriur.js";
+import { a as g, c as _, i as v, l as y, n as b, o as x, r as S, s as C, t as w, u as T } from "./chunks/panel-Dekrlpea.js";
+import { n as E, t as D } from "./chunks/sidebar-D5GGUdTv.js";
+import { n as O, t as k } from "./chunks/navbar-BVgnjg2G.js";
+export { o as Header, r as HeaderAction, a as HeaderActions, e as HeaderLogo, t as HeaderTitle, s as Layout, c as LayoutContent, l as Main, n as MobileMenu, i as MobileMenuContext, k as Navbar, O as NavbarContext, p as Navigation, u as NavigationHeader, d as NavigationItem, m as NavigationLink, f as NavigationSection, h as NavigationSubMenu, x as Panel, T as PanelBody, y as PanelContent, v as PanelContext, _ as PanelHeader, S as PanelProvider, w as PanelRegion, C as PanelTitle, D as Sidebar, E as SidebarContext, g as UsePanels, b as usePanels };

package/layout/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/layout-D1po9FHB.js";
+import { n as e, t } from "../chunks/layout-DNM8xMYM.js";
 export { e as Layout, t as LayoutContent };

package/main/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/main-fC0vGdZw.js";
+import { t as e } from "../chunks/main-DsKDUX08.js";
 export { e as Main };

package/navbar/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/navbar-DwUBXEZn.js";
+import { n as e, t } from "../chunks/navbar-BVgnjg2G.js";
 export { t as Navbar, e as NavbarContext };

package/navigation/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-DBKcWjzG.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-R9Acriur.js";
 export { r as Navigation, e as NavigationHeader, t as NavigationItem, i as NavigationLink, n as NavigationSection, a as NavigationSubMenu };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Layout components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "0.2.49",
+  "version": "0.2.51",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,9 +41,11 @@
     "react-dom": "^18.3.1 || ^19.0.0"
   },
   "dependencies": {
-    "@midas-ds/components": "17.29.0",
+    "@midas-ds/components": "17.30.1",
     "@react-aria/utils": "3.34.1",
     "@react-stately/utils": "3.12.1",
+    "lucide-react": ">=0.563.0 <2.0.0",
+    "clsx": "^2.1.1",
     "react-aria-components": "1.21.1"
   }
 }

package/panel/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../chunks/panel-MI09-Qe_.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../chunks/panel-Dekrlpea.js";
 export { a as Panel, l as PanelBody, r as PanelContent, n as PanelContext, t as PanelHeader, o as PanelProvider, c as PanelRegion, s as PanelTitle, e as UsePanels, i as usePanels };

package/sidebar/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/sidebar-BYqoekwF.js";
+import { n as e, t } from "../chunks/sidebar-D5GGUdTv.js";
 export { t as Sidebar, e as SidebarContext };

package/utils/index.js

@@ -1,2 +1,12 @@
-import { t as e } from "../chunks/utils-CjjqyX25.js";
-export { e as useIsMobileDevice };
+'use client';
+import { useSyncExternalStore as e } from "react";
+//#region src/utils/useIsMobileDevice.ts
+var t = "(max-width: 640px)", n = (e) => {
+	let n = window.matchMedia(t);
+	return n.addEventListener("change", e), () => n.removeEventListener("change", e);
+}, r = () => window.matchMedia(t).matches, i = () => !1;
+function a() {
+	return e(n, r, i);
+}
+//#endregion
+export { a as useIsMobileDevice };

package/chunks/clsx-Bok9rGJm.js

@@ -1,18 +0,0 @@
-//#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

@@ -1,39 +0,0 @@
-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 };