@midas-ds/components 12.1.0 → 13.0.0

package/{Layout-CG-Qxr_1.js → Layout-B-A-s7B0.js}

@@ -1,17 +1,17 @@
-import { jsx as e, jsxs as l, Fragment as O } from "react/jsx-runtime";
-import { G as S } from "./GridItem-D3FZyyO-.js";
-import * as v from "react";
+import { jsx as e, jsxs as l, Fragment as H } from "react/jsx-runtime";
+import { G as I } from "./GridItem-BtO9kCX9.js";
+import * as f from "react";
 import { c as h } from "./clsx-OuTLNxxd.js";
-import { B as E } from "./Button-DYcmg49Z.js";
-import { $ as y } from "./Link-CbFSuEI1.js";
-import { a as $, T as G } from "./Tooltip-BHAtsp9k.js";
-import { a as L, B as M } from "./BadgeContainer-iNNgJKD9.js";
-import { c as T } from "./createLucideIcon-XRdN60yz.js";
-import { $ as w } from "./usePress-DMUpU0GU.js";
-import { u as k } from "./useLocalizedStringFormatter-N0AyjzbM.js";
-import { f as W } from "./tokens-B9ooUP4g.js";
-import { L as x } from "./Logo-DkagDdKQ.js";
-import { X as j } from "./x-C2xUHAEl.js";
+import { B as M } from "./Button-CUMHt7MG.js";
+import { $ as j } from "./Link-CbFSuEI1.js";
+import { a as O, T as $ } from "./Tooltip-BHAtsp9k.js";
+import { a as y, B as L } from "./BadgeContainer-iNNgJKD9.js";
+import { c as E } from "./createLucideIcon-XRdN60yz.js";
+import { $ as B } from "./usePress-DMUpU0GU.js";
+import { u as C } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import { b as G } from "./variables-DzXcMW2k.js";
+import { L as g } from "./Logo-DkagDdKQ.js";
+import { X as W } from "./x-C2xUHAEl.js";
 import './assets/Layout.css';/**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -22,7 +22,7 @@ const D = [
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 18h16", key: "19g7jn" }],
   ["path", { d: "M4 6h16", key: "1o0s65" }]
-], q = T("menu", D);
+], q = E("menu", D);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -33,7 +33,7 @@ const A = [
   ["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" }]
-], F = T("panel-left-close", A);
+], F = E("panel-left-close", A);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
@@ -44,7 +44,7 @@ const R = [
   ["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" }]
-], X = T("panel-left-open", R), J = "_baseLayout_1300g_4", K = "_mainContent_1300g_13", Q = "_header_1300g_18", U = "_headerExternal_1300g_29", V = "_headerContent_1300g_44", Y = "_logo_1300g_63", Z = "_headerItems_1300g_72", ee = "_toggleButton_1300g_78", ae = "_sidebar_1300g_86", te = "_main_1300g_13", ne = "_app_1300g_119", se = "_sidebarOpened_1300g_127", ie = "_sidebarHeader_1300g_131", re = "_appName_1300g_143", oe = "_collapseButton_1300g_150", le = "_sidebarCollapsed_1300g_159", ce = "_userName_1300g_169", de = "_userTitle_1300g_187", me = "_title_1300g_199", pe = "_sidebarNav_1300g_210", _e = "_list_1300g_216", ue = "_listGroupTitle_1300g_222", he = "_listItem_1300g_229", be = "_listItemCollapsed_1300g_234", ge = "_listLink_1300g_238", ve = "_listLinkCollapsed_1300g_283", fe = "_active_1300g_288", Ne = "_backdrop_1300g_302", ke = "_backdropOpened_1300g_312", Ce = "_skipToContent_1300g_330", xe = "_navbar_1300g_344", ye = "_navbarList_1300g_356", Le = "_navbarItem_1300g_378", Me = "_headerContentExternal_1300g_418", Ee = "_logoExternalContainer_1300g_426", Te = "_logoExternal_1300g_426", Ie = "_logoExternalDesktop_1300g_438", Se = "_navbarWrapper_1300g_447", a = {
+], X = E("panel-left-open", R), J = "_baseLayout_mr4j9_1", K = "_mainContent_mr4j9_10", Q = "_header_mr4j9_15", U = "_headerExternal_mr4j9_26", V = "_headerContent_mr4j9_41", Y = "_logo_mr4j9_60", Z = "_headerItems_mr4j9_69", ee = "_toggleButton_mr4j9_75", ae = "_sidebar_mr4j9_83", te = "_main_mr4j9_10", ne = "_app_mr4j9_116", se = "_sidebarOpened_mr4j9_124", re = "_sidebarHeader_mr4j9_128", ie = "_appName_mr4j9_140", oe = "_collapseButton_mr4j9_147", le = "_sidebarCollapsed_mr4j9_156", de = "_userName_mr4j9_166", ce = "_userTitle_mr4j9_184", me = "_title_mr4j9_196", pe = "_sidebarNav_mr4j9_207", _e = "_list_mr4j9_213", ue = "_listGroupTitle_mr4j9_219", he = "_listItem_mr4j9_226", be = "_listItemCollapsed_mr4j9_231", ve = "_listLink_mr4j9_235", fe = "_listLinkCollapsed_mr4j9_280", Ne = "_active_mr4j9_285", ke = "_backdrop_mr4j9_299", Ce = "_backdropOpened_mr4j9_309", xe = "_skipToContent_mr4j9_327", ge = "_navbar_mr4j9_341", je = "_navbarList_mr4j9_353", ye = "_navbarItem_mr4j9_375", Le = "_headerContentExternal_mr4j9_415", Me = "_logoExternalContainer_mr4j9_423", Ee = "_logoExternal_mr4j9_423", Te = "_logoExternalDesktop_mr4j9_435", Ie = "_navbarWrapper_mr4j9_444", a = {
   baseLayout: J,
   mainContent: K,
   header: Q,
@@ -57,87 +57,87 @@ const R = [
   main: te,
   app: ne,
   sidebarOpened: se,
-  sidebarHeader: ie,
-  appName: re,
+  sidebarHeader: re,
+  appName: ie,
   collapseButton: oe,
   sidebarCollapsed: le,
-  userName: ce,
-  userTitle: de,
+  userName: de,
+  userTitle: ce,
   title: me,
   sidebarNav: pe,
   list: _e,
   listGroupTitle: ue,
   listItem: he,
   listItemCollapsed: be,
-  listLink: ge,
-  listLinkCollapsed: ve,
-  active: fe,
-  backdrop: Ne,
-  backdropOpened: ke,
-  skipToContent: Ce,
-  navbar: xe,
-  navbarList: ye,
-  navbarItem: Le,
-  headerContentExternal: Me,
-  logoExternalContainer: Ee,
-  logoExternal: Te,
-  logoExternalDesktop: Ie,
-  navbarWrapper: Se
-}, P = v.createContext(
+  listLink: ve,
+  listLinkCollapsed: fe,
+  active: Ne,
+  backdrop: ke,
+  backdropOpened: Ce,
+  skipToContent: xe,
+  navbar: ge,
+  navbarList: je,
+  navbarItem: ye,
+  headerContentExternal: Le,
+  logoExternalContainer: Me,
+  logoExternal: Ee,
+  logoExternalDesktop: Te,
+  navbarWrapper: Ie
+}, w = f.createContext(
   void 0
-), ze = ({
+), Se = ({
   items: s,
   title: n,
-  user: i,
+  user: r,
   app: t,
-  children: r,
-  clientSideRouter: c,
+  children: i,
+  clientSideRouter: d,
   clientSideHref: o,
   headerChildren: u,
   isCollapsed: _,
   setIsCollapsed: m,
   isOpened: b,
   setIsOpened: p,
-  variant: g,
-  id: f
+  variant: v,
+  id: N
 }) => /* @__PURE__ */ e(
-  P.Provider,
+  w.Provider,
   {
     value: {
       items: s,
       title: n,
-      user: i,
+      user: r,
       app: t,
       headerChildren: u,
       isCollapsed: _,
       setIsCollapsed: m,
       isOpened: b,
       setIsOpened: p,
-      clientSideRouter: c,
+      clientSideRouter: d,
       clientSideHref: o,
-      variant: g,
-      id: f
+      variant: v,
+      id: N
     },
-    children: r
+    children: i
   }
-), N = () => {
-  const s = v.useContext(P);
+), k = () => {
+  const s = f.useContext(w);
   if (!s)
     throw new Error("useLayoutContext must be used within a LayoutProvider");
   return s;
-}, H = ({
+}, P = ({
   title: s,
   href: n,
-  icon: i,
+  icon: r,
   active: t,
-  hasBadge: r
+  hasBadge: i
 }) => {
-  const { isCollapsed: c, setIsOpened: o, clientSideHref: u } = N(), _ = u ? u(n) : n, [m, b] = v.useState(!1);
-  return v.useEffect(() => {
+  const { isCollapsed: d, setIsOpened: o, clientSideHref: u } = k(), _ = u ? u(n) : n, [m, b] = f.useState(!1);
+  return f.useEffect(() => {
     typeof window < "u" && b(t ?? window.location.pathname === _);
-  }, [t, _]), c ? /* @__PURE__ */ l($, { children: [
+  }, [t, _]), d ? /* @__PURE__ */ l(O, { children: [
     /* @__PURE__ */ e(
-      y,
+      j,
       {
         href: n,
         "aria-label": s,
@@ -147,85 +147,85 @@ const R = [
           m && a.active
         ),
         onPress: () => o == null ? void 0 : o(!1),
-        children: /* @__PURE__ */ l(L, { children: [
+        children: /* @__PURE__ */ l(y, { children: [
           /* @__PURE__ */ e(
-            i,
+            r,
             {
               size: 20,
               "aria-label": s
             }
           ),
-          r && /* @__PURE__ */ e(M, {})
+          i && /* @__PURE__ */ e(L, {})
         ] })
       }
     ),
-    /* @__PURE__ */ e(G, { placement: "right", children: s })
+    /* @__PURE__ */ e($, { placement: "right", children: s })
   ] }) : /* @__PURE__ */ l(
-    y,
+    j,
     {
       href: n,
       "aria-label": s,
       className: h(a.listLink, m && a.active),
       onPress: () => o == null ? void 0 : o(!1),
       children: [
-        /* @__PURE__ */ l(L, { children: [
-          /* @__PURE__ */ e(i, { size: 20 }),
-          r && /* @__PURE__ */ e(M, {})
+        /* @__PURE__ */ l(y, { children: [
+          /* @__PURE__ */ e(r, { size: 20 }),
+          i && /* @__PURE__ */ e(L, {})
         ] }),
         s
       ]
     }
   );
-}, Be = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, we = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, C = {
-  en: Be,
-  sv: we
-}, Pe = () => {
+}, ze = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, Be = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
+  en: ze,
+  sv: Be
+}, we = () => {
   const {
     items: s,
     app: n,
-    isOpened: i,
+    isOpened: r,
     isCollapsed: t,
-    setIsCollapsed: r,
-    setIsOpened: c,
+    setIsCollapsed: i,
+    setIsOpened: d,
     clientSideRouter: o,
     clientSideHref: u,
     id: _
-  } = N(), m = k(C), b = ({ group: p }) => /* @__PURE__ */ e("ul", { className: a.list, children: p.items.map((g, f) => /* @__PURE__ */ e(
+  } = k(), m = C(x), b = ({ group: p }) => /* @__PURE__ */ e("ul", { className: a.list, children: p.items.map((v, N) => /* @__PURE__ */ e(
     "li",
     {
       className: h(
         a.listItem,
         t && a.listItemCollapsed
       ),
-      children: /* @__PURE__ */ e(H, { ...g })
+      children: /* @__PURE__ */ e(P, { ...v })
     },
-    "link_" + f
+    "link_" + N
   )) });
-  return v.useEffect(() => {
-    const p = (g) => {
-      g.key === "Escape" && c !== void 0 && c(!1);
+  return f.useEffect(() => {
+    const p = (v) => {
+      v.key === "Escape" && d !== void 0 && d(!1);
     };
     return window.addEventListener("keydown", p), () => {
       window.removeEventListener("keydown", p);
     };
-  }, [c]), /* @__PURE__ */ l(
+  }, [d]), /* @__PURE__ */ l(
     "aside",
     {
       id: _,
       className: h(
         a.sidebar,
         t && a.sidebarCollapsed,
-        i && a.sidebarOpened
+        r && a.sidebarOpened
       ),
       children: [
         /* @__PURE__ */ l("div", { className: a.sidebarHeader, children: [
           !t && /* @__PURE__ */ e("p", { className: a.appName, children: n.name }),
           /* @__PURE__ */ e(
-            E,
+            M,
             {
               variant: "icon",
               "aria-label": t ? m.format("maximizeMenu") : m.format("minimizeMenu"),
-              onPress: () => r(!t),
+              onPress: () => i(!t),
               className: a.collapseButton,
               children: t ? /* @__PURE__ */ e(X, { size: 20 }) : /* @__PURE__ */ e(F, { size: 20 })
             }
@@ -236,38 +236,38 @@ const R = [
           {
             className: a.sidebarNav,
             "aria-label": m.format("sidebarMenu"),
-            children: /* @__PURE__ */ e("ul", { className: a.list, children: s.map((p, g) => /* @__PURE__ */ l("li", { children: [
+            children: /* @__PURE__ */ e("ul", { className: a.list, children: s.map((p, v) => /* @__PURE__ */ l("li", { children: [
               p.title && !t && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: p.title }),
               o ? /* @__PURE__ */ e(
-                w,
+                B,
                 {
                   navigate: o,
                   useHref: u,
                   children: /* @__PURE__ */ e(b, { group: p })
                 }
               ) : /* @__PURE__ */ e(b, { group: p })
-            ] }, "list_" + g)) })
+            ] }, "list_" + v)) })
           }
         )
       ]
     }
   );
-}, He = () => {
+}, Pe = () => {
   const {
     title: s,
     user: n,
-    app: i,
+    app: r,
     isOpened: t,
-    setIsOpened: r,
-    setIsCollapsed: c,
+    setIsOpened: i,
+    setIsCollapsed: d,
     headerChildren: o,
     variant: u,
     id: _
-  } = N(), m = k(C);
+  } = k(), m = C(x);
   return u === "external" ? /* @__PURE__ */ e("header", { className: h(a.header, a.headerExternal), children: /* @__PURE__ */ l("div", { className: a.headerContentExternal, children: [
     /* @__PURE__ */ l("div", { className: a.logoExternalContainer, children: [
       /* @__PURE__ */ e(
-        x,
+        g,
         {
           size: "x-small",
           padding: !1,
@@ -275,7 +275,7 @@ const R = [
         }
       ),
       /* @__PURE__ */ e(
-        x,
+        g,
         {
           size: "small",
           padding: !1,
@@ -293,29 +293,29 @@ const R = [
     {
       className: a.header,
       style: {
-        borderTop: `solid 4px ${i.color ? i.color : W.brandPrimary}`
+        borderTop: `solid 4px ${r.color ? r.color : G}`
       },
       children: [
         /* @__PURE__ */ l("div", { className: a.headerContent, children: [
           /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
-            x,
+            g,
             {
               size: "small",
               padding: !1
             }
           ) }),
           t !== void 0 && /* @__PURE__ */ e(
-            E,
+            M,
             {
               variant: "icon",
               className: a.toggleButton,
               "aria-label": t ? m.format("closeMenu") : m.format("openMenu"),
               "aria-controls": _,
               onPressStart: () => {
-                c(!1), r == null || r(!0);
+                d(!1), i == null || i(!0);
               },
               children: t ? /* @__PURE__ */ e(
-                j,
+                W,
                 {
                   size: 20,
                   "aria-hidden": "true"
@@ -339,23 +339,23 @@ const R = [
       ]
     }
   );
-}, z = ({
-  id: s = "#main:first-of-type"
+}, S = ({
+  id: s = "main:first-of-type"
 }) => {
   const n = () => {
     const t = document.querySelector(s);
     t && (t.tabIndex = -1, t.focus(), setTimeout(() => t.removeAttribute("tabindex"), 1e3));
-  }, i = k(C);
+  }, r = C(x);
   return /* @__PURE__ */ e(
-    E,
+    M,
     {
       onPress: n,
       className: a.skipToContent,
-      children: i.format("skipToContent")
+      children: r.format("skipToContent")
     }
   );
-}, Oe = () => {
-  const { isOpened: s, setIsOpened: n } = N();
+}, He = () => {
+  const { isOpened: s, setIsOpened: n } = k();
   return s ? /* @__PURE__ */ e(
     "div",
     {
@@ -366,117 +366,117 @@ const R = [
       "aria-hidden": !0
     }
   ) : null;
-}, $e = () => {
-  var c;
-  const { items: s, clientSideRouter: n, clientSideHref: i } = N(), t = k(C), r = (c = s.at(0)) == null ? void 0 : c.items;
+}, Oe = () => {
+  var d;
+  const { items: s, clientSideRouter: n, clientSideHref: r } = k(), t = C(x), i = (d = s.at(0)) == null ? void 0 : d.items;
   return /* @__PURE__ */ e(
     "nav",
     {
       className: a.navbar,
       "aria-label": t.format("bottomMenu"),
-      children: r && /* @__PURE__ */ e("ul", { className: h(a.navbarList), children: n ? /* @__PURE__ */ e(
-        w,
+      children: i && /* @__PURE__ */ e("ul", { className: h(a.navbarList), children: n ? /* @__PURE__ */ e(
+        B,
         {
           navigate: n,
-          useHref: i,
-          children: /* @__PURE__ */ e(B, { items: r })
+          useHref: r,
+          children: /* @__PURE__ */ e(z, { items: i })
         }
-      ) : /* @__PURE__ */ e(B, { items: r }) })
+      ) : /* @__PURE__ */ e(z, { items: i }) })
     }
   );
-}, B = ({
+}, z = ({
   items: s
-}) => /* @__PURE__ */ e(O, { children: s.map(({ href: n, active: i, icon: t, title: r, hasBadge: c }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ l(
-  y,
+}) => /* @__PURE__ */ e(H, { children: s.map(({ href: n, active: r, icon: t, title: i, hasBadge: d }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ l(
+  j,
   {
     href: n,
     className: h(a.navbarItem),
-    "data-active": i,
-    "aria-current": i && "page",
+    "data-active": r,
+    "aria-current": r && "page",
     children: [
-      /* @__PURE__ */ l(L, { children: [
+      /* @__PURE__ */ l(y, { children: [
         /* @__PURE__ */ e(t, { size: 20 }),
-        c && /* @__PURE__ */ e(M, {})
+        d && /* @__PURE__ */ e(L, {})
       ] }),
-      r
+      i
     ]
   }
-) }, o)) }), d = ({
+) }, o)) }), c = ({
   items: s,
   title: n,
-  user: i,
+  user: r,
   app: t,
-  children: r,
-  headerChildren: c,
+  children: i,
+  headerChildren: d,
   clientSideRouter: o,
   clientSideHref: u,
   variant: _,
   className: m
 }) => {
-  const [b, p] = v.useState(!1), [g, f] = v.useState(!1), I = v.useId();
+  const [b, p] = f.useState(!1), [v, N] = f.useState(!1), T = f.useId();
   return _ === "external" ? /* @__PURE__ */ e(
-    d.Provider,
+    c.Provider,
     {
       items: s,
       title: n,
-      user: i,
+      user: r,
       app: t,
       clientSideRouter: o,
       clientSideHref: u,
-      headerChildren: c,
+      headerChildren: d,
       isCollapsed: b,
       setIsCollapsed: p,
       variant: _,
-      id: I,
+      id: T,
       children: /* @__PURE__ */ l("div", { className: h(a.baseLayout, m), children: [
-        /* @__PURE__ */ e(z, {}),
-        /* @__PURE__ */ e(d.Header, {}),
+        /* @__PURE__ */ e(S, {}),
+        /* @__PURE__ */ e(c.Header, {}),
         /* @__PURE__ */ l("div", { className: a.mainContent, children: [
-          /* @__PURE__ */ e(d.Sidebar, {}),
-          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: r }) }) }),
-          /* @__PURE__ */ e(d.Backdrop, {})
+          /* @__PURE__ */ e(c.Sidebar, {}),
+          /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: i }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
         ] }),
-        /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(d.Navbar, {}) })
+        /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
       ] })
     }
   ) : /* @__PURE__ */ e(
-    d.Provider,
+    c.Provider,
     {
       items: s,
       title: n,
-      user: i,
+      user: r,
       app: t,
       clientSideRouter: o,
       clientSideHref: u,
-      headerChildren: c,
+      headerChildren: d,
       isCollapsed: b,
       setIsCollapsed: p,
-      isOpened: g,
-      setIsOpened: f,
+      isOpened: v,
+      setIsOpened: N,
       variant: _,
-      id: I,
+      id: T,
       children: /* @__PURE__ */ l("div", { className: h(a.baseLayout, m), children: [
-        /* @__PURE__ */ e(z, {}),
-        /* @__PURE__ */ e(d.Header, {}),
+        /* @__PURE__ */ e(S, {}),
+        /* @__PURE__ */ e(c.Header, {}),
         /* @__PURE__ */ l("div", { className: a.mainContent, children: [
-          /* @__PURE__ */ e(d.Sidebar, {}),
-          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: r }) }) }),
-          /* @__PURE__ */ e(d.Backdrop, {})
+          /* @__PURE__ */ e(c.Sidebar, {}),
+          /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: i }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
         ] })
       ] })
     }
   );
 };
-d.Provider = ze;
-d.Header = He;
-d.Sidebar = Pe;
-d.SidebarLink = H;
-d.Navbar = $e;
-d.Backdrop = Oe;
+c.Provider = Se;
+c.Header = Pe;
+c.Sidebar = we;
+c.SidebarLink = P;
+c.Navbar = Oe;
+c.Backdrop = He;
 export {
-  He as H,
-  d as L,
-  $e as N,
-  Pe as S,
-  H as a
+  Pe as H,
+  c as L,
+  Oe as N,
+  we as S,
+  P as a
 };

package/Layout-DlE30BHE.cjs

@@ -0,0 +1,16 @@
+"use strict";require('./assets/Layout.css');const e=require("react/jsx-runtime"),E=require("./GridItem-luVsL9lu.cjs"),O=require("react"),p=require("./clsx-C11secjj.cjs"),L=require("./Button-D_tRdPW9.cjs"),C=require("./Link-wM7cVPlS.cjs"),I=require("./Tooltip-CZa9n5sT.cjs"),b=require("./BadgeContainer-su0iCJKy.cjs"),y=require("./createLucideIcon-CTVXwe6i.cjs"),T=require("./usePress-CicXV7UO.cjs"),N=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),H=require("./variables-B3KEYyhW.cjs"),k=require("./Logo-CFjZc5u2.cjs"),G=require("./x-rV-nu490.cjs");function D(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>a[r]})}}return t.default=a,Object.freeze(t)}const h=D(O);/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const F=[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]],W=y.createLucideIcon("menu",F);/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const R=[["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"}]],A=y.createLucideIcon("panel-left-close",R);/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const X=[["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"}]],J=y.createLucideIcon("panel-left-open",X),K="_baseLayout_mr4j9_1",Q="_mainContent_mr4j9_10",U="_header_mr4j9_15",V="_headerExternal_mr4j9_26",Y="_headerContent_mr4j9_41",Z="_logo_mr4j9_60",ee="_headerItems_mr4j9_69",se="_toggleButton_mr4j9_75",ae="_sidebar_mr4j9_83",te="_main_mr4j9_10",ne="_app_mr4j9_116",re="_sidebarOpened_mr4j9_124",ie="_sidebarHeader_mr4j9_128",oe="_appName_mr4j9_140",le="_collapseButton_mr4j9_147",ce="_sidebarCollapsed_mr4j9_156",de="_userName_mr4j9_166",me="_userTitle_mr4j9_184",ue="_title_mr4j9_196",xe="_sidebarNav_mr4j9_207",pe="_list_mr4j9_213",je="_listGroupTitle_mr4j9_219",_e="_listItem_mr4j9_226",he="_listItemCollapsed_mr4j9_231",be="_listLink_mr4j9_235",ve="_listLinkCollapsed_mr4j9_280",fe="_active_mr4j9_285",Ne="_backdrop_mr4j9_299",ge="_backdropOpened_mr4j9_309",ke="_skipToContent_mr4j9_327",Ce="_navbar_mr4j9_341",Le="_navbarList_mr4j9_353",ye="_navbarItem_mr4j9_375",Me="_headerContentExternal_mr4j9_415",Se="_logoExternalContainer_mr4j9_423",Ee="_logoExternal_mr4j9_423",Ie="_logoExternalDesktop_mr4j9_435",Be="_navbarWrapper_mr4j9_444",s={baseLayout:K,mainContent:Q,header:U,headerExternal:V,headerContent:Y,logo:Z,headerItems:ee,toggleButton:se,sidebar:ae,main:te,app:ne,sidebarOpened:re,sidebarHeader:ie,appName:oe,collapseButton:le,sidebarCollapsed:ce,userName:de,userTitle:me,title:ue,sidebarNav:xe,list:pe,listGroupTitle:je,listItem:_e,listItemCollapsed:he,listLink:be,listLinkCollapsed:ve,active:fe,backdrop:Ne,backdropOpened:ge,skipToContent:ke,navbar:Ce,navbarList:Le,navbarItem:ye,headerContentExternal:Me,logoExternalContainer:Se,logoExternal:Ee,logoExternalDesktop:Ie,navbarWrapper:Be},P=h.createContext(void 0),ze=({items:a,title:t,user:r,app:n,children:i,clientSideRouter:l,clientSideHref:o,headerChildren:x,isCollapsed:u,setIsCollapsed:d,isOpened:j,setIsOpened:m,variant:_,id:v})=>e.jsx(P.Provider,{value:{items:a,title:t,user:r,app:n,headerChildren:x,isCollapsed:u,setIsCollapsed:d,isOpened:j,setIsOpened:m,clientSideRouter:l,clientSideHref:o,variant:_,id:v},children:i}),f=()=>{const a=h.useContext(P);if(!a)throw new Error("useLayoutContext must be used within a LayoutProvider");return a},M=({title:a,href:t,icon:r,active:n,hasBadge:i})=>{const{isCollapsed:l,setIsOpened:o,clientSideHref:x}=f(),u=x?x(t):t,[d,j]=h.useState(!1);return h.useEffect(()=>{typeof window<"u"&&j(n??window.location.pathname===u)},[n,u]),l?e.jsxs(I.TooltipTrigger,{children:[e.jsx(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,"aria-label":a,className:p.clsx(s.listLink,s.listLinkCollapsed,d&&s.active),onPress:()=>o==null?void 0:o(!1),children:e.jsxs(b.BadgeContainer,{children:[e.jsx(r,{size:20,"aria-label":a}),i&&e.jsx(b.Badge,{})]})}),e.jsx(I.Tooltip,{placement:"right",children:a})]}):e.jsxs(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,"aria-label":a,className:p.clsx(s.listLink,d&&s.active),onPress:()=>o==null?void 0:o(!1),children:[e.jsxs(b.BadgeContainer,{children:[e.jsx(r,{size:20}),i&&e.jsx(b.Badge,{})]}),a]})},Te={closeMenu:"Close menu",openMenu:"Open menu",maximizeMenu:"Maximize menu",minimizeMenu:"Minimize menu",sidebarMenu:"Sidebar menu",bottomMenu:"Bottom menu",skipToContent:"Skip to main content"},Pe={closeMenu:"Stäng meny",openMenu:"Öppna meny",maximizeMenu:"Maximera meny",minimizeMenu:"Minimera meny",sidebarMenu:"Sidomeny",bottomMenu:"Bottenmeny",skipToContent:"Hoppa till huvudinnehåll"},g={en:Te,sv:Pe},$=()=>{const{items:a,app:t,isOpened:r,isCollapsed:n,setIsCollapsed:i,setIsOpened:l,clientSideRouter:o,clientSideHref:x,id:u}=f(),d=N.useLocalizedStringFormatter(g),j=({group:m})=>e.jsx("ul",{className:s.list,children:m.items.map((_,v)=>e.jsx("li",{className:p.clsx(s.listItem,n&&s.listItemCollapsed),children:e.jsx(M,{..._})},"link_"+v))});return h.useEffect(()=>{const m=_=>{_.key==="Escape"&&l!==void 0&&l(!1)};return window.addEventListener("keydown",m),()=>{window.removeEventListener("keydown",m)}},[l]),e.jsxs("aside",{id:u,className:p.clsx(s.sidebar,n&&s.sidebarCollapsed,r&&s.sidebarOpened),children:[e.jsxs("div",{className:s.sidebarHeader,children:[!n&&e.jsx("p",{className:s.appName,children:t.name}),e.jsx(L.Button,{variant:"icon","aria-label":n?d.format("maximizeMenu"):d.format("minimizeMenu"),onPress:()=>i(!n),className:s.collapseButton,children:n?e.jsx(J,{size:20}):e.jsx(A,{size:20})})]}),e.jsx("nav",{className:s.sidebarNav,"aria-label":d.format("sidebarMenu"),children:e.jsx("ul",{className:s.list,children:a.map((m,_)=>e.jsxs("li",{children:[m.title&&!n&&e.jsx("p",{className:s.listGroupTitle,children:m.title}),o?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:o,useHref:x,children:e.jsx(j,{group:m})}):e.jsx(j,{group:m})]},"list_"+_))})})]})},q=()=>{const{title:a,user:t,app:r,isOpened:n,setIsOpened:i,setIsCollapsed:l,headerChildren:o,variant:x,id:u}=f(),d=N.useLocalizedStringFormatter(g);return x==="external"?e.jsx("header",{className:p.clsx(s.header,s.headerExternal),children:e.jsxs("div",{className:s.headerContentExternal,children:[e.jsxs("div",{className:s.logoExternalContainer,children:[e.jsx(k.Logo,{size:"x-small",padding:!1,className:s.logoExternal}),e.jsx(k.Logo,{size:"small",padding:!1,className:s.logoExternalDesktop}),e.jsxs("div",{children:[e.jsx("p",{className:s.userName,children:t.name}),e.jsx("p",{className:s.userTitle,children:t.title})]})]}),e.jsx("div",{className:s.headerItems,children:o})]})}):e.jsxs("header",{className:s.header,style:{borderTop:`solid 4px ${r.color?r.color:H.brandPrimary}`},children:[e.jsxs("div",{className:s.headerContent,children:[e.jsx("div",{className:s.logo,children:e.jsx(k.Logo,{size:"small",padding:!1})}),n!==void 0&&e.jsx(L.Button,{variant:"icon",className:s.toggleButton,"aria-label":n?d.format("closeMenu"):d.format("openMenu"),"aria-controls":u,onPressStart:()=>{l(!1),i==null||i(!0)},children:n?e.jsx(G.X,{size:20,"aria-hidden":"true"}):e.jsx(W,{size:20,"aria-hidden":"true"})}),e.jsxs("div",{children:[e.jsx("p",{className:s.userName,children:t.name}),e.jsx("p",{className:s.userTitle,children:t.title}),e.jsx("p",{className:s.title,children:a})]})]}),e.jsx("div",{className:s.headerItems,children:o})]})},B=({id:a="main:first-of-type"})=>{const t=()=>{const n=document.querySelector(a);n&&(n.tabIndex=-1,n.focus(),setTimeout(()=>n.removeAttribute("tabindex"),1e3))},r=N.useLocalizedStringFormatter(g);return e.jsx(L.Button,{onPress:t,className:s.skipToContent,children:r.format("skipToContent")})},$e=()=>{const{isOpened:a,setIsOpened:t}=f();return a?e.jsx("div",{className:p.clsx(s.backdrop,s.backdropOpened),onClick:()=>{t==null||t(!1)},"aria-hidden":!0}):null},w=()=>{var l;const{items:a,clientSideRouter:t,clientSideHref:r}=f(),n=N.useLocalizedStringFormatter(g),i=(l=a.at(0))==null?void 0:l.items;return e.jsx("nav",{className:s.navbar,"aria-label":n.format("bottomMenu"),children:i&&e.jsx("ul",{className:p.clsx(s.navbarList),children:t?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:t,useHref:r,children:e.jsx(z,{items:i})}):e.jsx(z,{items:i})})})},z=({items:a})=>e.jsx(e.Fragment,{children:a.map(({href:t,active:r,icon:n,title:i,hasBadge:l},o)=>e.jsx("li",{children:e.jsxs(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,className:p.clsx(s.navbarItem),"data-active":r,"aria-current":r&&"page",children:[e.jsxs(b.BadgeContainer,{children:[e.jsx(n,{size:20}),l&&e.jsx(b.Badge,{})]}),i]})},o))}),c=({items:a,title:t,user:r,app:n,children:i,headerChildren:l,clientSideRouter:o,clientSideHref:x,variant:u,className:d})=>{const[j,m]=h.useState(!1),[_,v]=h.useState(!1),S=h.useId();return u==="external"?e.jsx(c.Provider,{items:a,title:t,user:r,app:n,clientSideRouter:o,clientSideHref:x,headerChildren:l,isCollapsed:j,setIsCollapsed:m,variant:u,id:S,children:e.jsxs("div",{className:p.clsx(s.baseLayout,d),children:[e.jsx(B,{}),e.jsx(c.Header,{}),e.jsxs("div",{className:s.mainContent,children:[e.jsx(c.Sidebar,{}),e.jsx(E.GridItem,{children:e.jsx("main",{className:s.main,children:e.jsx("div",{className:s.app,children:i})})}),e.jsx(c.Backdrop,{})]}),e.jsx("div",{className:s.navbarWrapper,children:e.jsx(c.Navbar,{})})]})}):e.jsx(c.Provider,{items:a,title:t,user:r,app:n,clientSideRouter:o,clientSideHref:x,headerChildren:l,isCollapsed:j,setIsCollapsed:m,isOpened:_,setIsOpened:v,variant:u,id:S,children:e.jsxs("div",{className:p.clsx(s.baseLayout,d),children:[e.jsx(B,{}),e.jsx(c.Header,{}),e.jsxs("div",{className:s.mainContent,children:[e.jsx(c.Sidebar,{}),e.jsx(E.GridItem,{children:e.jsx("main",{className:s.main,children:e.jsx("div",{className:s.app,children:i})})}),e.jsx(c.Backdrop,{})]})]})})};c.Provider=ze;c.Header=q;c.Sidebar=$;c.SidebarLink=M;c.Navbar=w;c.Backdrop=$e;exports.Header=q;exports.Layout=c;exports.Navbar=w;exports.Sidebar=$;exports.SidebarLink=M;

package/Link-ePZ3nrAW.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./assets/Link.css');const n=require("react/jsx-runtime"),f=require("./Link-wM7cVPlS.cjs"),x=require("./clsx-C11secjj.cjs"),k=require("./createLucideIcon-CTVXwe6i.cjs"),j=require("./square-arrow-out-up-right-xCFdJTzY.cjs"),m=require("./arrow-right-BGd86zzR.cjs");/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const w=[["path",{d:"M12 17V3",key:"1cwfxf"}],["path",{d:"m6 11 6 6 6-6",key:"12ii2o"}],["path",{d:"M19 21H5",key:"150jfl"}]],q=k.createLucideIcon("arrow-down-to-line",w),y="_link_1byfm_1",p="_icon_1byfm_47",L="_standalone_1byfm_51",b="_stretched_1byfm_68",t={link:y,icon:p,standalone:L,stretched:b},R=({children:o,standalone:r,target:c,stretched:i,download:a,icon:s,className:u,as:d,...l})=>{const _=d||f.$4f118338184dc1d9$export$a6c7ac8248d6e38a,h=({...e})=>s?n.jsx(s,{...e}):a?n.jsx(q,{...e}):c==="_blank"?n.jsx(j.SquareArrowOutUpRight,{...e}):r?n.jsx(m.ArrowRight,{...e}):null;return n.jsx(_,{className:x.clsx(t.link,r&&t.standalone,i&&t.stretched,u),...l,target:c,children:n.jsxs(n.Fragment,{children:[o,n.jsx(h,{size:16,className:t.icon})]})})};exports.Link=R;