@midas-ds/components 10.1.1 → 10.3.0

package/Layout-1g6bMH62.cjs

@@ -0,0 +1,16 @@
+"use strict";require('./assets/Layout.css');const e=require("react/jsx-runtime"),y=require("./GridItem-XgHmZWXY.cjs"),q=require("react"),m=require("./clsx-C11secjj.cjs"),k=require("./Button-BoJl6JGM.cjs"),f=require("./Link-BQhauBuw.cjs"),L=require("./Tooltip-DeBuBKhS.cjs"),u=require("./BadgeContainer-I1XA3OCl.cjs"),C=require("./createLucideIcon-Cg_wkoIA.cjs"),B=require("./usePress-0AjDbW9R.cjs"),O=require("./tokens-p6pg1Cea.cjs"),N=require("./Logo-DT2_2O43.cjs"),$=require("./x-H8Zrx8-x.cjs");function z(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 _=z(q);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const H=C.createLucideIcon("Menu",[["line",{x1:"4",x2:"20",y1:"12",y2:"12",key:"1e0a9i"}],["line",{x1:"4",x2:"20",y1:"6",y2:"6",key:"1owob3"}],["line",{x1:"4",x2:"20",y1:"18",y2:"18",key:"yk5zj1"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const M=C.createLucideIcon("PanelLeftClose",[["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"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const G=C.createLucideIcon("PanelLeftOpen",[["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"}]]),D="_baseLayout_12xoh_4",R="_mainContent_12xoh_13",W="_header_12xoh_18",A="_headerExternal_12xoh_29",F="_headerContent_12xoh_44",X="_logo_12xoh_63",J="_headerItems_12xoh_72",K="_toggleButton_12xoh_78",Q="_sidebar_12xoh_86",U="_main_12xoh_13",V="_app_12xoh_123",Y="_sidebarOpened_12xoh_132",Z="_sidebarHeader_12xoh_136",ee="_appName_12xoh_148",se="_collapseButton_12xoh_155",ae="_sidebarCollapsed_12xoh_164",te="_userName_12xoh_174",ne="_userTitle_12xoh_193",re="_title_12xoh_205",oe="_sidebarNav_12xoh_216",ie="_list_12xoh_222",le="_listGroupTitle_12xoh_229",ce="_listItem_12xoh_236",de="_listItemCollapsed_12xoh_241",xe="_listLink_12xoh_245",he="_listLinkCollapsed_12xoh_290",pe="_active_12xoh_295",me="_backdrop_12xoh_309",_e="_backdropOpened_12xoh_319",ue="_skipToContent_12xoh_337",be="_navbar_12xoh_351",je="_navbarList_12xoh_363",ve="_navbarItem_12xoh_385",Ne="_headerContentExternal_12xoh_425",fe="_logoExternalContainer_12xoh_433",ke="_logoExternal_12xoh_433",Ce="_logoExternalDesktop_12xoh_445",ge="_navbarWrapper_12xoh_454",s={baseLayout:D,mainContent:R,header:W,headerExternal:A,headerContent:F,logo:X,headerItems:J,toggleButton:K,sidebar:Q,main:U,app:V,sidebarOpened:Y,sidebarHeader:Z,appName:ee,collapseButton:se,sidebarCollapsed:ae,userName:te,userTitle:ne,title:re,sidebarNav:oe,list:ie,listGroupTitle:le,listItem:ce,listItemCollapsed:de,listLink:xe,listLinkCollapsed:he,active:pe,backdrop:me,backdropOpened:_e,skipToContent:ue,navbar:be,navbarList:je,navbarItem:ve,headerContentExternal:Ne,logoExternalContainer:fe,logoExternal:ke,logoExternalDesktop:Ce,navbarWrapper:ge},T=_.createContext(void 0),ye=({items:a,title:t,user:r,app:n,children:i,clientSideRouter:c,clientSideHref:o,headerChildren:x,isCollapsed:h,setIsCollapsed:d,isOpened:p,setIsOpened:b,variant:v})=>e.jsx(T.Provider,{value:{items:a,title:t,user:r,app:n,headerChildren:x,isCollapsed:h,setIsCollapsed:d,isOpened:p,setIsOpened:b,clientSideRouter:c,clientSideHref:o,variant:v},children:i}),j=()=>{const a=_.useContext(T);if(!a)throw new Error("useLayoutContext must be used within a LayoutProvider");return a},g=({title:a,href:t,icon:r,active:n,hasBadge:i})=>{const{isCollapsed:c,setIsOpened:o}=j(),[x,h]=_.useState(!1);return _.useEffect(()=>{typeof window<"u"&&h(n??window.location.pathname===t)},[n,t]),c?e.jsxs(L.TooltipTrigger,{children:[e.jsx(f.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,"aria-label":a,className:m.clsx(s.listLink,s.listLinkCollapsed,x&&s.active),onPress:()=>o==null?void 0:o(!1),children:e.jsxs(u.BadgeContainer,{children:[e.jsx(r,{size:20,"aria-label":a}),i&&e.jsx(u.Badge,{})]})}),e.jsx(L.Tooltip,{placement:"right",children:a})]}):e.jsxs(f.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,"aria-label":a,className:m.clsx(s.listLink,x&&s.active),onPress:()=>o==null?void 0:o(!1),children:[e.jsxs(u.BadgeContainer,{children:[e.jsx(r,{size:20}),i&&e.jsx(u.Badge,{})]}),a]})},S=()=>{const{items:a,app:t,isOpened:r,isCollapsed:n,setIsCollapsed:i,setIsOpened:c,clientSideRouter:o,clientSideHref:x}=j(),h=({group:d})=>e.jsx("ul",{className:s.list,children:d.items.map((p,b)=>e.jsx("li",{className:m.clsx(s.listItem,n&&s.listItemCollapsed),children:e.jsx(g,{...p})},"link_"+b))});return _.useEffect(()=>{const d=p=>{p.key==="Escape"&&c!==void 0&&c(!1)};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[c]),e.jsxs("aside",{id:"midasMainMenu",className:m.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(k.Button,{variant:"icon","aria-label":n?"Maximera sidomenyn":"Minimera sidomenyn",onPress:()=>i(!n),className:s.collapseButton,children:n?e.jsx(G,{size:20}):e.jsx(M,{size:20})})]}),e.jsx("nav",{className:s.sidebarNav,"aria-label":"Sidomeny",children:e.jsx("ul",{className:s.list,children:a.map((d,p)=>e.jsxs("li",{children:[d.title&&!n&&e.jsx("p",{className:s.listGroupTitle,children:d.title}),o?e.jsx(B.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:o,useHref:x,children:e.jsx(h,{group:d})}):e.jsx(h,{group:d})]},"list_"+p))})})]})},P=()=>{const{title:a,user:t,app:r,isOpened:n,setIsOpened:i,setIsCollapsed:c,headerChildren:o,variant:x}=j();return x==="external"?e.jsx("header",{className:m.clsx(s.header,s.headerExternal),children:e.jsxs("div",{className:s.headerContentExternal,children:[e.jsxs("div",{className:s.logoExternalContainer,children:[e.jsx(N.Logo,{size:"x-small",padding:!1,className:s.logoExternal}),e.jsx(N.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:O.semantic.brandPrimary}`},children:[e.jsxs("div",{className:s.headerContent,children:[e.jsx("div",{className:s.logo,children:e.jsx(N.Logo,{size:"small",padding:!1})}),n!==void 0&&e.jsx(k.Button,{variant:"icon",className:s.toggleButton,"aria-label":n?"Stäng meny":"Öppna meny","aria-controls":"midasMainMenu",onPressStart:()=>{c(!1),i==null||i(!0)},children:n?e.jsx($.X,{size:20,"aria-hidden":"true"}):e.jsx(H,{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})]})},E=({id:a="#main:first-of-type"})=>{const t=()=>{const r=document.querySelector(a);r&&(r.tabIndex=-1,r.focus(),setTimeout(()=>r.removeAttribute("tabindex"),1e3))};return e.jsx(k.Button,{onPress:t,className:s.skipToContent,children:"Hoppa till huvudinnehåll"})},Le=()=>{const{isOpened:a,setIsOpened:t}=j();return a?e.jsx("div",{className:m.clsx(s.backdrop,s.backdropOpened),onClick:()=>{t==null||t(!1)},"aria-hidden":!0}):null},w=()=>{var i;const{items:a,clientSideRouter:t,clientSideHref:r}=j(),n=(i=a.at(0))==null?void 0:i.items;return e.jsx("nav",{className:s.navbar,"aria-label":"Bottenmeny",children:n&&e.jsx("ul",{className:m.clsx(s.navbarList),children:t?e.jsx(B.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:t,useHref:r,children:e.jsx(I,{items:n})}):e.jsx(I,{items:n})})})},I=({items:a})=>e.jsx(e.Fragment,{children:a.map(({href:t,active:r,icon:n,title:i,hasBadge:c},o)=>e.jsx("li",{children:e.jsxs(f.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,className:m.clsx(s.navbarItem),"data-active":r,"aria-current":r&&"page",children:[e.jsxs(u.BadgeContainer,{children:[e.jsx(n,{size:20}),c&&e.jsx(u.Badge,{})]}),i]})},o))}),l=({items:a,title:t,user:r,app:n,children:i,headerChildren:c,clientSideRouter:o,clientSideHref:x,variant:h})=>{const[d,p]=_.useState(!1),[b,v]=_.useState(!1);return h==="external"?e.jsx(l.Provider,{items:a,title:t,user:r,app:n,clientSideRouter:o,clientSideHref:x,headerChildren:c,isCollapsed:d,setIsCollapsed:p,variant:h,children:e.jsxs("div",{className:s.baseLayout,children:[e.jsx(E,{}),e.jsx(l.Header,{}),e.jsxs("div",{className:s.mainContent,children:[e.jsx(l.Sidebar,{}),e.jsx(y.GridItem,{children:e.jsx("main",{className:s.main,children:e.jsx("div",{className:s.app,children:i})})}),e.jsx(l.Backdrop,{})]}),e.jsx("div",{className:s.navbarWrapper,children:e.jsx(l.Navbar,{})})]})}):e.jsx(l.Provider,{items:a,title:t,user:r,app:n,clientSideRouter:o,clientSideHref:x,headerChildren:c,isCollapsed:d,setIsCollapsed:p,isOpened:b,setIsOpened:v,variant:h,children:e.jsxs("div",{className:s.baseLayout,children:[e.jsx(E,{}),e.jsx(l.Header,{}),e.jsxs("div",{className:s.mainContent,children:[e.jsx(l.Sidebar,{}),e.jsx(y.GridItem,{children:e.jsx("main",{className:s.main,children:e.jsx("div",{className:s.app,children:i})})}),e.jsx(l.Backdrop,{})]})]})})};l.Provider=ye;l.Header=P;l.Sidebar=S;l.SidebarLink=g;l.Navbar=w;l.Backdrop=Le;exports.Header=P;exports.Layout=l;exports.Navbar=w;exports.Sidebar=S;exports.SidebarLink=g;

package/Layout-Ey8flY7E.js

@@ -0,0 +1,468 @@
+import { jsx as e, jsxs as i, Fragment as P } from "react/jsx-runtime";
+import { G as E } from "./GridItem-DlbSdRmB.js";
+import * as u from "react";
+import { c as x } from "./clsx-OuTLNxxd.js";
+import { B as L } from "./Button-Csih3v23.js";
+import { $ as k } from "./Link-yNO2-sqx.js";
+import { a as H, T as z } from "./Tooltip-CMLs7WMw.js";
+import { a as C, B as y } from "./BadgeContainer-DM8TdyMT.js";
+import { c as g } from "./createLucideIcon-DeWljiyi.js";
+import { $ as S } from "./usePress-CNjmDzap.js";
+import { f as O } from "./tokens-xp-7KMK7.js";
+import { L as f } from "./Logo-BIrOEINM.js";
+import { X as M } from "./x-JK7i-TQC.js";
+import './assets/Layout.css';/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $ = g("Menu", [
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
+  ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
+  ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const G = g("PanelLeftClose", [
+  ["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" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const D = g("PanelLeftOpen", [
+  ["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" }]
+]), W = "_baseLayout_12xoh_4", j = "_mainContent_12xoh_13", q = "_header_12xoh_18", A = "_headerExternal_12xoh_29", R = "_headerContent_12xoh_44", F = "_logo_12xoh_63", X = "_headerItems_12xoh_72", J = "_toggleButton_12xoh_78", K = "_sidebar_12xoh_86", Q = "_main_12xoh_13", U = "_app_12xoh_123", V = "_sidebarOpened_12xoh_132", Y = "_sidebarHeader_12xoh_136", Z = "_appName_12xoh_148", ee = "_collapseButton_12xoh_155", ae = "_sidebarCollapsed_12xoh_164", te = "_userName_12xoh_174", ne = "_userTitle_12xoh_193", se = "_title_12xoh_205", oe = "_sidebarNav_12xoh_216", re = "_list_12xoh_222", ie = "_listGroupTitle_12xoh_229", le = "_listItem_12xoh_236", de = "_listItemCollapsed_12xoh_241", ce = "_listLink_12xoh_245", me = "_listLinkCollapsed_12xoh_290", he = "_active_12xoh_295", pe = "_backdrop_12xoh_309", _e = "_backdropOpened_12xoh_319", xe = "_skipToContent_12xoh_337", ue = "_navbar_12xoh_351", be = "_navbarList_12xoh_363", ve = "_navbarItem_12xoh_385", Ne = "_headerContentExternal_12xoh_425", fe = "_logoExternalContainer_12xoh_433", ke = "_logoExternal_12xoh_433", Ce = "_logoExternalDesktop_12xoh_445", ye = "_navbarWrapper_12xoh_454", a = {
+  baseLayout: W,
+  mainContent: j,
+  header: q,
+  headerExternal: A,
+  headerContent: R,
+  logo: F,
+  headerItems: X,
+  toggleButton: J,
+  sidebar: K,
+  main: Q,
+  app: U,
+  sidebarOpened: V,
+  sidebarHeader: Y,
+  appName: Z,
+  collapseButton: ee,
+  sidebarCollapsed: ae,
+  userName: te,
+  userTitle: ne,
+  title: se,
+  sidebarNav: oe,
+  list: re,
+  listGroupTitle: ie,
+  listItem: le,
+  listItemCollapsed: de,
+  listLink: ce,
+  listLinkCollapsed: me,
+  active: he,
+  backdrop: pe,
+  backdropOpened: _e,
+  skipToContent: xe,
+  navbar: ue,
+  navbarList: be,
+  navbarItem: ve,
+  headerContentExternal: Ne,
+  logoExternalContainer: fe,
+  logoExternal: ke,
+  logoExternalDesktop: Ce,
+  navbarWrapper: ye
+}, B = u.createContext(
+  void 0
+), Le = ({
+  items: n,
+  title: t,
+  user: o,
+  app: s,
+  children: l,
+  clientSideRouter: c,
+  clientSideHref: r,
+  headerChildren: h,
+  isCollapsed: p,
+  setIsCollapsed: m,
+  isOpened: _,
+  setIsOpened: b,
+  variant: N
+}) => /* @__PURE__ */ e(
+  B.Provider,
+  {
+    value: {
+      items: n,
+      title: t,
+      user: o,
+      app: s,
+      headerChildren: h,
+      isCollapsed: p,
+      setIsCollapsed: m,
+      isOpened: _,
+      setIsOpened: b,
+      clientSideRouter: c,
+      clientSideHref: r,
+      variant: N
+    },
+    children: l
+  }
+), v = () => {
+  const n = u.useContext(B);
+  if (!n)
+    throw new Error("useLayoutContext must be used within a LayoutProvider");
+  return n;
+}, w = ({
+  title: n,
+  href: t,
+  icon: o,
+  active: s,
+  hasBadge: l
+}) => {
+  const { isCollapsed: c, setIsOpened: r } = v(), [h, p] = u.useState(!1);
+  return u.useEffect(() => {
+    typeof window < "u" && p(s ?? window.location.pathname === t);
+  }, [s, t]), c ? /* @__PURE__ */ i(H, { children: [
+    /* @__PURE__ */ e(
+      k,
+      {
+        href: t,
+        "aria-label": n,
+        className: x(
+          a.listLink,
+          a.listLinkCollapsed,
+          h && a.active
+        ),
+        onPress: () => r == null ? void 0 : r(!1),
+        children: /* @__PURE__ */ i(C, { children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              size: 20,
+              "aria-label": n
+            }
+          ),
+          l && /* @__PURE__ */ e(y, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(z, { placement: "right", children: n })
+  ] }) : /* @__PURE__ */ i(
+    k,
+    {
+      href: t,
+      "aria-label": n,
+      className: x(a.listLink, h && a.active),
+      onPress: () => r == null ? void 0 : r(!1),
+      children: [
+        /* @__PURE__ */ i(C, { children: [
+          /* @__PURE__ */ e(o, { size: 20 }),
+          l && /* @__PURE__ */ e(y, {})
+        ] }),
+        n
+      ]
+    }
+  );
+}, ge = () => {
+  const {
+    items: n,
+    app: t,
+    isOpened: o,
+    isCollapsed: s,
+    setIsCollapsed: l,
+    setIsOpened: c,
+    clientSideRouter: r,
+    clientSideHref: h
+  } = v(), p = ({ group: m }) => /* @__PURE__ */ e("ul", { className: a.list, children: m.items.map((_, b) => /* @__PURE__ */ e(
+    "li",
+    {
+      className: x(
+        a.listItem,
+        s && a.listItemCollapsed
+      ),
+      children: /* @__PURE__ */ e(w, { ..._ })
+    },
+    "link_" + b
+  )) });
+  return u.useEffect(() => {
+    const m = (_) => {
+      _.key === "Escape" && c !== void 0 && c(!1);
+    };
+    return window.addEventListener("keydown", m), () => {
+      window.removeEventListener("keydown", m);
+    };
+  }, [c]), /* @__PURE__ */ i(
+    "aside",
+    {
+      id: "midasMainMenu",
+      className: x(
+        a.sidebar,
+        s && a.sidebarCollapsed,
+        o && a.sidebarOpened
+      ),
+      children: [
+        /* @__PURE__ */ i("div", { className: a.sidebarHeader, children: [
+          !s && /* @__PURE__ */ e("p", { className: a.appName, children: t.name }),
+          /* @__PURE__ */ e(
+            L,
+            {
+              variant: "icon",
+              "aria-label": s ? "Maximera sidomenyn" : "Minimera sidomenyn",
+              onPress: () => l(!s),
+              className: a.collapseButton,
+              children: s ? /* @__PURE__ */ e(D, { size: 20 }) : /* @__PURE__ */ e(G, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "nav",
+          {
+            className: a.sidebarNav,
+            "aria-label": "Sidomeny",
+            children: /* @__PURE__ */ e("ul", { className: a.list, children: n.map((m, _) => /* @__PURE__ */ i("li", { children: [
+              m.title && !s && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: m.title }),
+              r ? /* @__PURE__ */ e(
+                S,
+                {
+                  navigate: r,
+                  useHref: h,
+                  children: /* @__PURE__ */ e(p, { group: m })
+                }
+              ) : /* @__PURE__ */ e(p, { group: m })
+            ] }, "list_" + _)) })
+          }
+        )
+      ]
+    }
+  );
+}, Ee = () => {
+  const {
+    title: n,
+    user: t,
+    app: o,
+    isOpened: s,
+    setIsOpened: l,
+    setIsCollapsed: c,
+    headerChildren: r,
+    variant: h
+  } = v();
+  return h === "external" ? /* @__PURE__ */ e("header", { className: x(a.header, a.headerExternal), children: /* @__PURE__ */ i("div", { className: a.headerContentExternal, children: [
+    /* @__PURE__ */ i("div", { className: a.logoExternalContainer, children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          size: "x-small",
+          padding: !1,
+          className: a.logoExternal
+        }
+      ),
+      /* @__PURE__ */ e(
+        f,
+        {
+          size: "small",
+          padding: !1,
+          className: a.logoExternalDesktop
+        }
+      ),
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e("p", { className: a.userName, children: t.name }),
+        /* @__PURE__ */ e("p", { className: a.userTitle, children: t.title })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.headerItems, children: r })
+  ] }) }) : /* @__PURE__ */ i(
+    "header",
+    {
+      className: a.header,
+      style: {
+        borderTop: `solid 4px ${o.color ? o.color : O.brandPrimary}`
+      },
+      children: [
+        /* @__PURE__ */ i("div", { className: a.headerContent, children: [
+          /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
+            f,
+            {
+              size: "small",
+              padding: !1
+            }
+          ) }),
+          s !== void 0 && /* @__PURE__ */ e(
+            L,
+            {
+              variant: "icon",
+              className: a.toggleButton,
+              "aria-label": s ? "Stäng meny" : "Öppna meny",
+              "aria-controls": "midasMainMenu",
+              onPressStart: () => {
+                c(!1), l == null || l(!0);
+              },
+              children: s ? /* @__PURE__ */ e(
+                M,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              ) : /* @__PURE__ */ e(
+                $,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ i("div", { children: [
+            /* @__PURE__ */ e("p", { className: a.userName, children: t.name }),
+            /* @__PURE__ */ e("p", { className: a.userTitle, children: t.title }),
+            /* @__PURE__ */ e("p", { className: a.title, children: n })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.headerItems, children: r })
+      ]
+    }
+  );
+}, T = ({
+  id: n = "#main:first-of-type"
+}) => /* @__PURE__ */ e(
+  L,
+  {
+    onPress: () => {
+      const o = document.querySelector(n);
+      o && (o.tabIndex = -1, o.focus(), setTimeout(() => o.removeAttribute("tabindex"), 1e3));
+    },
+    className: a.skipToContent,
+    children: "Hoppa till huvudinnehåll"
+  }
+), Te = () => {
+  const { isOpened: n, setIsOpened: t } = v();
+  return n ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: x(a.backdrop, a.backdropOpened),
+      onClick: () => {
+        t == null || t(!1);
+      },
+      "aria-hidden": !0
+    }
+  ) : null;
+}, Ie = () => {
+  var l;
+  const { items: n, clientSideRouter: t, clientSideHref: o } = v(), s = (l = n.at(0)) == null ? void 0 : l.items;
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      className: a.navbar,
+      "aria-label": "Bottenmeny",
+      children: s && /* @__PURE__ */ e("ul", { className: x(a.navbarList), children: t ? /* @__PURE__ */ e(
+        S,
+        {
+          navigate: t,
+          useHref: o,
+          children: /* @__PURE__ */ e(I, { items: s })
+        }
+      ) : /* @__PURE__ */ e(I, { items: s }) })
+    }
+  );
+}, I = ({
+  items: n
+}) => /* @__PURE__ */ e(P, { children: n.map(({ href: t, active: o, icon: s, title: l, hasBadge: c }, r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
+  k,
+  {
+    href: t,
+    className: x(a.navbarItem),
+    "data-active": o,
+    "aria-current": o && "page",
+    children: [
+      /* @__PURE__ */ i(C, { children: [
+        /* @__PURE__ */ e(s, { size: 20 }),
+        c && /* @__PURE__ */ e(y, {})
+      ] }),
+      l
+    ]
+  }
+) }, r)) }), d = ({
+  items: n,
+  title: t,
+  user: o,
+  app: s,
+  children: l,
+  headerChildren: c,
+  clientSideRouter: r,
+  clientSideHref: h,
+  variant: p
+}) => {
+  const [m, _] = u.useState(!1), [b, N] = u.useState(!1);
+  return p === "external" ? /* @__PURE__ */ e(
+    d.Provider,
+    {
+      items: n,
+      title: t,
+      user: o,
+      app: s,
+      clientSideRouter: r,
+      clientSideHref: h,
+      headerChildren: c,
+      isCollapsed: m,
+      setIsCollapsed: _,
+      variant: p,
+      children: /* @__PURE__ */ i("div", { className: a.baseLayout, children: [
+        /* @__PURE__ */ e(T, {}),
+        /* @__PURE__ */ e(d.Header, {}),
+        /* @__PURE__ */ i("div", { className: a.mainContent, children: [
+          /* @__PURE__ */ e(d.Sidebar, {}),
+          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: l }) }) }),
+          /* @__PURE__ */ e(d.Backdrop, {})
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(d.Navbar, {}) })
+      ] })
+    }
+  ) : /* @__PURE__ */ e(
+    d.Provider,
+    {
+      items: n,
+      title: t,
+      user: o,
+      app: s,
+      clientSideRouter: r,
+      clientSideHref: h,
+      headerChildren: c,
+      isCollapsed: m,
+      setIsCollapsed: _,
+      isOpened: b,
+      setIsOpened: N,
+      variant: p,
+      children: /* @__PURE__ */ i("div", { className: a.baseLayout, children: [
+        /* @__PURE__ */ e(T, {}),
+        /* @__PURE__ */ e(d.Header, {}),
+        /* @__PURE__ */ i("div", { className: a.mainContent, children: [
+          /* @__PURE__ */ e(d.Sidebar, {}),
+          /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: l }) }) }),
+          /* @__PURE__ */ e(d.Backdrop, {})
+        ] })
+      ] })
+    }
+  );
+};
+d.Provider = Le;
+d.Header = Ee;
+d.Sidebar = ge;
+d.SidebarLink = w;
+d.Navbar = Ie;
+d.Backdrop = Te;
+export {
+  Ee as H,
+  d as L,
+  Ie as N,
+  ge as S,
+  w as a
+};

package/Link-B88l_oaE.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./assets/Link.css');const n=require("react/jsx-runtime"),j=require("./Link-BQhauBuw.cjs"),_=require("./clsx-C11secjj.cjs"),q=require("./createLucideIcon-Cg_wkoIA.cjs"),k=require("./square-arrow-out-up-right-V4Gd08uI.cjs"),w=require("./arrow-right-QJ2gXPKQ.cjs");/**
+ * @license lucide-react v0.453.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=q.createLucideIcon("ArrowDownToLine",[["path",{d:"M12 17V3",key:"1cwfxf"}],["path",{d:"m6 11 6 6 6-6",key:"12ii2o"}],["path",{d:"M19 21H5",key:"150jfl"}]]),L="_link_txq8j_4",p="_icon_txq8j_50",g="_standalone_txq8j_54",m="_stretched_txq8j_71",t={link:L,icon:p,standalone:g,stretched:m},A=({children:s,standalone:r,target:i,stretched:o,download:a,icon:c,className:u,as:l,...d})=>{const x=l||j.$4f118338184dc1d9$export$a6c7ac8248d6e38a,h=({...e})=>c?n.jsx(c,{...e}):a?n.jsx(f,{...e}):i==="_blank"?n.jsx(k.SquareArrowOutUpRight,{...e}):r?n.jsx(w.ArrowRight,{...e}):null;return n.jsx(x,{className:_.clsx(t.link,r&&t.standalone,o&&t.stretched,u),...d,children:n.jsxs(n.Fragment,{children:[s,n.jsx(h,{size:16,className:t.icon})]})})};exports.Link=A;

package/Link-BQhauBuw.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./utils-BNtZbAib.cjs"),x=require("react"),T=require("./filterDOMProps-BS2lrgFA.cjs"),f=require("./usePress-0AjDbW9R.cjs"),m=require("./useFocusable-NUVSFcRC.cjs"),F=require("./useHover-_mv5J4_q.cjs"),q=require("./useFocusRing-CbImDrwF.cjs");function E(s,e){let{elementType:d="a",onPress:c,onPressStart:u,onPressEnd:o,onClick:$,isDisabled:t,...b}=s,i={};d!=="a"&&(i={role:"link",tabIndex:t?void 0:0});let{focusableProps:l}=m.$f645667febf57a63$export$4c014de7c8940b4c(s,e),{pressProps:a,isPressed:p}=f.$f6c31cce2adf654f$export$45712eceda6fad21({onPress:c,onPressStart:u,onPressEnd:o,onClick:$,isDisabled:t,ref:e}),h=T.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(b,{labelable:!0}),D=n.$3ef42575df84b30b$export$9d1611c77c2fe928(l,a),v=f.$ea8dcbcb9ea1b556$export$9a302a45f65d0572(),C=f.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(s);return{isPressed:p,linkProps:n.$3ef42575df84b30b$export$9d1611c77c2fe928(h,C,{...D,...i,"aria-disabled":t||void 0,"aria-current":s["aria-current"],onClick:r=>{var P;(P=a.onClick)===null||P===void 0||P.call(a,r),!v.isNative&&r.currentTarget instanceof HTMLAnchorElement&&r.currentTarget.href&&!r.isDefaultPrevented()&&f.$ea8dcbcb9ea1b556$export$efa8c9099e530235(r.currentTarget,r)&&s.href&&(r.preventDefault(),v.open(r.currentTarget,r,s.href,s.routerOptions))}})}}const k=x.createContext(null),H=x.forwardRef(function(e,d){[e,d]=n.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,k);let c=e.href&&!e.isDisabled?"a":"span",{linkProps:u,isPressed:o}=E({...e,elementType:c},d),{hoverProps:$,isHovered:t}=F.$6179b936705e76d3$export$ae780daf29e6d456(e),{focusProps:b,isFocused:i,isFocusVisible:l}=q.$f7dceffc5ad7768b$export$4e328f61c538687f(),a=n.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Link",values:{isCurrent:!!e["aria-current"],isDisabled:e.isDisabled||!1,isPressed:o,isHovered:t,isFocused:i,isFocusVisible:l}});return x.createElement(c,{ref:d,slot:e.slot||void 0,...n.$3ef42575df84b30b$export$9d1611c77c2fe928(a,u,$,b),"data-focused":i||void 0,"data-hovered":t||void 0,"data-pressed":o||void 0,"data-focus-visible":l||void 0,"data-current":!!e["aria-current"]||void 0,"data-disabled":e.isDisabled||void 0},a.children)});exports.$4f118338184dc1d9$export$a6c7ac8248d6e38a=H;exports.$4f118338184dc1d9$export$e2509388b49734e7=k;

package/Link-DX5BbBnn.js

@@ -0,0 +1,59 @@
+import { jsx as t, jsxs as p, Fragment as h } from "react/jsx-runtime";
+import { $ as u } from "./Link-yNO2-sqx.js";
+import { c as x } from "./clsx-OuTLNxxd.js";
+import { c as k } from "./createLucideIcon-DeWljiyi.js";
+import { S as j } from "./square-arrow-out-up-right-BkyqV2PN.js";
+import { A as w } from "./arrow-right-Dg8sttFO.js";
+import './assets/Link.css';/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const q = k("ArrowDownToLine", [
+  ["path", { d: "M12 17V3", key: "1cwfxf" }],
+  ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
+  ["path", { d: "M19 21H5", key: "150jfl" }]
+]), A = "_link_txq8j_4", L = "_icon_txq8j_50", y = "_standalone_txq8j_54", $ = "_stretched_txq8j_71", o = {
+  link: A,
+  icon: L,
+  standalone: y,
+  stretched: $
+}, T = ({
+  children: c,
+  standalone: r,
+  target: i,
+  stretched: s,
+  download: a,
+  icon: e,
+  className: l,
+  as: d,
+  ...m
+}) => {
+  const f = d || u, _ = ({ ...n }) => e ? /* @__PURE__ */ t(e, { ...n }) : a ? /* @__PURE__ */ t(q, { ...n }) : i === "_blank" ? /* @__PURE__ */ t(j, { ...n }) : r ? /* @__PURE__ */ t(w, { ...n }) : null;
+  return /* @__PURE__ */ t(
+    f,
+    {
+      className: x(
+        o.link,
+        r && o.standalone,
+        s && o.stretched,
+        l
+      ),
+      ...m,
+      children: /* @__PURE__ */ p(h, { children: [
+        c,
+        /* @__PURE__ */ t(
+          _,
+          {
+            size: 16,
+            className: o.icon
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  T as L
+};

package/Link-yNO2-sqx.js

@@ -0,0 +1,71 @@
+import { c as b, a as v, b as h } from "./utils-DIMfEPAt.js";
+import C, { forwardRef as D, createContext as T } from "react";
+import { $ as E } from "./filterDOMProps-D6KHYVBX.js";
+import { a as F, b as H, c as g, d as y } from "./usePress-CNjmDzap.js";
+import { $ as L } from "./useFocusable-C8uh8K4g.js";
+import { $ as _ } from "./useHover-DjIHtjGN.js";
+import { $ as S } from "./useFocusRing-XnR3cZjO.js";
+function V(s, e) {
+  let { elementType: a = "a", onPress: n, onPressStart: l, onPressEnd: o, onClick: f, isDisabled: t, ...$ } = s, i = {};
+  a !== "a" && (i = {
+    role: "link",
+    tabIndex: t ? void 0 : 0
+  });
+  let { focusableProps: c } = L(s, e), { pressProps: d, isPressed: m } = F({
+    onPress: n,
+    onPressStart: l,
+    onPressEnd: o,
+    onClick: f,
+    isDisabled: t,
+    ref: e
+  }), p = E($, {
+    labelable: !0
+  }), x = b(c, d), P = H(), k = g(s);
+  return {
+    isPressed: m,
+    linkProps: b(p, k, {
+      ...x,
+      ...i,
+      "aria-disabled": t || void 0,
+      "aria-current": s["aria-current"],
+      onClick: (r) => {
+        var u;
+        (u = d.onClick) === null || u === void 0 || u.call(d, r), !P.isNative && r.currentTarget instanceof HTMLAnchorElement && r.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.
+        !r.isDefaultPrevented() && y(r.currentTarget, r) && s.href && (r.preventDefault(), P.open(r.currentTarget, r, s.href, s.routerOptions));
+      }
+    })
+  };
+}
+const N = /* @__PURE__ */ T(null), q = /* @__PURE__ */ D(function(e, a) {
+  [e, a] = v(e, a, N);
+  let n = e.href && !e.isDisabled ? "a" : "span", { linkProps: l, isPressed: o } = V({
+    ...e,
+    elementType: n
+  }, a), { hoverProps: f, isHovered: t } = _(e), { focusProps: $, isFocused: i, isFocusVisible: c } = S(), d = h({
+    ...e,
+    defaultClassName: "react-aria-Link",
+    values: {
+      isCurrent: !!e["aria-current"],
+      isDisabled: e.isDisabled || !1,
+      isPressed: o,
+      isHovered: t,
+      isFocused: i,
+      isFocusVisible: c
+    }
+  });
+  return /* @__PURE__ */ C.createElement(n, {
+    ref: a,
+    slot: e.slot || void 0,
+    ...b(d, l, f, $),
+    "data-focused": i || void 0,
+    "data-hovered": t || void 0,
+    "data-pressed": o || void 0,
+    "data-focus-visible": c || void 0,
+    "data-current": !!e["aria-current"] || void 0,
+    "data-disabled": e.isDisabled || void 0
+  }, d.children);
+});
+export {
+  q as $,
+  N as a
+};

package/LinkButton-CBpGLETx.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./assets/LinkButton.css');const t=require("react/jsx-runtime"),f=require("./Link-BQhauBuw.cjs"),m=require("./clsx-C11secjj.cjs"),y=require("./square-arrow-out-up-right-V4Gd08uI.cjs"),x=require("./createLucideIcon-Cg_wkoIA.cjs"),g=require("./arrow-right-QJ2gXPKQ.cjs");/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const h=x.createLucideIcon("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]),z="_linkButton_qz9cn_4",L="_secondary_qz9cn_55",k="_icon_qz9cn_60",w="_tertiary_qz9cn_85",B="_danger_qz9cn_102",j="_iconBtn_qz9cn_119",p="_medium_qz9cn_141",A="_iconLeft_qz9cn_146",R="_fullwidth_qz9cn_150",n={linkButton:z,secondary:L,icon:k,tertiary:w,danger:B,iconBtn:j,medium:p,iconLeft:A,fullwidth:R},$=({children:i,variant:c,fullwidth:s,icon:r,iconPlacement:o,className:u,as:_,size:d="large",...a})=>{const l=_||f.$4f118338184dc1d9$export$a6c7ac8248d6e38a,q=({...e})=>r?t.jsx(r,{...e}):e.target==="_blank"?t.jsx(y.SquareArrowOutUpRight,{...e}):o==="left"?t.jsx(h,{...e}):t.jsx(g.ArrowRight,{...e});return t.jsxs(l,{className:m.clsx(n.linkButton,c==="primary"&&n.primary,c==="secondary"&&n.secondary,c==="tertiary"&&n.tertiary,c==="danger"&&n.danger,c==="icon"&&n.iconBtn,d==="medium"&&n.medium,s&&n.fullwidth,o==="left"&&n.iconLeft,u),...a,children:[i,t.jsx(q,{size:20,className:n.icon})]})};exports.LinkButton=$;