@midas-ds/layout 0.2.49 → 0.2.50

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 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-iv39Aynt.js

@@ -0,0 +1,90 @@
+'use client';
+import { t as e } from "./clsx-Bok9rGJm.js";
+import { t } from "./utils-CjjqyX25.js";
+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: t, className: n }) => /* @__PURE__ */ r("div", {
+	className: e(v.headerActions, n),
+	children: t
+}), b = {
+	headerAction: "_headerAction_dgfa1_1",
+	label: "_label_dgfa1_7"
+}, x = o(({ children: t, icon: a, className: o, ...s }, c) => (!t && !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: e(b.headerAction, o),
+	...s,
+	children: l(t, (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: t, ...n }) => /* @__PURE__ */ r("span", {
+	className: e(w.headerTitle, t),
+	...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: e, className: n, defaultOpen: a, isOpen: o, onOpenChange: f, title: v, ...y }) => {
+	let b = t(), 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(e, (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: t, ...n }) => /* @__PURE__ */ r("header", {
+	className: e(t, 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/{navigation-DBKcWjzG.js → navigation-DJD1q1vB.js}

@@ -1,7 +1,7 @@
 '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 { r as t } from "./header-iv39Aynt.js";
+import { n } from "./sidebar-C19-ABpL.js";
 import { n as r } from "./navbar-DwUBXEZn.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { useContext as o } from "react";

package/chunks/panel-C7322H8Y.js

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

@@ -0,0 +1,63 @@
+'use client';
+import { t as e } from "./clsx-Bok9rGJm.js";
+import { t } from "./utils-CjjqyX25.js";
+import { c as n, l as r, s as i, u as a } from "./panel-C7322H8Y.js";
+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 = t(), [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(a, {
+			className: e(v, _.sidebar, { [_.collapsed]: C }),
+			"data-transitioning": T || void 0,
+			onTransitionEnd: O,
+			...m(b, { propNames: /* @__PURE__ */ new Set(["style"]) }),
+			children: [/* @__PURE__ */ s(n, {
+				className: e(_.sidebarHeader, { [_.collapsed]: C }),
+				children: [/* @__PURE__ */ o(i, {
+					className: e(_.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: e(_.collapseButton, { [_.collapsed]: C }),
+						children: /* @__PURE__ */ o(f, { size: 20 })
+					})
+				})]
+			}), /* @__PURE__ */ o(r, {
+				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-iv39Aynt.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 { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./chunks/header-iv39Aynt.js";
+import { n as s, t as c } from "./chunks/layout-D1po9FHB.js";
+import { t as l } from "./chunks/main-fC0vGdZw.js";
+import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/navigation-DJD1q1vB.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-C7322H8Y.js";
+import { n as E, t as D } from "./chunks/sidebar-C19-ABpL.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 };
+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/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-DJD1q1vB.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.50",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,9 +41,10 @@
     "react-dom": "^18.3.1 || ^19.0.0"
   },
   "dependencies": {
-    "@midas-ds/components": "17.29.0",
+    "@midas-ds/components": "17.30.0",
     "@react-aria/utils": "3.34.1",
     "@react-stately/utils": "3.12.1",
+    "lucide-react": ">=0.563.0 <2.0.0",
     "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-C7322H8Y.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-C19-ABpL.js";
 export { t as Sidebar, e as SidebarContext };

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 };

package/chunks/header-CKgqPF7j.js

@@ -1,103 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Bok9rGJm.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { t as n } from "./utils-CjjqyX25.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, Logo 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_zpqnd_1" }, y = ({ children: t, className: n }) => /* @__PURE__ */ i("div", {
-	className: e(v.headerActions, n),
-	children: t
-}), b = {
-	headerAction: "_headerAction_dgfa1_1",
-	label: "_label_dgfa1_7"
-}, x = s(({ children: t, icon: n, className: o, ...s }, c) => (!t && !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__ */ i(d, {
-	ref: c,
-	size: "medium",
-	variant: "tertiary",
-	className: e(b.headerAction, o),
-	...s,
-	children: u(t, (e) => /* @__PURE__ */ a(r, { children: [n, e !== void 0 && /* @__PURE__ */ i("span", {
-		className: b.label,
-		children: e
-	})] }))
-})));
-x.displayName = "HeaderAction";
-var S = {
-	mobile: "_mobile_vwr3x_1",
-	desktop: "_desktop_vwr3x_11"
-}, C = ({ primary: e }) => /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(p, {
-	size: "x-small",
-	primary: e,
-	padding: !1,
-	className: S.mobile
-}), /* @__PURE__ */ i(p, {
-	size: "small",
-	primary: e,
-	padding: !1,
-	className: S.desktop
-})] }), w = { headerTitle: "_headerTitle_cw9hi_1" }, T = ({ className: t, ...n }) => /* @__PURE__ */ i("span", {
-	className: e(w.headerTitle, t),
-	...n
-}), E = t("menu", [
-	["path", {
-		d: "M4 5h16",
-		key: "1tepv9"
-	}],
-	["path", {
-		d: "M4 12h16",
-		key: "1lakjw"
-	}],
-	["path", {
-		d: "M4 19h16",
-		key: "1djgab"
-	}]
-]), D = o(void 0), O = {
-	en: { openMenu: "Open menu" },
-	sv: { openMenu: "Öppna meny" }
-}, k = {
-	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"
-}, A = ({ children: e, className: t, defaultOpen: r, isOpen: o, onOpenChange: s, title: p, ...v }) => {
-	let y = n(), b = _(O);
-	return y ? /* @__PURE__ */ i(D.Provider, {
-		value: {},
-		children: /* @__PURE__ */ a(f, {
-			isOpen: o,
-			onOpenChange: s,
-			defaultOpen: r,
-			children: [/* @__PURE__ */ i(d, {
-				"aria-label": b.format("openMenu"),
-				icon: E,
-				variant: "icon",
-				size: "medium",
-				className: k.triggerButton
-			}), /* @__PURE__ */ i(m, {
-				className: g(t, k.overlay),
-				isDismissable: !0,
-				...v,
-				children: u(e, (e) => /* @__PURE__ */ i(l, {
-					className: k.drawer,
-					children: /* @__PURE__ */ a(c, {
-						className: k.dialog,
-						children: [p && /* @__PURE__ */ i(h, {
-							className: k.header,
-							children: p
-						}), e]
-					})
-				}))
-			})]
-		})
-	}) : null;
-}, j = { header: "_header_s0sjn_1" }, M = ({ className: t, ...n }) => /* @__PURE__ */ i("header", {
-	className: e(t, j.header),
-	...n
-});
-//#endregion
-export { C as a, T as i, A as n, x as o, D as r, y as s, M as t };

package/chunks/panel-MI09-Qe_.js

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

@@ -1,80 +0,0 @@
-'use client';
-import { t as e } from "./clsx-Bok9rGJm.js";
-import { t } from "./createLucideIcon-BgluSHFG.js";
-import { c as n, l as r, s as i, u as a } from "./panel-MI09-Qe_.js";
-import { t as o } from "./utils-CjjqyX25.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 = {
-	en: {
-		expandSidebar: "Expand sidebar",
-		collapseSidebar: "Collapse sidebar"
-	},
-	sv: {
-		expandSidebar: "Expandera sidopanel",
-		collapseSidebar: "Minimera sidopanel"
-	}
-}, _ = u(void 0), v = {
-	sidebar: "_sidebar_1gkx7_1",
-	collapsed: "_collapsed_1gkx7_8",
-	sidebarHeader: "_sidebarHeader_1gkx7_20",
-	sidebarTitle: "_sidebarTitle_1gkx7_29",
-	collapseButton: "_collapseButton_1gkx7_47",
-	sidebarContent: "_sidebarContent_1gkx7_55"
-}, y = ({ children: t, className: u, title: y, ...b }) => {
-	let x = f(g), S = o(), [C, w] = p(b.isCollapsed, b.defaultCollapsed || !1, b.onCollapseChange), [T, E] = l.useState(!1), D = () => {
-		E(!0), w((e) => !e);
-	}, O = (e) => {
-		e.propertyName === "width" && e.target === e.currentTarget && E(!1);
-	};
-	return S ? null : /* @__PURE__ */ s(_.Provider, {
-		value: { isCollapsed: C },
-		children: /* @__PURE__ */ c(a, {
-			className: e(u, v.sidebar, { [v.collapsed]: C }),
-			"data-transitioning": T || void 0,
-			onTransitionEnd: O,
-			...m(b, { propNames: /* @__PURE__ */ new Set(["style"]) }),
-			children: [/* @__PURE__ */ c(n, {
-				className: e(v.sidebarHeader, { [v.collapsed]: C }),
-				children: [/* @__PURE__ */ s(i, {
-					className: e(v.sidebarTitle, { [v.collapsed]: C }),
-					title: y
-				}), /* @__PURE__ */ s(d, {
-					"aria-label": C ? x.format("expandSidebar") : x.format("collapseSidebar"),
-					onPress: D,
-					variant: "icon",
-					size: "medium",
-					children: /* @__PURE__ */ s("span", {
-						className: e(v.collapseButton, { [v.collapsed]: C }),
-						children: /* @__PURE__ */ s(h, { size: 20 })
-					})
-				})]
-			}), /* @__PURE__ */ s(r, {
-				className: v.sidebarContent,
-				children: t
-			})]
-		})
-	});
-};
-//#endregion
-export { _ as n, y as t };