@midas-ds/components 11.2.0 → 12.1.0

package/Label-C00qz3kQ.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Label.css');const t=require("react/jsx-runtime"),l=require("react"),b=require("./clsx-C11secjj.cjs"),p=require("./Button-CMIbSc4-.cjs"),f=require("./Popover-Bi5yJEoE.cjs"),d=require("./Button-DrL5Jv-s.cjs"),v=require("./Dialog-DR6nEqMT.cjs"),g=require("./info-Dj6SyPex.cjs"),m=require("./useLocalizedStringFormatter-BO2iZEL0.cjs");function x(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const P=x(l),j="_labelBase_vjive_1",_={labelBase:j},I="_labelPopover_1iatl_1",q="_labelPopoverTrigger_1iatl_7",u={labelPopover:I,labelPopoverTrigger:q},L={moreInfo:"More info"},O={moreInfo:"Mer information"},T={en:L,sv:O},$=({children:e,"aria-label":o})=>{const[r,s]=l.useState(!1),n=l.useContext(c),a=m.useLocalizedStringFormatter(T);return t.jsxs(v.$de32f1b87079253c$export$2e1e1122cf0cba88,{isOpen:r,onOpenChange:s,children:[t.jsx(d.Button,{variant:"icon",size:"medium",className:u.labelPopoverTrigger,"aria-label":o||a.format("moreInfo"),id:n==null?void 0:n.popoverId,children:t.jsx(g.Info,{size:20})}),t.jsx(f.Popover,{children:e})]})},c=l.createContext(void 0),y=({children:e,popover:o})=>{const r=l.useId();return o?t.jsx(c.Provider,{value:{popoverId:r},children:t.jsxs("div",{className:u.labelPopover,children:[e,t.jsx($,{...o})]})}):e},i="label",B=({children:e,className:o,elementType:r=i,...s})=>{const n={className:b.clsx(_.labelBase,o),elementType:r||i,...s},a=P.useContext(c);return t.jsx(p.$01b77f81d0f07f68$export$b04be29aa201d4f5,{...n,"aria-describedby":a==null?void 0:a.popoverId,children:e})};exports.Label=B;exports.LabelWrapper=y;

package/Layout-Bta_Cpq_.cjs

@@ -0,0 +1,16 @@
+"use strict";require('./assets/Layout.css');const e=require("react/jsx-runtime"),E=require("./GridItem-CIVF1fRW.cjs"),O=require("react"),p=require("./clsx-C11secjj.cjs"),L=require("./Button-DrL5Jv-s.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"),f=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),H=require("./tokens-B3FfJ-rY.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 g=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_1300g_4",Q="_mainContent_1300g_13",U="_header_1300g_18",V="_headerExternal_1300g_29",Y="_headerContent_1300g_44",Z="_logo_1300g_63",ee="_headerItems_1300g_72",se="_toggleButton_1300g_78",ae="_sidebar_1300g_86",te="_main_1300g_13",ne="_app_1300g_119",re="_sidebarOpened_1300g_127",ie="_sidebarHeader_1300g_131",oe="_appName_1300g_143",le="_collapseButton_1300g_150",ce="_sidebarCollapsed_1300g_159",de="_userName_1300g_169",me="_userTitle_1300g_187",ue="_title_1300g_199",xe="_sidebarNav_1300g_210",pe="_list_1300g_216",_e="_listGroupTitle_1300g_222",he="_listItem_1300g_229",ge="_listItemCollapsed_1300g_234",be="_listLink_1300g_238",je="_listLinkCollapsed_1300g_283",ve="_active_1300g_288",fe="_backdrop_1300g_302",Ne="_backdropOpened_1300g_312",ke="_skipToContent_1300g_330",Ce="_navbar_1300g_344",Le="_navbarList_1300g_356",ye="_navbarItem_1300g_378",Me="_headerContentExternal_1300g_418",Se="_logoExternalContainer_1300g_426",Ee="_logoExternal_1300g_426",Ie="_logoExternalDesktop_1300g_438",Be="_navbarWrapper_1300g_447",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:_e,listItem:he,listItemCollapsed:ge,listLink:be,listLinkCollapsed:je,active:ve,backdrop:fe,backdropOpened:Ne,skipToContent:ke,navbar:Ce,navbarList:Le,navbarItem:ye,headerContentExternal:Me,logoExternalContainer:Se,logoExternal:Ee,logoExternalDesktop:Ie,navbarWrapper:Be},P=g.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:_,setIsOpened:m,variant:h,id:j})=>e.jsx(P.Provider,{value:{items:a,title:t,user:r,app:n,headerChildren:x,isCollapsed:u,setIsCollapsed:d,isOpened:_,setIsOpened:m,clientSideRouter:l,clientSideHref:o,variant:h,id:j},children:i}),v=()=>{const a=g.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}=v(),u=x?x(t):t,[d,_]=g.useState(!1);return g.useEffect(()=>{typeof window<"u"&&_(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"},N={en:Te,sv:Pe},$=()=>{const{items:a,app:t,isOpened:r,isCollapsed:n,setIsCollapsed:i,setIsOpened:l,clientSideRouter:o,clientSideHref:x,id:u}=v(),d=f.useLocalizedStringFormatter(N),_=({group:m})=>e.jsx("ul",{className:s.list,children:m.items.map((h,j)=>e.jsx("li",{className:p.clsx(s.listItem,n&&s.listItemCollapsed),children:e.jsx(M,{...h})},"link_"+j))});return g.useEffect(()=>{const m=h=>{h.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,h)=>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(_,{group:m})}):e.jsx(_,{group:m})]},"list_"+h))})})]})},q=()=>{const{title:a,user:t,app:r,isOpened:n,setIsOpened:i,setIsCollapsed:l,headerChildren:o,variant:x,id:u}=v(),d=f.useLocalizedStringFormatter(N);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.semantic.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=f.useLocalizedStringFormatter(N);return e.jsx(L.Button,{onPress:t,className:s.skipToContent,children:r.format("skipToContent")})},$e=()=>{const{isOpened:a,setIsOpened:t}=v();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}=v(),n=f.useLocalizedStringFormatter(N),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[_,m]=g.useState(!1),[h,j]=g.useState(!1),S=g.useId();return u==="external"?e.jsx(c.Provider,{items:a,title:t,user:r,app:n,clientSideRouter:o,clientSideHref:x,headerChildren:l,isCollapsed:_,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:_,setIsCollapsed:m,isOpened:h,setIsOpened:j,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/Layout-CG-Qxr_1.js

@@ -0,0 +1,482 @@
+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 { 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 './assets/Layout.css';/**
+ * @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 D = [
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 18h16", key: "19g7jn" }],
+  ["path", { d: "M4 6h16", key: "1o0s65" }]
+], q = T("menu", D);
+/**
+ * @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 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);
+/**
+ * @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: "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 = {
+  baseLayout: J,
+  mainContent: K,
+  header: Q,
+  headerExternal: U,
+  headerContent: V,
+  logo: Y,
+  headerItems: Z,
+  toggleButton: ee,
+  sidebar: ae,
+  main: te,
+  app: ne,
+  sidebarOpened: se,
+  sidebarHeader: ie,
+  appName: re,
+  collapseButton: oe,
+  sidebarCollapsed: le,
+  userName: ce,
+  userTitle: de,
+  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(
+  void 0
+), ze = ({
+  items: s,
+  title: n,
+  user: i,
+  app: t,
+  children: r,
+  clientSideRouter: c,
+  clientSideHref: o,
+  headerChildren: u,
+  isCollapsed: _,
+  setIsCollapsed: m,
+  isOpened: b,
+  setIsOpened: p,
+  variant: g,
+  id: f
+}) => /* @__PURE__ */ e(
+  P.Provider,
+  {
+    value: {
+      items: s,
+      title: n,
+      user: i,
+      app: t,
+      headerChildren: u,
+      isCollapsed: _,
+      setIsCollapsed: m,
+      isOpened: b,
+      setIsOpened: p,
+      clientSideRouter: c,
+      clientSideHref: o,
+      variant: g,
+      id: f
+    },
+    children: r
+  }
+), N = () => {
+  const s = v.useContext(P);
+  if (!s)
+    throw new Error("useLayoutContext must be used within a LayoutProvider");
+  return s;
+}, H = ({
+  title: s,
+  href: n,
+  icon: i,
+  active: t,
+  hasBadge: r
+}) => {
+  const { isCollapsed: c, setIsOpened: o, clientSideHref: u } = N(), _ = u ? u(n) : n, [m, b] = v.useState(!1);
+  return v.useEffect(() => {
+    typeof window < "u" && b(t ?? window.location.pathname === _);
+  }, [t, _]), c ? /* @__PURE__ */ l($, { children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        href: n,
+        "aria-label": s,
+        className: h(
+          a.listLink,
+          a.listLinkCollapsed,
+          m && a.active
+        ),
+        onPress: () => o == null ? void 0 : o(!1),
+        children: /* @__PURE__ */ l(L, { children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              size: 20,
+              "aria-label": s
+            }
+          ),
+          r && /* @__PURE__ */ e(M, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(G, { placement: "right", children: s })
+  ] }) : /* @__PURE__ */ l(
+    y,
+    {
+      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, {})
+        ] }),
+        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 = () => {
+  const {
+    items: s,
+    app: n,
+    isOpened: i,
+    isCollapsed: t,
+    setIsCollapsed: r,
+    setIsOpened: c,
+    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(
+    "li",
+    {
+      className: h(
+        a.listItem,
+        t && a.listItemCollapsed
+      ),
+      children: /* @__PURE__ */ e(H, { ...g })
+    },
+    "link_" + f
+  )) });
+  return v.useEffect(() => {
+    const p = (g) => {
+      g.key === "Escape" && c !== void 0 && c(!1);
+    };
+    return window.addEventListener("keydown", p), () => {
+      window.removeEventListener("keydown", p);
+    };
+  }, [c]), /* @__PURE__ */ l(
+    "aside",
+    {
+      id: _,
+      className: h(
+        a.sidebar,
+        t && a.sidebarCollapsed,
+        i && a.sidebarOpened
+      ),
+      children: [
+        /* @__PURE__ */ l("div", { className: a.sidebarHeader, children: [
+          !t && /* @__PURE__ */ e("p", { className: a.appName, children: n.name }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              variant: "icon",
+              "aria-label": t ? m.format("maximizeMenu") : m.format("minimizeMenu"),
+              onPress: () => r(!t),
+              className: a.collapseButton,
+              children: t ? /* @__PURE__ */ e(X, { size: 20 }) : /* @__PURE__ */ e(F, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "nav",
+          {
+            className: a.sidebarNav,
+            "aria-label": m.format("sidebarMenu"),
+            children: /* @__PURE__ */ e("ul", { className: a.list, children: s.map((p, g) => /* @__PURE__ */ l("li", { children: [
+              p.title && !t && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: p.title }),
+              o ? /* @__PURE__ */ e(
+                w,
+                {
+                  navigate: o,
+                  useHref: u,
+                  children: /* @__PURE__ */ e(b, { group: p })
+                }
+              ) : /* @__PURE__ */ e(b, { group: p })
+            ] }, "list_" + g)) })
+          }
+        )
+      ]
+    }
+  );
+}, He = () => {
+  const {
+    title: s,
+    user: n,
+    app: i,
+    isOpened: t,
+    setIsOpened: r,
+    setIsCollapsed: c,
+    headerChildren: o,
+    variant: u,
+    id: _
+  } = N(), m = k(C);
+  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,
+        {
+          size: "x-small",
+          padding: !1,
+          className: a.logoExternal
+        }
+      ),
+      /* @__PURE__ */ e(
+        x,
+        {
+          size: "small",
+          padding: !1,
+          className: a.logoExternalDesktop
+        }
+      ),
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ e("p", { className: a.userName, children: n.name }),
+        /* @__PURE__ */ e("p", { className: a.userTitle, children: n.title })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.headerItems, children: o })
+  ] }) }) : /* @__PURE__ */ l(
+    "header",
+    {
+      className: a.header,
+      style: {
+        borderTop: `solid 4px ${i.color ? i.color : W.brandPrimary}`
+      },
+      children: [
+        /* @__PURE__ */ l("div", { className: a.headerContent, children: [
+          /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
+            x,
+            {
+              size: "small",
+              padding: !1
+            }
+          ) }),
+          t !== void 0 && /* @__PURE__ */ e(
+            E,
+            {
+              variant: "icon",
+              className: a.toggleButton,
+              "aria-label": t ? m.format("closeMenu") : m.format("openMenu"),
+              "aria-controls": _,
+              onPressStart: () => {
+                c(!1), r == null || r(!0);
+              },
+              children: t ? /* @__PURE__ */ e(
+                j,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              ) : /* @__PURE__ */ e(
+                q,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ l("div", { children: [
+            /* @__PURE__ */ e("p", { className: a.userName, children: n.name }),
+            /* @__PURE__ */ e("p", { className: a.userTitle, children: n.title }),
+            /* @__PURE__ */ e("p", { className: a.title, children: s })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.headerItems, children: o })
+      ]
+    }
+  );
+}, z = ({
+  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);
+  return /* @__PURE__ */ e(
+    E,
+    {
+      onPress: n,
+      className: a.skipToContent,
+      children: i.format("skipToContent")
+    }
+  );
+}, Oe = () => {
+  const { isOpened: s, setIsOpened: n } = N();
+  return s ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: h(a.backdrop, a.backdropOpened),
+      onClick: () => {
+        n == null || n(!1);
+      },
+      "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;
+  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,
+        {
+          navigate: n,
+          useHref: i,
+          children: /* @__PURE__ */ e(B, { items: r })
+        }
+      ) : /* @__PURE__ */ e(B, { items: r }) })
+    }
+  );
+}, B = ({
+  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,
+  {
+    href: n,
+    className: h(a.navbarItem),
+    "data-active": i,
+    "aria-current": i && "page",
+    children: [
+      /* @__PURE__ */ l(L, { children: [
+        /* @__PURE__ */ e(t, { size: 20 }),
+        c && /* @__PURE__ */ e(M, {})
+      ] }),
+      r
+    ]
+  }
+) }, o)) }), d = ({
+  items: s,
+  title: n,
+  user: i,
+  app: t,
+  children: r,
+  headerChildren: c,
+  clientSideRouter: o,
+  clientSideHref: u,
+  variant: _,
+  className: m
+}) => {
+  const [b, p] = v.useState(!1), [g, f] = v.useState(!1), I = v.useId();
+  return _ === "external" ? /* @__PURE__ */ e(
+    d.Provider,
+    {
+      items: s,
+      title: n,
+      user: i,
+      app: t,
+      clientSideRouter: o,
+      clientSideHref: u,
+      headerChildren: c,
+      isCollapsed: b,
+      setIsCollapsed: p,
+      variant: _,
+      id: I,
+      children: /* @__PURE__ */ l("div", { className: h(a.baseLayout, m), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(d.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("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(d.Navbar, {}) })
+      ] })
+    }
+  ) : /* @__PURE__ */ e(
+    d.Provider,
+    {
+      items: s,
+      title: n,
+      user: i,
+      app: t,
+      clientSideRouter: o,
+      clientSideHref: u,
+      headerChildren: c,
+      isCollapsed: b,
+      setIsCollapsed: p,
+      isOpened: g,
+      setIsOpened: f,
+      variant: _,
+      id: I,
+      children: /* @__PURE__ */ l("div", { className: h(a.baseLayout, m), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(d.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, {})
+        ] })
+      ] })
+    }
+  );
+};
+d.Provider = ze;
+d.Header = He;
+d.Sidebar = Pe;
+d.SidebarLink = H;
+d.Navbar = $e;
+d.Backdrop = Oe;
+export {
+  He as H,
+  d as L,
+  $e as N,
+  Pe as S,
+  H as a
+};

package/{Link-ovwNVMfg.js → Link-BtxKZ0h3.js}

@@ -1,24 +1,24 @@
 import { jsx as o, jsxs as p, Fragment as h } from "react/jsx-runtime";
-import { $ as u } from "./Link-CibH8uRY.js";
-import { c as x } from "./clsx-OuTLNxxd.js";
+import { $ as w } from "./Link-CbFSuEI1.js";
+import { c as u } from "./clsx-OuTLNxxd.js";
 import { c as k } from "./createLucideIcon-XRdN60yz.js";
-import { S as j } from "./square-arrow-out-up-right-ok0A3Ovo.js";
-import { A as w } from "./arrow-right-uemUGIg8.js";
+import { S as x } from "./square-arrow-out-up-right-ok0A3Ovo.js";
+import { A as y } from "./arrow-right-uemUGIg8.js";
 import './assets/Link.css';/**
  * @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 q = [
+const A = [
   ["path", { d: "M12 17V3", key: "1cwfxf" }],
   ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
   ["path", { d: "M19 21H5", key: "150jfl" }]
-], y = k("arrow-down-to-line", q), A = "_link_txq8j_4", L = "_icon_txq8j_50", $ = "_standalone_txq8j_54", N = "_stretched_txq8j_71", n = {
-  link: A,
-  icon: L,
-  standalone: $,
-  stretched: N
+], L = k("arrow-down-to-line", A), $ = "_link_1177w_4", j = "_icon_1177w_50", N = "_standalone_1177w_54", g = "_stretched_1177w_71", t = {
+  link: $,
+  icon: j,
+  standalone: N,
+  stretched: g
 }, D = ({
   children: i,
   standalone: r,
@@ -30,14 +30,14 @@ const q = [
   as: l,
   ...m
 }) => {
-  const _ = l || u, f = ({ ...t }) => e ? /* @__PURE__ */ o(e, { ...t }) : a ? /* @__PURE__ */ o(y, { ...t }) : c === "_blank" ? /* @__PURE__ */ o(j, { ...t }) : r ? /* @__PURE__ */ o(w, { ...t }) : null;
+  const _ = l || w, f = ({ ...n }) => e ? /* @__PURE__ */ o(e, { ...n }) : a ? /* @__PURE__ */ o(L, { ...n }) : c === "_blank" ? /* @__PURE__ */ o(x, { ...n }) : r ? /* @__PURE__ */ o(y, { ...n }) : null;
   return /* @__PURE__ */ o(
     _,
     {
-      className: x(
-        n.link,
-        r && n.standalone,
-        s && n.stretched,
+      className: u(
+        t.link,
+        r && t.standalone,
+        s && t.stretched,
         d
       ),
       ...m,
@@ -48,7 +48,7 @@ const q = [
           f,
           {
             size: 16,
-            className: n.icon
+            className: t.icon
           }
         )
       ] })

package/Link-Bx6avHVl.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./assets/Link.css');const n=require("react/jsx-runtime"),w=require("./Link-wM7cVPlS.cjs"),x=require("./clsx-C11secjj.cjs"),k=require("./createLucideIcon-CTVXwe6i.cjs"),j=require("./square-arrow-out-up-right-xCFdJTzY.cjs"),f=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 q=[["path",{d:"M12 17V3",key:"1cwfxf"}],["path",{d:"m6 11 6 6 6-6",key:"12ii2o"}],["path",{d:"M19 21H5",key:"150jfl"}]],p=k.createLucideIcon("arrow-down-to-line",q),L="_link_1177w_4",m="_icon_1177w_50",R="_standalone_1177w_54",g="_stretched_1177w_71",t={link:L,icon:m,standalone:R,stretched:g},y=({children:o,standalone:r,target:c,stretched:i,download:a,icon:s,className:u,as:d,...l})=>{const _=d||w.$4f118338184dc1d9$export$a6c7ac8248d6e38a,h=({...e})=>s?n.jsx(s,{...e}):a?n.jsx(p,{...e}):c==="_blank"?n.jsx(j.SquareArrowOutUpRight,{...e}):r?n.jsx(f.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=y;

package/Link-CbFSuEI1.js

@@ -0,0 +1,73 @@
+import { $ as C, a as D } from "./utils-Cpcjg55U.js";
+import { a as u } from "./mergeProps-BSsN7Bgk.js";
+import { $ as m } from "./filterDOMProps-wsa9OcNI.js";
+import h, { forwardRef as F, createContext as E } from "react";
+import { b as y, c as H, d as T, e as _ } from "./usePress-DMUpU0GU.js";
+import { a as L } from "./useFocusable-DXlMChFC.js";
+import { $ as S } from "./useHover-D6bNIkU0.js";
+import { $ as V } from "./useFocusRing-DMo8ctYV.js";
+function O(s, e) {
+  let { elementType: a = "a", onPress: t, onPressStart: c, onPressEnd: o, onClick: f, isDisabled: r, ...$ } = s, i = {};
+  a !== "a" && (i = {
+    role: "link",
+    tabIndex: r ? void 0 : 0
+  });
+  let { focusableProps: n } = L(s, e), { pressProps: d, isPressed: l } = y({
+    onPress: t,
+    onPressStart: c,
+    onPressEnd: o,
+    onClick: f,
+    isDisabled: r,
+    ref: e
+  }), p = m($, {
+    labelable: !0
+  }), x = u(n, d), k = H(), v = T(s);
+  return {
+    isPressed: l,
+    linkProps: u(p, v, {
+      ...x,
+      ...i,
+      "aria-disabled": r || void 0,
+      "aria-current": s["aria-current"],
+      onClick: (P) => {
+        var b;
+        (b = d.onClick) === null || b === void 0 || b.call(d, P), _(P, k, s.href, s.routerOptions);
+      }
+    })
+  };
+}
+const R = /* @__PURE__ */ E(null), A = /* @__PURE__ */ F(function(e, a) {
+  [e, a] = C(e, a, R);
+  let t = e.href && !e.isDisabled ? "a" : "span", { linkProps: c, isPressed: o } = O({
+    ...e,
+    elementType: t
+  }, a), { hoverProps: f, isHovered: r } = S(e), { focusProps: $, isFocused: i, isFocusVisible: n } = V(), d = D({
+    ...e,
+    defaultClassName: "react-aria-Link",
+    values: {
+      isCurrent: !!e["aria-current"],
+      isDisabled: e.isDisabled || !1,
+      isPressed: o,
+      isHovered: r,
+      isFocused: i,
+      isFocusVisible: n
+    }
+  }), l = m(e, {
+    global: !0
+  });
+  return delete l.onClick, /* @__PURE__ */ h.createElement(t, {
+    ref: a,
+    slot: e.slot || void 0,
+    ...u(l, d, c, f, $),
+    "data-focused": i || void 0,
+    "data-hovered": r || void 0,
+    "data-pressed": o || void 0,
+    "data-focus-visible": n || void 0,
+    "data-current": !!e["aria-current"] || void 0,
+    "data-disabled": e.isDisabled || void 0
+  }, d.children);
+});
+export {
+  A as $,
+  R as a
+};

package/Link-wM7cVPlS.cjs

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