@midas-ds/components 15.1.3 → 15.2.2

package/InfoBanner-DU8GMggz.js

@@ -0,0 +1,72 @@
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import { i as j } from "./icon-map-Ckc-nEUA.js";
+import * as x from "react";
+import { c as B } from "./clsx-jbLnTBqA.js";
+import { B as N } from "./Button-Bb0wSnh4.js";
+import { X as b } from "./x-BXShoIAM.js";
+import { u as v } from "./useLocalizedStringFormatter-m7LExKN3.js";
+import './assets/InfoBanner.css';const S = "_infoBanner_1oj11_1", w = "_success_1oj11_11", z = "_info_1oj11_1", C = "_important_1oj11_21", I = "_warning_1oj11_26", O = "_content_1oj11_40", $ = "_heading_1oj11_46", y = "_text_1oj11_51", F = "_icon_1oj11_57", L = "_dismissable_1oj11_66", s = {
+  infoBanner: S,
+  success: w,
+  info: z,
+  important: C,
+  warning: I,
+  content: O,
+  heading: $,
+  text: y,
+  icon: F,
+  dismissable: L
+}, M = { close: "Close" }, P = { close: "Stäng" }, R = {
+  en: M,
+  sv: P
+}, G = ({
+  title: t,
+  message: r,
+  type: i,
+  children: l,
+  isDismissable: m = !1,
+  defaultOpen: _ = !0,
+  isOpen: a,
+  onOpenChange: d,
+  ...c
+}) => {
+  const o = typeof a < "u", [f, p] = x.useState(_), u = j[i], g = v(R), h = () => {
+    d?.(!1), o || p(!1);
+  };
+  return o && a || !o && f ? /* @__PURE__ */ e(
+    "div",
+    {
+      ...c,
+      className: B(s.infoBanner, s[i], c.className),
+      children: [
+        /* @__PURE__ */ n(
+          u,
+          {
+            size: 20,
+            "aria-hidden": !0,
+            className: s.icon
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: s.content, children: [
+          t && /* @__PURE__ */ n("strong", { className: s.heading, children: t }),
+          /* @__PURE__ */ e("div", { className: s.text, children: [
+            r,
+            l
+          ] })
+        ] }),
+        m && /* @__PURE__ */ n("div", { className: s.dismissable, children: /* @__PURE__ */ n(
+          N,
+          {
+            variant: "icon",
+            "aria-label": g.format("close"),
+            onPress: h,
+            children: /* @__PURE__ */ n(b, { size: 20 })
+          }
+        ) })
+      ]
+    }
+  ) : null;
+};
+export {
+  G as I
+};

package/{Input-CQzv-D9g.js → Input-B6G4aU36.js}

@@ -1,9 +1,9 @@
-import { $, a as c } from "./utils-D2iKpxcZ.js";
+import { $, a as c } from "./utils-BJ6_Ry69.js";
 import { $ as u } from "./Hidden-B5ir3Lei.js";
 import l, { createContext as b } from "react";
-import { $ as v } from "./useHover-DkC5FyNd.js";
-import { $ as m } from "./useFocusRing-CcxI7nbg.js";
-import { a as x } from "./mergeProps-Ct8m5-xW.js";
+import { $ as v } from "./useHover-BkQu__4t.js";
+import { $ as m } from "./useFocusRing-DAZgolYd.js";
+import { a as x } from "./mergeProps-oYrDoKjU.js";
 const H = /* @__PURE__ */ b({});
 let p = (d) => {
   let { onHoverStart: e, onHoverChange: a, onHoverEnd: t, ...o } = d;

package/{Input-Bda0PCu5.cjs → Input-CpMWCSE3.cjs}

@@ -1 +1 @@
-"use strict";const c=require("./utils-CtICjCYt.cjs"),l=require("./Hidden-BxRZGdEW.cjs"),n=require("react"),b=require("./useHover-DULSfLuK.cjs"),v=require("./useFocusRing-C-XVcAE5.cjs"),x=require("./mergeProps-Du5A8xi8.cjs"),f=n.createContext({});let H=t=>{let{onHoverStart:e,onHoverChange:a,onHoverEnd:o,...d}=t;return d};const F=l.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,a){[e,a]=c.$64fa3d84918910a7$export$29f1550f4b0d4415(e,a,f);let{hoverProps:o,isHovered:d}=b.$6179b936705e76d3$export$ae780daf29e6d456(e),{isFocused:r,isFocusVisible:i,focusProps:u}=v.$f7dceffc5ad7768b$export$4e328f61c538687f({isTextInput:!0,autoFocus:e.autoFocus}),s=!!e["aria-invalid"]&&e["aria-invalid"]!=="false",$=c.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{isHovered:d,isFocused:r,isFocusVisible:i,isDisabled:e.disabled||!1,isInvalid:s},defaultClassName:"react-aria-Input"});return n.createElement("input",{...x.$3ef42575df84b30b$export$9d1611c77c2fe928(H(e),u,o),...$,ref:a,"data-focused":r||void 0,"data-disabled":e.disabled||void 0,"data-hovered":d||void 0,"data-focus-visible":i||void 0,"data-invalid":s||void 0})});exports.$3985021b0ad6602f$export$37fb8590cf2c088c=f;exports.$3985021b0ad6602f$export$f5b8910cec6cf069=F;
+"use strict";const c=require("./utils-ZN3Na38z.cjs"),l=require("./Hidden-BxRZGdEW.cjs"),n=require("react"),b=require("./useHover-DIDiFsU7.cjs"),v=require("./useFocusRing-BV6zA8CX.cjs"),x=require("./mergeProps-D9EPHb19.cjs"),f=n.createContext({});let H=t=>{let{onHoverStart:e,onHoverChange:a,onHoverEnd:o,...d}=t;return d};const F=l.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,a){[e,a]=c.$64fa3d84918910a7$export$29f1550f4b0d4415(e,a,f);let{hoverProps:o,isHovered:d}=b.$6179b936705e76d3$export$ae780daf29e6d456(e),{isFocused:r,isFocusVisible:i,focusProps:u}=v.$f7dceffc5ad7768b$export$4e328f61c538687f({isTextInput:!0,autoFocus:e.autoFocus}),s=!!e["aria-invalid"]&&e["aria-invalid"]!=="false",$=c.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{isHovered:d,isFocused:r,isFocusVisible:i,isDisabled:e.disabled||!1,isInvalid:s},defaultClassName:"react-aria-Input"});return n.createElement("input",{...x.$3ef42575df84b30b$export$9d1611c77c2fe928(H(e),u,o),...$,ref:a,"data-focused":r||void 0,"data-disabled":e.disabled||void 0,"data-hovered":d||void 0,"data-focus-visible":i||void 0,"data-invalid":s||void 0})});exports.$3985021b0ad6602f$export$37fb8590cf2c088c=f;exports.$3985021b0ad6602f$export$f5b8910cec6cf069=F;

package/Label-DkNtFYv5.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Label.css');const t=require("react/jsx-runtime"),n=require("react"),u=require("./clsx-DKOfLqne.cjs"),p=require("./Button-BuelSBWx.cjs"),f=require("./Popover-DatBJsbE.cjs"),d=require("./Button-CaPoPCq8.cjs"),v=require("./Dialog-XOUP-FA_.cjs"),g=require("./info-BxSJFLL7.cjs"),m=require("./useLocalizedStringFormatter-Dfow0G-0.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(n),j="_labelBase_f5wtf_1",_={labelBase:j},$="_labelPopover_1iatl_1",I="_labelPopoverTrigger_1iatl_7",b={labelPopover:$,labelPopoverTrigger:I},q={moreInfo:"More info"},L={moreInfo:"Mer information"},O={en:q,sv:L},T=({children:e,"aria-label":o})=>{const[r,s]=n.useState(!1),a=n.useContext(c),l=m.useLocalizedStringFormatter(O);return t.jsxs(v.$de32f1b87079253c$export$2e1e1122cf0cba88,{isOpen:r,onOpenChange:s,children:[t.jsx(d.Button,{variant:"icon",size:"medium",className:b.labelPopoverTrigger,"aria-label":o||l.format("moreInfo"),id:a?.popoverId,children:t.jsx(g.Info,{size:20})}),t.jsx(f.Popover,{children:e})]})},c=n.createContext(void 0),y=({children:e,popover:o})=>{const r=n.useId();return o?t.jsx(c.Provider,{value:{popoverId:r},children:t.jsxs("div",{className:b.labelPopover,children:[e,t.jsx(T,{...o})]})}):e},i="label",B=({children:e,className:o,elementType:r=i,...s})=>{const a={className:u.clsx(_.labelBase,o),elementType:r||i,...s},l=P.useContext(c);return t.jsx(p.$01b77f81d0f07f68$export$b04be29aa201d4f5,{...a,"aria-describedby":l?.popoverId,children:e})};exports.Label=B;exports.LabelWrapper=y;

package/Label-knQhhLVp.js

@@ -0,0 +1,74 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import * as f from "react";
+import t from "react";
+import { c as b } from "./clsx-jbLnTBqA.js";
+import { d } from "./Button-DQKRTkoz.js";
+import { P as v } from "./Popover-wdMVjcxB.js";
+import { B as u } from "./Button-Bb0wSnh4.js";
+import { $ as P } from "./Dialog-F3u8agGf.js";
+import { I as g } from "./info-kdfED7Wh.js";
+import { u as x } from "./useLocalizedStringFormatter-m7LExKN3.js";
+import './assets/Label.css';const _ = "_labelBase_f5wtf_1", $ = {
+  labelBase: _
+}, I = "_labelPopover_1iatl_1", L = "_labelPopoverTrigger_1iatl_7", m = {
+  labelPopover: I,
+  labelPopoverTrigger: L
+}, T = { moreInfo: "More info" }, B = { moreInfo: "Mer information" }, C = {
+  en: T,
+  sv: B
+}, h = ({
+  children: e,
+  "aria-label": o
+}) => {
+  const [a, s] = t.useState(!1), l = t.useContext(i), n = x(C);
+  return /* @__PURE__ */ p(
+    P,
+    {
+      isOpen: a,
+      onOpenChange: s,
+      children: [
+        /* @__PURE__ */ r(
+          u,
+          {
+            variant: "icon",
+            size: "medium",
+            className: m.labelPopoverTrigger,
+            "aria-label": o || n.format("moreInfo"),
+            id: l?.popoverId,
+            children: /* @__PURE__ */ r(g, { size: 20 })
+          }
+        ),
+        /* @__PURE__ */ r(v, { children: e })
+      ]
+    }
+  );
+}, i = t.createContext(void 0), R = ({ children: e, popover: o }) => {
+  const a = t.useId();
+  return o ? /* @__PURE__ */ r(i.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ p("div", { className: m.labelPopover, children: [
+    e,
+    /* @__PURE__ */ r(h, { ...o })
+  ] }) }) : e;
+}, c = "label", W = ({
+  children: e,
+  className: o,
+  elementType: a = c,
+  ...s
+}) => {
+  const l = {
+    className: b($.labelBase, o),
+    elementType: a || c,
+    ...s
+  }, n = f.useContext(i);
+  return /* @__PURE__ */ r(
+    d,
+    {
+      ...l,
+      "aria-describedby": n?.popoverId,
+      children: e
+    }
+  );
+};
+export {
+  W as L,
+  R as a
+};

package/Layout-B6EeXI6A.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Layout.css');const e=require("react/jsx-runtime"),M=require("./GridItem-BZ8eOXMB.cjs"),w=require("react"),x=require("./clsx-DKOfLqne.cjs"),L=require("./Button-CaPoPCq8.cjs"),C=require("./Link-MUiihlbG.cjs"),E=require("./Tooltip-CPn8DVh8.cjs"),j=require("./BadgeContainer-BZl6mSeb.cjs"),y=require("./createLucideIcon-H_Gy5FIB.cjs"),T=require("./usePress-BQdBua-S.cjs"),N=require("./useLocalizedStringFormatter-Dfow0G-0.cjs"),H=require("./variables-CVumCR9l.cjs"),k=require("./Logo-YY9hQ8G3.cjs"),G=require("./x-DRkCcaDU.cjs");function D(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const b=D(w);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);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);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_7ccl4_1",Q="_mainContent_7ccl4_10",U="_header_7ccl4_15",V="_headerExternal_7ccl4_26",Y="_headerContent_7ccl4_41",Z="_logo_7ccl4_60",ee="_headerItems_7ccl4_69",se="_toggleButton_7ccl4_75",ae="_sidebar_7ccl4_83",te="_main_7ccl4_10",ne="_app_7ccl4_116",re="_sidebarOpened_7ccl4_124",ie="_sidebarHeader_7ccl4_128",ce="_appName_7ccl4_140",oe="_collapseButton_7ccl4_147",le="_sidebarCollapsed_7ccl4_156",de="_userName_7ccl4_166",me="_userTitle_7ccl4_184",pe="_title_7ccl4_196",ue="_sidebarNav_7ccl4_207",xe="_list_7ccl4_213",_e="_listGroupTitle_7ccl4_219",he="_listItem_7ccl4_226",be="_listItemCollapsed_7ccl4_231",je="_listLink_7ccl4_235",ve="_listLinkCollapsed_7ccl4_298",fe="_active_7ccl4_303",Ne="_backdrop_7ccl4_330",ge="_backdropOpened_7ccl4_340",ke="_skipToContent_7ccl4_358",Ce="_navbar_7ccl4_372",Le="_navbarList_7ccl4_384",ye="_navbarItem_7ccl4_406",Ie="_headerContentExternal_7ccl4_457",Se="_logoExternalContainer_7ccl4_465",Me="_logoExternal_7ccl4_465",Ee="_logoExternalDesktop_7ccl4_477",Be="_navbarWrapper_7ccl4_486",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:ce,collapseButton:oe,sidebarCollapsed:le,userName:de,userTitle:me,title:pe,sidebarNav:ue,list:xe,listGroupTitle:_e,listItem:he,listItemCollapsed:be,listLink:je,listLinkCollapsed:ve,active:fe,backdrop:Ne,backdropOpened:ge,skipToContent:ke,navbar:Ce,navbarList:Le,navbarItem:ye,headerContentExternal:Ie,logoExternalContainer:Se,logoExternal:Me,logoExternalDesktop:Ee,navbarWrapper:Be},O=b.createContext(void 0),ze=({items:a,title:n,user:r,app:t,children:i,clientSideRouter:l,clientSideHref:o,headerChildren:u,isCollapsed:p,setIsCollapsed:d,isOpened:_,setIsOpened:m,variant:h,id:v})=>e.jsx(O.Provider,{value:{items:a,title:n,user:r,app:t,headerChildren:u,isCollapsed:p,setIsCollapsed:d,isOpened:_,setIsOpened:m,clientSideRouter:l,clientSideHref:o,variant:h,id:v},children:i}),f=()=>{const a=b.useContext(O);if(!a)throw new Error("useLayoutContext must be used within a LayoutProvider");return a},I=({title:a,href:n,icon:r,active:t,hasBadge:i})=>{const{isCollapsed:l,setIsOpened:o,clientSideHref:u}=f(),p=u?u(n):n,[d,_]=b.useState(!1);return b.useEffect(()=>{typeof window<"u"&&_(t??window.location.pathname===p)},[t,p]),l?e.jsxs(E.TooltipTrigger,{children:[e.jsx(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:n,"aria-label":a,className:x.clsx(s.listLink,s.listLinkCollapsed,d&&s.active),onPress:()=>o?.(!1),children:e.jsxs(j.BadgeContainer,{children:[e.jsx(r,{size:20,"aria-label":a}),i&&e.jsx(j.Badge,{})]})}),e.jsx(E.Tooltip,{placement:"right",children:a})]}):e.jsxs(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:n,"aria-label":a,className:x.clsx(s.listLink,d&&s.active),onPress:()=>o?.(!1),children:[e.jsxs(j.BadgeContainer,{children:[e.jsx(r,{size:20}),i&&e.jsx(j.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"},Oe={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:Oe},$=()=>{const{items:a,app:n,isOpened:r,isCollapsed:t,setIsCollapsed:i,setIsOpened:l,clientSideRouter:o,clientSideHref:u,id:p}=f(),d=N.useLocalizedStringFormatter(g),_=({group:m})=>e.jsx("ul",{className:s.list,children:m.items.map((h,v)=>e.jsx("li",{className:x.clsx(s.listItem,t&&s.listItemCollapsed),children:e.jsx(I,{...h})},"link_"+v))});return b.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:p,className:x.clsx(s.sidebar,t&&s.sidebarCollapsed,r&&s.sidebarOpened),children:[e.jsxs("div",{className:s.sidebarHeader,children:[!t&&e.jsx("p",{className:s.appName,children:n.name}),e.jsx(L.Button,{variant:"icon","aria-label":t?d.format("maximizeMenu"):d.format("minimizeMenu"),onPress:()=>i(!t),className:s.collapseButton,children:t?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&&!t&&e.jsx("p",{className:s.listGroupTitle,children:m.title}),o?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:o,useHref:u,children:e.jsx(_,{group:m})}):e.jsx(_,{group:m})]},"list_"+h))})})]})},P=()=>{const{title:a,user:n,app:r,isOpened:t,setIsOpened:i,setIsCollapsed:l,headerChildren:o,variant:u,id:p}=f(),d=N.useLocalizedStringFormatter(g);return u==="external"?e.jsx("header",{className:x.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:n.name}),e.jsx("p",{className:s.userTitle,children:n.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})}),t!==void 0&&e.jsx(L.Button,{variant:"icon",className:s.toggleButton,"aria-label":t?d.format("closeMenu"):d.format("openMenu"),"aria-controls":p,onPressStart:()=>{l(!1),i?.(!0)},children:t?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:n.name}),e.jsx("p",{className:s.userTitle,children:n.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 n=()=>{const t=document.querySelector(a);t&&(t.tabIndex=-1,t.focus(),setTimeout(()=>t.removeAttribute("tabindex"),1e3))},r=N.useLocalizedStringFormatter(g);return e.jsx(L.Button,{onPress:n,className:s.skipToContent,children:r.format("skipToContent")})},$e=()=>{const{isOpened:a,setIsOpened:n}=f();return a?e.jsx("div",{className:x.clsx(s.backdrop,s.backdropOpened),onClick:()=>{n?.(!1)},"aria-hidden":!0}):null},q=()=>{const{items:a,clientSideRouter:n,clientSideHref:r}=f(),t=N.useLocalizedStringFormatter(g),i=a.at(0)?.items;return e.jsx("nav",{className:s.navbar,"aria-label":t.format("bottomMenu"),children:i&&e.jsx("ul",{className:x.clsx(s.navbarList),children:n?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:n,useHref:r,children:e.jsx(z,{items:i})}):e.jsx(z,{items:i})})})},z=({items:a})=>e.jsx(e.Fragment,{children:a.map(({href:n,active:r,icon:t,title:i,hasBadge:l},o)=>e.jsx("li",{children:e.jsxs(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:n,className:x.clsx(s.navbarItem),"data-active":r,"aria-current":r&&"page",children:[e.jsxs(j.BadgeContainer,{children:[e.jsx(t,{size:20}),l&&e.jsx(j.Badge,{})]}),i]})},o))}),c=({items:a,title:n,user:r,app:t,children:i,headerChildren:l,clientSideRouter:o,clientSideHref:u,variant:p,className:d})=>{const[_,m]=b.useState(!1),[h,v]=b.useState(!1),S=b.useId();return p==="external"?e.jsx(c.Provider,{items:a,title:n,user:r,app:t,clientSideRouter:o,clientSideHref:u,headerChildren:l,isCollapsed:_,setIsCollapsed:m,variant:p,id:S,children:e.jsxs("div",{className:x.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(M.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:n,user:r,app:t,clientSideRouter:o,clientSideHref:u,headerChildren:l,isCollapsed:_,setIsCollapsed:m,isOpened:h,setIsOpened:v,variant:p,id:S,children:e.jsxs("div",{className:x.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(M.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=P;c.Sidebar=$;c.SidebarLink=I;c.Navbar=q;c.Backdrop=$e;exports.Header=P;exports.Layout=c;exports.Navbar=q;exports.Sidebar=$;exports.SidebarLink=I;

package/Layout-DTTpCtPx.js

@@ -0,0 +1,463 @@
+import { jsx as e, jsxs as r, Fragment as H } from "react/jsx-runtime";
+import { G as S } from "./GridItem-YtIpL5V2.js";
+import * as f from "react";
+import { c as h } from "./clsx-jbLnTBqA.js";
+import { B as M } from "./Button-Bb0wSnh4.js";
+import { $ as y } from "./Link-bblcx0a9.js";
+import { a as $, T as G } from "./Tooltip-CTF8e-pm.js";
+import { a as L, B as I } from "./BadgeContainer-DilMiV6u.js";
+import { c as E } from "./createLucideIcon-D4r5Phnh.js";
+import { $ as O } from "./usePress-DPxp2Cij.js";
+import { u as C } from "./useLocalizedStringFormatter-m7LExKN3.js";
+import { b as W } from "./variables-BkqZ2WGF.js";
+import { L as g } from "./Logo-DJIcUslN.js";
+import { X as j } from "./x-BXShoIAM.js";
+import './assets/Layout.css';const D = [
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 18h16", key: "19g7jn" }],
+  ["path", { d: "M4 6h16", key: "1o0s65" }]
+], q = E("menu", D);
+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 = E("panel-left-close", A);
+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 = E("panel-left-open", R), J = "_baseLayout_7ccl4_1", K = "_mainContent_7ccl4_10", Q = "_header_7ccl4_15", U = "_headerExternal_7ccl4_26", V = "_headerContent_7ccl4_41", Y = "_logo_7ccl4_60", Z = "_headerItems_7ccl4_69", ee = "_toggleButton_7ccl4_75", ae = "_sidebar_7ccl4_83", te = "_main_7ccl4_10", ne = "_app_7ccl4_116", se = "_sidebarOpened_7ccl4_124", ie = "_sidebarHeader_7ccl4_128", re = "_appName_7ccl4_140", oe = "_collapseButton_7ccl4_147", le = "_sidebarCollapsed_7ccl4_156", ce = "_userName_7ccl4_166", de = "_userTitle_7ccl4_184", me = "_title_7ccl4_196", pe = "_sidebarNav_7ccl4_207", _e = "_list_7ccl4_213", ue = "_listGroupTitle_7ccl4_219", he = "_listItem_7ccl4_226", be = "_listItemCollapsed_7ccl4_231", ve = "_listLink_7ccl4_235", fe = "_listLinkCollapsed_7ccl4_298", Ne = "_active_7ccl4_303", ke = "_backdrop_7ccl4_330", Ce = "_backdropOpened_7ccl4_340", xe = "_skipToContent_7ccl4_358", ge = "_navbar_7ccl4_372", ye = "_navbarList_7ccl4_384", Le = "_navbarItem_7ccl4_406", Ie = "_headerContentExternal_7ccl4_457", Me = "_logoExternalContainer_7ccl4_465", Ee = "_logoExternal_7ccl4_465", Te = "_logoExternalDesktop_7ccl4_477", Se = "_navbarWrapper_7ccl4_486", 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: ve,
+  listLinkCollapsed: fe,
+  active: Ne,
+  backdrop: ke,
+  backdropOpened: Ce,
+  skipToContent: xe,
+  navbar: ge,
+  navbarList: ye,
+  navbarItem: Le,
+  headerContentExternal: Ie,
+  logoExternalContainer: Me,
+  logoExternal: Ee,
+  logoExternalDesktop: Te,
+  navbarWrapper: Se
+}, w = f.createContext(
+  void 0
+), ze = ({
+  items: n,
+  title: s,
+  user: i,
+  app: t,
+  children: o,
+  clientSideRouter: d,
+  clientSideHref: l,
+  headerChildren: u,
+  isCollapsed: _,
+  setIsCollapsed: m,
+  isOpened: b,
+  setIsOpened: p,
+  variant: v,
+  id: N
+}) => /* @__PURE__ */ e(
+  w.Provider,
+  {
+    value: {
+      items: n,
+      title: s,
+      user: i,
+      app: t,
+      headerChildren: u,
+      isCollapsed: _,
+      setIsCollapsed: m,
+      isOpened: b,
+      setIsOpened: p,
+      clientSideRouter: d,
+      clientSideHref: l,
+      variant: v,
+      id: N
+    },
+    children: o
+  }
+), k = () => {
+  const n = f.useContext(w);
+  if (!n)
+    throw new Error("useLayoutContext must be used within a LayoutProvider");
+  return n;
+}, P = ({
+  title: n,
+  href: s,
+  icon: i,
+  active: t,
+  hasBadge: o
+}) => {
+  const { isCollapsed: d, setIsOpened: l, clientSideHref: u } = k(), _ = u ? u(s) : s, [m, b] = f.useState(!1);
+  return f.useEffect(() => {
+    typeof window < "u" && b(t ?? window.location.pathname === _);
+  }, [t, _]), d ? /* @__PURE__ */ r($, { children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        href: s,
+        "aria-label": n,
+        className: h(
+          a.listLink,
+          a.listLinkCollapsed,
+          m && a.active
+        ),
+        onPress: () => l?.(!1),
+        children: /* @__PURE__ */ r(L, { children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              size: 20,
+              "aria-label": n
+            }
+          ),
+          o && /* @__PURE__ */ e(I, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(G, { placement: "right", children: n })
+  ] }) : /* @__PURE__ */ r(
+    y,
+    {
+      href: s,
+      "aria-label": n,
+      className: h(a.listLink, m && a.active),
+      onPress: () => l?.(!1),
+      children: [
+        /* @__PURE__ */ r(L, { children: [
+          /* @__PURE__ */ e(i, { size: 20 }),
+          o && /* @__PURE__ */ e(I, {})
+        ] }),
+        n
+      ]
+    }
+  );
+}, Be = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, Oe = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
+  en: Be,
+  sv: Oe
+}, we = () => {
+  const {
+    items: n,
+    app: s,
+    isOpened: i,
+    isCollapsed: t,
+    setIsCollapsed: o,
+    setIsOpened: d,
+    clientSideRouter: l,
+    clientSideHref: u,
+    id: _
+  } = 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(P, { ...v })
+    },
+    "link_" + N
+  )) });
+  return f.useEffect(() => {
+    const p = (v) => {
+      v.key === "Escape" && d !== void 0 && d(!1);
+    };
+    return window.addEventListener("keydown", p), () => {
+      window.removeEventListener("keydown", p);
+    };
+  }, [d]), /* @__PURE__ */ r(
+    "aside",
+    {
+      id: _,
+      className: h(
+        a.sidebar,
+        t && a.sidebarCollapsed,
+        i && a.sidebarOpened
+      ),
+      children: [
+        /* @__PURE__ */ r("div", { className: a.sidebarHeader, children: [
+          !t && /* @__PURE__ */ e("p", { className: a.appName, children: s.name }),
+          /* @__PURE__ */ e(
+            M,
+            {
+              variant: "icon",
+              "aria-label": t ? m.format("maximizeMenu") : m.format("minimizeMenu"),
+              onPress: () => o(!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: n.map((p, v) => /* @__PURE__ */ r("li", { children: [
+              p.title && !t && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: p.title }),
+              l ? /* @__PURE__ */ e(
+                O,
+                {
+                  navigate: l,
+                  useHref: u,
+                  children: /* @__PURE__ */ e(b, { group: p })
+                }
+              ) : /* @__PURE__ */ e(b, { group: p })
+            ] }, "list_" + v)) })
+          }
+        )
+      ]
+    }
+  );
+}, Pe = () => {
+  const {
+    title: n,
+    user: s,
+    app: i,
+    isOpened: t,
+    setIsOpened: o,
+    setIsCollapsed: d,
+    headerChildren: l,
+    variant: u,
+    id: _
+  } = k(), m = C(x);
+  return u === "external" ? /* @__PURE__ */ e("header", { className: h(a.header, a.headerExternal), children: /* @__PURE__ */ r("div", { className: a.headerContentExternal, children: [
+    /* @__PURE__ */ r("div", { className: a.logoExternalContainer, children: [
+      /* @__PURE__ */ e(
+        g,
+        {
+          size: "x-small",
+          padding: !1,
+          className: a.logoExternal
+        }
+      ),
+      /* @__PURE__ */ e(
+        g,
+        {
+          size: "small",
+          padding: !1,
+          className: a.logoExternalDesktop
+        }
+      ),
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ e("p", { className: a.userName, children: s.name }),
+        /* @__PURE__ */ e("p", { className: a.userTitle, children: s.title })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.headerItems, children: l })
+  ] }) }) : /* @__PURE__ */ r(
+    "header",
+    {
+      className: a.header,
+      style: {
+        borderTop: `solid 4px ${i.color ? i.color : W}`
+      },
+      children: [
+        /* @__PURE__ */ r("div", { className: a.headerContent, children: [
+          /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
+            g,
+            {
+              size: "small",
+              padding: !1
+            }
+          ) }),
+          t !== void 0 && /* @__PURE__ */ e(
+            M,
+            {
+              variant: "icon",
+              className: a.toggleButton,
+              "aria-label": t ? m.format("closeMenu") : m.format("openMenu"),
+              "aria-controls": _,
+              onPressStart: () => {
+                d(!1), o?.(!0);
+              },
+              children: t ? /* @__PURE__ */ e(
+                j,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              ) : /* @__PURE__ */ e(
+                q,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ e("p", { className: a.userName, children: s.name }),
+            /* @__PURE__ */ e("p", { className: a.userTitle, children: s.title }),
+            /* @__PURE__ */ e("p", { className: a.title, children: n })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.headerItems, children: l })
+      ]
+    }
+  );
+}, z = ({
+  id: n = "main:first-of-type"
+}) => {
+  const s = () => {
+    const t = document.querySelector(n);
+    t && (t.tabIndex = -1, t.focus(), setTimeout(() => t.removeAttribute("tabindex"), 1e3));
+  }, i = C(x);
+  return /* @__PURE__ */ e(
+    M,
+    {
+      onPress: s,
+      className: a.skipToContent,
+      children: i.format("skipToContent")
+    }
+  );
+}, He = () => {
+  const { isOpened: n, setIsOpened: s } = k();
+  return n ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: h(a.backdrop, a.backdropOpened),
+      onClick: () => {
+        s?.(!1);
+      },
+      "aria-hidden": !0
+    }
+  ) : null;
+}, $e = () => {
+  const { items: n, clientSideRouter: s, clientSideHref: i } = k(), t = C(x), o = n.at(0)?.items;
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      className: a.navbar,
+      "aria-label": t.format("bottomMenu"),
+      children: o && /* @__PURE__ */ e("ul", { className: h(a.navbarList), children: s ? /* @__PURE__ */ e(
+        O,
+        {
+          navigate: s,
+          useHref: i,
+          children: /* @__PURE__ */ e(B, { items: o })
+        }
+      ) : /* @__PURE__ */ e(B, { items: o }) })
+    }
+  );
+}, B = ({
+  items: n
+}) => /* @__PURE__ */ e(H, { children: n.map(({ href: s, active: i, icon: t, title: o, hasBadge: d }, l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
+  y,
+  {
+    href: s,
+    className: h(a.navbarItem),
+    "data-active": i,
+    "aria-current": i && "page",
+    children: [
+      /* @__PURE__ */ r(L, { children: [
+        /* @__PURE__ */ e(t, { size: 20 }),
+        d && /* @__PURE__ */ e(I, {})
+      ] }),
+      o
+    ]
+  }
+) }, l)) }), c = ({
+  items: n,
+  title: s,
+  user: i,
+  app: t,
+  children: o,
+  headerChildren: d,
+  clientSideRouter: l,
+  clientSideHref: u,
+  variant: _,
+  className: m
+}) => {
+  const [b, p] = f.useState(!1), [v, N] = f.useState(!1), T = f.useId();
+  return _ === "external" ? /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: n,
+      title: s,
+      user: i,
+      app: t,
+      clientSideRouter: l,
+      clientSideHref: u,
+      headerChildren: d,
+      isCollapsed: b,
+      setIsCollapsed: p,
+      variant: _,
+      id: T,
+      children: /* @__PURE__ */ r("div", { className: h(a.baseLayout, m), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ r("div", { className: a.mainContent, children: [
+          /* @__PURE__ */ e(c.Sidebar, {}),
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: o }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
+      ] })
+    }
+  ) : /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: n,
+      title: s,
+      user: i,
+      app: t,
+      clientSideRouter: l,
+      clientSideHref: u,
+      headerChildren: d,
+      isCollapsed: b,
+      setIsCollapsed: p,
+      isOpened: v,
+      setIsOpened: N,
+      variant: _,
+      id: T,
+      children: /* @__PURE__ */ r("div", { className: h(a.baseLayout, m), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ r("div", { className: a.mainContent, children: [
+          /* @__PURE__ */ e(c.Sidebar, {}),
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: o }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] })
+      ] })
+    }
+  );
+};
+c.Provider = ze;
+c.Header = Pe;
+c.Sidebar = we;
+c.SidebarLink = P;
+c.Navbar = $e;
+c.Backdrop = He;
+export {
+  Pe as H,
+  c as L,
+  $e as N,
+  we as S,
+  P as a
+};