@midas-ds/components 10.3.0 → 10.4.1

package/Layout-BMNgqjXv.js

@@ -0,0 +1,498 @@
+import { jsx as e, jsxs as l, Fragment as O } from "react/jsx-runtime";
+import { G as S } from "./GridItem-DlbSdRmB.js";
+import * as b from "react";
+import { c as u } from "./clsx-OuTLNxxd.js";
+import { B as E } from "./Button-DtSrCAf6.js";
+import { $ as y } from "./Link-Bn8V3ZI0.js";
+import { a as $, T as G } from "./Tooltip-5mLWn_wO.js";
+import { a as L, B as M } from "./BadgeContainer-DM8TdyMT.js";
+import { c as T } from "./createLucideIcon-XRdN60yz.js";
+import { $ as w } from "./usePress-DuR4pVsE.js";
+import { u as k } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import { f as j } from "./tokens-fEwCQXDv.js";
+import { L as g } from "./Logo-ME4ffCue.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_12xoh_4", K = "_mainContent_12xoh_13", Q = "_header_12xoh_18", U = "_headerExternal_12xoh_29", V = "_headerContent_12xoh_44", Y = "_logo_12xoh_63", Z = "_headerItems_12xoh_72", ee = "_toggleButton_12xoh_78", ae = "_sidebar_12xoh_86", te = "_main_12xoh_13", ne = "_app_12xoh_123", se = "_sidebarOpened_12xoh_132", oe = "_sidebarHeader_12xoh_136", ie = "_appName_12xoh_148", re = "_collapseButton_12xoh_155", le = "_sidebarCollapsed_12xoh_164", de = "_userName_12xoh_174", ce = "_userTitle_12xoh_193", me = "_title_12xoh_205", pe = "_sidebarNav_12xoh_216", he = "_list_12xoh_222", _e = "_listGroupTitle_12xoh_229", ue = "_listItem_12xoh_236", xe = "_listItemCollapsed_12xoh_241", be = "_listLink_12xoh_245", ve = "_listLinkCollapsed_12xoh_290", fe = "_active_12xoh_295", Ne = "_backdrop_12xoh_309", ke = "_backdropOpened_12xoh_319", Ce = "_skipToContent_12xoh_337", ge = "_navbar_12xoh_351", ye = "_navbarList_12xoh_363", Le = "_navbarItem_12xoh_385", Me = "_headerContentExternal_12xoh_425", Ee = "_logoExternalContainer_12xoh_433", Te = "_logoExternal_12xoh_433", Ie = "_logoExternalDesktop_12xoh_445", Se = "_navbarWrapper_12xoh_454", 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: oe,
+  appName: ie,
+  collapseButton: re,
+  sidebarCollapsed: le,
+  userName: de,
+  userTitle: ce,
+  title: me,
+  sidebarNav: pe,
+  list: he,
+  listGroupTitle: _e,
+  listItem: ue,
+  listItemCollapsed: xe,
+  listLink: be,
+  listLinkCollapsed: ve,
+  active: fe,
+  backdrop: Ne,
+  backdropOpened: ke,
+  skipToContent: Ce,
+  navbar: ge,
+  navbarList: ye,
+  navbarItem: Le,
+  headerContentExternal: Me,
+  logoExternalContainer: Ee,
+  logoExternal: Te,
+  logoExternalDesktop: Ie,
+  navbarWrapper: Se
+}, P = b.createContext(
+  void 0
+), ze = ({
+  items: s,
+  title: n,
+  user: o,
+  app: t,
+  children: i,
+  clientSideRouter: d,
+  clientSideHref: r,
+  headerChildren: p,
+  isCollapsed: h,
+  setIsCollapsed: _,
+  isOpened: v,
+  setIsOpened: m,
+  variant: x,
+  id: f
+}) => /* @__PURE__ */ e(
+  P.Provider,
+  {
+    value: {
+      items: s,
+      title: n,
+      user: o,
+      app: t,
+      headerChildren: p,
+      isCollapsed: h,
+      setIsCollapsed: _,
+      isOpened: v,
+      setIsOpened: m,
+      clientSideRouter: d,
+      clientSideHref: r,
+      variant: x,
+      id: f
+    },
+    children: i
+  }
+), N = () => {
+  const s = b.useContext(P);
+  if (!s)
+    throw new Error("useLayoutContext must be used within a LayoutProvider");
+  return s;
+}, H = ({
+  title: s,
+  href: n,
+  icon: o,
+  active: t,
+  hasBadge: i
+}) => {
+  const { isCollapsed: d, setIsOpened: r } = N(), [p, h] = b.useState(!1);
+  return b.useEffect(() => {
+    typeof window < "u" && h(t ?? window.location.pathname === n);
+  }, [t, n]), d ? /* @__PURE__ */ l($, { children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        href: n,
+        "aria-label": s,
+        className: u(
+          a.listLink,
+          a.listLinkCollapsed,
+          p && a.active
+        ),
+        onPress: () => r == null ? void 0 : r(!1),
+        children: /* @__PURE__ */ l(L, { children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              size: 20,
+              "aria-label": s
+            }
+          ),
+          i && /* @__PURE__ */ e(M, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(G, { placement: "right", children: s })
+  ] }) : /* @__PURE__ */ l(
+    y,
+    {
+      href: n,
+      "aria-label": s,
+      className: u(a.listLink, p && a.active),
+      onPress: () => r == null ? void 0 : r(!1),
+      children: [
+        /* @__PURE__ */ l(L, { children: [
+          /* @__PURE__ */ e(o, { size: 20 }),
+          i && /* @__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: o,
+    isCollapsed: t,
+    setIsCollapsed: i,
+    setIsOpened: d,
+    clientSideRouter: r,
+    clientSideHref: p,
+    id: h
+  } = N(), _ = k(C), v = ({ group: m }) => /* @__PURE__ */ e("ul", { className: a.list, children: m.items.map((x, f) => /* @__PURE__ */ e(
+    "li",
+    {
+      className: u(
+        a.listItem,
+        t && a.listItemCollapsed
+      ),
+      children: /* @__PURE__ */ e(H, { ...x })
+    },
+    "link_" + f
+  )) });
+  return b.useEffect(() => {
+    const m = (x) => {
+      x.key === "Escape" && d !== void 0 && d(!1);
+    };
+    return window.addEventListener("keydown", m), () => {
+      window.removeEventListener("keydown", m);
+    };
+  }, [d]), /* @__PURE__ */ l(
+    "aside",
+    {
+      id: h,
+      className: u(
+        a.sidebar,
+        t && a.sidebarCollapsed,
+        o && 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 ? _.format("maximizeMenu") : _.format("minimizeMenu"),
+              onPress: () => i(!t),
+              className: a.collapseButton,
+              children: t ? /* @__PURE__ */ e(X, { size: 20 }) : /* @__PURE__ */ e(F, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "nav",
+          {
+            className: a.sidebarNav,
+            "aria-label": _.format("sidebarMenu"),
+            children: /* @__PURE__ */ e("ul", { className: a.list, children: s.map((m, x) => /* @__PURE__ */ l("li", { children: [
+              m.title && !t && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: m.title }),
+              r ? /* @__PURE__ */ e(
+                w,
+                {
+                  navigate: r,
+                  useHref: p,
+                  children: /* @__PURE__ */ e(v, { group: m })
+                }
+              ) : /* @__PURE__ */ e(v, { group: m })
+            ] }, "list_" + x)) })
+          }
+        )
+      ]
+    }
+  );
+}, He = () => {
+  const {
+    title: s,
+    user: n,
+    app: o,
+    isOpened: t,
+    setIsOpened: i,
+    setIsCollapsed: d,
+    headerChildren: r,
+    variant: p,
+    id: h
+  } = N(), _ = k(C);
+  return p === "external" ? /* @__PURE__ */ e("header", { className: u(a.header, a.headerExternal), children: /* @__PURE__ */ l("div", { className: a.headerContentExternal, children: [
+    /* @__PURE__ */ l("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__ */ 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: r })
+  ] }) }) : /* @__PURE__ */ l(
+    "header",
+    {
+      className: a.header,
+      style: {
+        borderTop: `solid 4px ${o.color ? o.color : j.brandPrimary}`
+      },
+      children: [
+        /* @__PURE__ */ l("div", { className: a.headerContent, children: [
+          /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
+            g,
+            {
+              size: "small",
+              padding: !1
+            }
+          ) }),
+          t !== void 0 && /* @__PURE__ */ e(
+            E,
+            {
+              variant: "icon",
+              className: a.toggleButton,
+              "aria-label": t ? _.format("closeMenu") : _.format("openMenu"),
+              "aria-controls": h,
+              onPressStart: () => {
+                d(!1), i == null || i(!0);
+              },
+              children: t ? /* @__PURE__ */ e(
+                D,
+                {
+                  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: r })
+      ]
+    }
+  );
+}, 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));
+  }, o = k(C);
+  return /* @__PURE__ */ e(
+    E,
+    {
+      onPress: n,
+      className: a.skipToContent,
+      children: o.format("skipToContent")
+    }
+  );
+}, Oe = () => {
+  const { isOpened: s, setIsOpened: n } = N();
+  return s ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: u(a.backdrop, a.backdropOpened),
+      onClick: () => {
+        n == null || n(!1);
+      },
+      "aria-hidden": !0
+    }
+  ) : null;
+}, $e = () => {
+  var d;
+  const { items: s, clientSideRouter: n, clientSideHref: o } = N(), t = k(C), i = (d = s.at(0)) == null ? void 0 : d.items;
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      className: a.navbar,
+      "aria-label": t.format("bottomMenu"),
+      children: i && /* @__PURE__ */ e("ul", { className: u(a.navbarList), children: n ? /* @__PURE__ */ e(
+        w,
+        {
+          navigate: n,
+          useHref: o,
+          children: /* @__PURE__ */ e(B, { items: i })
+        }
+      ) : /* @__PURE__ */ e(B, { items: i }) })
+    }
+  );
+}, B = ({
+  items: s
+}) => /* @__PURE__ */ e(O, { children: s.map(({ href: n, active: o, icon: t, title: i, hasBadge: d }, r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ l(
+  y,
+  {
+    href: n,
+    className: u(a.navbarItem),
+    "data-active": o,
+    "aria-current": o && "page",
+    children: [
+      /* @__PURE__ */ l(L, { children: [
+        /* @__PURE__ */ e(t, { size: 20 }),
+        d && /* @__PURE__ */ e(M, {})
+      ] }),
+      i
+    ]
+  }
+) }, r)) }), c = ({
+  items: s,
+  title: n,
+  user: o,
+  app: t,
+  children: i,
+  headerChildren: d,
+  clientSideRouter: r,
+  clientSideHref: p,
+  variant: h,
+  className: _
+}) => {
+  const [v, m] = b.useState(!1), [x, f] = b.useState(!1), I = b.useId();
+  return h === "external" ? /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: s,
+      title: n,
+      user: o,
+      app: t,
+      clientSideRouter: r,
+      clientSideHref: p,
+      headerChildren: d,
+      isCollapsed: v,
+      setIsCollapsed: m,
+      variant: h,
+      id: I,
+      children: /* @__PURE__ */ l("div", { className: u(a.baseLayout, _), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ l("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: i }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
+      ] })
+    }
+  ) : /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: s,
+      title: n,
+      user: o,
+      app: t,
+      clientSideRouter: r,
+      clientSideHref: p,
+      headerChildren: d,
+      isCollapsed: v,
+      setIsCollapsed: m,
+      isOpened: x,
+      setIsOpened: f,
+      variant: h,
+      id: I,
+      children: /* @__PURE__ */ l("div", { className: u(a.baseLayout, _), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ l("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: i }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] })
+      ] })
+    }
+  );
+};
+c.Provider = ze;
+c.Header = He;
+c.Sidebar = Pe;
+c.SidebarLink = H;
+c.Navbar = $e;
+c.Backdrop = Oe;
+export {
+  He as H,
+  c as L,
+  $e as N,
+  Pe as S,
+  H as a
+};

package/Layout-Ri7XQHFp.cjs

@@ -0,0 +1,16 @@
+"use strict";require('./assets/Layout.css');const e=require("react/jsx-runtime"),E=require("./GridItem-XgHmZWXY.cjs"),O=require("react"),h=require("./clsx-C11secjj.cjs"),L=require("./Button-Dq6ugqxT.cjs"),C=require("./Link-CidjjqHb.cjs"),I=require("./Tooltip-pN5W3IK6.cjs"),j=require("./BadgeContainer-I1XA3OCl.cjs"),y=require("./createLucideIcon-CTVXwe6i.cjs"),T=require("./usePress-BooY_CAy.cjs"),f=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),H=require("./tokens-BghDnMdO.cjs"),k=require("./Logo-BpH0HC91.cjs"),G=require("./x-rV-nu490.cjs");function D(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>a[o]})}}return t.default=a,Object.freeze(t)}const _=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_12xoh_4",Q="_mainContent_12xoh_13",U="_header_12xoh_18",V="_headerExternal_12xoh_29",Y="_headerContent_12xoh_44",Z="_logo_12xoh_63",ee="_headerItems_12xoh_72",se="_toggleButton_12xoh_78",ae="_sidebar_12xoh_86",te="_main_12xoh_13",ne="_app_12xoh_123",oe="_sidebarOpened_12xoh_132",re="_sidebarHeader_12xoh_136",ie="_appName_12xoh_148",le="_collapseButton_12xoh_155",ce="_sidebarCollapsed_12xoh_164",de="_userName_12xoh_174",xe="_userTitle_12xoh_193",me="_title_12xoh_205",ue="_sidebarNav_12xoh_216",he="_list_12xoh_222",pe="_listGroupTitle_12xoh_229",_e="_listItem_12xoh_236",be="_listItemCollapsed_12xoh_241",je="_listLink_12xoh_245",ve="_listLinkCollapsed_12xoh_290",Ne="_active_12xoh_295",fe="_backdrop_12xoh_309",ge="_backdropOpened_12xoh_319",ke="_skipToContent_12xoh_337",Ce="_navbar_12xoh_351",Le="_navbarList_12xoh_363",ye="_navbarItem_12xoh_385",Me="_headerContentExternal_12xoh_425",Se="_logoExternalContainer_12xoh_433",Ee="_logoExternal_12xoh_433",Ie="_logoExternalDesktop_12xoh_445",ze="_navbarWrapper_12xoh_454",s={baseLayout:K,mainContent:Q,header:U,headerExternal:V,headerContent:Y,logo:Z,headerItems:ee,toggleButton:se,sidebar:ae,main:te,app:ne,sidebarOpened:oe,sidebarHeader:re,appName:ie,collapseButton:le,sidebarCollapsed:ce,userName:de,userTitle:xe,title:me,sidebarNav:ue,list:he,listGroupTitle:pe,listItem:_e,listItemCollapsed:be,listLink:je,listLinkCollapsed:ve,active:Ne,backdrop:fe,backdropOpened:ge,skipToContent:ke,navbar:Ce,navbarList:Le,navbarItem:ye,headerContentExternal:Me,logoExternalContainer:Se,logoExternal:Ee,logoExternalDesktop:Ie,navbarWrapper:ze},$=_.createContext(void 0),Be=({items:a,title:t,user:o,app:n,children:r,clientSideRouter:l,clientSideHref:i,headerChildren:x,isCollapsed:m,setIsCollapsed:u,isOpened:b,setIsOpened:d,variant:p,id:v})=>e.jsx($.Provider,{value:{items:a,title:t,user:o,app:n,headerChildren:x,isCollapsed:m,setIsCollapsed:u,isOpened:b,setIsOpened:d,clientSideRouter:l,clientSideHref:i,variant:p,id:v},children:r}),N=()=>{const a=_.useContext($);if(!a)throw new Error("useLayoutContext must be used within a LayoutProvider");return a},M=({title:a,href:t,icon:o,active:n,hasBadge:r})=>{const{isCollapsed:l,setIsOpened:i}=N(),[x,m]=_.useState(!1);return _.useEffect(()=>{typeof window<"u"&&m(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:h.clsx(s.listLink,s.listLinkCollapsed,x&&s.active),onPress:()=>i==null?void 0:i(!1),children:e.jsxs(j.BadgeContainer,{children:[e.jsx(o,{size:20,"aria-label":a}),r&&e.jsx(j.Badge,{})]})}),e.jsx(I.Tooltip,{placement:"right",children:a})]}):e.jsxs(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,"aria-label":a,className:h.clsx(s.listLink,x&&s.active),onPress:()=>i==null?void 0:i(!1),children:[e.jsxs(j.BadgeContainer,{children:[e.jsx(o,{size:20}),r&&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"},$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:o,isCollapsed:n,setIsCollapsed:r,setIsOpened:l,clientSideRouter:i,clientSideHref:x,id:m}=N(),u=f.useLocalizedStringFormatter(g),b=({group:d})=>e.jsx("ul",{className:s.list,children:d.items.map((p,v)=>e.jsx("li",{className:h.clsx(s.listItem,n&&s.listItemCollapsed),children:e.jsx(M,{...p})},"link_"+v))});return _.useEffect(()=>{const d=p=>{p.key==="Escape"&&l!==void 0&&l(!1)};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[l]),e.jsxs("aside",{id:m,className:h.clsx(s.sidebar,n&&s.sidebarCollapsed,o&&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?u.format("maximizeMenu"):u.format("minimizeMenu"),onPress:()=>r(!n),className:s.collapseButton,children:n?e.jsx(J,{size:20}):e.jsx(A,{size:20})})]}),e.jsx("nav",{className:s.sidebarNav,"aria-label":u.format("sidebarMenu"),children:e.jsx("ul",{className:s.list,children:a.map((d,p)=>e.jsxs("li",{children:[d.title&&!n&&e.jsx("p",{className:s.listGroupTitle,children:d.title}),i?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:i,useHref:x,children:e.jsx(b,{group:d})}):e.jsx(b,{group:d})]},"list_"+p))})})]})},w=()=>{const{title:a,user:t,app:o,isOpened:n,setIsOpened:r,setIsCollapsed:l,headerChildren:i,variant:x,id:m}=N(),u=f.useLocalizedStringFormatter(g);return x==="external"?e.jsx("header",{className:h.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:i})]})}):e.jsxs("header",{className:s.header,style:{borderTop:`solid 4px ${o.color?o.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?u.format("closeMenu"):u.format("openMenu"),"aria-controls":m,onPressStart:()=>{l(!1),r==null||r(!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:i})]})},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))},o=f.useLocalizedStringFormatter(g);return e.jsx(L.Button,{onPress:t,className:s.skipToContent,children:o.format("skipToContent")})},qe=()=>{const{isOpened:a,setIsOpened:t}=N();return a?e.jsx("div",{className:h.clsx(s.backdrop,s.backdropOpened),onClick:()=>{t==null||t(!1)},"aria-hidden":!0}):null},P=()=>{var l;const{items:a,clientSideRouter:t,clientSideHref:o}=N(),n=f.useLocalizedStringFormatter(g),r=(l=a.at(0))==null?void 0:l.items;return e.jsx("nav",{className:s.navbar,"aria-label":n.format("bottomMenu"),children:r&&e.jsx("ul",{className:h.clsx(s.navbarList),children:t?e.jsx(T.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb,{navigate:t,useHref:o,children:e.jsx(B,{items:r})}):e.jsx(B,{items:r})})})},B=({items:a})=>e.jsx(e.Fragment,{children:a.map(({href:t,active:o,icon:n,title:r,hasBadge:l},i)=>e.jsx("li",{children:e.jsxs(C.$4f118338184dc1d9$export$a6c7ac8248d6e38a,{href:t,className:h.clsx(s.navbarItem),"data-active":o,"aria-current":o&&"page",children:[e.jsxs(j.BadgeContainer,{children:[e.jsx(n,{size:20}),l&&e.jsx(j.Badge,{})]}),r]})},i))}),c=({items:a,title:t,user:o,app:n,children:r,headerChildren:l,clientSideRouter:i,clientSideHref:x,variant:m,className:u})=>{const[b,d]=_.useState(!1),[p,v]=_.useState(!1),S=_.useId();return m==="external"?e.jsx(c.Provider,{items:a,title:t,user:o,app:n,clientSideRouter:i,clientSideHref:x,headerChildren:l,isCollapsed:b,setIsCollapsed:d,variant:m,id:S,children:e.jsxs("div",{className:h.clsx(s.baseLayout,u),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:r})})}),e.jsx(c.Backdrop,{})]}),e.jsx("div",{className:s.navbarWrapper,children:e.jsx(c.Navbar,{})})]})}):e.jsx(c.Provider,{items:a,title:t,user:o,app:n,clientSideRouter:i,clientSideHref:x,headerChildren:l,isCollapsed:b,setIsCollapsed:d,isOpened:p,setIsOpened:v,variant:m,id:S,children:e.jsxs("div",{className:h.clsx(s.baseLayout,u),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:r})})}),e.jsx(c.Backdrop,{})]})]})})};c.Provider=Be;c.Header=w;c.Sidebar=q;c.SidebarLink=M;c.Navbar=P;c.Backdrop=qe;exports.Header=w;exports.Layout=c;exports.Navbar=P;exports.Sidebar=q;exports.SidebarLink=M;

package/Link-BCVI5W_i.js

@@ -0,0 +1,59 @@
+import { jsx as t, jsxs as p, Fragment as h } from "react/jsx-runtime";
+import { $ as u } from "./Link-Bn8V3ZI0.js";
+import { c as x } 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 './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 = [
+  ["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", g = "_stretched_txq8j_71", n = {
+  link: A,
+  icon: L,
+  standalone: $,
+  stretched: g
+}, D = ({
+  children: e,
+  standalone: r,
+  target: i,
+  stretched: s,
+  download: a,
+  icon: c,
+  className: d,
+  as: l,
+  ...m
+}) => {
+  const _ = l || u, f = ({ ...o }) => c ? /* @__PURE__ */ t(c, { ...o }) : a ? /* @__PURE__ */ t(y, { ...o }) : i === "_blank" ? /* @__PURE__ */ t(j, { ...o }) : r ? /* @__PURE__ */ t(w, { ...o }) : null;
+  return /* @__PURE__ */ t(
+    _,
+    {
+      className: x(
+        n.link,
+        r && n.standalone,
+        s && n.stretched,
+        d
+      ),
+      ...m,
+      children: /* @__PURE__ */ p(h, { children: [
+        e,
+        /* @__PURE__ */ t(
+          f,
+          {
+            size: 16,
+            className: n.icon
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  D as L
+};

package/{Link-yNO2-sqx.js → Link-Bn8V3ZI0.js}

@@ -1,10 +1,11 @@
-import { c as b, a as v, b as h } from "./utils-DIMfEPAt.js";
+import { $ as v, a as h } from "./utils-DJhAJHk_.js";
 import C, { forwardRef as D, createContext as T } from "react";
+import { a as b } from "./mergeProps-C1U1OIeJ.js";
 import { $ as E } from "./filterDOMProps-D6KHYVBX.js";
-import { a as F, b as H, c as g, d as y } from "./usePress-CNjmDzap.js";
-import { $ as L } from "./useFocusable-C8uh8K4g.js";
-import { $ as _ } from "./useHover-DjIHtjGN.js";
-import { $ as S } from "./useFocusRing-XnR3cZjO.js";
+import { a as F, b as H, c as g, d as y } from "./usePress-DuR4pVsE.js";
+import { $ as L } from "./useFocusable-ChPA2Jc7.js";
+import { $ as _ } from "./useHover-DQvJ3Y-W.js";
+import { $ as S } from "./useFocusRing-DOfBqnUN.js";
 function V(s, e) {
   let { elementType: a = "a", onPress: n, onPressStart: l, onPressEnd: o, onClick: f, isDisabled: t, ...$ } = s, i = {};
   a !== "a" && (i = {
@@ -36,7 +37,7 @@ function V(s, e) {
     })
   };
 }
-const N = /* @__PURE__ */ T(null), q = /* @__PURE__ */ D(function(e, a) {
+const N = /* @__PURE__ */ T(null), z = /* @__PURE__ */ D(function(e, a) {
   [e, a] = v(e, a, N);
   let n = e.href && !e.isDisabled ? "a" : "span", { linkProps: l, isPressed: o } = V({
     ...e,
@@ -66,6 +67,6 @@ const N = /* @__PURE__ */ T(null), q = /* @__PURE__ */ D(function(e, a) {
   }, d.children);
 });
 export {
-  q as $,
+  z as $,
   N as a
 };

package/Link-CVvnCOGP.cjs

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

package/Link-CidjjqHb.cjs

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

package/LinkButton-B6AWNiRn.cjs

@@ -0,0 +1,6 @@
+"use strict";require('./assets/LinkButton.css');const n=require("react/jsx-runtime"),f=require("./Link-CidjjqHb.cjs"),p=require("./clsx-C11secjj.cjs"),m=require("./square-arrow-out-up-right-xCFdJTzY.cjs"),y=require("./createLucideIcon-CTVXwe6i.cjs"),x=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 g=[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]],h=y.createLucideIcon("arrow-left",g),z="_linkButton_1klzp_4",w="_secondary_1klzp_55",B="_icon_1klzp_60",L="_tertiary_1klzp_85",q="_danger_1klzp_102",j="_iconBtn_1klzp_119",R="_medium_1klzp_141",A="_iconLeft_1klzp_146",N="_fullwidth_1klzp_150",t={linkButton:z,secondary:w,icon:B,tertiary:L,danger:q,iconBtn:j,medium:R,iconLeft:A,fullwidth:N},$=({children:i,variant:e,fullwidth:s,icon:o,iconPlacement:c,className:u,as:l,size:_="large",...d})=>{const a=l||f.$4f118338184dc1d9$export$a6c7ac8248d6e38a,k=({...r})=>o?n.jsx(o,{...r}):r.target==="_blank"?n.jsx(m.SquareArrowOutUpRight,{...r}):c==="left"?n.jsx(h,{...r}):n.jsx(x.ArrowRight,{...r});return n.jsxs(a,{className:p.clsx(t.linkButton,e==="primary"&&t.primary,e==="secondary"&&t.secondary,e==="tertiary"&&t.tertiary,e==="danger"&&t.danger,e==="icon"&&t.iconBtn,_==="medium"&&t.medium,s&&t.fullwidth,c==="left"&&t.iconLeft,u),...d,children:[i,n.jsx(k,{size:20,className:t.icon})]})};exports.LinkButton=$;