@midas-ds/layout 0.2.25 → 0.2.27

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.2.27 (2026-08-28)
+
+### 🩹 Fixes
+
+- **layout,navbar:** correct wrongly implemented design ([ee7393c75c3](https://github.com/migrationsverket/midas/commit/ee7393c75c3))
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.23.3
+
+## 0.2.26 (2026-08-28)
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.23.2
+
 ## 0.2.25 (2026-08-27)
 
 ### 🧱 Updated Dependencies

package/assets/navbar.css

@@ -1 +1 @@
-._navbar_ul0t3_1{background-color:var(--midas-layer-01-base)}@media (width>640px){._navbar_ul0t3_1{display:none}}._navbar_ul0t3_1 ul{justify-content:center;margin:0;padding:0;display:flex}._navbar_ul0t3_1 ul li{align-items:center;list-style:none;display:flex}
+._navbar_yoqje_1{background-color:var(--midas-background-base);border-top:1px solid var(--midas-border-color-subtle)}@media (width>640px){._navbar_yoqje_1{display:none}}._navbar_yoqje_1 ul{justify-content:space-between;margin:0;padding:0;display:flex}._navbar_yoqje_1 ul li{flex:1 1 0;align-items:center;list-style:none;display:flex}

package/assets/navigation.css

@@ -1 +1 @@
-._rootList_l3v98_1{margin:0;padding:0}._navigationHeader_18u5f_1{color:var(--midas-text-secondary);font-size:var(--midas-typography-font-size-20);padding:var(--midas-space-60) var(--midas-space-small) var(--midas-space-xsmall)}._navigationHeader_18u5f_1._collapsed_18u5f_7{display:none}._navigationItem_1jt2l_1{list-style:none}._navigationLink_1kvxy_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_1kvxy_1[data-hovered],._navigationLink_1kvxy_1:hover{background-color:var(--midas-navigation-link-background-hover)}._navigationLink_1kvxy_1[data-active]{background-color:var(--midas-navigation-link-background-selected)}._navigationLink_1kvxy_1[data-active][data-hovered],._navigationLink_1kvxy_1[data-active]:hover{background-color:var(--midas-navigation-link-background-selected-hover)}._navigationLink_1kvxy_1._sidebar_1kvxy_29{box-sizing:border-box;padding:var(--midas-space-50) var(--midas-space-small);flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;padding-inline-start:var(--midas-space-30)}._navigationLink_1kvxy_1._sidebar_1kvxy_29[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-medium)}._navigationLink_1kvxy_1._sidebar_1kvxy_29._collapsed_1kvxy_43{width:100%}._navigationLink_1kvxy_1 svg{height:var(--midas-size-90);width:var(--midas-size-90);flex-shrink:0}._navigationLink_1kvxy_1 ._title_1kvxy_54{max-width:100%;transition:max-width var(--midas-transition-duration-fast) ease-out;overflow:hidden}._navigationLink_1kvxy_1._collapsed_1kvxy_43 ._title_1kvxy_54{white-space:nowrap;max-width:0}[data-transitioning] ._navigationLink_1kvxy_1 ._title_1kvxy_54{white-space:nowrap}@media (prefers-reduced-motion:reduce){._navigationLink_1kvxy_1 ._title_1kvxy_54{transition: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}
+._rootList_l3v98_1{margin:0;padding:0}._navigationHeader_18u5f_1{color:var(--midas-text-secondary);font-size:var(--midas-typography-font-size-20);padding:var(--midas-space-60) var(--midas-space-small) var(--midas-space-xsmall)}._navigationHeader_18u5f_1._collapsed_18u5f_7{display:none}._navigationItem_1jt2l_1{list-style:none}._navigationLink_1fd8o_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_1fd8o_1[data-hovered]:not(:disabled,[data-disabled]),._navigationLink_1fd8o_1:hover:not(:disabled,[data-disabled]){background-color:var(--midas-navigation-link-background-hover);color:var(--midas-text-primary);text-decoration:none}._navigationLink_1fd8o_1[data-active]{background-color:var(--midas-navigation-link-background-selected)}._navigationLink_1fd8o_1[data-active][data-hovered],._navigationLink_1fd8o_1[data-active]:hover{background-color:var(--midas-navigation-link-background-selected-hover)}._navigationLink_1fd8o_1[data-disabled],._navigationLink_1fd8o_1:disabled{cursor:not-allowed}._navigationLink_1fd8o_1._sidebar_1fd8o_36{box-sizing:border-box;padding:var(--midas-space-50) var(--midas-space-small);flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;padding-inline-start:var(--midas-space-30)}._navigationLink_1fd8o_1._sidebar_1fd8o_36[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-medium)}._navigationLink_1fd8o_1._sidebar_1fd8o_36._collapsed_1fd8o_50{width:100%}._navigationLink_1fd8o_1._navbar_1fd8o_55{border-left:0;border-top:var(--midas-size-10) solid transparent;font-size:var(--midas-typography-font-size-10);gap:var(--midas-space-xsmall);padding:var(--midas-space-small)}._navigationLink_1fd8o_1._navbar_1fd8o_55[data-hovered]:not(:disabled,[data-disabled]),._navigationLink_1fd8o_1._navbar_1fd8o_55:hover:not(:disabled,[data-disabled]){font-weight:var(--midas-typography-weight-medium)}._navigationLink_1fd8o_1._navbar_1fd8o_55[data-active]{border-color:var(--midas-border-color-tertiary);color:var(--midas-text-primary);font-weight:var(--midas-typography-weight-medium)}._navigationLink_1fd8o_1._navbar_1fd8o_55[data-active] svg{color:var(--midas-icon-primary)}._navigationLink_1fd8o_1 svg{height:var(--midas-size-90);width:var(--midas-size-90);flex-shrink:0}._navigationLink_1fd8o_1 ._title_1fd8o_84{max-width:100%;transition:max-width var(--midas-transition-duration-fast) ease-out;overflow:hidden}._navigationLink_1fd8o_1._collapsed_1fd8o_50 ._title_1fd8o_84{white-space:nowrap;max-width:0}[data-transitioning] ._navigationLink_1fd8o_1 ._title_1fd8o_84{white-space:nowrap}@media (prefers-reduced-motion:reduce){._navigationLink_1fd8o_1 ._title_1fd8o_84{transition: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/chunks/navbar-DWupsHC1.js

@@ -0,0 +1,15 @@
+'use client';
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { jsx as t } from "react/jsx-runtime";
+import { createContext as n } from "react";
+import '../assets/navbar.css';//#region src/navbar/NavbarContext.tsx
+var r = n(void 0), i = { navbar: "_navbar_yoqje_1" }, a = ({ className: n, children: a, ...o }) => /* @__PURE__ */ t("footer", {
+	className: e(n, i.navbar),
+	...o,
+	children: /* @__PURE__ */ t(r.Provider, {
+		value: {},
+		children: a
+	})
+});
+//#endregion
+export { r as n, a as t };

package/chunks/navigation-HpT2Dwfd.js

@@ -0,0 +1,110 @@
+'use client';
+import { t as e } from "./clsx-CbxlCXZ3.js";
+import { r as t } from "./header-5ItL8E3-.js";
+import { n } from "./sidebar-B59uaWIo.js";
+import { n as r } from "./navbar-DWupsHC1.js";
+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";
+import { Text as d, Tooltip as f, TooltipTrigger as p, clsx as m } from "@midas-ds/components";
+import '../assets/navigation.css';var h = { rootList: "_rootList_l3v98_1" }, g = ({ className: e, items: t, children: n, dependencies: r, idScope: a, addIdAndValue: o, ...c }) => /* @__PURE__ */ i("nav", {
+	className: e,
+	...c,
+	children: /* @__PURE__ */ i("ul", {
+		className: h.rootList,
+		children: /* @__PURE__ */ i(s, {
+			items: t,
+			children: n,
+			dependencies: r,
+			idScope: a,
+			addIdAndValue: o
+		})
+	})
+}), _ = {
+	navigationHeader: "_navigationHeader_18u5f_1",
+	collapsed: "_collapsed_18u5f_7"
+}, v = ({ className: e, ...t }) => {
+	let r = o(n);
+	return /* @__PURE__ */ i(d, {
+		className: m(e, _.navigationHeader, { [_.collapsed]: r?.isCollapsed }),
+		...t
+	});
+}, y = { navigationItem: "_navigationItem_1jt2l_1" }, b = ({ className: t, ...r }) => {
+	let a = o(n);
+	return /* @__PURE__ */ i("li", {
+		className: e(t, y.navigationItem, { [y.collapsed]: a?.isCollapsed }),
+		...r
+	});
+}, x = {
+	navigationLink: "_navigationLink_1fd8o_1",
+	sidebar: "_sidebar_1fd8o_36",
+	collapsed: "_collapsed_1fd8o_50",
+	navbar: "_navbar_1fd8o_55",
+	title: "_title_1fd8o_84"
+}, 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 = () => {
+		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, {
+		isDisabled: !w || !O && !v,
+		children: [/* @__PURE__ */ i(c, { children: /* @__PURE__ */ a(E, {
+			"aria-current": h && "page",
+			"aria-label": v || (w ? O : void 0),
+			className: m(d, x.navigationLink, {
+				[x.sidebar]: S || b,
+				[x.navbar]: C,
+				[x.collapsed]: w
+			}),
+			"aria-disabled": g || void 0,
+			"data-active": h || void 0,
+			"data-disabled": g || void 0,
+			...e ? {
+				tabIndex: g ? -1 : void 0,
+				onClick: (e) => {
+					if (g) {
+						e.preventDefault();
+						return;
+					}
+					D(), y.onClick?.(e);
+				}
+			} : {
+				isDisabled: g,
+				onPress: (e) => {
+					D(), y.onPress?.(e);
+				}
+			},
+			...y,
+			children: [_, /* @__PURE__ */ i("span", {
+				className: x.title,
+				children: s
+			})]
+		}) }), /* @__PURE__ */ i(f, {
+			placement: "right",
+			children: O
+		})]
+	});
+}, 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 }),
+		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 }),
+		children: /* @__PURE__ */ i(s, {
+			items: a,
+			...c,
+			children: r
+		})
+	});
+};
+//#endregion
+export { v as a, b as i, w as n, g as o, S as r, E as t };

package/index.js

@@ -3,6 +3,6 @@ import { n as s, t as c } from "./chunks/sidebar-B59uaWIo.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-C16S0Sww.js";
 import { n as y, t as b } from "./chunks/layout-4Fc6PGCm.js";
 import { t as x } from "./chunks/main-C-aHrwYe.js";
-import { a as S, i as C, n as w, o as T, r as E, t as D } from "./chunks/navigation-D9Lh1g9b.js";
-import { t as O } from "./chunks/navbar-Bb5A6Yf9.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 };
+import { a as S, i as C, n as w, o as T, r as E, t as D } from "./chunks/navigation-HpT2Dwfd.js";
+import { n as O, t as k } from "./chunks/navbar-DWupsHC1.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 };

package/navbar/Navbar.d.ts

@@ -1,3 +1,3 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
 export type NavbarProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-export declare const Navbar: ({ className, ...rest }: NavbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Navbar: ({ className, children, ...rest }: NavbarProps) => import("react/jsx-runtime").JSX.Element;

package/navbar/Navbar.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { Navbar } from './Navbar';
 type Story = StoryObj<typeof Navbar>;
 declare const _default: {
-    component: ({ className, ...rest }: import('./Navbar').NavbarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, children, ...rest }: import('./Navbar').NavbarProps) => import("react/jsx-runtime").JSX.Element;
     title: string;
     tags: string[];
     parameters: {
@@ -20,3 +20,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Primary: Story;
+export declare const FiveItems: Story;

package/navbar/NavbarContext.d.ts

@@ -0,0 +1 @@
+export declare const NavbarContext: import('react').Context<object | undefined>;

package/navbar/index.d.ts

@@ -1 +1,2 @@
 export * from './Navbar';
+export * from './NavbarContext';

package/navbar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/navbar-Bb5A6Yf9.js";
-export { e as Navbar };
+import { n as e, t } from "../chunks/navbar-DWupsHC1.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-D9Lh1g9b.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/navigation-HpT2Dwfd.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.d.ts

@@ -6,7 +6,7 @@ export interface NavigationLinkComponentProps<C extends ElementType> {
     /** The icon to display. */
     icon: ReactNode;
     isActive?: boolean;
-    variant?: 'sidebar' | 'navbar';
+    isDisabled?: boolean;
     className?: string;
     /** Replace base component with any Client Side Routing link instead.
      * @see {@link https://designsystem.migrationsverket.se/dev/client-side-routing/|Client side routing}
@@ -14,4 +14,4 @@ export interface NavigationLinkComponentProps<C extends ElementType> {
     as?: C;
 }
 export type NavigationLinkProps<C extends ElementType> = NavigationLinkComponentProps<C> & Omit<ComponentProps<C>, keyof NavigationLinkComponentProps<C>>;
-export declare const NavigationLink: <C extends ElementType = typeof Link>({ as, children, className, isActive, icon, "aria-label": ariaLabel, ...rest }: NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
+export declare const NavigationLink: <C extends ElementType = typeof Link>({ as, children, className, isActive, isDisabled, icon, "aria-label": ariaLabel, ...rest }: NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;

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<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;
+    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, isDisabled, icon, "aria-label": ariaLabel, ...rest }: import('./NavigationLink').NavigationLinkProps<C>) => import("react/jsx-runtime").JSX.Element;
     title: string;
     tags: string[];
     args: {

package/package.json

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

package/chunks/navbar-Bb5A6Yf9.js

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

package/chunks/navigation-D9Lh1g9b.js

@@ -1,95 +0,0 @@
-'use client';
-import { t as e } from "./clsx-CbxlCXZ3.js";
-import { r as t } from "./header-5ItL8E3-.js";
-import { n } from "./sidebar-B59uaWIo.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 '../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: m.rootList,
-		children: /* @__PURE__ */ r(o, {
-			items: t,
-			children: n,
-			dependencies: i,
-			idScope: a,
-			addIdAndValue: s
-		})
-	})
-}), g = {
-	navigationHeader: "_navigationHeader_18u5f_1",
-	collapsed: "_collapsed_18u5f_7"
-}, _ = ({ className: e, ...t }) => {
-	let i = a(n);
-	return /* @__PURE__ */ r(u, {
-		className: p(e, g.navigationHeader, { [g.collapsed]: i?.isCollapsed }),
-		...t
-	});
-}, v = { navigationItem: "_navigationItem_1jt2l_1" }, y = ({ className: t, ...i }) => {
-	let o = a(n);
-	return /* @__PURE__ */ r("li", {
-		className: e(t, v.navigationItem, { [v.collapsed]: o?.isCollapsed }),
-		...i
-	});
-}, b = {
-	navigationLink: "_navigationLink_1kvxy_1",
-	sidebar: "_sidebar_1kvxy_29",
-	collapsed: "_collapsed_1kvxy_43",
-	title: "_title_1kvxy_54"
-}, 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: !x || !T && !g,
-		children: [/* @__PURE__ */ r(s, { children: /* @__PURE__ */ i(C, {
-			"aria-current": m && "page",
-			"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) => {
-				w(), _.onClick?.(e);
-			} } : { onPress: (e) => {
-				w(), _.onPress?.(e);
-			} },
-			..._,
-			children: [h, /* @__PURE__ */ r("span", {
-				className: b.title,
-				children: o
-			})]
-		}) }), /* @__PURE__ */ r(d, {
-			placement: "right",
-			children: T
-		})]
-	});
-}, S = {
-	navigationSection: "_navigationSection_1ae77_1",
-	collapsed: "_collapsed_1ae77_5"
-}, 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 })
-	})] });
-}, w = {
-	navigationSubMenu: "_navigationSubMenu_vfyl6_1",
-	collapsed: "_collapsed_vfyl6_5"
-}, 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 { _ as a, y as i, C as n, h as o, x as r, T as t };