@reapit/elements 5.0.0-beta.78 → 5.0.0-beta.79

package/dist/js/{nav-responsive-BMQZWB8l.js → nav-responsive-CgrAMnq3.js}

@@ -13,7 +13,7 @@ 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 { B as te } from "./brand-logo-CI4YsKra.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")({
@@ -32,11 +32,11 @@ const se = /* @__PURE__ */ v("div")({
   name: "ElDeprecatedNavSubContainer",
   class: "el-deprecated-nav-sub-container",
   propsAsIs: !1
-}), ce = "el-deprecated-nav-item-secondary", le = /* @__PURE__ */ v("a")({
+}), ce = "el-deprecated-nav-item-secondary", pe = /* @__PURE__ */ v("a")({
   name: "ElDeprecatedNavItem",
   class: "el-deprecated-nav-item",
   propsAsIs: !1
-}), K = "el-deprecated-nav-item-active", pe = "el-deprecated-nav-item-expanded", $e = "el-deprecated-nav-item-icon", de = /* @__PURE__ */ v("a")({
+}), 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
@@ -66,7 +66,7 @@ const se = /* @__PURE__ */ v("div")({
   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(le, { className: o, ...t, children: n });
+  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) => {
@@ -178,59 +178,59 @@ const se = /* @__PURE__ */ v("div")({
   avatarText: r = "",
   ...y
 }) => {
-  const { navState: _, setNavState: u } = X(s, t), I = G(Y("SM")), { navItemIndex: D, navSubItemIndex: f, navMenuOpen: l } = _;
+  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 && l && k),
+        className: d(I && p && k),
         onClick: u({
-          navMenuOpen: !l
+          navMenuOpen: !p
         }),
         onKeyDown: i(
           "Enter",
           u({
-            navMenuOpen: !l
+            navMenuOpen: !p
           })
         )
       }
     ),
     /* @__PURE__ */ c(Ie, { className: d(n), ...y, children: [
-      a.map(({ href: x, callback: w, text: q, subItems: M, itemIndex: p }, z) => {
+      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 === p && K,
-                l && pe
+                D === l && B,
+                p && le
               ),
               href: x,
               role: "button",
               tabIndex: 0,
               onClick: u(E ? {
-                navItemIndex: p,
-                navSubItemIndex: D === p && f ? f : 0,
+                navItemIndex: l,
+                navSubItemIndex: D === l && f ? f : 0,
                 callback: w
-              } : { navItemIndex: p, callback: w, navMenuOpen: !l }),
+              } : { navItemIndex: l, callback: w, navMenuOpen: !p }),
               onKeyDown: i(
                 "Enter",
                 u(E ? {
-                  navItemIndex: p,
-                  navSubItemIndex: D === p && f ? f : 0,
+                  navItemIndex: l,
+                  navSubItemIndex: D === l && f ? f : 0,
                   callback: w
-                } : { navItemIndex: p, callback: w, navMenuOpen: !l })
+                } : { navItemIndex: l, callback: w, navMenuOpen: !p })
               ),
               children: [
                 q,
-                E && I && (l && D === p ? /* @__PURE__ */ e(j, { className: C, color: "secondary" }) : /* @__PURE__ */ e(F, { className: C, color: "secondary" }))
+                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: B,
+              callback: K,
               text: L,
               href: U,
               itemIndex: b
@@ -239,20 +239,20 @@ const se = /* @__PURE__ */ v("div")({
               {
                 className: d(
                   f === b && ve,
-                  l && D === p && ie
+                  p && D === l && ie
                 ),
                 href: U,
                 onClick: u({
                   navSubItemIndex: b,
-                  callback: B,
-                  navMenuOpen: !l
+                  callback: K,
+                  navMenuOpen: !p
                 }),
                 onKeyDown: i(
                   "Enter",
                   u({
                     navSubItemIndex: b,
-                    callback: B,
-                    navMenuOpen: !l
+                    callback: K,
+                    navMenuOpen: !p
                   })
                 ),
                 children: /* @__PURE__ */ e("span", { children: L })
@@ -260,10 +260,10 @@ const se = /* @__PURE__ */ v("div")({
               b
             )
           ) }, V())
-        ] }, p) : /* @__PURE__ */ c(
+        ] }, l) : /* @__PURE__ */ c(
           R,
           {
-            className: d(D === p && K),
+            className: d(D === l && B),
             href: x,
             children: [
               o && /* @__PURE__ */ e(be, { options: o }),
@@ -287,12 +287,12 @@ const se = /* @__PURE__ */ v("div")({
                 {
                   className: d(C, Q, me),
                   onClick: u({
-                    navMenuOpen: !l
+                    navMenuOpen: !p
                   }),
                   onKeyDown: i(
                     "Enter",
                     u({
-                      navMenuOpen: !l
+                      navMenuOpen: !p
                     })
                   ),
                   role: "button",
@@ -303,7 +303,7 @@ const se = /* @__PURE__ */ v("div")({
               (m || r) && /* @__PURE__ */ e(O, { isHidden: !I, options: m ?? [], text: r })
             ]
           },
-          p
+          l
         );
       }),
       (m || r) && /* @__PURE__ */ e(O, { isHidden: I, options: m ?? [], text: r })
@@ -319,10 +319,10 @@ export {
   P as a,
   oe as b,
   re as c,
-  le as d,
+  pe as d,
   ce as e,
-  K as f,
-  pe as g,
+  B as f,
+  le as g,
   $e as h,
   de as i,
   ie as j,

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

@@ -0,0 +1,96 @@
+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/{radio-group-control-F5aUqmQr.js → radio-group-control-DpWIWxQk.js}

@@ -1,9 +1,9 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { jsxs as I, jsx as a } from "react/jsx-runtime";
 import { R as G } from "./radio-input-Dg2iV-qr.js";
 import { s as m } from "./index-AHmiDD3r.js";
-import { forwardRef as C, useId as u, createContext as v, useContext as B } from "react";
+import { forwardRef as y, useId as u, createContext as v, useContext as w } from "react";
 import { a as p } from "./form-control-DiJRG5Z3.js";
-const w = /* @__PURE__ */ m("label")({
+const B = /* @__PURE__ */ m("label")({
   name: "ElRadioButton",
   class: "el-radio-button",
   propsAsIs: !1
@@ -15,14 +15,14 @@ const w = /* @__PURE__ */ m("label")({
   name: "ElRadioButtonSupplementaryInfo",
   class: "el-radio-button-supplementary-info",
   propsAsIs: !1
-}), L = C(
-  ({ "aria-describedby": e, className: n, id: o, label: r, required: i, supplementaryInfo: s, ...d }, t) => {
+}), L = y(
+  ({ "aria-describedby": e, className: n, id: o, label: d, required: i, supplementaryInfo: s, ...r }, t) => {
     const l = u(), f = o ?? u(), c = u();
-    return /* @__PURE__ */ h(w, { className: n, children: [
+    return /* @__PURE__ */ I(B, { className: n, children: [
       /* @__PURE__ */ a(
         G,
         {
-          ...d,
+          ...r,
           "aria-describedby": e ?? l,
           "aria-labelledby": c,
           id: f,
@@ -30,20 +30,20 @@ const w = /* @__PURE__ */ m("label")({
           required: i
         }
       ),
-      /* @__PURE__ */ a(A, { id: c, children: r }),
+      /* @__PURE__ */ a(A, { id: c, children: d }),
       s && /* @__PURE__ */ a(g, { id: l, children: s })
     ] });
   }
 ), R = v(null);
-function E() {
-  const e = B(R);
+function C() {
+  const e = w(R);
   if (!e)
     throw new Error("useRadioGroupContext must be used within a RadioGroup");
   return e;
 }
-const y = C(
-  ({ disabled: e, form: n, name: o, required: r, showValidity: i, ...s }, d) => {
-    const t = E();
+const E = y(
+  ({ disabled: e, form: n, name: o, required: d, showValidity: i, ...s }, r) => {
+    const t = C();
     return /* @__PURE__ */ a(
       L,
       {
@@ -51,14 +51,14 @@ const y = C(
         disabled: e ?? t.disabled,
         form: n ?? t.form,
         name: o ?? t.name,
-        ref: d,
-        required: r ?? t.required,
+        ref: r,
+        required: d ?? t.required,
         showValidity: i ?? t.showValidity
       }
     );
   }
 );
-y.displayName = "RadioGroup.Option";
+E.displayName = "RadioGroup.Option";
 const O = /* @__PURE__ */ m("div")({
   name: "ElRadioGroup",
   class: "el-radio-group",
@@ -68,48 +68,54 @@ function b({
   children: e,
   disabled: n,
   errorText: o,
-  form: r,
+  form: d,
   helpText: i,
   label: s,
-  name: d,
+  name: r,
   orientation: t = "vertical",
   required: l,
   showValidity: f,
   ...c
 }) {
-  const x = u(), I = u();
+  const h = u(), x = u();
   return (
     // NOTE: we do not use the fieldset's native disabled, form or name attributes, because we want
     // individual radio buttons to be able to override them.
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ I(
       p,
       {
         ...c,
-        "aria-describedby": i && !o ? x : void 0,
-        "aria-errormessage": o ? I : void 0,
+        "aria-describedby": i && !o ? h : void 0,
+        "aria-errormessage": o ? x : void 0,
         "aria-invalid": o ? !0 : void 0,
         as: "fieldset",
         size: "medium",
         children: [
           s && /* @__PURE__ */ a(p.Label, { as: "legend", isRequired: l, children: s }),
-          /* @__PURE__ */ a(O, { "data-orientation": t, children: /* @__PURE__ */ a(R.Provider, { value: { disabled: n, form: r, name: d, required: l, showValidity: f }, children: e }) }),
-          o ? /* @__PURE__ */ a(p.ErrorText, { id: I, children: o }) : i && /* @__PURE__ */ a(p.HelpText, { id: x, children: i })
+          /* @__PURE__ */ a(O, { "data-orientation": t, children: /* @__PURE__ */ a(
+            R.Provider,
+            {
+              value: { disabled: n, form: d, name: r, required: l, showValidity: f ?? !!o },
+              children: e
+            }
+          ) }),
+          o ? /* @__PURE__ */ a(p.ErrorText, { id: x, children: o }) : i && /* @__PURE__ */ a(p.HelpText, { id: h, children: i })
         ]
       }
     )
   );
 }
-b.Option = y;
+b.Option = E;
 b.Context = R;
-b.useContext = E;
+b.useContext = C;
 export {
-  w as E,
+  B as E,
   L as R,
   A as a,
   g as b,
   b as c,
-  y as d,
+  E as d,
   R as e,
   O as f,
-  E as u
+  C as u
 };

package/dist/js/{select-control-DNlg4Orc.js → select-control-ClgSoo2Q.js}

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
-import { a as r } from "./form-control-DiJRG5Z3.js";
+import { jsx as e, jsxs as D } from "react/jsx-runtime";
+import { a as d } from "./form-control-DiJRG5Z3.js";
 import { S as t } from "./select-Cv19V9Vm.js";
 import "./combobox-BWpgpDF-.js";
 import "./button-base-BxF98pDk.js";
@@ -10,41 +10,43 @@ import "./icons/chevron-down.js";
 import "./search-input-BlrBgOkw.js";
 import "./get-closest-dialog-element-PaoHhqBs.js";
 function i({
-  children: v,
-  defaultOptions: C,
+  children: h,
+  defaultOptions: v,
   disabled: p,
-  errorText: e,
-  helpText: d,
-  id: S,
+  errorText: o,
+  helpText: r,
+  id: C,
   label: a,
-  maxWidth: h,
+  maxWidth: S,
   multiple: s,
   renderChips: b,
   required: c,
+  showValidity: O,
   size: m = "medium",
-  ...O
+  ...g
 }) {
-  const g = n(), l = S ?? g, u = n(), I = n(), f = n();
-  return /* @__PURE__ */ o(r, { as: "div", size: m, maxWidth: h, children: /* @__PURE__ */ x(t.DefaultOptionsContext.Provider, { value: C ?? [], children: [
-    a && /* @__PURE__ */ o(r.Label, { htmlFor: l, id: u, isRequired: c, children: a }),
-    /* @__PURE__ */ o(
+  const x = n(), l = C ?? x, u = n(), I = n(), f = n();
+  return /* @__PURE__ */ e(d, { as: "div", size: m, maxWidth: S, children: /* @__PURE__ */ D(t.DefaultOptionsContext.Provider, { value: v ?? [], children: [
+    a && /* @__PURE__ */ e(d.Label, { htmlFor: l, id: u, isRequired: c, children: a }),
+    /* @__PURE__ */ e(
       t,
       {
-        ...O,
-        "aria-describedby": d && !e ? I : void 0,
-        "aria-errormessage": e ? f : void 0,
-        "aria-invalid": e ? !0 : void 0,
+        ...g,
+        "aria-describedby": r && !o ? I : void 0,
+        "aria-errormessage": o ? f : void 0,
+        "aria-invalid": o ? !0 : void 0,
         "aria-labelledby": a ? u : void 0,
         disabled: p,
         id: l,
         multiple: s,
         required: c,
+        showValidity: O ?? !!o,
         size: m,
-        children: v
+        children: h
       }
     ),
-    e ? /* @__PURE__ */ o(r.ErrorText, { id: f, children: e }) : d && /* @__PURE__ */ o(r.HelpText, { id: I, children: d }),
-    s && /* @__PURE__ */ o(t.SelectionChips, { disabled: p, listboxId: t.getListboxId(l), children: b })
+    o ? /* @__PURE__ */ e(d.ErrorText, { id: f, children: o }) : r && /* @__PURE__ */ e(d.HelpText, { id: I, children: r }),
+    s && /* @__PURE__ */ e(t.SelectionChips, { disabled: p, listboxId: t.getListboxId(l), children: b })
   ] }) });
 }
 i.getValue = t.getValue;

package/dist/js/select-native-control-BJdng5Wq.js

@@ -0,0 +1,37 @@
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import { a as d } from "./form-control-DiJRG5Z3.js";
+import { S as h } from "./select-native-ByyCCnDO.js";
+import { useId as a } from "react";
+function C({
+  errorText: i,
+  helpText: t,
+  id: m,
+  label: r,
+  maxWidth: p,
+  required: n,
+  showValidity: v,
+  size: s,
+  ...f
+}) {
+  const u = a(), c = m ?? u, l = a(), e = a();
+  return /* @__PURE__ */ I(d, { as: "div", size: s, maxWidth: p, children: [
+    r && /* @__PURE__ */ o(d.Label, { htmlFor: c, isRequired: n, children: r }),
+    /* @__PURE__ */ o(
+      h,
+      {
+        ...f,
+        "aria-describedby": t && !i ? l : void 0,
+        "aria-errormessage": i ? e : void 0,
+        "aria-invalid": i ? !0 : void 0,
+        id: c,
+        required: n,
+        showValidity: v ?? !!i,
+        size: s
+      }
+    ),
+    i ? /* @__PURE__ */ o(d.ErrorText, { id: e, children: i }) : t && /* @__PURE__ */ o(d.HelpText, { id: l, children: t })
+  ] });
+}
+export {
+  C as S
+};