@midas-ds/components 11.1.0 → 12.0.0

package/{Input-n-Z20KbW.js → Input-BnpBRnJz.js}

@@ -1,20 +1,20 @@
-import { $ as c, a as $ } from "./utils-KLjWgdLR.js";
-import { $ as u } from "./Hidden-C9KWUR7b.js";
+import { $, a as c } from "./utils-KYuflGZt.js";
+import { $ as u } from "./Hidden-B5ir3Lei.js";
 import l, { createContext as b } from "react";
-import { $ as v } from "./useHover-DQvJ3Y-W.js";
-import { $ as m } from "./useFocusRing-DOfBqnUN.js";
-import { a as x } from "./mergeProps-C1U1OIeJ.js";
+import { $ as v } from "./useHover-D8fja4GW.js";
+import { $ as m } from "./useFocusRing-HoJn20X5.js";
+import { a as x } from "./mergeProps-BYJQ6N1s.js";
 const H = /* @__PURE__ */ b({});
 let p = (d) => {
   let { onHoverStart: e, onHoverChange: a, onHoverEnd: t, ...o } = d;
   return o;
 };
-const V = /* @__PURE__ */ u(function(e, a) {
-  [e, a] = c(e, a, H);
+const S = /* @__PURE__ */ u(function(e, a) {
+  [e, a] = $(e, a, H);
   let { hoverProps: t, isHovered: o } = v(e), { isFocused: i, isFocusVisible: r, focusProps: f } = m({
     isTextInput: !0,
     autoFocus: e.autoFocus
-  }), s = !!e["aria-invalid"] && e["aria-invalid"] !== "false", n = $({
+  }), s = !!e["aria-invalid"] && e["aria-invalid"] !== "false", n = c({
     ...e,
     values: {
       isHovered: o,
@@ -38,5 +38,5 @@ const V = /* @__PURE__ */ u(function(e, a) {
 });
 export {
   H as $,
-  V as a
+  S as a
 };

package/{Input-MJji5hhq.cjs → Input-DIhhWEPW.cjs}

@@ -1 +1 @@
-"use strict";const c=require("./utils-DHNZrQmj.cjs"),l=require("./Hidden-BxRZGdEW.cjs"),n=require("react"),b=require("./useHover-BE_XKZKe.cjs"),v=require("./useFocusRing-B-A1OLhU.cjs"),x=require("./mergeProps-B5KXZAI3.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:i,isFocusVisible:r,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:i,isFocusVisible:r,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":i||void 0,"data-disabled":e.disabled||void 0,"data-hovered":d||void 0,"data-focus-visible":r||void 0,"data-invalid":s||void 0})});exports.$3985021b0ad6602f$export$37fb8590cf2c088c=f;exports.$3985021b0ad6602f$export$f5b8910cec6cf069=F;
+"use strict";const c=require("./utils-BM2vxlNA.cjs"),l=require("./Hidden-BxRZGdEW.cjs"),n=require("react"),b=require("./useHover-CaFzQrR_.cjs"),v=require("./useFocusRing-BM-zcH6L.cjs"),x=require("./mergeProps-C7Sx47fA.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-DA6FZwy0.js → Label-ByWt6Lfh.js}

@@ -1,17 +1,17 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import * as f from "react";
+import * as b from "react";
 import n from "react";
-import { c as b } from "./clsx-OuTLNxxd.js";
-import { d } from "./Button-CepQFEit.js";
-import { P as v } from "./Popover-DHoXfBp2.js";
-import { B as u } from "./Button-BjMaGya2.js";
-import { $ as P } from "./Dialog-DKHo0W9B.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+import { d } from "./Button-DtC_ZOyd.js";
+import { P as v } from "./Popover-viLqHHX2.js";
+import { B as u } from "./Button-akT6Hvug.js";
+import { $ as P } from "./Dialog-BuJdAr0D.js";
 import { I as g } from "./info-CPK1vbOJ.js";
-import { u as _ } from "./useLocalizedStringFormatter-N0AyjzbM.js";
-import './assets/Label.css';const I = "_labelBase_khdpe_4", x = {
-  labelBase: I
-}, $ = "_labelPopover_1ici8_4", L = "_labelPopoverTrigger_1ici8_10", m = {
-  labelPopover: $,
+import { u as _ } from "./useLocalizedStringFormatter-aOhh7wdl.js";
+import './assets/Label.css';const $ = "_labelBase_khdpe_4", I = {
+  labelBase: $
+}, x = "_labelPopover_1ici8_4", L = "_labelPopoverTrigger_1ici8_10", m = {
+  labelPopover: x,
   labelPopoverTrigger: L
 }, T = {
   moreInfo: "More info"
@@ -24,11 +24,11 @@ import './assets/Label.css';const I = "_labelBase_khdpe_4", x = {
   children: e,
   "aria-label": o
 }) => {
-  const [s, l] = n.useState(!1), a = n.useContext(i), t = _(h);
+  const [a, l] = n.useState(!1), s = n.useContext(i), t = _(h);
   return /* @__PURE__ */ c(
     P,
     {
-      isOpen: s,
+      isOpen: a,
       onOpenChange: l,
       children: [
         /* @__PURE__ */ r(
@@ -38,7 +38,7 @@ import './assets/Label.css';const I = "_labelBase_khdpe_4", x = {
             size: "medium",
             className: m.labelPopoverTrigger,
             "aria-label": o || t.format("moreInfo"),
-            id: a == null ? void 0 : a.popoverId,
+            id: s == null ? void 0 : s.popoverId,
             children: /* @__PURE__ */ r(g, { size: 20 })
           }
         ),
@@ -46,27 +46,27 @@ import './assets/Label.css';const I = "_labelBase_khdpe_4", x = {
       ]
     }
   );
-}, i = n.createContext(void 0), S = ({ children: e, popover: o }) => {
-  const s = n.useId();
-  return o ? /* @__PURE__ */ r(i.Provider, { value: { popoverId: s }, children: /* @__PURE__ */ c("div", { className: m.labelPopover, children: [
+}, i = n.createContext(void 0), R = ({ children: e, popover: o }) => {
+  const a = n.useId();
+  return o ? /* @__PURE__ */ r(i.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ c("div", { className: m.labelPopover, children: [
     e,
     /* @__PURE__ */ r(C, { ...o })
   ] }) }) : e;
 }, p = "label", W = ({
   children: e,
   className: o,
-  elementType: s = p,
+  elementType: a = p,
   ...l
 }) => {
-  const a = {
-    className: b(x.labelBase, o),
-    elementType: s || p,
+  const s = {
+    className: f(I.labelBase, o),
+    elementType: a || p,
     ...l
-  }, t = f.useContext(i);
+  }, t = b.useContext(i);
   return /* @__PURE__ */ r(
     d,
     {
-      ...a,
+      ...s,
       "aria-describedby": t == null ? void 0 : t.popoverId,
       children: e
     }
@@ -74,5 +74,5 @@ import './assets/Label.css';const I = "_labelBase_khdpe_4", x = {
 };
 export {
   W as L,
-  S as a
+  R as a
 };

package/Label-COpr4xVt.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/Label.css');const t=require("react/jsx-runtime"),l=require("react"),u=require("./clsx-C11secjj.cjs"),p=require("./Button-DZzQGk-L.cjs"),d=require("./Popover-C5chAY42.cjs"),f=require("./Button-DQm2iqKU.cjs"),v=require("./Dialog-BT0tVGQb.cjs"),g=require("./info-Dj6SyPex.cjs"),m=require("./useLocalizedStringFormatter-BSac43NO.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_khdpe_4",_={labelBase:j},$="_labelPopover_1ici8_4",I="_labelPopoverTrigger_1ici8_10",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]=l.useState(!1),n=l.useContext(c),a=m.useLocalizedStringFormatter(O);return t.jsxs(v.$de32f1b87079253c$export$2e1e1122cf0cba88,{isOpen:r,onOpenChange:s,children:[t.jsx(f.Button,{variant:"icon",size:"medium",className:b.labelPopoverTrigger,"aria-label":o||a.format("moreInfo"),id:n==null?void 0:n.popoverId,children:t.jsx(g.Info,{size:20})}),t.jsx(d.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:b.labelPopover,children:[e,t.jsx(T,{...o})]})}):e},i="label",B=({children:e,className:o,elementType:r=i,...s})=>{const n={className:u.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-BR3Or1Ga.cjs

@@ -0,0 +1,16 @@
+"use strict";require('./assets/Layout.css');const e=require("react/jsx-runtime"),E=require("./GridItem-BnyULDnc.cjs"),O=require("react"),p=require("./clsx-C11secjj.cjs"),L=require("./Button-DQm2iqKU.cjs"),C=require("./Link-ceVlGaWQ.cjs"),I=require("./Tooltip-Bz0xCZSw.cjs"),b=require("./BadgeContainer-CxVmqJ7g.cjs"),y=require("./createLucideIcon-CTVXwe6i.cjs"),T=require("./usePress-BOGIOlm8.cjs"),f=require("./useLocalizedStringFormatter-BSac43NO.cjs"),H=require("./tokens-BWo7EvNX.cjs"),k=require("./Logo-BW5NXAdu.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 v=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"}]],R=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 W=[["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",W);/**
+ * @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_1ssmv_4",Q="_mainContent_1ssmv_13",U="_header_1ssmv_18",V="_headerExternal_1ssmv_29",Y="_headerContent_1ssmv_44",Z="_logo_1ssmv_63",ee="_headerItems_1ssmv_72",se="_toggleButton_1ssmv_78",ae="_sidebar_1ssmv_86",te="_main_1ssmv_13",ne="_app_1ssmv_119",re="_sidebarOpened_1ssmv_127",ie="_sidebarHeader_1ssmv_131",oe="_appName_1ssmv_143",le="_collapseButton_1ssmv_150",ce="_sidebarCollapsed_1ssmv_159",de="_userName_1ssmv_169",me="_userTitle_1ssmv_188",ue="_title_1ssmv_200",xe="_sidebarNav_1ssmv_211",pe="_list_1ssmv_217",_e="_listGroupTitle_1ssmv_224",ve="_listItem_1ssmv_231",he="_listItemCollapsed_1ssmv_236",be="_listLink_1ssmv_240",je="_listLinkCollapsed_1ssmv_285",Ne="_active_1ssmv_290",fe="_backdrop_1ssmv_304",ge="_backdropOpened_1ssmv_314",ke="_skipToContent_1ssmv_332",Ce="_navbar_1ssmv_346",Le="_navbarList_1ssmv_358",ye="_navbarItem_1ssmv_380",Se="_headerContentExternal_1ssmv_420",Me="_logoExternalContainer_1ssmv_428",Ee="_logoExternal_1ssmv_428",Ie="_logoExternalDesktop_1ssmv_440",ze="_navbarWrapper_1ssmv_449",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:ve,listItemCollapsed:he,listLink:be,listLinkCollapsed:je,active:Ne,backdrop:fe,backdropOpened:ge,skipToContent:ke,navbar:Ce,navbarList:Le,navbarItem:ye,headerContentExternal:Se,logoExternalContainer:Me,logoExternal:Ee,logoExternalDesktop:Ie,navbarWrapper:ze},$=v.createContext(void 0),Be=({items:a,title:t,user:r,app:n,children:i,clientSideRouter:l,clientSideHref:o,headerChildren:m,isCollapsed:u,setIsCollapsed:x,isOpened:h,setIsOpened:d,variant:_,id:j})=>e.jsx($.Provider,{value:{items:a,title:t,user:r,app:n,headerChildren:m,isCollapsed:u,setIsCollapsed:x,isOpened:h,setIsOpened:d,clientSideRouter:l,clientSideHref:o,variant:_,id:j},children:i}),N=()=>{const a=v.useContext($);if(!a)throw new Error("useLayoutContext must be used within a LayoutProvider");return a},S=({title:a,href:t,icon:r,active:n,hasBadge:i})=>{const{isCollapsed:l,setIsOpened:o}=N(),[m,u]=v.useState(!1);return v.useEffect(()=>{typeof window<"u"&&u(n??window.location.pathname===t)},[n,t]),l?e.jsxs(I.TooltipTrigger,{children:[e.jsx(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,"aria-label":a,className:p.clsx(s.listLink,s.listLinkCollapsed,m&&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,m&&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"},$e={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:$e},q=()=>{const{items:a,app:t,isOpened:r,isCollapsed:n,setIsCollapsed:i,setIsOpened:l,clientSideRouter:o,clientSideHref:m,id:u}=N(),x=f.useLocalizedStringFormatter(g),h=({group:d})=>e.jsx("ul",{className:s.list,children:d.items.map((_,j)=>e.jsx("li",{className:p.clsx(s.listItem,n&&s.listItemCollapsed),children:e.jsx(S,{..._})},"link_"+j))});return v.useEffect(()=>{const d=_=>{_.key==="Escape"&&l!==void 0&&l(!1)};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[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?x.format("maximizeMenu"):x.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":x.format("sidebarMenu"),children:e.jsx("ul",{className:s.list,children:a.map((d,_)=>e.jsxs("li",{children:[d.title&&!n&&e.jsx("p",{className:s.listGroupTitle,children:d.title}),o?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:o,useHref:m,children:e.jsx(h,{group:d})}):e.jsx(h,{group:d})]},"list_"+_))})})]})},w=()=>{const{title:a,user:t,app:r,isOpened:n,setIsOpened:i,setIsCollapsed:l,headerChildren:o,variant:m,id:u}=N(),x=f.useLocalizedStringFormatter(g);return m==="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?x.format("closeMenu"):x.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(R,{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})]})},z=({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(g);return e.jsx(L.Button,{onPress:t,className:s.skipToContent,children:r.format("skipToContent")})},qe=()=>{const{isOpened:a,setIsOpened:t}=N();return a?e.jsx("div",{className:p.clsx(s.backdrop,s.backdropOpened),onClick:()=>{t==null||t(!1)},"aria-hidden":!0}):null},P=()=>{var l;const{items:a,clientSideRouter:t,clientSideHref:r}=N(),n=f.useLocalizedStringFormatter(g),i=(l=a.at(0))==null?void 0:l.items;return e.jsx("nav",{className:s.navbar,"aria-label":n.format("bottomMenu"),children:i&&e.jsx("ul",{className:p.clsx(s.navbarList),children:t?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:t,useHref:r,children:e.jsx(B,{items:i})}):e.jsx(B,{items:i})})})},B=({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:m,variant:u,className:x})=>{const[h,d]=v.useState(!1),[_,j]=v.useState(!1),M=v.useId();return u==="external"?e.jsx(c.Provider,{items:a,title:t,user:r,app:n,clientSideRouter:o,clientSideHref:m,headerChildren:l,isCollapsed:h,setIsCollapsed:d,variant:u,id:M,children:e.jsxs("div",{className:p.clsx(s.baseLayout,x),children:[e.jsx(z,{}),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:m,headerChildren:l,isCollapsed:h,setIsCollapsed:d,isOpened:_,setIsOpened:j,variant:u,id:M,children:e.jsxs("div",{className:p.clsx(s.baseLayout,x),children:[e.jsx(z,{}),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=Be;c.Header=w;c.Sidebar=q;c.SidebarLink=S;c.Navbar=P;c.Backdrop=qe;exports.Header=w;exports.Layout=c;exports.Navbar=P;exports.Sidebar=q;exports.SidebarLink=S;

package/Layout-Bdqauktv.js

@@ -0,0 +1,498 @@
+import { jsx as e, jsxs as l, Fragment as $ } from "react/jsx-runtime";
+import { G as S } from "./GridItem-orSzD7H5.js";
+import * as b from "react";
+import { c as u } from "./clsx-OuTLNxxd.js";
+import { B as E } from "./Button-akT6Hvug.js";
+import { $ as y } from "./Link-CM2N5Jq-.js";
+import { a as O, T as G } from "./Tooltip-EuEQtHZj.js";
+import { a as L, B as M } from "./BadgeContainer-DGJGJMPi.js";
+import { c as T } from "./createLucideIcon-XRdN60yz.js";
+import { $ as w } from "./usePress-B_jgTf4k.js";
+import { u as C } from "./useLocalizedStringFormatter-aOhh7wdl.js";
+import { f as j } from "./tokens-BtEBd3jO.js";
+import { L as g } from "./Logo-qkVS1MCN.js";
+import { X as D } 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 W = [
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 18h16", key: "19g7jn" }],
+  ["path", { d: "M4 6h16", key: "1o0s65" }]
+], q = T("menu", W);
+/**
+ * @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_1ssmv_4", K = "_mainContent_1ssmv_13", Q = "_header_1ssmv_18", U = "_headerExternal_1ssmv_29", V = "_headerContent_1ssmv_44", Y = "_logo_1ssmv_63", Z = "_headerItems_1ssmv_72", ee = "_toggleButton_1ssmv_78", se = "_sidebar_1ssmv_86", ae = "_main_1ssmv_13", te = "_app_1ssmv_119", ne = "_sidebarOpened_1ssmv_127", ie = "_sidebarHeader_1ssmv_131", re = "_appName_1ssmv_143", oe = "_collapseButton_1ssmv_150", le = "_sidebarCollapsed_1ssmv_159", de = "_userName_1ssmv_169", ce = "_userTitle_1ssmv_188", me = "_title_1ssmv_200", pe = "_sidebarNav_1ssmv_211", _e = "_list_1ssmv_217", ve = "_listGroupTitle_1ssmv_224", ue = "_listItem_1ssmv_231", he = "_listItemCollapsed_1ssmv_236", be = "_listLink_1ssmv_240", fe = "_listLinkCollapsed_1ssmv_285", Ne = "_active_1ssmv_290", ke = "_backdrop_1ssmv_304", Ce = "_backdropOpened_1ssmv_314", xe = "_skipToContent_1ssmv_332", ge = "_navbar_1ssmv_346", ye = "_navbarList_1ssmv_358", Le = "_navbarItem_1ssmv_380", Me = "_headerContentExternal_1ssmv_420", Ee = "_logoExternalContainer_1ssmv_428", Te = "_logoExternal_1ssmv_428", Ie = "_logoExternalDesktop_1ssmv_440", Se = "_navbarWrapper_1ssmv_449", s = {
+  baseLayout: J,
+  mainContent: K,
+  header: Q,
+  headerExternal: U,
+  headerContent: V,
+  logo: Y,
+  headerItems: Z,
+  toggleButton: ee,
+  sidebar: se,
+  main: ae,
+  app: te,
+  sidebarOpened: ne,
+  sidebarHeader: ie,
+  appName: re,
+  collapseButton: oe,
+  sidebarCollapsed: le,
+  userName: de,
+  userTitle: ce,
+  title: me,
+  sidebarNav: pe,
+  list: _e,
+  listGroupTitle: ve,
+  listItem: ue,
+  listItemCollapsed: he,
+  listLink: be,
+  listLinkCollapsed: fe,
+  active: Ne,
+  backdrop: ke,
+  backdropOpened: Ce,
+  skipToContent: xe,
+  navbar: ge,
+  navbarList: ye,
+  navbarItem: Le,
+  headerContentExternal: Me,
+  logoExternalContainer: Ee,
+  logoExternal: Te,
+  logoExternalDesktop: Ie,
+  navbarWrapper: Se
+}, P = b.createContext(
+  void 0
+), ze = ({
+  items: n,
+  title: t,
+  user: i,
+  app: a,
+  children: r,
+  clientSideRouter: d,
+  clientSideHref: o,
+  headerChildren: p,
+  isCollapsed: _,
+  setIsCollapsed: v,
+  isOpened: f,
+  setIsOpened: m,
+  variant: h,
+  id: N
+}) => /* @__PURE__ */ e(
+  P.Provider,
+  {
+    value: {
+      items: n,
+      title: t,
+      user: i,
+      app: a,
+      headerChildren: p,
+      isCollapsed: _,
+      setIsCollapsed: v,
+      isOpened: f,
+      setIsOpened: m,
+      clientSideRouter: d,
+      clientSideHref: o,
+      variant: h,
+      id: N
+    },
+    children: r
+  }
+), k = () => {
+  const n = b.useContext(P);
+  if (!n)
+    throw new Error("useLayoutContext must be used within a LayoutProvider");
+  return n;
+}, H = ({
+  title: n,
+  href: t,
+  icon: i,
+  active: a,
+  hasBadge: r
+}) => {
+  const { isCollapsed: d, setIsOpened: o } = k(), [p, _] = b.useState(!1);
+  return b.useEffect(() => {
+    typeof window < "u" && _(a ?? window.location.pathname === t);
+  }, [a, t]), d ? /* @__PURE__ */ l(O, { children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        href: t,
+        "aria-label": n,
+        className: u(
+          s.listLink,
+          s.listLinkCollapsed,
+          p && s.active
+        ),
+        onPress: () => o == null ? void 0 : o(!1),
+        children: /* @__PURE__ */ l(L, { children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              size: 20,
+              "aria-label": n
+            }
+          ),
+          r && /* @__PURE__ */ e(M, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(G, { placement: "right", children: n })
+  ] }) : /* @__PURE__ */ l(
+    y,
+    {
+      href: t,
+      "aria-label": n,
+      className: u(s.listLink, p && s.active),
+      onPress: () => o == null ? void 0 : o(!1),
+      children: [
+        /* @__PURE__ */ l(L, { children: [
+          /* @__PURE__ */ e(i, { size: 20 }),
+          r && /* @__PURE__ */ e(M, {})
+        ] }),
+        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"
+}, we = {
+  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: we
+}, Pe = () => {
+  const {
+    items: n,
+    app: t,
+    isOpened: i,
+    isCollapsed: a,
+    setIsCollapsed: r,
+    setIsOpened: d,
+    clientSideRouter: o,
+    clientSideHref: p,
+    id: _
+  } = k(), v = C(x), f = ({ group: m }) => /* @__PURE__ */ e("ul", { className: s.list, children: m.items.map((h, N) => /* @__PURE__ */ e(
+    "li",
+    {
+      className: u(
+        s.listItem,
+        a && s.listItemCollapsed
+      ),
+      children: /* @__PURE__ */ e(H, { ...h })
+    },
+    "link_" + N
+  )) });
+  return b.useEffect(() => {
+    const m = (h) => {
+      h.key === "Escape" && d !== void 0 && d(!1);
+    };
+    return window.addEventListener("keydown", m), () => {
+      window.removeEventListener("keydown", m);
+    };
+  }, [d]), /* @__PURE__ */ l(
+    "aside",
+    {
+      id: _,
+      className: u(
+        s.sidebar,
+        a && s.sidebarCollapsed,
+        i && s.sidebarOpened
+      ),
+      children: [
+        /* @__PURE__ */ l("div", { className: s.sidebarHeader, children: [
+          !a && /* @__PURE__ */ e("p", { className: s.appName, children: t.name }),
+          /* @__PURE__ */ e(
+            E,
+            {
+              variant: "icon",
+              "aria-label": a ? v.format("maximizeMenu") : v.format("minimizeMenu"),
+              onPress: () => r(!a),
+              className: s.collapseButton,
+              children: a ? /* @__PURE__ */ e(X, { size: 20 }) : /* @__PURE__ */ e(F, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "nav",
+          {
+            className: s.sidebarNav,
+            "aria-label": v.format("sidebarMenu"),
+            children: /* @__PURE__ */ e("ul", { className: s.list, children: n.map((m, h) => /* @__PURE__ */ l("li", { children: [
+              m.title && !a && /* @__PURE__ */ e("p", { className: s.listGroupTitle, children: m.title }),
+              o ? /* @__PURE__ */ e(
+                w,
+                {
+                  navigate: o,
+                  useHref: p,
+                  children: /* @__PURE__ */ e(f, { group: m })
+                }
+              ) : /* @__PURE__ */ e(f, { group: m })
+            ] }, "list_" + h)) })
+          }
+        )
+      ]
+    }
+  );
+}, He = () => {
+  const {
+    title: n,
+    user: t,
+    app: i,
+    isOpened: a,
+    setIsOpened: r,
+    setIsCollapsed: d,
+    headerChildren: o,
+    variant: p,
+    id: _
+  } = k(), v = C(x);
+  return p === "external" ? /* @__PURE__ */ e("header", { className: u(s.header, s.headerExternal), children: /* @__PURE__ */ l("div", { className: s.headerContentExternal, children: [
+    /* @__PURE__ */ l("div", { className: s.logoExternalContainer, children: [
+      /* @__PURE__ */ e(
+        g,
+        {
+          size: "x-small",
+          padding: !1,
+          className: s.logoExternal
+        }
+      ),
+      /* @__PURE__ */ e(
+        g,
+        {
+          size: "small",
+          padding: !1,
+          className: s.logoExternalDesktop
+        }
+      ),
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ e("p", { className: s.userName, children: t.name }),
+        /* @__PURE__ */ e("p", { className: s.userTitle, children: t.title })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: s.headerItems, children: o })
+  ] }) }) : /* @__PURE__ */ l(
+    "header",
+    {
+      className: s.header,
+      style: {
+        borderTop: `solid 4px ${i.color ? i.color : j.brandPrimary}`
+      },
+      children: [
+        /* @__PURE__ */ l("div", { className: s.headerContent, children: [
+          /* @__PURE__ */ e("div", { className: s.logo, children: /* @__PURE__ */ e(
+            g,
+            {
+              size: "small",
+              padding: !1
+            }
+          ) }),
+          a !== void 0 && /* @__PURE__ */ e(
+            E,
+            {
+              variant: "icon",
+              className: s.toggleButton,
+              "aria-label": a ? v.format("closeMenu") : v.format("openMenu"),
+              "aria-controls": _,
+              onPressStart: () => {
+                d(!1), r == null || r(!0);
+              },
+              children: a ? /* @__PURE__ */ e(
+                D,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              ) : /* @__PURE__ */ e(
+                q,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ l("div", { children: [
+            /* @__PURE__ */ e("p", { className: s.userName, children: t.name }),
+            /* @__PURE__ */ e("p", { className: s.userTitle, children: t.title }),
+            /* @__PURE__ */ e("p", { className: s.title, children: n })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: s.headerItems, children: o })
+      ]
+    }
+  );
+}, z = ({
+  id: n = "#main:first-of-type"
+}) => {
+  const t = () => {
+    const a = document.querySelector(n);
+    a && (a.tabIndex = -1, a.focus(), setTimeout(() => a.removeAttribute("tabindex"), 1e3));
+  }, i = C(x);
+  return /* @__PURE__ */ e(
+    E,
+    {
+      onPress: t,
+      className: s.skipToContent,
+      children: i.format("skipToContent")
+    }
+  );
+}, $e = () => {
+  const { isOpened: n, setIsOpened: t } = k();
+  return n ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: u(s.backdrop, s.backdropOpened),
+      onClick: () => {
+        t == null || t(!1);
+      },
+      "aria-hidden": !0
+    }
+  ) : null;
+}, Oe = () => {
+  var d;
+  const { items: n, clientSideRouter: t, clientSideHref: i } = k(), a = C(x), r = (d = n.at(0)) == null ? void 0 : d.items;
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      className: s.navbar,
+      "aria-label": a.format("bottomMenu"),
+      children: r && /* @__PURE__ */ e("ul", { className: u(s.navbarList), children: t ? /* @__PURE__ */ e(
+        w,
+        {
+          navigate: t,
+          useHref: i,
+          children: /* @__PURE__ */ e(B, { items: r })
+        }
+      ) : /* @__PURE__ */ e(B, { items: r }) })
+    }
+  );
+}, B = ({
+  items: n
+}) => /* @__PURE__ */ e($, { children: n.map(({ href: t, active: i, icon: a, title: r, hasBadge: d }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ l(
+  y,
+  {
+    href: t,
+    className: u(s.navbarItem),
+    "data-active": i,
+    "aria-current": i && "page",
+    children: [
+      /* @__PURE__ */ l(L, { children: [
+        /* @__PURE__ */ e(a, { size: 20 }),
+        d && /* @__PURE__ */ e(M, {})
+      ] }),
+      r
+    ]
+  }
+) }, o)) }), c = ({
+  items: n,
+  title: t,
+  user: i,
+  app: a,
+  children: r,
+  headerChildren: d,
+  clientSideRouter: o,
+  clientSideHref: p,
+  variant: _,
+  className: v
+}) => {
+  const [f, m] = b.useState(!1), [h, N] = b.useState(!1), I = b.useId();
+  return _ === "external" ? /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: n,
+      title: t,
+      user: i,
+      app: a,
+      clientSideRouter: o,
+      clientSideHref: p,
+      headerChildren: d,
+      isCollapsed: f,
+      setIsCollapsed: m,
+      variant: _,
+      id: I,
+      children: /* @__PURE__ */ l("div", { className: u(s.baseLayout, v), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ l("div", { className: s.mainContent, children: [
+          /* @__PURE__ */ e(c.Sidebar, {}),
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("main", { className: s.main, children: /* @__PURE__ */ e("div", { className: s.app, children: r }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] }),
+        /* @__PURE__ */ e("div", { className: s.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
+      ] })
+    }
+  ) : /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: n,
+      title: t,
+      user: i,
+      app: a,
+      clientSideRouter: o,
+      clientSideHref: p,
+      headerChildren: d,
+      isCollapsed: f,
+      setIsCollapsed: m,
+      isOpened: h,
+      setIsOpened: N,
+      variant: _,
+      id: I,
+      children: /* @__PURE__ */ l("div", { className: u(s.baseLayout, v), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ l("div", { className: s.mainContent, children: [
+          /* @__PURE__ */ e(c.Sidebar, {}),
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("main", { className: s.main, children: /* @__PURE__ */ e("div", { className: s.app, children: r }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] })
+      ] })
+    }
+  );
+};
+c.Provider = ze;
+c.Header = He;
+c.Sidebar = Pe;
+c.SidebarLink = H;
+c.Navbar = Oe;
+c.Backdrop = $e;
+export {
+  He as H,
+  c as L,
+  Oe as N,
+  Pe as S,
+  H as a
+};