@midas-ds/components 11.1.0 → 12.0.0

package/Dialog-BkUw6PlA.js

@@ -1,221 +0,0 @@
-import { jsx as $, jsxs as v } from "react/jsx-runtime";
-import { e as H, f as I, g as j, h as A, i as x, j as F, k as T, l as U } from "./Dialog-DKHo0W9B.js";
-import { $ as K, b as O, h as V, a as w, f as W } from "./utils-KLjWgdLR.js";
-import { a as g } from "./mergeProps-C1U1OIeJ.js";
-import { $ as R } from "./filterDOMProps-D6KHYVBX.js";
-import f, { useState as k, useEffect as C, forwardRef as _, useContext as u, createContext as P, useRef as X, useMemo as q } from "react";
-import { $ as S } from "./SSRProvider-40TXmsUG.js";
-import { a as G, b as E, c as D } from "./OverlayArrow-DB_aVTVM.js";
-import { B as J } from "./Button-BjMaGya2.js";
-import { a as Q } from "./FocusScope-BCsrRPqD.js";
-import { H as Y } from "./Heading-D2y_kiC0.js";
-import { u as Z } from "./useLocalizedStringFormatter-N0AyjzbM.js";
-import { X as ee } from "./x-C2xUHAEl.js";
-import './assets/Dialog.css';let d = typeof document < "u" && window.visualViewport;
-function te() {
-  let a = S(), [e, t] = k(() => a ? {
-    width: 0,
-    height: 0
-  } : p());
-  return C(() => {
-    let i = () => {
-      t((n) => {
-        let r = p();
-        return r.width === n.width && r.height === n.height ? n : r;
-      });
-    };
-    return d ? d.addEventListener("resize", i) : window.addEventListener("resize", i), () => {
-      d ? d.removeEventListener("resize", i) : window.removeEventListener("resize", i);
-    };
-  }, []), e;
-}
-function p() {
-  return {
-    width: d && (d == null ? void 0 : d.width) || window.innerWidth,
-    height: d && (d == null ? void 0 : d.height) || window.innerHeight
-  };
-}
-function ae(a, e, t) {
-  let { overlayProps: i, underlayProps: n } = H({
-    ...a,
-    isOpen: e.isOpen,
-    onClose: e.close
-  }, t);
-  return I({
-    isDisabled: !e.isOpen
-  }), j(), C(() => {
-    if (e.isOpen && t.current) return A([
-      t.current
-    ]);
-  }, [
-    e.isOpen,
-    t
-  ]), {
-    modalProps: g(i),
-    underlayProps: n
-  };
-}
-const ie = /* @__PURE__ */ P(null), h = /* @__PURE__ */ P(null), ne = /* @__PURE__ */ _(function(e, t) {
-  if (u(h)) return /* @__PURE__ */ f.createElement(y, {
-    ...e,
-    modalRef: t
-  }, e.children);
-  let { isDismissable: n, isKeyboardDismissDisabled: r, isOpen: s, defaultOpen: l, onOpenChange: c, children: o, isEntering: b, isExiting: B, UNSTABLE_portalContainer: N, shouldCloseOnInteractOutside: L, ...z } = e;
-  return /* @__PURE__ */ f.createElement(M, {
-    isDismissable: n,
-    isKeyboardDismissDisabled: r,
-    isOpen: s,
-    defaultOpen: l,
-    onOpenChange: c,
-    isEntering: b,
-    isExiting: B,
-    UNSTABLE_portalContainer: N,
-    shouldCloseOnInteractOutside: L
-  }, /* @__PURE__ */ f.createElement(y, {
-    ...z,
-    modalRef: t
-  }, o));
-});
-function re(a, e) {
-  [a, e] = K(a, e, ie);
-  let t = u(x), i = G(a), n = a.isOpen != null || a.defaultOpen != null || !t ? i : t, r = O(e), s = X(null), l = E(r, n.isOpen), c = E(s, n.isOpen), o = l || c || a.isExiting || !1, b = S();
-  return !n.isOpen && !o || b ? null : /* @__PURE__ */ f.createElement(de, {
-    ...a,
-    state: n,
-    isExiting: o,
-    overlayRef: r,
-    modalRef: s
-  });
-}
-const M = /* @__PURE__ */ _(re);
-function de({ UNSTABLE_portalContainer: a, ...e }) {
-  let t = e.modalRef, { state: i } = e, { modalProps: n, underlayProps: r } = ae(e, i, t), s = D(e.overlayRef) || e.isEntering || !1, l = w({
-    ...e,
-    defaultClassName: "react-aria-ModalOverlay",
-    values: {
-      isEntering: s,
-      isExiting: e.isExiting,
-      state: i
-    }
-  }), c = te(), o = {
-    ...l.style,
-    "--visual-viewport-height": c.height + "px"
-  };
-  return /* @__PURE__ */ f.createElement(T, {
-    isExiting: e.isExiting,
-    portalContainer: a
-  }, /* @__PURE__ */ f.createElement("div", {
-    ...g(R(e), r),
-    ...l,
-    style: o,
-    ref: e.overlayRef,
-    "data-entering": s || void 0,
-    "data-exiting": e.isExiting || void 0
-  }, /* @__PURE__ */ f.createElement(W, {
-    values: [
-      [
-        h,
-        {
-          modalProps: n,
-          modalRef: t,
-          isExiting: e.isExiting,
-          isDismissable: e.isDismissable
-        }
-      ],
-      [
-        x,
-        i
-      ]
-    ]
-  }, l.children)));
-}
-function y(a) {
-  let { modalProps: e, modalRef: t, isExiting: i, isDismissable: n } = u(h), r = u(x), s = q(() => V(a.modalRef, t), [
-    a.modalRef,
-    t
-  ]), l = O(s), c = D(l), o = w({
-    ...a,
-    defaultClassName: "react-aria-Modal",
-    values: {
-      isEntering: c,
-      isExiting: i,
-      state: r
-    }
-  });
-  return /* @__PURE__ */ f.createElement("div", {
-    ...g(R(a), e),
-    ...o,
-    ref: l,
-    "data-entering": c || void 0,
-    "data-exiting": i || void 0
-  }, n && /* @__PURE__ */ f.createElement(F, {
-    onDismiss: r.close
-  }), o.children);
-}
-const le = "_modal_1b2lr_4", se = "_overlay_1b2lr_26", oe = "_modalHeader_1b2lr_47", fe = "_modalBody_1b2lr_56", m = {
-  modal: le,
-  overlay: se,
-  modalHeader: oe,
-  modalBody: fe
-}, ce = {
-  close: "Close"
-}, $e = {
-  close: "Stäng"
-}, me = {
-  en: ce,
-  sv: $e
-}, _e = ({
-  children: a,
-  title: e,
-  ...t
-}) => {
-  const i = Z(me);
-  return /* @__PURE__ */ $(U, { ...t, children: /* @__PURE__ */ $(
-    M,
-    {
-      ...t,
-      className: m.overlay,
-      children: /* @__PURE__ */ $(
-        Q,
-        {
-          contain: !0,
-          autoFocus: !0,
-          restoreFocus: !0,
-          children: /* @__PURE__ */ v(
-            ne,
-            {
-              ...t,
-              className: m.modal,
-              children: [
-                /* @__PURE__ */ $("div", { className: m.modalHeader, children: /* @__PURE__ */ $(
-                  J,
-                  {
-                    slot: "close",
-                    variant: "tertiary",
-                    icon: ee,
-                    iconPlacement: "right",
-                    children: i.format("close")
-                  }
-                ) }),
-                /* @__PURE__ */ v(
-                  "div",
-                  {
-                    className: m.modalBody,
-                    tabIndex: -1,
-                    children: [
-                      e && /* @__PURE__ */ $(Y, { level: 2, children: e }),
-                      a
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        }
-      )
-    }
-  ) });
-};
-export {
-  _e as M
-};

package/Dropdown-CYakzdJg.cjs

@@ -1,6 +0,0 @@
-"use strict";require('./assets/Dropdown.css');const e=require("react/jsx-runtime"),t=require("./Dialog-DtHk3eXI.cjs"),s=require("./Button-Dq6ugqxT.cjs"),l=require("./clsx-C11secjj.cjs"),d=require("./createLucideIcon-CTVXwe6i.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 a=[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]],u=d.createLucideIcon("ellipsis-vertical",a),x="_dropDownMenu_1rzf1_4",m="_menuItem_1rzf1_15",o={dropDownMenu:x,menuItem:m};function b({label:c,title:i,children:n,...r}){return e.jsxs(t.$3674c52c6b3c5bce$export$27d2ad3c5815583e,{...r,children:[e.jsxs(s.Button,{"aria-label":c||r["aria-label"],variant:"icon",children:[i,e.jsx(u,{size:20,"aria-hidden":!0})]}),e.jsx(t.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:e.jsx(t.$3674c52c6b3c5bce$export$d9b273488cd8ce6f,{...r,className:o.dropDownMenu,children:n})})]})}function h(c){const i=c.textValue||(typeof c.children=="string"?c.children:void 0);return e.jsx(t.$3674c52c6b3c5bce$export$2ce376c2cc3355c8,{...c,textValue:i,className:({isFocused:n,isOpen:r})=>l.clsx(o.menuItem,c.className,n&&"focused",r&&"open"),children:({hasSubmenu:n})=>e.jsxs(e.Fragment,{children:[c.children,n&&e.jsx("svg",{className:"chevron",viewBox:"0 0 24 24",children:e.jsx("path",{d:"m9 18 6-6-6-6"})})]})})}exports.Dropdown=b;exports.DropdownItem=h;

package/FieldError-CDCvUjK5.js

@@ -1,46 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as f from "react";
-import d, { createContext as m, forwardRef as s, useContext as c } from "react";
-import { a as u } from "./utils-KLjWgdLR.js";
-import { a as $ } from "./Text-DcZqSUN9.js";
-import { $ as E } from "./filterDOMProps-D6KHYVBX.js";
-import { c as p } from "./clsx-OuTLNxxd.js";
-import { T as v } from "./Text-BPcfhYQ9.js";
-import './assets/FieldError.css';const l = /* @__PURE__ */ m(null), x = /* @__PURE__ */ s(function(o, r) {
-  let t = c(l);
-  return t != null && t.isInvalid ? /* @__PURE__ */ d.createElement(b, {
-    ...o,
-    ref: r
-  }) : null;
-}), b = /* @__PURE__ */ s((e, o) => {
-  let r = c(l), t = E(e), n = u({
-    ...e,
-    defaultClassName: "react-aria-FieldError",
-    defaultChildren: r.validationErrors.length === 0 ? void 0 : r.validationErrors.join(" "),
-    values: r
-  });
-  return n.children == null ? null : /* @__PURE__ */ d.createElement($, {
-    slot: "errorMessage",
-    ...t,
-    ...n,
-    ref: o
-  });
-}), C = "_fieldError_17ine_4", F = {
-  fieldError: C
-}, w = f.forwardRef(
-  (e, o) => {
-    const { children: r, isInvalid: t } = e, n = p(F.fieldError, e.className), a = f.useContext(l);
-    return !a && t && typeof r != "function" ? /* @__PURE__ */ i(v, { className: n, children: r }) : a != null && a.isInvalid ? /* @__PURE__ */ i(
-      x,
-      {
-        ...e,
-        ref: o,
-        className: n
-      }
-    ) : null;
-  }
-);
-export {
-  l as $,
-  w as F
-};

package/Grid-DVQtOcu9.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("react/jsx-runtime"),s=require("./GridItem-XgHmZWXY.cjs"),a=require("./clsx-C11secjj.cjs"),t=({children:i,fluid:r=!1,isContained:c=!1,removeMargins:n=!1,...e})=>l.jsx("div",{...e,className:a.clsx(s.styles.container,r&&s.styles.fluid,c&&s.styles.contained,n&&s.styles.removeMargins,e.className),children:l.jsx("div",{className:s.styles.flex,children:i})}),d=t;exports.Flex=d;exports.Grid=t;

package/Heading-CKTR4sOz.cjs

@@ -1 +0,0 @@
-"use strict";require('./assets/Heading.css');const o=require("react/jsx-runtime"),i=require("./clsx-C11secjj.cjs"),u=require("./RSPContexts-D8hmBfGm.cjs"),_=require("./utils-DHNZrQmj.cjs"),f=require("react"),d=f.forwardRef(function(t,s){[t,s]=_.$64fa3d84918910a7$export$29f1550f4b0d4415(t,s,u.$4e85f108e88277b8$export$d688439359537581);let{children:c,level:h=3,className:n,...a}=t,l=`h${h}`;return f.createElement(l,{...a,ref:s,className:n??"react-aria-Heading"},c)}),$="_h1_f2fu6_4",x="_h2_f2fu6_5",m="_h3_f2fu6_6",q="_h4_f2fu6_7",v="_h5_f2fu6_8",g="_h6_f2fu6_9",e={h1:$,h2:x,h3:m,h4:q,h5:v,h6:g},H=({children:r,className:t,isExpressive:s=!1,level:c=3,elementType:h,...n})=>{const a=h&&parseInt(h.split("h")[1]);return o.jsx(d,{level:a||c,className:i.clsx([e.h1,e.h2,e.h3,e.h4,e.h5,e.h6][c-1],t),...s&&{"data-expressive":!0},...n,children:r})};exports.Heading=H;

package/InfoBanner-CzwbOdRG.cjs

@@ -1 +0,0 @@
-"use strict";require('./assets/InfoBanner.css');const s=require("react/jsx-runtime"),_=require("react"),h=require("./clsx-C11secjj.cjs"),m=require("./Button-Dq6ugqxT.cjs"),p=require("./triangle-alert-BviJNFjf.cjs"),i=require("./circle-check-OVUGxwp9.cjs"),z=require("./info-Dj6SyPex.cjs"),k=require("./x-rV-nu490.cjs"),b=require("./useLocalizedStringFormatter-BO2iZEL0.cjs");function x(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const j=x(_),q='"../theme/tokens.css"',w="_infoBanner_cszz3_4",v="_success_cszz3_14",B="_info_cszz3_4",N="_important_cszz3_24",S="_warning_cszz3_29",y="_content_cszz3_38",C="_heading_cszz3_44",I="_text_cszz3_49",O="_icon_cszz3_55",A="_dismissable_cszz3_60",t={tokens:q,"--font-family":'"Inter", sans-serif',"--text-primary":"light-dark(#171717, #f2f2f2)","--line-height-40":"1.375rem","--support-border-success":"light-dark(#008d3c, #008d3c)","--support-background-success":"light-dark(#d5f2d9, light-dark(#f2f2f2, #262626))","--support-border-info":"light-dark(#0066cc, #0066cc)","--support-background-info":"light-dark(#eaf2f6, light-dark(#f2f2f2, #262626))","--support-border-warning":"light-dark(#e62323, #e62323)","--support-background-warning":"light-dark(#ffdfdf, light-dark(#f2f2f2, #262626))","--support-border-important":"light-dark(#fdb813, #fdb813)","--support-background-important":"light-dark(#fff8e1, light-dark(#f2f2f2, #262626))",infoBanner:w,success:v,info:B,important:N,warning:S,content:y,heading:C,text:I,icon:O,dismissable:A},P={close:"Close"},R={close:"Stäng"},D={en:P,sv:R},F={success:i.CircleCheck,info:z.Info,important:i.CircleAlert,warning:p.TriangleAlert},L=({title:e,message:r,type:n,children:c,dismissable:a=!1,isDismissable:l=!1,...o})=>{const f=F[n],[d,u]=j.useState(!0),g=b.useLocalizedStringFormatter(D);return d?s.jsxs("div",{...o,className:h.clsx(t.infoBanner,t[n],o.className),children:[s.jsx(f,{size:20,"aria-hidden":!0,className:t.icon}),s.jsxs("div",{className:t.content,children:[e&&s.jsx("strong",{className:t.heading,children:e}),s.jsxs("div",{className:t.text,children:[r,c]})]}),(a||l)&&s.jsx("div",{className:t.dismissable,children:s.jsx(m.Button,{variant:"icon","aria-label":g.format("close"),onPress:()=>u(!1),children:s.jsx(k.X,{size:20})})})]}):null};exports.InfoBanner=L;

package/InfoBanner-D05poAe3.js

@@ -1,91 +0,0 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import * as p from "react";
-import { c as h } from "./clsx-OuTLNxxd.js";
-import { B as _ } from "./Button-BjMaGya2.js";
-import { T as u } from "./triangle-alert-B_qAPmWC.js";
-import { C as z, a as k } from "./circle-check-BErh6TKu.js";
-import { I as b } from "./info-CPK1vbOJ.js";
-import { X as x } from "./x-C2xUHAEl.js";
-import { u as w } from "./useLocalizedStringFormatter-N0AyjzbM.js";
-import './assets/InfoBanner.css';const v = '"../theme/tokens.css"', B = "_infoBanner_cszz3_4", N = "_success_cszz3_14", I = "_info_cszz3_4", C = "_important_cszz3_24", S = "_warning_cszz3_29", j = "_content_cszz3_38", y = "_heading_cszz3_44", A = "_text_cszz3_49", T = "_icon_cszz3_55", F = "_dismissable_cszz3_60", s = {
-  tokens: v,
-  "--font-family": '"Inter", sans-serif',
-  "--text-primary": "light-dark(#171717, #f2f2f2)",
-  "--line-height-40": "1.375rem",
-  "--support-border-success": "light-dark(#008d3c, #008d3c)",
-  "--support-background-success": "light-dark(#d5f2d9, light-dark(#f2f2f2, #262626))",
-  "--support-border-info": "light-dark(#0066cc, #0066cc)",
-  "--support-background-info": "light-dark(#eaf2f6, light-dark(#f2f2f2, #262626))",
-  "--support-border-warning": "light-dark(#e62323, #e62323)",
-  "--support-background-warning": "light-dark(#ffdfdf, light-dark(#f2f2f2, #262626))",
-  "--support-border-important": "light-dark(#fdb813, #fdb813)",
-  "--support-background-important": "light-dark(#fff8e1, light-dark(#f2f2f2, #262626))",
-  infoBanner: B,
-  success: N,
-  info: I,
-  important: C,
-  warning: S,
-  content: j,
-  heading: y,
-  text: A,
-  icon: T,
-  dismissable: F
-}, L = {
-  close: "Close"
-}, M = {
-  close: "Stäng"
-}, P = {
-  en: L,
-  sv: M
-}, R = {
-  success: k,
-  info: b,
-  important: z,
-  warning: u
-}, O = ({
-  title: o,
-  message: i,
-  type: r,
-  children: a,
-  dismissable: c = !1,
-  isDismissable: f = !1,
-  ...e
-}) => {
-  const d = R[r], [l, m] = p.useState(!0), g = w(P);
-  return l ? /* @__PURE__ */ t(
-    "div",
-    {
-      ...e,
-      className: h(s.infoBanner, s[r], e.className),
-      children: [
-        /* @__PURE__ */ n(
-          d,
-          {
-            size: 20,
-            "aria-hidden": !0,
-            className: s.icon
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: s.content, children: [
-          o && /* @__PURE__ */ n("strong", { className: s.heading, children: o }),
-          /* @__PURE__ */ t("div", { className: s.text, children: [
-            i,
-            a
-          ] })
-        ] }),
-        (c || f) && /* @__PURE__ */ n("div", { className: s.dismissable, children: /* @__PURE__ */ n(
-          _,
-          {
-            variant: "icon",
-            "aria-label": g.format("close"),
-            onPress: () => m(!1),
-            children: /* @__PURE__ */ n(x, { size: 20 })
-          }
-        ) })
-      ]
-    }
-  ) : null;
-};
-export {
-  O as I
-};

package/Label-ChjDdBlv.cjs

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

package/Layout-BwLxIwtY.cjs

@@ -1,16 +0,0 @@
-"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-DWVHS5dn.cjs"),y=require("./createLucideIcon-CTVXwe6i.cjs"),T=require("./usePress-BooY_CAy.cjs"),f=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),H=require("./tokens-BF-dPard.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;