@midas-ds/layout 0.2.11 → 0.2.12

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.2.12 (2026-08-13)
+
+### 🩹 Fixes
+
+- **layout,navigation:** migrate off unresolvable @react-aria/collections dependency ([2322e21ef9a](https://github.com/migrationsverket/midas/commit/2322e21ef9a))
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.18.0
+
 ## 0.2.11 (2026-07-10)
 
 ### 🚀 Features

package/chunks/{navigation-C7NE8eU6.js → navigation-CTvX1yRi.js}

@@ -6,12 +6,11 @@ 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", {
+import '../assets/navigation.css';var m = { rootList: "_rootList_l3v98_1" }, h = ({ 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,
+		className: m.rootList,
 		children: /* @__PURE__ */ r(o, {
 			items: t,
 			children: n,
@@ -20,38 +19,38 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
 			addIdAndValue: s
 		})
 	})
-}), _ = {
+}), g = {
 	navigationHeader: "_navigationHeader_18u5f_1",
 	collapsed: "_collapsed_18u5f_7"
-}, v = ({ className: e, ...t }) => {
+}, _ = ({ className: e, ...t }) => {
 	let i = a(n);
 	return /* @__PURE__ */ r(u, {
-		className: p(e, _.navigationHeader, { [_.collapsed]: i?.isCollapsed }),
+		className: p(e, g.navigationHeader, { [g.collapsed]: i?.isCollapsed }),
 		...t
 	});
-}, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className: t, ...i }) => {
+}, v = { navigationItem: "_navigationItem_1jt2l_1" }, y = ({ className: t, ...i }) => {
 	let o = a(n);
 	return /* @__PURE__ */ r("li", {
-		className: e(t, y.navigationItem, { [y.collapsed]: o?.isCollapsed }),
+		className: e(t, v.navigationItem, { [v.collapsed]: o?.isCollapsed }),
 		...i
 	});
-}, x = {
+}, b = {
 	navigationLink: "_navigationLink_1kvxy_1",
 	sidebar: "_sidebar_1kvxy_29",
 	collapsed: "_collapsed_1kvxy_43",
 	title: "_title_1kvxy_54"
-}, 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 = () => {
+}, x = ({ as: e, children: o, className: u, isActive: m, icon: h, "aria-label": g, ..._ }) => {
+	let v = a(t), y = a(n), x = 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,
+		isDisabled: !x || !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
+			"aria-label": g || (x ? T : void 0),
+			className: p(u, b.navigationLink, {
+				[b.sidebar]: y || v,
+				[b.collapsed]: x
 			}),
 			"data-active": m || void 0,
 			...e ? { onClick: (e) => {
@@ -61,7 +60,7 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
 			} },
 			..._,
 			children: [h, /* @__PURE__ */ r("span", {
-				className: x.title,
+				className: b.title,
 				children: o
 			})]
 		}) }), /* @__PURE__ */ r(d, {
@@ -69,28 +68,28 @@ import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g =
 			children: T
 		})]
 	});
-}, C = {
+}, S = {
 	navigationSection: "_navigationSection_1ae77_1",
 	collapsed: "_collapsed_1ae77_5"
-}, w = ({ className: t, title: o, ...s }) => {
-	let c = a(n);
-	return /* @__PURE__ */ i(b, { children: [o && /* @__PURE__ */ r(v, { children: o }), /* @__PURE__ */ r("ul", {
-		className: e(t, C.navigationSection, { [C.collapsed]: c?.isCollapsed }),
-		children: /* @__PURE__ */ r(m, { ...s })
+}, C = ({ className: t, title: s, ...c }) => {
+	let l = a(n);
+	return /* @__PURE__ */ i(y, { children: [s && /* @__PURE__ */ r(_, { children: s }), /* @__PURE__ */ r("ul", {
+		className: e(t, S.navigationSection, { [S.collapsed]: l?.isCollapsed }),
+		children: /* @__PURE__ */ r(o, { ...c })
 	})] });
-}, T = {
+}, w = {
 	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,
+}, T = ({ className: t, children: i, items: s, ...c }) => {
+	let l = a(n), { length: u } = Array.from(s || []);
+	return typeof i == "function" && u === 0 ? null : /* @__PURE__ */ r("ul", {
+		className: e(t, w.navigationSubMenu, { [w.collapsed]: l?.isCollapsed }),
+		children: /* @__PURE__ */ r(o, {
+			items: s,
+			...c,
 			children: i
 		})
 	});
 };
 //#endregion
-export { v as a, b as i, w as n, g as o, S as r, E as t };
+export { _ as a, y as i, C as n, h as o, x as r, T as t };

package/index.js

@@ -3,6 +3,6 @@ import { n as s, t as c } from "./chunks/sidebar-c0uIh8ge.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-CJr6C1-h.js";
 import { n as y, t as b } from "./chunks/layout-BL0juoss.js";
 import { t as x } from "./chunks/main-BHQLIt4r.js";
-import { a as S, i as C, n as w, o as T, r as E, t as D } from "./chunks/navigation-C7NE8eU6.js";
+import { a as S, i as C, n as w, o as T, r as E, t as D } from "./chunks/navigation-CTvX1yRi.js";
 import { t as O } from "./chunks/navbar-C63VGKFb.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, O as Navbar, 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 };

package/navigation/Navigation.d.ts

@@ -1,4 +1,4 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
-import { CollectionProps } from '@react-aria/collections';
+import { CollectionProps } from 'react-aria-components';
 export type NavigationProps<T extends object> = CollectionProps<T> & Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'children'>;
 export declare const Navigation: <T extends object>({ className, items, children, dependencies, idScope, addIdAndValue, ...rest }: NavigationProps<T>) => import("react/jsx-runtime").JSX.Element;

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-C7NE8eU6.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-CTvX1yRi.js";
 export { r as Navigation, e as NavigationHeader, t as NavigationItem, i as NavigationLink, n as NavigationSection, a as NavigationSubMenu };

package/navigation/navigation-link/NavigationLink.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { NavigationLink } from '.';
 type Story = StoryObj<typeof NavigationLink>;
 declare const _default: {
-    component: <C extends import('react').ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null>({ as, children, className, isActive, icon, "aria-label": ariaLabel, ...rest }: import('./NavigationLink').NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+    component: <C extends import('react').ElementType = (props: import('react-aria-components').LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null>({ as, children, className, isActive, icon, "aria-label": ariaLabel, ...rest }: import('./NavigationLink').NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
     title: string;
     tags: string[];
     args: {

package/navigation/navigation-section/NavigationSection.d.ts

@@ -1,4 +1,4 @@
-import { CollectionProps } from '@react-aria/collections';
+import { CollectionProps } from 'react-aria-components';
 export interface NavigationSectionProps<T extends object> extends CollectionProps<T> {
     title?: string;
     className?: string;

package/navigation/navigation-sub-menu/NavigationSubMenu.d.ts

@@ -1,4 +1,4 @@
-import { CollectionProps } from '@react-aria/collections';
+import { CollectionProps } from 'react-aria-components';
 export type NavigationSubMenuProps<T extends object> = CollectionProps<T> & {
     className?: string;
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Layout components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -37,7 +37,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/components": "17.17.3",
+    "@midas-ds/components": "17.18.0",
     "@react-aria/collections": "^3.0.3",
     "@react-aria/utils": "^3.33.1",
     "@react-stately/utils": "^3.11.0"