@midas-ds/components 11.1.0 → 11.2.0

package/Layout-DtyhUz-G.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-BjMaGya2.js";
+import { $ as y } from "./Link-CibH8uRY.js";
+import { a as $, T as G } from "./Tooltip-DjNc93tV.js";
+import { a as L, B as M } from "./BadgeContainer-CKBIZWsc.js";
+import { c as T } from "./createLucideIcon-XRdN60yz.js";
+import { $ as w } from "./usePress-BW47IcyU.js";
+import { u as C } from "./useLocalizedStringFormatter-N0AyjzbM.js";
+import { f as j } from "./tokens-CqvelUoA.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_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($, { 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")
+    }
+  );
+}, Oe = () => {
+  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;
+}, $e = () => {
+  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(O, { 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 = $e;
+c.Backdrop = Oe;
+export {
+  He as H,
+  c as L,
+  $e as N,
+  Pe as S,
+  H as a
+};

package/{ListBox-CsxDGpCA.js → ListBox-Djy7244v.js}

@@ -1,7 +1,7 @@
 import { $ as ee, a as fe, b as pe, c as $e, d as z, e as be } from "./Collection-D2jVTmDW.js";
 import { $ as ve, b as q, a as H, f as oe, g as ge, h as me, d as he } from "./utils-KLjWgdLR.js";
 import { $ as N, a as xe, b as te, c as Pe, d as De } from "./DragAndDrop-DOXLfJaA.js";
-import { $ as ye, a as Se, b as ke, c as Ee, d as Fe } from "./Separator-CEZ5y7tZ.js";
+import { $ as ye, a as Se, b as ke, c as Ee, d as Fe } from "./Separator-DvvVAypT.js";
 import { $ as Me } from "./Text-DcZqSUN9.js";
 import { c as ae, a as M, b as Y, e as we } from "./mergeProps-C1U1OIeJ.js";
 import { $ as L } from "./filterDOMProps-D6KHYVBX.js";
@@ -9,14 +9,14 @@ import { $ as Be } from "./inertValue-B7loUihk.js";
 import s, { forwardRef as re, createContext as ie, useContext as m, useEffect as le, useMemo as C, useRef as O } from "react";
 import { d as Ie } from "./usePress-BW47IcyU.js";
 import { h as Ve, i as He, $ as de, a as Z } from "./useHover-DQvJ3Y-W.js";
-import { d as Le } from "./SelectionManager-BubxiIKu.js";
+import { d as Le } from "./SelectionManager-BKrZ_mMO.js";
 import { $ as _e } from "./useFocusWithin-T1ifEM_s.js";
 import { a as Ae } from "./Button-CepQFEit.js";
-import { a as Te, $ as Ce } from "./useListState-DNB7JWoj.js";
+import { a as Te, $ as Ce } from "./useListState-B3c3xcNW.js";
 import { $ as Oe } from "./context-CGNJ3grH.js";
-import { $ as ze, a as Ne } from "./ListKeyboardDelegate-C-sPNj0f.js";
+import { $ as ze, a as Ne } from "./ListKeyboardDelegate-CHki611g.js";
 import { $ as Ue } from "./useFocusRing-DOfBqnUN.js";
-import { a as Ke } from "./FocusScope-BCsrRPqD.js";
+import { a as Ke } from "./FocusScope-DMsfA3bj.js";
 const j = /* @__PURE__ */ new WeakMap();
 function Re(o) {
   return typeof o == "string" ? o.replace(/\s*/g, "") : "" + o;

package/{ListBoxButton-BsuHFd_O.cjs → ListBoxButton-CIqNRR3y.cjs}

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),t=require("./ListBoxSection-C-Rz358T.cjs"),u=({className:s,children:o,...e})=>i.jsx("button",{type:"button",className:n.clsx(t.styles.listBoxItem,t.styles.listBoxButton,s),...e,children:o});exports.ListBoxButton=u;
+"use strict";const i=require("react/jsx-runtime"),n=require("./clsx-C11secjj.cjs"),t=require("./ListBoxSection-BYJccE4T.cjs"),u=({className:s,children:o,...e})=>i.jsx("button",{type:"button",className:n.clsx(t.styles.listBoxItem,t.styles.listBoxButton,s),...e,children:o});exports.ListBoxButton=u;

package/{ListBoxButton-DawRfuny.js → ListBoxButton-sqirI6I4.js}

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as i } from "./clsx-OuTLNxxd.js";
-import { s as t } from "./ListBoxSection-Cc2cx0_S.js";
+import { s as t } from "./ListBoxSection-Cicbu8pS.js";
 const l = ({ className: o, children: s, ...m }) => /* @__PURE__ */ r(
   "button",
   {