@reapit/elements 5.0.0-beta.80 → 5.0.0-beta.81

package/dist/js/nav-responsive-CgrAMnq3.js

@@ -1,345 +0,0 @@
-import { jsx as e, jsxs as c, Fragment as S } from "react/jsx-runtime";
-import { c as d } from "./index-BsMVp4qF.js";
-import { useState as W, Fragment as H } from "react";
-import { useNavState as X } from "./deprecated/use-nav-state.js";
-import { isWidthBelow as Y } from "./utils/breakpoints.js";
-import { u as G } from "./use-match-media-3UiitAUD.js";
-import { s as v } from "./index-AHmiDD3r.js";
-import { e as J, j as C, a as Q } from "./deprecated-spacing-CGGxnk0m.js";
-import { g as V } from "./random-id-Dlehz5dT.js";
-import { D as Z } from "./avatar-BDtxrc67.js";
-import { F as ee } from "./typography-DeZ1Nfkq.js";
-import { e as k } from "./deprecated-states-CuyVqPko.js";
-import { h as i } from "./handle-keyboard-event-DUi59qMJ.js";
-import { AppSwitcherIcon as ae } from "./icons/app-switcher.js";
-import { MoreIcon as ne } from "./icons/more.js";
-import { A as te } from "./app-logo-DI6bR-xZ.js";
-import { ChevronUpIcon as j } from "./icons/chevron-up.js";
-import { ChevronDownIcon as F } from "./icons/chevron-down.js";
-const se = /* @__PURE__ */ v("div")({
-  name: "ElDeprecatedNavBg",
-  class: "el-deprecated-nav-bg",
-  propsAsIs: !1
-}), P = /* @__PURE__ */ v("div")({
-  name: "ElDeprecatedNavControlsBg",
-  class: "el-deprecated-nav-controls-bg",
-  propsAsIs: !1
-}), oe = /* @__PURE__ */ v("nav")({
-  name: "ElDeprecatedNavContainer",
-  class: "el-deprecated-nav-container",
-  propsAsIs: !1
-}), re = /* @__PURE__ */ v("div")({
-  name: "ElDeprecatedNavSubContainer",
-  class: "el-deprecated-nav-sub-container",
-  propsAsIs: !1
-}), ce = "el-deprecated-nav-item-secondary", pe = /* @__PURE__ */ v("a")({
-  name: "ElDeprecatedNavItem",
-  class: "el-deprecated-nav-item",
-  propsAsIs: !1
-}), B = "el-deprecated-nav-item-active", le = "el-deprecated-nav-item-expanded", $e = "el-deprecated-nav-item-icon", de = /* @__PURE__ */ v("a")({
-  name: "ElDeprecatedNavSubItem",
-  class: "el-deprecated-nav-sub-item",
-  propsAsIs: !1
-}), ie = "el-deprecated-nav-sub-item-expanded", ve = "el-deprecated-nav-sub-item-active", me = "el-deprecated-nav-item-hide-desktop", ue = "el-deprecated-nav-is-hidden", T = /* @__PURE__ */ v("div")({
-  name: "ElDeprecatedNavMenu",
-  class: "el-deprecated-nav-menu",
-  propsAsIs: !1
-}), A = /* @__PURE__ */ v("div")({
-  name: "ElDeprecatedNavMenuOption",
-  class: "el-deprecated-nav-menu-option",
-  propsAsIs: !1
-}), $ = /* @__PURE__ */ v("div")({
-  name: "ElDeprecatedNavMenuOptionDivider",
-  class: "el-deprecated-nav-menu-option-divider",
-  propsAsIs: !1
-}), he = /* @__PURE__ */ v("div")({
-  name: "ElDeprecatedNavResponsiveAvatarWrap",
-  class: "el-deprecated-nav-responsive-avatar-wrap",
-  propsAsIs: !1
-}), Ne = "el-app-switcher-open", De = /* @__PURE__ */ v("div")({
-  name: "ElNavResponsiveAppSwitcherWrap",
-  class: "el-nav-responsive-app-switcher-wrap",
-  propsAsIs: !1
-}), fe = /* @__PURE__ */ v("div")({
-  name: "ElNavResponsiveAppSwitcherIconWrap",
-  class: "el-nav-responsive-app-switcher-icon-wrap",
-  propsAsIs: !1
-}), _e = "el-new-top-bar-app-switcher", R = ({ isSecondary: a, children: n, className: s, ...t }) => {
-  const o = d(a && ce, s);
-  return /* @__PURE__ */ e(pe, { className: o, ...t, children: n });
-}, Ie = ({ children: a, ...n }) => /* @__PURE__ */ e(oe, { ...n, children: a }), we = ({ children: a, ...n }) => /* @__PURE__ */ e(de, { ...n, children: a }), Ee = ({ children: a, ...n }) => /* @__PURE__ */ e(re, { ...n, children: a }), h = (a, n) => (s) => {
-  s?.preventDefault(), s?.stopPropagation(), a((t) => !t), n && n();
-}, g = (a) => (n) => {
-  n?.preventDefault(), n?.stopPropagation(), a((s) => !s);
-}, O = ({ options: a, isHidden: n, text: s }) => {
-  const [t, o] = W(!1);
-  return /* @__PURE__ */ c(S, { children: [
-    /* @__PURE__ */ e(
-      P,
-      {
-        className: d(t && k),
-        onClick: g(o),
-        onKeyDown: i("Enter", g(o))
-      }
-    ),
-    /* @__PURE__ */ c(
-      he,
-      {
-        onClick: h(o),
-        onKeyDown: i("Enter", h(o)),
-        className: d(n && ue),
-        role: "button",
-        tabIndex: 0,
-        children: [
-          /* @__PURE__ */ e(Z, { className: d(J), type: "profile", children: s }),
-          !!a.length && /* @__PURE__ */ c(S, { children: [
-            t ? /* @__PURE__ */ e(j, { color: "secondary" }) : /* @__PURE__ */ e(F, { color: "secondary" }),
-            t && /* @__PURE__ */ e(T, { children: a.map(({ callback: m, text: N }, r) => /* @__PURE__ */ c(H, { children: [
-              !!r && r === a.length - 1 && /* @__PURE__ */ e($, {}),
-              /* @__PURE__ */ e(
-                A,
-                {
-                  onClick: h(o, m),
-                  onKeyDown: i("Enter", h(o, m)),
-                  role: "button",
-                  tabIndex: 0,
-                  children: N
-                }
-              )
-            ] }, r)) })
-          ] })
-        ]
-      }
-    )
-  ] });
-}, be = ({ options: a, className: n }) => {
-  const [s, t] = W(!1), o = () => {
-    window.location.href.includes(".dev.") || window.location.href.includes("localhost") ? window.location.href = "https://marketplace.dev.paas.reapit.cloud/installed" : window.location.href = "https://marketplace.reapit.cloud/installed";
-  };
-  return /* @__PURE__ */ c(S, { children: [
-    /* @__PURE__ */ e(
-      P,
-      {
-        className: d(s && k),
-        onClick: g(t),
-        onKeyDown: i("Enter", g(t))
-      }
-    ),
-    /* @__PURE__ */ c(
-      De,
-      {
-        onClick: h(t),
-        onKeyDown: i("Enter", h(t)),
-        role: "button",
-        tabIndex: 0,
-        className: n,
-        children: [
-          /* @__PURE__ */ e(fe, { className: d(s && Ne), children: /* @__PURE__ */ e(ae, { color: "secondary" }) }),
-          s && /* @__PURE__ */ c(T, { children: [
-            /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(ee, { hasUpperCasedText: !0, hasDisabledText: !0, hasBoldText: !0, children: "Your Apps" }) }),
-            a.map(({ callback: m, text: N, iconUrl: r }, y) => /* @__PURE__ */ c(
-              A,
-              {
-                onClick: h(t, m),
-                onKeyDown: i("Enter", h(t, m)),
-                role: "button",
-                tabIndex: 0,
-                children: [
-                  r && typeof r == "string" ? /* @__PURE__ */ e("img", { src: r, alt: `Product icon with url ${r}` }) : r,
-                  N
-                ]
-              },
-              y
-            )),
-            /* @__PURE__ */ e($, {}),
-            /* @__PURE__ */ e(
-              A,
-              {
-                onClick: h(t, o),
-                onKeyDown: i("Enter", h(t, o)),
-                role: "button",
-                tabIndex: 0,
-                children: "My Installed Apps"
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}, qe = ({
-  options: a,
-  className: n,
-  defaultNavIndex: s,
-  defaultNavSubIndex: t,
-  appSwitcherOptions: o,
-  avatarOptions: m,
-  brandOptions: N,
-  avatarText: r = "",
-  ...y
-}) => {
-  const { navState: _, setNavState: u } = X(s, t), I = G(Y("SM")), { navItemIndex: D, navSubItemIndex: f, navMenuOpen: p } = _;
-  return /* @__PURE__ */ c(S, { children: [
-    /* @__PURE__ */ e(
-      se,
-      {
-        className: d(I && p && k),
-        onClick: u({
-          navMenuOpen: !p
-        }),
-        onKeyDown: i(
-          "Enter",
-          u({
-            navMenuOpen: !p
-          })
-        )
-      }
-    ),
-    /* @__PURE__ */ c(Ie, { className: d(n), ...y, children: [
-      a.map(({ href: x, callback: w, text: q, subItems: M, itemIndex: l }, z) => {
-        const E = M && M.length > 0;
-        return z ? /* @__PURE__ */ c(H, { children: [
-          /* @__PURE__ */ c(
-            R,
-            {
-              className: d(
-                D === l && B,
-                p && le
-              ),
-              href: x,
-              role: "button",
-              tabIndex: 0,
-              onClick: u(E ? {
-                navItemIndex: l,
-                navSubItemIndex: D === l && f ? f : 0,
-                callback: w
-              } : { navItemIndex: l, callback: w, navMenuOpen: !p }),
-              onKeyDown: i(
-                "Enter",
-                u(E ? {
-                  navItemIndex: l,
-                  navSubItemIndex: D === l && f ? f : 0,
-                  callback: w
-                } : { navItemIndex: l, callback: w, navMenuOpen: !p })
-              ),
-              children: [
-                q,
-                E && I && (p && D === l ? /* @__PURE__ */ e(j, { className: C, color: "secondary" }) : /* @__PURE__ */ e(F, { className: C, color: "secondary" }))
-              ]
-            }
-          ),
-          E && /* @__PURE__ */ e(Ee, { children: M.map(
-            ({
-              callback: K,
-              text: L,
-              href: U,
-              itemIndex: b
-            }) => /* @__PURE__ */ e(
-              we,
-              {
-                className: d(
-                  f === b && ve,
-                  p && D === l && ie
-                ),
-                href: U,
-                onClick: u({
-                  navSubItemIndex: b,
-                  callback: K,
-                  navMenuOpen: !p
-                }),
-                onKeyDown: i(
-                  "Enter",
-                  u({
-                    navSubItemIndex: b,
-                    callback: K,
-                    navMenuOpen: !p
-                  })
-                ),
-                children: /* @__PURE__ */ e("span", { children: L })
-              },
-              b
-            )
-          ) }, V())
-        ] }, l) : /* @__PURE__ */ c(
-          R,
-          {
-            className: d(D === l && B),
-            href: x,
-            children: [
-              o && /* @__PURE__ */ e(be, { options: o }),
-              N?.logoUrl ? /* @__PURE__ */ e(
-                "img",
-                {
-                  src: N.logoUrl,
-                  alt: `Brand icon with url ${N.logoUrl}`,
-                  style: {
-                    maxHeight: "1.5rem"
-                    /* was --nav-brand-height */
-                  },
-                  onClick: N?.callback,
-                  onKeyDown: i("Enter", N?.callback),
-                  role: "button",
-                  tabIndex: 0
-                }
-              ) : /* @__PURE__ */ e(te, { appName: "Reapit" }),
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: d(C, Q, me),
-                  onClick: u({
-                    navMenuOpen: !p
-                  }),
-                  onKeyDown: i(
-                    "Enter",
-                    u({
-                      navMenuOpen: !p
-                    })
-                  ),
-                  role: "button",
-                  tabIndex: 0,
-                  children: /* @__PURE__ */ e(ne, {})
-                }
-              ),
-              (m || r) && /* @__PURE__ */ e(O, { isHidden: !I, options: m ?? [], text: r })
-            ]
-          },
-          l
-        );
-      }),
-      (m || r) && /* @__PURE__ */ e(O, { isHidden: I, options: m ?? [], text: r })
-    ] })
-  ] });
-};
-export {
-  O as A,
-  qe as B,
-  R as D,
-  se as E,
-  be as N,
-  P as a,
-  oe as b,
-  re as c,
-  pe as d,
-  ce as e,
-  B as f,
-  le as g,
-  $e as h,
-  de as i,
-  ie as j,
-  ve as k,
-  me as l,
-  ue as m,
-  T as n,
-  A as o,
-  $ as p,
-  he as q,
-  Ne as r,
-  De as s,
-  fe as t,
-  _e as u,
-  Ie as v,
-  we as w,
-  Ee as x,
-  h as y,
-  g as z
-};

package/dist/js/open-dialog-KqBCcS5k.js

@@ -1,28 +0,0 @@
-function e(o) {
-  const n = typeof o == "string" ? document.getElementById(o) : o;
-  if (!n) {
-    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`closeDialog: Element ${t} not found in the DOM`);
-  }
-  if (!(n instanceof HTMLDialogElement)) {
-    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`closeDialog: Element ${t} is not an HTMLDialogElement`);
-  }
-  n.close();
-}
-function i(o) {
-  const n = typeof o == "string" ? document.getElementById(o) : o;
-  if (!n) {
-    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`openDialog: Element ${t} not found in the DOM`);
-  }
-  if (!(n instanceof HTMLDialogElement)) {
-    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`openDialog: Element ${t} is not an HTMLDialogElement`);
-  }
-  n.showModal();
-}
-export {
-  e as c,
-  i as o
-};

package/dist/js/page-header-Cs8b0-nW.js

@@ -1,140 +0,0 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import { s as e } from "./index-AHmiDD3r.js";
-import { M as H } from "./main-container-BN8zxo5R.js";
-const f = /* @__PURE__ */ e("header")({
-  name: "ElPageHeader",
-  class: "el-page-header",
-  propsAsIs: !1
-}), E = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderBreadcrumbsContainer",
-  class: "el-page-header-breadcrumbs-container",
-  propsAsIs: !1
-}), u = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderLeadingElementContainer",
-  class: "el-page-header-leading-element-container",
-  propsAsIs: !1
-}), h = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderTitleContainer",
-  class: "el-page-header-title-container",
-  propsAsIs: !1
-}), I = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderSubtitleContainer",
-  class: "el-page-header-subtitle-container",
-  propsAsIs: !1
-}), A = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderSupplementaryInfoContainer",
-  class: "el-page-header-supplementary-info-container",
-  propsAsIs: !1
-}), T = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderLeadingElement",
-  class: "el-page-header-leading-element",
-  propsAsIs: !1
-});
-function g({ children: s, type: l, ...n }) {
-  return /* @__PURE__ */ a(T, { ...n, "data-type": l, children: s });
-}
-g.displayName = "PageHeader.LeadingElement";
-const S = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderSubtitle",
-  class: "el-page-header-subtitle",
-  propsAsIs: !1
-}), b = /* @__PURE__ */ e("p")({
-  name: "ElPageHeaderSubtitleText",
-  class: "el-page-header-subtitle-text",
-  propsAsIs: !1
-}), y = /* @__PURE__ */ e("p")({
-  name: "ElPageHeaderSubtitleAdditionalInfo",
-  class: "el-page-header-subtitle-additional-info",
-  propsAsIs: !1
-});
-function c({ additionalInfo: s, children: l, ...n }) {
-  return /* @__PURE__ */ t(S, { ...n, children: [
-    /* @__PURE__ */ a(b, { children: l }),
-    /* @__PURE__ */ a(y, { children: s })
-  ] });
-}
-c.displayName = "PageHeader.Subtitle";
-const v = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderSupplementaryInfo",
-  class: "el-page-header-supplementary-info",
-  propsAsIs: !1
-});
-function m({ children: s, ...l }) {
-  return /* @__PURE__ */ a(v, { ...l, children: s });
-}
-m.displayName = "PageHeader.SupplementaryInfo";
-const C = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderTitle",
-  class: "el-page-header-title",
-  propsAsIs: !1
-}), x = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderTitleContent",
-  class: "el-page-header-title-content",
-  propsAsIs: !1
-}), L = /* @__PURE__ */ e("h1")({
-  name: "ElPageHeaderTitleText",
-  class: "el-page-header-title-text",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ e("p")({
-  name: "ElPageHeaderTitleAdditionalInfo",
-  class: "el-page-header-title-additional-info",
-  propsAsIs: !1
-}), j = /* @__PURE__ */ e("div")({
-  name: "ElPageHeaderTitleActions",
-  class: "el-page-header-title-actions",
-  propsAsIs: !1
-});
-function P({ actions: s, additionalInfo: l, children: n, ...i }) {
-  return /* @__PURE__ */ t(C, { ...i, children: [
-    /* @__PURE__ */ t(x, { children: [
-      /* @__PURE__ */ a(L, { children: n }),
-      /* @__PURE__ */ a(N, { children: l })
-    ] }),
-    /* @__PURE__ */ a(j, { children: s })
-  ] });
-}
-P.displayName = "PageHeader.Title";
-function r({
-  backgroundColour: s,
-  navigation: l,
-  title: n,
-  size: i,
-  subtitle: d,
-  leadingElement: o,
-  supplementaryInfo: p
-}) {
-  return /* @__PURE__ */ a(H, { as: "div", backgroundColour: s, size: i, children: /* @__PURE__ */ t(f, { children: [
-    l && /* @__PURE__ */ a(E, { children: l }),
-    o && /* @__PURE__ */ a(u, { children: o }),
-    /* @__PURE__ */ a(h, { children: n }),
-    d && /* @__PURE__ */ a(I, { children: d }),
-    p && /* @__PURE__ */ a(A, { children: p })
-  ] }) });
-}
-r.LeadingElement = g;
-r.Subtitle = c;
-r.SupplementaryInfo = m;
-r.Title = P;
-export {
-  f as E,
-  r as P,
-  E as a,
-  u as b,
-  h as c,
-  I as d,
-  A as e,
-  g as f,
-  T as g,
-  S as h,
-  b as i,
-  y as j,
-  c as k,
-  v as l,
-  m,
-  C as n,
-  x as o,
-  L as p,
-  N as q,
-  j as r,
-  P as s
-};

package/dist/js/page-header-mgRtDaDf.js

@@ -1,96 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { Fragment as u } from "react";
-import { c as d } from "./index-BsMVp4qF.js";
-import { s as c } from "./index-AHmiDD3r.js";
-import { z as N, B as T, C as B } from "./typography-DeZ1Nfkq.js";
-import { F as D } from "./layout-9vWoOGXZ.js";
-import { D as I } from "./avatar-BDtxrc67.js";
-import { T as f } from "./tag-group-nkdvgi9Y.js";
-import "./button-base-BxF98pDk.js";
-import { B as A } from "./button-DYIdjjTt.js";
-import { D as W } from "./breadcrumb-CAuX99Z8.js";
-import { d as v, f as F, g as M } from "./deprecated-spacing-CGGxnk0m.js";
-import { n as j } from "./tabs-Bzg_b8Dg.js";
-import { g as w } from "./intent-eC1XwIfy.js";
-const z = "el-deprecated-page-header-max-width", L = /* @__PURE__ */ c("div")({
-  name: "ElDeprecatedPageHeaderContainer",
-  class: "el-deprecated-page-header-container",
-  propsAsIs: !1
-}), _ = /* @__PURE__ */ c("div")({
-  name: "ElDeprecatedPageHeaderTitleContainer",
-  class: "el-deprecated-page-header-title-container",
-  propsAsIs: !1
-}), y = /* @__PURE__ */ c("div")({
-  name: "ElDeprecatedPageHeaderWrapInner",
-  class: "el-deprecated-page-header-wrap-inner",
-  propsAsIs: !1
-}), G = /* @__PURE__ */ c("div")({
-  name: "ElDeprecatedPageHeaderWrap",
-  class: "el-deprecated-page-header-wrap",
-  propsAsIs: !1
-}), S = /* @__PURE__ */ c("div")({
-  name: "ElDeprecatedPageHeaderButtons",
-  class: "el-deprecated-page-header-buttons",
-  propsAsIs: !1
-}), X = /* @__PURE__ */ c("span")({
-  name: "ElDeprecatedPageHeaderSeparator",
-  class: "el-deprecated-page-header-separator",
-  propsAsIs: !1
-}), b = ({ children: a, className: r, ...s }) => /* @__PURE__ */ e(G, { className: d(r), ...s, children: a }), k = ({ children: a, className: r, ...s }) => /* @__PURE__ */ e(y, { className: d(r), ...s, children: a }), H = ({ children: a, className: r, ...s }) => /* @__PURE__ */ e(L, { className: d(r), ...s, children: a }), q = ({
-  children: a,
-  className: r,
-  ...s
-}) => /* @__PURE__ */ e(_, { className: d(r), ...s, children: a }), te = ({
-  avatar: a,
-  pageTitle: r,
-  pageSubtitle: s,
-  pageInfo: o,
-  breadcrumb: i,
-  tags: g,
-  buttons: h,
-  tabs: n,
-  hasMaxWidth: P,
-  ...E
-}) => /* @__PURE__ */ e(b, { ...E, children: /* @__PURE__ */ p(k, { className: d(P && z), children: [
-  i && /* @__PURE__ */ e(W, { className: v, ...i }),
-  /* @__PURE__ */ p(H, { children: [
-    /* @__PURE__ */ p(H, { children: [
-      a && /* @__PURE__ */ e(I, { ...a }),
-      /* @__PURE__ */ p(D, { isFlexColumn: !0, children: [
-        /* @__PURE__ */ p(q, { children: [
-          r && /* @__PURE__ */ e(N, { className: F, tag: "h1", hasBoldText: !0, ...r }),
-          g && /* @__PURE__ */ e(f, { children: g.map(({ children: l, intent: t, className: m, ...x }, C) => /* @__PURE__ */ e(
-            f.Item,
-            {
-              className: d(t && w(t), m),
-              ...x,
-              children: l
-            },
-            C
-          )) })
-        ] }),
-        s && /* @__PURE__ */ e(T, { tag: "h2", hasBoldText: !0, ...s }),
-        o && /* @__PURE__ */ e(D, { children: o.map(({ ...l }, t) => /* @__PURE__ */ p(u, { children: [
-          /* @__PURE__ */ e(B, { ...l }),
-          t !== o.length - 1 && /* @__PURE__ */ e(X, {})
-        ] }, t)) })
-      ] })
-    ] }),
-    h && /* @__PURE__ */ e(S, { className: d(!n && M), children: h.map(({ children: l, ...t }, m) => /* @__PURE__ */ e(A, { size: "small", ...t, children: l }, m)) })
-  ] }),
-  n && /* @__PURE__ */ e(j, { ...n })
-] }) });
-export {
-  b as D,
-  L as E,
-  _ as a,
-  y as b,
-  G as c,
-  S as d,
-  z as e,
-  X as f,
-  k as g,
-  H as h,
-  q as i,
-  te as j
-};

package/dist/js/page-layout-CbWHKEPz.js

@@ -1,84 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { s as t } from "./index-AHmiDD3r.js";
-import { createContext as B, useContext as L } from "react";
-const s = B(null);
-function u() {
-  const o = L(s);
-  if (!o)
-    throw new Error("usePageLayoutContext requires an PageLayout ancestor");
-  return o;
-}
-const m = /* @__PURE__ */ t("main")({
-  name: "ElPageLayoutBodyRegion",
-  class: "el-page-layout-body-region",
-  propsAsIs: !1
-});
-function g(o) {
-  const n = u();
-  return /* @__PURE__ */ a(m, { ...o, "data-overflow": n.scroll === "body" ? "auto" : void 0 });
-}
-g.displayName = "AppLayout.BodyRegion";
-const P = /* @__PURE__ */ t("div")({
-  name: "ElPageLayoutBottomBarRegion",
-  class: "el-page-layout-bottom-bar-region",
-  propsAsIs: !1
-});
-function l(o) {
-  return /* @__PURE__ */ a(P, { ...o });
-}
-l.displayName = "AppLayout.BottomBarRegion";
-const f = /* @__PURE__ */ t("div")({
-  name: "ElPageLayoutSideBarRegion",
-  class: "el-page-layout-side-bar-region",
-  propsAsIs: !1
-});
-function y(o) {
-  return /* @__PURE__ */ a(f, { ...o });
-}
-y.displayName = "AppLayout.SideBarRegion";
-const R = /* @__PURE__ */ t("div")({
-  name: "ElPageLayoutTopBarRegion",
-  class: "el-page-layout-top-bar-region",
-  propsAsIs: !1
-});
-function p(o) {
-  return /* @__PURE__ */ a(R, { ...o });
-}
-p.displayName = "AppLayout.TopBarRegion";
-const E = /* @__PURE__ */ t("div")({
-  name: "ElPageLayout",
-  class: "el-page-layout",
-  propsAsIs: !1
-});
-function e({ backgroundColour: o, children: n, id: r, scroll: i, style: d, ...c }) {
-  return /* @__PURE__ */ a(
-    E,
-    {
-      ...c,
-      "data-overflow": i === "self" ? "auto" : void 0,
-      id: r,
-      style: { ...d, ...o && { backgroundColor: `var(${o})` } },
-      children: /* @__PURE__ */ a(s.Provider, { value: { rootId: r, scroll: i }, children: n })
-    }
-  );
-}
-e.BodyRegion = g;
-e.BottomBarRegion = l;
-e.SideBarRegion = y;
-e.TopBarRegion = p;
-e.Context = s;
-e.useContext = u;
-export {
-  m as E,
-  s as P,
-  g as a,
-  l as b,
-  P as c,
-  e as d,
-  y as e,
-  f,
-  p as g,
-  R as h,
-  E as i,
-  u
-};