@midas-ds/components 11.0.0 → 11.2.0

package/Layout-CcADAhds.js

@@ -1,498 +0,0 @@
-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 k } from "./useLocalizedStringFormatter-N0AyjzbM.js";
-import { f as j } from "./tokens-r1r3wC04.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/Popover--r4Zr4mO.cjs

@@ -1 +0,0 @@
-"use strict";require('./assets/Popover.css');const r=require("react/jsx-runtime"),a=require("./clsx-C11secjj.cjs"),p=require("./OverlayArrow-DpZ1FqOd.cjs"),i=require("./Dialog-DtHk3eXI.cjs"),n="_popover_ycjap_4",l="_arrow_ycjap_19",e={popover:n,arrow:l};function x({children:o,className:s,offset:c=4,...t}){return r.jsxs(i.$07b14b47974efb58$export$5b6b19405a83ff9d,{...t,offset:c,className:a.clsx(e.popover,s),children:[r.jsx(p.$44f671af83e7d9e0$export$746d02f47f4d381,{className:e.arrow,children:r.jsx("svg",{width:8,height:8,viewBox:"0 0 8 8",children:r.jsx("path",{d:"M0 0 L4 4 L8 0"})})}),o]})}exports.Popover=x;