@midas-ds/layout 0.0.21 → 0.0.23

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.23 (2026-03-25)
+
+### 🩹 Fixes
+
+- **layout:** rename CollapsePanel -> Sidebar ([b3627562f0](https://github.com/migrationsverket/midas/commit/b3627562f0))
+- **layout:** utilize clsx function ([e5bbb1a937](https://github.com/migrationsverket/midas/commit/e5bbb1a937))
+- **layout, mobile-menu:** remove custom state ([e4cc4f9b1e](https://github.com/migrationsverket/midas/commit/e4cc4f9b1e))
+
+## 0.0.22 (2026-03-24)
+
+### 🧱 Updated Dependencies
+
+- Updated components to 17.10.1
+
 ## 0.0.21 (2026-03-23)
 
 ### 🩹 Fixes

package/assets/Header.css

@@ -1 +1 @@
-._headerActions_1rka5_1{display:flex;gap:.25rem;align-items:center;margin-inline-start:auto}@media(max-width:640px){._label_1191f_1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}._overlay_12sw8_1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d;height:var(--page-height);left:0;position:absolute;top:0;width:100%}._overlay_12sw8_1[data-entering]{animation:_drawer-blur_12sw8_1 var(--midas-transition-duration-fast)}._overlay_12sw8_1[data-exiting]{animation:_drawer-blur_12sw8_1 var(--midas-transition-duration-fast) reverse ease-in}._drawer_12sw8_19{background-color:var(--midas-background-base);left:0;position:sticky;width:clamp(10rem,15rem,90%);border-right:1px solid var(--midas-border-color-subtle);box-shadow:-8px 0 20px #0000001a;height:calc(100dvh + 200px);margin-right:auto;outline:none;overflow-y:auto;top:-100px}._drawer_12sw8_19[data-entering]{animation:_drawer-slide_12sw8_1 var(--midas-transition-duration-fast)}._drawer_12sw8_19[data-exiting]{animation:_drawer-slide_12sw8_1 var(--midas-transition-duration-fast) reverse ease-in}._header_12sw8_44{background-color:var(--midas-background-base);display:block;margin-bottom:var(--midas-space-medium);padding:var(--midas-space-medium);position:sticky;top:0}@keyframes _drawer-blur_12sw8_1{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes _drawer-slide_12sw8_1{0%{transform:translate(-100%)}to{transform:translate(0)}}._header_105ne_1{background-color:var(--midas-background-base);display:flex;flex:1 0 auto;padding:1rem}
+._headerActions_1rka5_1{display:flex;gap:.25rem;align-items:center;margin-inline-start:auto}@media(max-width:640px){._label_1191f_1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}._overlay_1xtkw_1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000004d;height:var(--page-height);left:0;position:absolute;top:0;width:100%}._overlay_1xtkw_1[data-entering]{animation:_drawer-blur_1xtkw_1 var(--midas-transition-duration-fast)}._overlay_1xtkw_1[data-exiting]{animation:_drawer-blur_1xtkw_1 var(--midas-transition-duration-fast) reverse ease-in}._drawer_1xtkw_19{background-color:var(--midas-background-base);left:0;position:sticky;width:clamp(10rem,15rem,90%);border-right:1px solid var(--midas-border-color-subtle);box-shadow:-8px 0 20px #0000001a;height:calc(100dvh + 200px);margin-right:auto;outline:none;overflow-y:auto;top:-100px}._drawer_1xtkw_19[data-entering]{animation:_drawer-slide_1xtkw_1 var(--midas-transition-duration-fast)}._drawer_1xtkw_19[data-exiting]{animation:_drawer-slide_1xtkw_1 var(--midas-transition-duration-fast) reverse ease-in}._dialog_1xtkw_44:focus-visible{outline:none}._header_1xtkw_50{background-color:var(--midas-background-base);display:block;margin-bottom:var(--midas-space-medium);padding:var(--midas-space-medium);position:sticky;top:0}@keyframes _drawer-blur_1xtkw_1{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes _drawer-slide_1xtkw_1{0%{transform:translate(-100%)}to{transform:translate(0)}}._header_105ne_1{background-color:var(--midas-background-base);display:flex;flex:1 0 auto;padding:1rem}

package/assets/NavigationSubMenu.css

@@ -1 +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_tfdcf_1{align-items:center;align-self:stretch;border-left:var(--midas-size-10) solid transparent;color:var(--midas-text-primary);display:flex;flex-direction:column;flex:1 0 0%;font-family:var(--midas-typography-font-family);gap:var(--midas-spacing-30);justify-content:flex-end;padding:var(--midas-spacing-50);text-decoration:none}._navigationLink_tfdcf_1[data-hovered],._navigationLink_tfdcf_1:hover,._navigationLink_tfdcf_1[data-active]{background-color:var(--midas-menu-item-background-hover)}._navigationLink_tfdcf_1._collapse_tfdcf_21{flex-direction:row;justify-content:flex-start;padding:.625rem var(--midas-spacing-30)}._navigationLink_tfdcf_1._collapse_tfdcf_21[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-bold)}._navigationLink_tfdcf_1 svg{height:var(--midas-size-90);width:var(--midas-size-90)}._navigationLink_tfdcf_1._collapsed_tfdcf_37{justify-content:center}._navigationLink_tfdcf_1._collapsed_tfdcf_37 ._title_tfdcf_40{display:none}._navigationSection_1ae77_1{padding:0;margin:0 0 1rem}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigationSubMenu_vfyl6_1{padding:0;margin:0 0 1rem 1rem}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}
+._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_14vyt_1{align-items:center;align-self:stretch;border-left:var(--midas-size-10) solid transparent;color:var(--midas-text-primary);display:flex;flex-direction:column;flex:1 0 0%;font-family:var(--midas-typography-font-family);gap:var(--midas-spacing-30);justify-content:flex-end;padding:var(--midas-spacing-50);text-decoration:none}._navigationLink_14vyt_1[data-hovered],._navigationLink_14vyt_1:hover,._navigationLink_14vyt_1[data-active]{background-color:var(--midas-menu-item-background-hover)}._navigationLink_14vyt_1._sidebar_14vyt_21{flex-direction:row;justify-content:flex-start;padding:.625rem var(--midas-spacing-30)}._navigationLink_14vyt_1._sidebar_14vyt_21[data-active]{border-color:var(--midas-border-color-tertiary);font-weight:var(--midas-typography-weight-bold)}._navigationLink_14vyt_1 svg{height:var(--midas-size-90);width:var(--midas-size-90)}._navigationLink_14vyt_1._collapsed_14vyt_37{justify-content:center}._navigationLink_14vyt_1._collapsed_14vyt_37 ._title_14vyt_40{display:none}._navigationSection_1ae77_1{padding:0;margin:0 0 1rem}._navigationSection_1ae77_1._collapsed_1ae77_5{margin-bottom:0}._navigationSubMenu_vfyl6_1{padding:0;margin:0 0 1rem 1rem}._navigationSubMenu_vfyl6_1._collapsed_vfyl6_5{margin-left:0}

package/assets/PanelRegion.css

@@ -0,0 +1 @@
+._panel_tzg9l_1{position:absolute!important;top:0;right:0;width:320px;height:100%;overflow:hidden}._panel_tzg9l_1[data-promoting]{animation:_promote_tzg9l_1 var(--midas-transition-duration-fast) ease-out}@media(prefers-reduced-motion:reduce){._panel_tzg9l_1[data-promoting]{animation-duration:1ms}}._panel_tzg9l_1[data-entering]{animation:_slide-horizontally_tzg9l_1 var(--midas-transition-duration-fast)}._panel_tzg9l_1[data-exiting]{animation:_slide-horizontally_tzg9l_1 var(--midas-transition-duration-fast) reverse ease-in}@media(prefers-reduced-motion:reduce){._panel_tzg9l_1[data-entering],._panel_tzg9l_1[data-exiting]{animation-duration:1ms}}@media not (min-width:800px){._panel_tzg9l_1{bottom:0;width:100%;height:25%;left:0;top:unset}._panel_tzg9l_1[data-entering]{animation:_slide-vertically_tzg9l_1 var(--midas-transition-duration-fast)}._panel_tzg9l_1[data-exiting]{animation:_slide-vertically_tzg9l_1 var(--midas-transition-duration-fast) reverse ease-in}}._panelTitle_tzg9l_54{font-size:var(--midas-typography-font-size-20);display:block}@keyframes _promote_tzg9l_1{0%{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes _slide-horizontally_tzg9l_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _slide-vertically_tzg9l_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}

package/assets/PanelTitle.css

@@ -0,0 +1 @@
+._panelBody_aouaw_1{background-color:var(--midas-background-base);box-sizing:border-box;padding:1rem}._panelHeader_11qv1_1{align-items:center;display:flex;justify-content:space-between}._panelTitle_w7y4m_1{display:block}

package/assets/Sidebar.css

@@ -0,0 +1 @@
+._sidebar_z7c8y_1{width:15rem;transition:width var(--midas-transition-duration-fast) ease-out}._sidebar_z7c8y_1._collapsed_z7c8y_5{width:80px}@media(max-width:640px){._sidebar_z7c8y_1{display:none}}._sidebarHeader_z7c8y_14{gap:0}._sidebarTitle_z7c8y_18{font-size:var(--midas-typography-font-size-20);display:block}

package/chunks/Header-B1Nk3vII.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as e, jsxs as n, Fragment as _ } from "react/jsx-runtime";
+import { c as i } from "./clsx-OuTLNxxd.js";
+import { forwardRef as p } from "react";
+import { composeRenderProps as c, ModalOverlay as u, Modal as v, Dialog as b } from "react-aria-components";
+import { Button as d, DialogTrigger as M, Text as f, clsx as y, LogoContext as x } from "@midas-ds/components";
+import { u as m } from "./useIsMobileDevice-D0iMVFPx.js";
+import { M as g } from "./MobileMenuContext-Coj0sJ0N.js";
+import { c as w } from "./createLucideIcon-CP-mMPfa.js";
+import '../assets/Header.css';const N = "_headerActions_1rka5_1", k = {
+  headerActions: N
+}, J = ({ className: a, ...o }) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: i(a, k.headerActions),
+    ...o
+  }
+), A = "_label_1191f_1", H = {
+  label: A
+}, D = p(
+  ({ children: a, icon: o, ...r }, t) => (!a && !r["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__ */ e(
+    d,
+    {
+      ref: t,
+      size: "medium",
+      variant: "tertiary",
+      ...r,
+      children: c(a, (l) => /* @__PURE__ */ n(_, { children: [
+        o,
+        typeof l < "u" && /* @__PURE__ */ e("span", { className: H.label, children: l })
+      ] }))
+    }
+  ))
+);
+D.displayName = "HeaderAction";
+const $ = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], j = w("menu", $), P = "_overlay_1xtkw_1", z = "_drawer_1xtkw_19", C = "_dialog_1xtkw_44", E = "_header_1xtkw_50", s = {
+  overlay: P,
+  drawer: z,
+  dialog: C,
+  header: E
+}, K = ({
+  children: a,
+  className: o,
+  title: r,
+  ...t
+}) => m() ? /* @__PURE__ */ e(g.Provider, { value: {}, children: /* @__PURE__ */ n(M, { children: [
+  /* @__PURE__ */ e(
+    d,
+    {
+      icon: j,
+      variant: "icon"
+    }
+  ),
+  /* @__PURE__ */ e(
+    u,
+    {
+      className: y(o, s.overlay),
+      isDismissable: !0,
+      ...t,
+      children: c(a, (h) => /* @__PURE__ */ e(v, { className: s.drawer, children: /* @__PURE__ */ n(b, { className: s.dialog, children: [
+        r && /* @__PURE__ */ e(f, { className: s.header, children: r }),
+        h
+      ] }) }))
+    }
+  )
+] }) }) : null, I = "_header_105ne_1", L = {
+  header: I
+}, Q = ({ className: a, ...o }) => {
+  const r = m();
+  return /* @__PURE__ */ e(x.Provider, { value: { size: r ? "x-small" : "large" }, children: /* @__PURE__ */ e(
+    "header",
+    {
+      className: i(a, L.header),
+      ...o
+    }
+  ) });
+};
+export {
+  Q as H,
+  K as M,
+  D as a,
+  J as b
+};

package/chunks/LayoutContent-CvlzZxeo.js

@@ -0,0 +1,23 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "./clsx-OuTLNxxd.js";
+import '../assets/LayoutContent.css';const n = "_layout_4r2tn_1", l = {
+  layout: n
+}, r = ({ className: t, ...o }) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: a(t, l.layout),
+    ...o
+  }
+), y = "_layoutContent_yqjxz_1", e = {
+  layoutContent: y
+}, m = ({ className: t, ...o }) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: a(t, e.layoutContent),
+    ...o
+  }
+);
+export {
+  r as L,
+  m as a
+};

package/chunks/Main-Dt0CIYBE.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as i } from "./clsx-OuTLNxxd.js";
+import '../assets/Main.css';const n = "_main_vtpiw_1", o = {
+  main: n
+}, r = ({ className: s, ...a }) => /* @__PURE__ */ m(
+  "main",
+  {
+    className: i(s, o.main),
+    ...a
+  }
+);
+export {
+  r as M
+};

package/chunks/Navbar-Do2dFMRr.js

@@ -0,0 +1,14 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as s } from "./clsx-OuTLNxxd.js";
+import '../assets/Navbar.css';const t = "_navbar_18aqo_1", n = {
+  navbar: t
+}, m = ({ className: a, ...o }) => /* @__PURE__ */ r(
+  "footer",
+  {
+    className: s(a, n.navbar),
+    ...o
+  }
+);
+export {
+  m as N
+};

package/chunks/NavigationSubMenu-G-WkaNZA.js

@@ -0,0 +1,164 @@
+'use client';
+import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import { Collection as $, OverlayTriggerStateContext as M, Focusable as k, Link as j } from "react-aria-components";
+import { useContext as s } from "react";
+import { Text as H, clsx as N, TooltipTrigger as I, Tooltip as T } from "@midas-ds/components";
+import { S as r } from "./SidebarContext-CoDRKR2m.js";
+import { M as D } from "./MobileMenuContext-Coj0sJ0N.js";
+import { c as _ } from "./clsx-OuTLNxxd.js";
+import { Collection as h } from "@react-aria/collections";
+import '../assets/NavigationSubMenu.css';const O = "_rootList_l3v98_1", q = {
+  rootList: O
+}, ao = ({
+  className: t,
+  items: o,
+  children: a,
+  dependencies: e,
+  idScope: i,
+  addIdAndValue: c,
+  ...l
+}) => /* @__PURE__ */ n(
+  "nav",
+  {
+    className: t,
+    ...l,
+    children: /* @__PURE__ */ n("ul", { className: q.rootList, children: /* @__PURE__ */ n(
+      $,
+      {
+        items: o,
+        children: a,
+        dependencies: e,
+        idScope: i,
+        addIdAndValue: c
+      }
+    ) })
+  }
+), P = "_navigationHeader_j94pq_1", F = "_collapsed_j94pq_6", b = {
+  navigationHeader: P,
+  collapsed: F
+}, w = ({ className: t, ...o }) => {
+  const a = s(r);
+  return /* @__PURE__ */ n(
+    H,
+    {
+      className: N(t, b.navigationHeader, {
+        [b.collapsed]: a?.isCollapsed
+      }),
+      ...o
+    }
+  );
+}, z = "_navigationItem_1jt2l_1", x = {
+  navigationItem: z
+}, A = ({ className: t, ...o }) => {
+  const a = s(r);
+  return /* @__PURE__ */ n(
+    "li",
+    {
+      className: _(t, x.navigationItem, {
+        [x.collapsed]: a?.isCollapsed
+      }),
+      ...o
+    }
+  );
+}, B = "_navigationLink_14vyt_1", E = "_sidebar_14vyt_21", G = "_collapsed_14vyt_37", J = "_title_14vyt_40", d = {
+  navigationLink: B,
+  sidebar: E,
+  collapsed: G,
+  title: J
+}, eo = ({
+  as: t,
+  children: o,
+  className: a,
+  isActive: e,
+  title: i,
+  "aria-label": c,
+  ...l
+}) => {
+  const S = s(D), m = s(r), p = m?.isCollapsed, u = s(M), L = t || j, C = () => {
+    u?.isOpen && u?.setOpen(!1);
+  };
+  return /* @__PURE__ */ g(I, { isDisabled: !p, children: [
+    /* @__PURE__ */ n(k, { children: /* @__PURE__ */ g(
+      L,
+      {
+        "aria-current": e && "page",
+        "aria-label": c || (p ? i : void 0),
+        className: N(a, d.navigationLink, {
+          [d.sidebar]: m || S,
+          [d.collapsed]: p
+        }),
+        "data-active": e || void 0,
+        ...t ? {
+          onClick: (v) => {
+            C(), l.onClick?.(v);
+          }
+        } : {
+          onPress: (v) => {
+            C(), l.onPress?.(v);
+          }
+        },
+        ...l,
+        children: [
+          o,
+          /* @__PURE__ */ n("span", { className: d.title, children: i })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ n(T, { placement: "right", children: i })
+  ] });
+}, K = "_navigationSection_1ae77_1", Q = "_collapsed_1ae77_5", y = {
+  navigationSection: K,
+  collapsed: Q
+}, io = ({
+  className: t,
+  title: o,
+  ...a
+}) => {
+  const e = s(r);
+  return /* @__PURE__ */ n(A, { children: /* @__PURE__ */ g(
+    "ul",
+    {
+      className: _(t, y.navigationSection, {
+        [y.collapsed]: e?.isCollapsed
+      }),
+      children: [
+        o && /* @__PURE__ */ n(w, { children: o }),
+        /* @__PURE__ */ n(h, { ...a })
+      ]
+    }
+  ) });
+}, R = "_navigationSubMenu_vfyl6_1", U = "_collapsed_vfyl6_5", f = {
+  navigationSubMenu: R,
+  collapsed: U
+}, so = ({
+  className: t,
+  children: o,
+  items: a,
+  ...e
+}) => {
+  const i = s(r), { length: c } = Array.from(a || []);
+  return typeof o == "function" && c === 0 ? null : /* @__PURE__ */ n(
+    "ul",
+    {
+      className: _(t, f.navigationSubMenu, {
+        [f.collapsed]: i?.isCollapsed
+      }),
+      children: /* @__PURE__ */ n(
+        h,
+        {
+          items: a,
+          ...e,
+          children: o
+        }
+      )
+    }
+  );
+};
+export {
+  ao as N,
+  w as a,
+  A as b,
+  eo as c,
+  io as d,
+  so as e
+};

package/chunks/PanelRegion-zsKP1Rye.js

@@ -0,0 +1,177 @@
+'use client';
+import { jsx as f, jsxs as g } from "react/jsx-runtime";
+import { useRef as b, useEffect as E, forwardRef as _, createContext as v, useState as C, useContext as T } from "react";
+import { c as I } from "./clsx-OuTLNxxd.js";
+import { useLocalizedStringFormatter as R, Button as j } from "@midas-ds/components";
+import { useControlledState as y } from "@react-stately/utils";
+import { useExitAnimation as z, useObjectRef as A, useEnterAnimation as S, filterDOMProps as k } from "@react-aria/utils";
+import { P as N, a as L, b as M } from "./PanelTitle-xkONCSrW.js";
+import { c as w } from "./createLucideIcon-CP-mMPfa.js";
+import '../assets/PanelRegion.css';const B = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], D = w("x", B), F = { closePanel: "Close panel" }, H = { closePanel: "Stäng panel" }, X = {
+  en: F,
+  sv: H
+}, q = "_panel_tzg9l_1", G = "_panelTitle_tzg9l_54", x = {
+  panel: q,
+  panelTitle: G
+}, J = (o) => {
+  const { onExited: l } = o, [a, m] = y(
+    o.isOpen,
+    o.defaultOpen || !1,
+    o.onOpenChange
+  ), s = b(null), r = z(s, a), d = () => m((i) => !i);
+  return E(() => {
+    !a && !r && l?.();
+  }, [a, r, l]), !a && !r ? null : /* @__PURE__ */ f(
+    K,
+    {
+      isExiting: r,
+      onPress: d,
+      ref: s,
+      ...o
+    }
+  );
+}, K = _(
+  ({
+    className: o,
+    title: l,
+    onPress: a,
+    children: m,
+    isExiting: s,
+    defaultOpen: r,
+    promoting: d,
+    onPromotionEnd: i,
+    "aria-hidden": u,
+    ...t
+  }, e) => {
+    const n = R(X), c = A(e), P = S(c, !r), O = (p) => {
+      p.target === p.currentTarget && d && i?.();
+    };
+    return /* @__PURE__ */ g(
+      N,
+      {
+        "aria-hidden": u || void 0,
+        className: I(o, x.panel),
+        ref: c,
+        "data-entering": P || void 0,
+        "data-exiting": s || void 0,
+        "data-promoting": d || void 0,
+        onAnimationEnd: O,
+        ...k(t),
+        children: [
+          /* @__PURE__ */ g(L, { children: [
+            /* @__PURE__ */ f("div", { children: l && /* @__PURE__ */ f(
+              M,
+              {
+                className: x.panelTitle,
+                title: l
+              }
+            ) }),
+            /* @__PURE__ */ f(
+              j,
+              {
+                variant: "icon",
+                "aria-label": n.format("closePanel"),
+                onPress: a,
+                children: /* @__PURE__ */ f(D, { size: 20 })
+              }
+            )
+          ] }),
+          m
+        ]
+      }
+    );
+  }
+), h = v({
+  panels: [],
+  addPanel: () => {
+  },
+  closePanel: () => {
+  },
+  removePanel: () => {
+  },
+  resetPromoting: () => {
+  }
+}), te = ({
+  children: o,
+  defaultPanels: l = [],
+  panelBehavior: a = "bring-to-front"
+}) => {
+  const [m, s] = C(
+    l.map((t) => ({ ...t, isOpen: !0, defaultOpen: !0 }))
+  ), r = (t) => {
+    s((e) => {
+      const n = e.findIndex((c) => c.id === t.id);
+      if (n === -1)
+        return [...e, { ...t, isOpen: !0 }];
+      if (a === "bring-to-front") {
+        if (n === e.length - 1) return e;
+        const c = e[n];
+        return [
+          ...e.filter((P) => P.id !== t.id),
+          { ...c, isOpen: !0, promoting: !0 }
+        ];
+      }
+      return a === "pop-to" ? e.map(
+        (c, P) => P > n ? { ...c, isOpen: !1 } : c
+      ) : e;
+    });
+  }, d = (t) => {
+    s(
+      (e) => e.map((n) => n.id === t ? { ...n, isOpen: !1 } : n)
+    );
+  }, i = (t) => {
+    s((e) => e.filter((n) => n.id !== t));
+  }, u = (t) => {
+    s(
+      (e) => e.map((n) => n.id === t ? { ...n, promoting: !1 } : n)
+    );
+  };
+  return /* @__PURE__ */ f(
+    h.Provider,
+    {
+      value: { panels: m, addPanel: r, closePanel: d, removePanel: i, resetPromoting: u },
+      children: o
+    }
+  );
+}, Q = () => T(h), oe = ({
+  children: o,
+  className: l,
+  ...a
+}) => {
+  const { panels: m, closePanel: s, removePanel: r, resetPromoting: d } = Q();
+  return /* @__PURE__ */ g(
+    "aside",
+    {
+      className: l,
+      ...a,
+      children: [
+        m.map(({ id: i, ...u }, t, { length: e }) => /* @__PURE__ */ f(
+          J,
+          {
+            "aria-hidden": t < e - 1 || void 0,
+            id: i,
+            "data-debug": "Panel",
+            onOpenChange: (n) => {
+              n || s(i);
+            },
+            onExited: () => r(i),
+            onPromotionEnd: () => d(i),
+            ...u
+          },
+          i
+        )),
+        o
+      ]
+    }
+  );
+};
+export {
+  J as P,
+  h as a,
+  te as b,
+  oe as c,
+  Q as u
+};

package/chunks/PanelTitle-xkONCSrW.js

@@ -0,0 +1,38 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as n } from "./clsx-OuTLNxxd.js";
+import { forwardRef as o } from "react";
+import { Text as t, clsx as c } from "@midas-ds/components";
+import '../assets/PanelTitle.css';const p = "_panelBody_aouaw_1", r = {
+  panelBody: p
+}, B = o(
+  ({ className: e, ...a }, l) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: l,
+      className: n(e, r.panelBody),
+      ...a
+    }
+  )
+), d = "_panelHeader_11qv1_1", i = {
+  panelHeader: d
+}, H = ({ className: e, ...a }) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: n(e, i.panelHeader),
+    ...a
+  }
+), m = "_panelTitle_w7y4m_1", y = {
+  panelTitle: m
+}, P = ({ className: e, title: a, ...l }) => /* @__PURE__ */ s(
+  t,
+  {
+    className: c(e, y.panelTitle),
+    ...l,
+    children: a
+  }
+);
+export {
+  B as P,
+  H as a,
+  P as b
+};

package/chunks/Sidebar-BFIjN5q6.js

@@ -0,0 +1,70 @@
+'use client';
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { c as h } from "./clsx-OuTLNxxd.js";
+import { useLocalizedStringFormatter as b, Button as x } from "@midas-ds/components";
+import { useControlledState as y } from "@react-stately/utils";
+import { filterDOMProps as S } from "@react-aria/utils";
+import { u as v } from "./useIsMobileDevice-D0iMVFPx.js";
+import { S as u } from "./SidebarContext-CoDRKR2m.js";
+import { c as t } from "./createLucideIcon-CP-mMPfa.js";
+import { P as C, a as P, b as _ } from "./PanelTitle-xkONCSrW.js";
+import '../assets/Sidebar.css';const g = [
+  ["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" }]
+], k = t("panel-left-close", g);
+const z = [
+  ["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" }]
+], M = t("panel-left-open", z), L = { expandSidebar: "Expand sidebar", collapseSidebar: "Collapse sidebar" }, N = { expandSidebar: "Expandera sidopanel", collapseSidebar: "Minimera sidopanel" }, D = {
+  en: L,
+  sv: N
+}, I = "_sidebar_z7c8y_1", j = "_collapsed_z7c8y_5", o = {
+  sidebar: I,
+  collapsed: j
+}, A = ({
+  children: n,
+  className: d,
+  title: l,
+  ...s
+}) => {
+  const i = b(D), c = v(), [a, p] = y(
+    s.isCollapsed,
+    s.defaultCollapsed || !1,
+    s.onCollapseChange
+  ), m = () => p((f) => !f);
+  return c ? null : /* @__PURE__ */ e(u.Provider, { value: { isCollapsed: a }, children: /* @__PURE__ */ e(
+    C,
+    {
+      className: h(d, o.sidebar, {
+        [o.collapsed]: a
+      }),
+      ...S(s),
+      children: /* @__PURE__ */ r("aside", { children: [
+        /* @__PURE__ */ r(P, { children: [
+          /* @__PURE__ */ e("div", { children: !a && l && /* @__PURE__ */ e(
+            _,
+            {
+              className: o.panelTitle,
+              title: l
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            x,
+            {
+              variant: "icon",
+              "aria-label": a ? i.format("expandSidebar") : i.format("collapseSidebar"),
+              onPress: m,
+              children: a ? /* @__PURE__ */ e(M, { size: 20 }) : /* @__PURE__ */ e(k, { size: 20 })
+            }
+          )
+        ] }),
+        n
+      ] })
+    }
+  ) });
+};
+export {
+  A as S
+};

package/chunks/SidebarContext-CoDRKR2m.js

@@ -0,0 +1,8 @@
+'use client';
+import { createContext as t } from "react";
+const e = t(
+  void 0
+);
+export {
+  e as S
+};

package/chunks/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/header/index.js

@@ -1,4 +1,4 @@
-import { H as o, a as r, b as s, M as t } from "../chunks/Header-T5EUvNY7.js";
+import { H as o, a as r, b as s, M as t } from "../chunks/Header-B1Nk3vII.js";
 import { M as n } from "../chunks/MobileMenuContext-Coj0sJ0N.js";
 export {
   o as Header,