@keycloak/keycloak-ui-shared 26.6.0 → 26.6.1

package/dist/keycloak-ui-shared.js

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as k, Fragment as W } from "react/jsx-runtime";
-import { AlertGroup as Zt, Alert as en, AlertVariant as Be, AlertActionCloseButton as tn, Page as nn, Modal as vt, ModalVariant as rn, TextContent as an, Text as ke, Button as q, Spinner as Ct, FormHelperText as Ge, HelperText as We, HelperTextItem as ze, Popover as ln, Icon as Ne, FormGroup as kt, NumberInput as sn, ValidatedOptions as H, InputGroup as xe, InputGroupItem as _e, TextInput as Se, Select as Ee, SelectList as Ae, SelectOption as Je, MenuToggle as me, MenuToggleStatus as Ye, TextInputGroup as It, TextInputGroupMain as wt, ChipGroup as Qe, Chip as Xe, TextInputGroupUtilities as Tt, Switch as on, TextArea as xt, FileUpload as cn, Title as dn, Card as un, CardHeader as hn, CardTitle as pn, CardBody as mn, Grid as fn, GridItem as st, PageSection as gn, JumpLinks as yn, JumpLinksItem as bn, ButtonVariant as we, Checkbox as vn, Radio as Cn, MenuFooter as kn, Dropdown as In, DropdownList as wn, DropdownItem as ot, Masthead as Tn, MastheadToggle as xn, PageToggleButton as Sn, MastheadBrand as En, MastheadContent as An, Toolbar as Ie, ToolbarContent as qe, ToolbarItem as G, Avatar as Rn, Bullseye as Dn, EmptyState as On, EmptyStateIcon as ct, EmptyStateHeader as Fn, EmptyStateBody as Pn, EmptyStateFooter as Vn, EmptyStateActions as Mn, SearchInput as Ln, Divider as Bn, Pagination as Nn, Badge as _n } from "@patternfly/react-core";
-import { createContext as St, useContext as Et, useRef as Y, useEffect as se, useCallback as he, useState as A, useMemo as U, forwardRef as qn, useId as At, Fragment as Rt, Children as Dt, Component as $n, isValidElement as Un } from "react";
+import { AlertGroup as Zt, Alert as en, AlertVariant as Be, AlertActionCloseButton as tn, Page as nn, Modal as vt, ModalVariant as rn, TextContent as an, Text as ke, Button as q, Spinner as Ct, FormHelperText as Ge, HelperText as We, HelperTextItem as ze, Popover as ln, Icon as Ne, FormGroup as kt, NumberInput as sn, ValidatedOptions as H, InputGroup as xe, InputGroupItem as _e, TextInput as Se, Select as Ae, SelectList as Ee, SelectOption as Je, MenuToggle as pe, MenuToggleStatus as Ye, TextInputGroup as It, TextInputGroupMain as wt, ChipGroup as Qe, Chip as Xe, TextInputGroupUtilities as Tt, Switch as on, TextArea as xt, FileUpload as cn, Title as dn, Card as un, CardHeader as hn, CardTitle as mn, CardBody as pn, Grid as fn, GridItem as st, PageSection as gn, JumpLinks as yn, JumpLinksItem as bn, ButtonVariant as we, Checkbox as vn, Radio as Cn, MenuFooter as kn, Dropdown as In, DropdownList as wn, DropdownItem as ot, Masthead as Tn, MastheadToggle as xn, PageToggleButton as Sn, MastheadBrand as An, MastheadContent as En, Toolbar as Ie, ToolbarContent as qe, ToolbarItem as G, Avatar as Rn, Bullseye as Dn, EmptyState as On, EmptyStateIcon as ct, EmptyStateHeader as Fn, EmptyStateBody as Pn, EmptyStateFooter as Vn, EmptyStateActions as Mn, SearchInput as Ln, Divider as Bn, Pagination as Nn, Badge as _n } from "@patternfly/react-core";
+import { createContext as St, useContext as At, useRef as Y, useEffect as se, useCallback as he, useState as E, useMemo as U, forwardRef as qn, useId as Et, Fragment as Rt, Children as Dt, Component as $n, isValidElement as Un } from "react";
 import { useTranslation as $ } from "react-i18next";
 import { NetworkError as Ot } from "@keycloak/keycloak-admin-client";
 import Kn from "keycloak-js";
 import { ExclamationCircleIcon as Hn, ExclamationTriangleIcon as jn, HelpIcon as Gn, EyeIcon as Wn, EyeSlashIcon as zn, TimesIcon as Ft, CubeIcon as Jn, PaypalIcon as Yn, InstagramIcon as Qn, BitbucketIcon as Xn, MicrosoftIcon as Zn, TwitterIcon as er, StackOverflowIcon as tr, OpenshiftIcon as nr, LinkedinIcon as rr, GoogleIcon as ar, GitlabIcon as lr, FacebookSquareIcon as ir, GithubIcon as sr, MinusCircleIcon as or, PlusCircleIcon as Pt, EllipsisVIcon as cr, BarsIcon as dr, SearchIcon as ur, SyncAltIcon as hr } from "@patternfly/react-icons";
-import { useFormContext as Re, Controller as oe, useController as De, FormProvider as pr, useWatch as mr } from "react-hook-form";
+import { useFormContext as Re, Controller as oe, useController as De, FormProvider as mr, useWatch as pr } from "react-hook-form";
 import { get as _, cloneDeep as fr, intersectionBy as gr } from "lodash-es";
 import ve from "@patternfly/react-styles/css/components/Avatar/avatar";
 import { css as yr } from "@patternfly/react-styles";
@@ -28,9 +28,9 @@ function Sr(e) {
   if (!(e instanceof Ot))
     return;
   const n = e.responseData;
-  return Er(n);
+  return Ar(n);
 }
-function Er(e) {
+function Ar(e) {
   if (typeof e == "object" && e !== null && Le in e && typeof e[Le] == "string")
     return e[Le];
 }
@@ -42,12 +42,12 @@ function Vt(e) {
         return r;
     }
 }
-const Ar = () => Math.floor(Math.random() * 1e3);
+const Er = () => Math.floor(Math.random() * 1e3);
 function Rr(e) {
   return e != null;
 }
 function et(e) {
-  const n = Et(e);
+  const n = At(e);
   if (Rr(n))
     return n;
   throw new Error(
@@ -109,10 +109,10 @@ const Fr = 8e3, Mt = Ze(
   "AlertContext",
   void 0
 ), qa = () => et(Mt), Pr = ({ children: e }) => {
-  const { t: n } = $(), r = Dr(), [a, l] = A([]), i = (c) => l((u) => u.filter((d) => d.id !== c)), s = he(
+  const { t: n } = $(), r = Dr(), [a, l] = E([]), i = (c) => l((u) => u.filter((d) => d.id !== c)), s = he(
     (c, u = Be.success, d) => {
       const g = {
-        id: Ar(),
+        id: Er(),
         message: c,
         variant: u,
         description: d
@@ -156,7 +156,7 @@ function Mr(e) {
   return e instanceof Error ? e.message : null;
 }
 function Lr(e, n, r) {
-  const [a, l] = A(
+  const [a, l] = E(
     () => e.getItem(n) ?? r
   ), i = he((s) => {
     l(s), e.setItem(n, s);
@@ -195,7 +195,7 @@ const Bt = Ze(
 }, _r = () => St(void 0);
 let $e;
 const $a = () => {
-  const e = Et($e);
+  const e = At($e);
   if (!e)
     throw Error(
       "no environment provider in the hierarchy make sure to add the provider"
@@ -207,7 +207,7 @@ const $a = () => {
   children: r
 }) => {
   $e = _r();
-  const a = Y(!1), [l, i] = A(!!n), [s, o] = A(), h = U(() => {
+  const a = Y(!1), [l, i] = E(!!n), [s, o] = E(), h = U(() => {
     if (n)
       return n;
     const c = new Kn({
@@ -251,7 +251,7 @@ const Ha = ({
   children: c,
   ...u
 }) => {
-  const [d, g] = A(!1);
+  const [d, g] = E(!1);
   return /* @__PURE__ */ k(W, { children: [
     /* @__PURE__ */ t(
       h,
@@ -416,7 +416,7 @@ const Q = ({
   innerRef: n,
   ...r
 }) => {
-  const { t: a } = $(), [l, i] = A(!0);
+  const { t: a } = $(), [l, i] = E(!0);
   return /* @__PURE__ */ k(xe, { children: [
     /* @__PURE__ */ t(_e, { isFill: !0, children: /* @__PURE__ */ t(
       Se,
@@ -486,7 +486,7 @@ const Ga = (e) => {
   const {
     control: d,
     formState: { errors: g }
-  } = Re(), [y, C] = A(!1), R = ce(i.rules?.required) === !0;
+  } = Re(), [y, C] = E(!1), R = ce(i.rules?.required) === !0;
   return /* @__PURE__ */ t(
     Q,
     {
@@ -502,21 +502,21 @@ const Ga = (e) => {
           ...i,
           name: n,
           control: d,
-          render: ({ field: { onChange: v, value: p } }) => /* @__PURE__ */ t(
-            Ee,
+          render: ({ field: { onChange: b, value: m } }) => /* @__PURE__ */ t(
+            Ae,
             {
               ...u,
               variant: "default",
               onClick: () => C(!y),
               onOpenChange: () => C(!1),
               selected: re(a) ? a.filter(
-                (b) => Array.isArray(p) ? p.includes(b.key) : p === b.key
-              ).map((b) => b.value) : p,
-              toggle: (b) => /* @__PURE__ */ t(
-                me,
+                (v) => Array.isArray(m) ? m.includes(v.key) : m === v.key
+              ).map((v) => v.value) : m,
+              toggle: (v) => /* @__PURE__ */ t(
+                pe,
                 {
                   id: e || n,
-                  ref: b,
+                  ref: v,
                   onClick: () => C(!y),
                   isExpanded: y,
                   isFullWidth: h,
@@ -524,23 +524,23 @@ const Ga = (e) => {
                   "aria-label": r,
                   isDisabled: o,
                   children: re(a) ? a.find(
-                    (E) => E.key === (Array.isArray(p) ? p[0] : p)
-                  )?.value : p
+                    (A) => A.key === (Array.isArray(m) ? m[0] : m)
+                  )?.value : m
                 }
               ),
-              onSelect: (b, E) => {
-                const I = E?.toString(), f = Array.isArray(p) ? [I] : I;
-                c ? c(f, v) : v(f), C(!1);
+              onSelect: (v, A) => {
+                const I = A?.toString(), f = Array.isArray(m) ? [I] : I;
+                c ? c(f, b) : b(f), C(!1);
               },
               isOpen: y,
-              children: /* @__PURE__ */ t(Ae, { "data-testid": `select-${n}`, children: [...a, ...l].map((b) => /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t(Ee, { "data-testid": `select-${n}`, children: [...a, ...l].map((v) => /* @__PURE__ */ t(
                 Je,
                 {
-                  value: ie(b),
-                  description: !pe(b) && "description" in b ? b.description : void 0,
-                  children: pe(b) ? b : b.value
+                  value: ie(v),
+                  description: !me(v) && "description" in v ? v.description : void 0,
+                  children: me(v) ? v : v.value
                 },
-                ie(b)
+                ie(v)
               )) })
             }
           )
@@ -548,7 +548,7 @@ const Ga = (e) => {
       )
     }
   );
-}, ne = (e) => pe(e) ? e : e.value, Ur = ({
+}, ne = (e) => me(e) ? e : e.value, Ur = ({
   id: e,
   name: n,
   label: r,
@@ -565,28 +565,28 @@ const Ga = (e) => {
   const {
     control: g,
     formState: { errors: y }
-  } = Re(), [C, R] = A(!1), [v, p] = A(""), [b, E] = A(0), [I, f] = A([]), T = Y(), V = ce(i.rules?.required) === !0, O = c === ue.typeaheadMulti, D = U(
+  } = Re(), [C, R] = E(!1), [b, m] = E(""), [v, A] = E(0), [I, f] = E([]), T = Y(), V = ce(i.rules?.required) === !0, O = c === ue.typeaheadMulti, D = U(
     () => [
       ...a.filter(
-        (m) => !l.map((x) => ne(x)).includes(ne(m))
+        (p) => !l.map((x) => ne(x)).includes(ne(p))
       ),
       ...l
     ],
     [l, a]
   ), j = D.filter(
-    (m) => ne(m).toLowerCase().startsWith(v.toLowerCase())
-  ), F = (m, x) => {
-    x.value.includes(m) ? (x.onChange(x.value.filter((S) => S !== m)), re(a) && f(
-      I.filter((S) => S.key !== m)
-    )) : (x.onChange([...x.value, m]), re(D) && f([
+    (p) => ne(p).toLowerCase().startsWith(b.toLowerCase())
+  ), F = (p, x) => {
+    x.value.includes(p) ? (x.onChange(x.value.filter((S) => S !== p)), re(a) && f(
+      I.filter((S) => S.key !== p)
+    )) : (x.onChange([...x.value, p]), re(D) && f([
       ...I,
-      D.find((S) => S.key === m)
+      D.find((S) => S.key === p)
     ]));
-  }, B = (m, x) => {
-    const S = j[b];
-    switch (R(!0), m.key) {
+  }, B = (p, x) => {
+    const S = j[v];
+    switch (R(!0), p.key) {
       case "Enter": {
-        m.preventDefault(), p(O ? "" : ne(S)), F(ie(S), x), R(!1), E(0);
+        p.preventDefault(), m(O ? "" : ne(S)), F(ie(S), x), R(!1), A(0);
         break;
       }
       case "Tab":
@@ -600,9 +600,9 @@ const Ga = (e) => {
       }
       case "ArrowUp":
       case "ArrowDown": {
-        m.preventDefault();
+        p.preventDefault();
         let L = 0;
-        m.key === "ArrowUp" && (b === 0 ? L = a.length - 1 : L = b - 1), m.key === "ArrowDown" && (b === a.length - 1 ? L = 0 : L = b + 1), E(L);
+        p.key === "ArrowUp" && (v === 0 ? L = a.length - 1 : L = v - 1), p.key === "ArrowDown" && (v === a.length - 1 ? L = 0 : L = v + 1), A(L);
         break;
       }
     }
@@ -622,17 +622,17 @@ const Ga = (e) => {
           ...i,
           name: n,
           control: g,
-          render: ({ field: m }) => /* @__PURE__ */ t(
-            Ee,
+          render: ({ field: p }) => /* @__PURE__ */ t(
+            Ae,
             {
               ...d,
               onOpenChange: () => R(!1),
               selected: re(D) ? D.filter(
-                (x) => Array.isArray(m.value) ? m.value.includes(x.key) : m.value === x.key
-              ).map((x) => x.value) : m.value,
+                (x) => Array.isArray(p.value) ? p.value.includes(x.key) : p.value === x.key
+              ).map((x) => x.value) : p.value,
               shouldFocusFirstItemOnOpen: !1,
               toggle: (x) => /* @__PURE__ */ t(
-                me,
+                pe,
                 {
                   ref: x,
                   id: e || n,
@@ -648,26 +648,26 @@ const Ga = (e) => {
                       wt,
                       {
                         placeholder: o,
-                        value: c === ue.typeahead && m.value ? re(D) ? D.find(
-                          (S) => S.key === (Array.isArray(m.value) ? m.value[0] : m.value)
-                        )?.value : m.value : v,
+                        value: c === ue.typeahead && p.value ? re(D) ? D.find(
+                          (S) => S.key === (Array.isArray(p.value) ? p.value[0] : p.value)
+                        )?.value : p.value : b,
                         onClick: () => R(!C),
                         onChange: (S, L) => {
-                          p(L), h?.(L);
+                          m(L), h?.(L);
                         },
-                        onKeyDown: (S) => B(S, m),
+                        onKeyDown: (S) => B(S, p),
                         autoComplete: "off",
                         innerRef: T,
                         role: "combobox",
                         isExpanded: C,
                         "aria-controls": "select-typeahead-listbox",
-                        children: c === ue.typeaheadMulti && Array.isArray(m.value) && /* @__PURE__ */ t(Qe, { "aria-label": "Current selections", children: m.value.map(
+                        children: c === ue.typeaheadMulti && Array.isArray(p.value) && /* @__PURE__ */ t(Qe, { "aria-label": "Current selections", children: p.value.map(
                           (S, L) => /* @__PURE__ */ t(
                             Xe,
                             {
                               onClick: (N) => {
-                                N.stopPropagation(), m.onChange(
-                                  m.value.filter(
+                                N.stopPropagation(), p.onChange(
+                                  p.value.filter(
                                     (Z) => Z !== ie(S)
                                   )
                                 );
@@ -682,12 +682,12 @@ const Ga = (e) => {
                         ) })
                       }
                     ),
-                    /* @__PURE__ */ t(Tt, { children: (!!v || m.value) && /* @__PURE__ */ t(
+                    /* @__PURE__ */ t(Tt, { children: (!!b || p.value) && /* @__PURE__ */ t(
                       q,
                       {
                         variant: "plain",
                         onClick: () => {
-                          p(""), m.onChange(O ? [] : ""), T?.current?.focus();
+                          m(""), p.onChange(O ? [] : ""), T?.current?.focus();
                         },
                         "aria-label": "Clear input value",
                         children: /* @__PURE__ */ t(Ft, { "aria-hidden": !0 })
@@ -699,16 +699,16 @@ const Ga = (e) => {
               onSelect: (x, S) => {
                 x?.stopPropagation();
                 const L = S?.toString();
-                O && Array.isArray(m.value) ? (p(""), F(L || "", m)) : (m.onChange(Array.isArray(m.value) ? [L] : L), R(!1));
+                O && Array.isArray(p.value) ? (m(""), F(L || "", p)) : (p.onChange(Array.isArray(p.value) ? [L] : L), R(!1));
               },
               isOpen: C,
-              children: /* @__PURE__ */ t(Ae, { children: j.map((x, S) => /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t(Ee, { children: j.map((x, S) => /* @__PURE__ */ t(
                 Je,
                 {
                   value: ie(x),
-                  isFocused: b === S,
-                  isActive: m.value.includes(ne(x)),
-                  description: !pe(x) && "description" in x ? x.description : void 0,
+                  isFocused: v === S,
+                  isActive: p.value.includes(ne(x)),
+                  description: !me(x) && "description" in x ? x.description : void 0,
                   children: ne(x)
                 },
                 ie(x)
@@ -721,7 +721,7 @@ const Ga = (e) => {
   );
 };
 var ue = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(ue || {});
-const re = (e) => typeof e[0] != "string", pe = (e) => typeof e == "string", ie = (e) => pe(e) ? e : e.key, Kr = ({
+const re = (e) => typeof e[0] != "string", me = (e) => typeof e == "string", ie = (e) => me(e) ? e : e.key, Kr = ({
   variant: e = "single",
   ...n
 }) => e === "single" ? /* @__PURE__ */ t($r, { ...n }) : /* @__PURE__ */ t(Ur, { ...n, variant: e }), Ue = (e) => e && typeof e == "string" ? e.includes("${") : !1, Ke = (e) => e.substring(2, e.length - 1), ae = (e, n, r, a) => {
@@ -863,7 +863,7 @@ const Ya = ({
     }
   );
 }, Gr = xt, Za = (e) => {
-  const { labelIcon: n, ...r } = e, a = !!ce(e.rules?.required), l = e.defaultValue ?? "", { t: i } = $(), [s, o] = A(""), { field: h, fieldState: c } = De({
+  const { labelIcon: n, ...r } = e, a = !!ce(e.rules?.required), l = e.defaultValue ?? "", { t: i } = $(), [s, o] = E(""), { field: h, fieldState: c } = De({
     ...e,
     defaultValue: l
   });
@@ -958,10 +958,10 @@ const zr = "_title_180i0_2", Jr = {
   scrollId: r,
   className: a
 }) => {
-  const l = At();
+  const l = Et();
   return /* @__PURE__ */ k(un, { id: l, className: a, isFlat: !0, children: [
-    /* @__PURE__ */ t(hn, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(pn, { tabIndex: 0, children: /* @__PURE__ */ t(Ut, { id: r, title: e }) }) }),
-    /* @__PURE__ */ t(mn, { className: "kc-form-panel__body", children: n })
+    /* @__PURE__ */ t(hn, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(mn, { tabIndex: 0, children: /* @__PURE__ */ t(Ut, { id: r, title: e }) }) }),
+    /* @__PURE__ */ t(pn, { className: "kc-form-panel__body", children: n })
   ] });
 }, Qr = (e) => {
   const { title: n, children: r, scrollId: a, ...l } = e;
@@ -972,7 +972,7 @@ const zr = "_title_180i0_2", Jr = {
 }, Xr = "_panel_1cdve_1", Zr = "_sticky_1cdve_5", ht = {
   panel: Xr,
   sticky: Zr
-}, ea = "kc-main-content-page-container", pt = (e) => e.replace(/\s+/g, "-"), ta = ({
+}, ea = "kc-main-content-page-container", mt = (e) => e.replace(/\s+/g, "-"), ta = ({
   label: e,
   sections: n,
   borders: r = !1,
@@ -984,7 +984,7 @@ const zr = "_title_180i0_2", Jr = {
   );
   return /* @__PURE__ */ k(fn, { hasGutter: !0, ...a, children: [
     /* @__PURE__ */ t(st, { md: 8, sm: 12, children: l.map(({ title: i, panel: s }) => {
-      const o = pt(i.toLowerCase());
+      const o = mt(i.toLowerCase());
       return /* @__PURE__ */ t(Rt, { children: r ? /* @__PURE__ */ t(
         Yr,
         {
@@ -1003,7 +1003,7 @@ const zr = "_title_180i0_2", Jr = {
         label: e,
         offset: 100,
         children: l.map(({ title: i }) => {
-          const s = pt(i.toLowerCase());
+          const s = mt(i.toLowerCase());
           return /* @__PURE__ */ t(
             bn,
             {
@@ -1058,7 +1058,7 @@ const zr = "_title_180i0_2", Jr = {
     })).sort((i, s) => i.value.localeCompare(s.value, a)),
     [r, a, e]
   );
-  return l.length ? /* @__PURE__ */ t(pr, { ...n, children: /* @__PURE__ */ t(
+  return l.length ? /* @__PURE__ */ t(mr, { ...n, children: /* @__PURE__ */ t(
     Kr,
     {
       "data-testid": "locale-select",
@@ -1135,35 +1135,35 @@ const zr = "_title_180i0_2", Jr = {
   id: o,
   ...h
 }) => {
-  const { register: c, setValue: u, control: d } = a, g = mr({
+  const { register: c, setValue: u, control: d } = a, g = pr({
     name: n,
     control: d,
     defaultValue: s || ""
-  }), y = U(() => Array.isArray(g) && g.length !== 0 ? g : s || [""], [g]), C = (E) => {
-    p([...y.slice(0, E), ...y.slice(E + 1)]);
+  }), y = U(() => Array.isArray(g) && g.length !== 0 ? g : s || [""], [g]), C = (A) => {
+    m([...y.slice(0, A), ...y.slice(A + 1)]);
   }, R = () => {
-    p([...y, ""]);
-  }, v = (E, I) => {
-    p([...y.slice(0, E), I, ...y.slice(E + 1)]);
-  }, p = (E) => {
-    const I = E.flatMap((f) => f);
+    m([...y, ""]);
+  }, b = (A, I) => {
+    m([...y.slice(0, A), I, ...y.slice(A + 1)]);
+  }, m = (A) => {
+    const I = A.flatMap((f) => f);
     u(n, I, {
       shouldDirty: !0
     });
-  }, b = r.startsWith("html") ? r.substring(6) : "text";
+  }, v = r.startsWith("html") ? r.substring(6) : "text";
   return se(() => {
     c(n);
-  }, [c]), /* @__PURE__ */ t("div", { id: o, children: y.map((E, I) => /* @__PURE__ */ k(Rt, { children: [
+  }, [c]), /* @__PURE__ */ t("div", { id: o, children: y.map((A, I) => /* @__PURE__ */ k(Rt, { children: [
     /* @__PURE__ */ k(xe, { children: [
       /* @__PURE__ */ t(_e, { isFill: !0, children: /* @__PURE__ */ t(
         Se,
         {
           "data-testid": n + I,
-          onChange: (f, T) => v(I, T),
+          onChange: (f, T) => b(I, T),
           name: `${n}.${I}.value`,
-          value: E,
+          value: A,
           isDisabled: i,
-          type: b,
+          type: v,
           ...h
         }
       ) }),
@@ -1188,7 +1188,7 @@ const zr = "_title_180i0_2", Jr = {
         tabIndex: -1,
         "aria-label": e("add"),
         "data-testid": "addValue",
-        isDisabled: !E || i,
+        isDisabled: !A || i,
         children: [
           /* @__PURE__ */ t(Pt, {}),
           " ",
@@ -1197,7 +1197,7 @@ const zr = "_title_180i0_2", Jr = {
       }
     )
   ] }, I)) });
-}, mt = (e) => {
+}, pt = (e) => {
   const { form: n, inputType: r, attribute: a } = e, l = Oe(a), i = r.startsWith("multiselect"), s = i ? vn : Cn, o = a.validators?.options?.options || [], h = a.annotations?.inputOptionLabels || {}, c = a.annotations?.inputOptionLabelsI18nPrefix;
   return /* @__PURE__ */ t(fe, { ...e, children: /* @__PURE__ */ t(
     oe,
@@ -1241,48 +1241,48 @@ const zr = "_title_180i0_2", Jr = {
   children: g,
   ...y
 }) => {
-  const [C, R] = A(!1), v = Y(), p = () => {
+  const [C, R] = E(!1), b = Y(), m = () => {
     R(!C), n(!C);
-  }, b = () => i === "parent" && v.current?.parentElement || "inline", E = Dt.toArray(
+  }, v = () => i === "parent" && b.current?.parentElement || "inline", A = Dt.toArray(
     g
   );
   return /* @__PURE__ */ t(
-    Ee,
+    Ae,
     {
-      ref: v,
+      ref: b,
       maxMenuHeight: Te(h),
       isScrollable: !0,
       popperProps: {
-        appendTo: b(),
+        appendTo: v(),
         direction: s,
         width: Te(o)
       },
       ...y,
-      onClick: p,
+      onClick: m,
       onOpenChange: (I) => {
-        I !== C && p();
+        I !== C && m();
       },
       selected: a,
       onSelect: (I, f) => {
-        r?.(f || ""), p();
+        r?.(f || ""), m();
       },
       toggle: (I) => /* @__PURE__ */ t(
-        me,
+        pe,
         {
           id: e,
           ref: I,
           className: u,
-          onClick: p,
+          onClick: m,
           isExpanded: l,
           "aria-label": y["aria-label"],
           icon: c,
           isDisabled: d,
           isFullWidth: !0,
-          children: E.find((f) => f.props.value === a)?.props.children || a || y["aria-label"]
+          children: A.find((f) => f.props.value === a)?.props.children || a || y["aria-label"]
         }
       ),
       isOpen: l,
-      children: /* @__PURE__ */ t(Ae, { children: g })
+      children: /* @__PURE__ */ t(Ee, { children: g })
     }
   );
 }, oa = ({
@@ -1302,14 +1302,14 @@ const zr = "_title_180i0_2", Jr = {
   chipGroupComponent: y,
   chipGroupProps: C,
   footer: R,
-  isDisabled: v,
-  children: p,
-  ...b
+  isDisabled: b,
+  children: m,
+  ...v
 }) => {
-  const [E, I] = A(""), [f, T] = A(0), V = Y(), O = Dt.toArray(
-    p
+  const [A, I] = E(""), [f, T] = E(0), V = Y(), O = Dt.toArray(
+    m
   ), D = () => {
-    r?.(!b.isOpen);
+    r?.(!v.isOpen);
   }, j = (F) => {
     const B = O[f];
     switch (r?.(!0), F.key) {
@@ -1328,16 +1328,16 @@ const zr = "_title_180i0_2", Jr = {
       case "ArrowUp":
       case "ArrowDown": {
         F.preventDefault();
-        let m = 0;
-        F.key === "ArrowUp" && (f === 0 ? m = O.length - 1 : m = f - 1), F.key === "ArrowDown" && (f === O.length - 1 ? m = 0 : m = f + 1), T(m);
+        let p = 0;
+        F.key === "ArrowUp" && (f === 0 ? p = O.length - 1 : p = f - 1), F.key === "ArrowDown" && (f === O.length - 1 ? p = 0 : p = f + 1), T(p);
         break;
       }
     }
   };
   return /* @__PURE__ */ k(
-    Ee,
+    Ae,
     {
-      ...b,
+      ...v,
       onClick: D,
       onOpenChange: (F) => r?.(F),
       onSelect: (F, B) => {
@@ -1346,15 +1346,15 @@ const zr = "_title_180i0_2", Jr = {
       maxMenuHeight: Te(o),
       popperProps: { direction: u, width: Te(h) },
       toggle: (F) => /* @__PURE__ */ t(
-        me,
+        pe,
         {
           ref: F,
           id: e,
           variant: "typeahead",
           onClick: () => r?.(!0),
           icon: c,
-          isDisabled: v,
-          isExpanded: b.isOpen,
+          isDisabled: b,
+          isExpanded: v.isOpen,
           isFullWidth: !0,
           status: i === "error" ? Ye.danger : void 0,
           children: /* @__PURE__ */ k(It, { isPlain: !0, children: [
@@ -1362,19 +1362,19 @@ const zr = "_title_180i0_2", Jr = {
               wt,
               {
                 placeholder: s,
-                value: l === J.typeahead && d ? d : E,
+                value: l === J.typeahead && d ? d : A,
                 onClick: D,
-                onChange: (B, m) => {
-                  I(m), a?.(m);
+                onChange: (B, p) => {
+                  I(p), a?.(p);
                 },
                 onKeyDown: (B) => j(B),
                 autoComplete: "off",
                 innerRef: V,
                 role: "combobox",
-                isExpanded: b.isOpen,
+                isExpanded: v.isOpen,
                 "aria-controls": "select-typeahead-listbox",
                 "aria-label": g,
-                children: l === J.typeaheadMulti && Array.isArray(d) && (y || /* @__PURE__ */ t(Qe, { ...C, children: d.map((B, m) => /* @__PURE__ */ t(
+                children: l === J.typeaheadMulti && Array.isArray(d) && (y || /* @__PURE__ */ t(Qe, { ...C, children: d.map((B, p) => /* @__PURE__ */ t(
                   Xe,
                   {
                     onClick: (x) => {
@@ -1382,11 +1382,11 @@ const zr = "_title_180i0_2", Jr = {
                     },
                     children: B
                   },
-                  m
+                  p
                 )) }))
               }
             ),
-            /* @__PURE__ */ t(Tt, { children: !!E && /* @__PURE__ */ t(
+            /* @__PURE__ */ t(Tt, { children: !!A && /* @__PURE__ */ t(
               q,
               {
                 variant: "plain",
@@ -1401,7 +1401,7 @@ const zr = "_title_180i0_2", Jr = {
         }
       ),
       children: [
-        /* @__PURE__ */ t(Ae, { children: p }),
+        /* @__PURE__ */ t(Ee, { children: m }),
         R && /* @__PURE__ */ t(kn, { children: R })
       ]
     }
@@ -1412,18 +1412,18 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
   variant: e = "single",
   ...n
 }) => e === "single" ? /* @__PURE__ */ t(sa, { ...n }) : /* @__PURE__ */ t(oa, { ...n, variant: e }), ft = (e) => {
-  const { t: n, form: r, inputType: a, attribute: l } = e, [i, s] = A(!1), [o, h] = A(""), c = a === "multiselect", u = (v, p) => {
-    c ? p.value?.includes(v) ? p.onChange(p.value.filter((b) => b !== v)) : Array.isArray(p.value) ? p.onChange([...p.value, v]) : p.onChange([v]) : p.onChange(v === p.value ? "" : v);
-  }, d = l.validators?.options?.options || [], g = l.annotations?.inputOptionLabels || {}, y = l.annotations?.inputOptionLabelsI18nPrefix, C = (v) => ae(e.t, g[v], v, y), R = (v) => d.filter(
-    (p) => C(p).toLowerCase().includes(o.toLowerCase())
-  ).map((p) => /* @__PURE__ */ t(
+  const { t: n, form: r, inputType: a, attribute: l } = e, [i, s] = E(!1), [o, h] = E(""), c = a === "multiselect", u = (b, m) => {
+    c ? m.value?.includes(b) ? m.onChange(m.value.filter((v) => v !== b)) : Array.isArray(m.value) ? m.onChange([...m.value, b]) : m.onChange([b]) : m.onChange(b === m.value ? "" : b);
+  }, d = l.validators?.options?.options || [], g = l.annotations?.inputOptionLabels || {}, y = l.annotations?.inputOptionLabelsI18nPrefix, C = (b) => ae(e.t, g[b], b, y), R = (b) => d.filter(
+    (m) => C(m).toLowerCase().includes(o.toLowerCase())
+  ).map((m) => /* @__PURE__ */ t(
     Je,
     {
-      selected: v === p,
-      value: p,
-      children: C(p)
+      selected: Array.isArray(b) ? b.includes(m) : b === m,
+      value: m,
+      children: C(m)
     },
-    p
+    m
   ));
   return /* @__PURE__ */ t(fe, { ...e, children: /* @__PURE__ */ t(
     oe,
@@ -1431,23 +1431,23 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
       name: X(l.name),
       defaultValue: l.defaultValue,
       control: r.control,
-      render: ({ field: v }) => /* @__PURE__ */ t(
+      render: ({ field: b }) => /* @__PURE__ */ t(
         ca,
         {
           toggleId: l.name,
-          onToggle: (p) => s(p),
-          onClear: () => u("", v),
-          onSelect: (p) => {
-            const b = p.toString();
-            u(b, v), Array.isArray(v.value) || s(!1);
+          onToggle: (m) => s(m),
+          onClear: () => u("", b),
+          onSelect: (m) => {
+            const v = m.toString();
+            u(v, b), Array.isArray(b.value) || s(!1);
           },
-          selections: c && Array.isArray(v.value) ? v.value.map((p) => C(p)) : C(v.value),
+          selections: c && Array.isArray(b.value) ? b.value.map((m) => C(m)) : C(b.value),
           variant: c ? J.typeaheadMulti : d.length >= 10 ? J.typeahead : J.single,
           "aria-label": n("selectOne"),
           isOpen: i,
           isDisabled: l.readOnly,
-          onFilter: (p) => (h(p), R(v.value)),
-          children: R(v.value)
+          onFilter: (m) => (h(m), R(b.value)),
+          children: R(b.value)
         }
       )
     }
@@ -1491,9 +1491,9 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
   text: K,
   textarea: da,
   select: ft,
-  "select-radiobuttons": mt,
+  "select-radiobuttons": pt,
   multiselect: ft,
-  "multiselect-checkboxes": mt,
+  "multiselect-checkboxes": pt,
   "html5-email": K,
   "html5-tel": K,
   "html5-url": K,
@@ -1566,7 +1566,7 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
 }) => {
   const s = n.watch(
     X(i.name)
-  ), o = U(() => pa(i), [i]), h = i.multivalued || fa(s) && i.annotations?.inputType === void 0 ? je["multi-input"] : je[o];
+  ), o = U(() => ma(i), [i]), h = i.multivalued || fa(s) && i.annotations?.inputType === void 0 ? je["multi-input"] : je[o];
   return i.name === "locale" ? /* @__PURE__ */ t(
     aa,
     {
@@ -1587,13 +1587,13 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
     }
   );
 }, ha = "text";
-function pa(e) {
+function ma(e) {
   if ($t(e.name))
     return "text";
   const n = e.annotations?.inputType;
-  return ma(n) ? n : ha;
+  return pa(n) ? n : ha;
 }
-const ma = (e) => typeof e == "string" && e in je, fa = (e) => Array.isArray(e) && e.length > 1, ga = ({
+const pa = (e) => typeof e == "string" && e in je, fa = (e) => Array.isArray(e) && e.length > 1, ga = ({
   className: e = "",
   border: n,
   size: r = "md"
@@ -1719,7 +1719,7 @@ const ma = (e) => typeof e == "string" && e in je, fa = (e) => Array.isArray(e)
   dropDownItems: r,
   ...a
 }) => {
-  const [l, i] = A(!1);
+  const [l, i] = E(!1);
   return /* @__PURE__ */ t(
     In,
     {
@@ -1729,7 +1729,7 @@ const ma = (e) => typeof e == "string" && e in je, fa = (e) => Array.isArray(e)
       },
       onOpenChange: (s) => i(s),
       toggle: (s) => /* @__PURE__ */ t(
-        me,
+        pe,
         {
           "data-testid": `${a["data-testid"]}-toggle`,
           ref: s,
@@ -1778,14 +1778,14 @@ const rl = ({
   ), s && R.push(
     /* @__PURE__ */ t(ot, { onClick: () => e.logout(), children: C("signOut") }, "signOut")
   );
-  const v = e.idTokenParsed?.picture;
+  const b = e.idTokenParsed?.picture;
   return /* @__PURE__ */ k(Tn, { ...y, children: [
     /* @__PURE__ */ t(xn, { children: /* @__PURE__ */ t(Sn, { variant: "plain", "aria-label": C("navigation"), children: /* @__PURE__ */ t(dr, {}) }) }),
-    /* @__PURE__ */ t(En, { ...l, children: /* @__PURE__ */ t("img", { src: n, alt: r, className: a }) }),
-    /* @__PURE__ */ k(An, { children: [
+    /* @__PURE__ */ t(An, { ...l, children: /* @__PURE__ */ t("img", { src: n, alt: r, className: a }) }),
+    /* @__PURE__ */ k(En, { children: [
       g,
       /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ k(qe, { children: [
-        d?.map((p, b) => /* @__PURE__ */ t(G, { align: { default: "alignRight" }, children: p }, b)),
+        d?.map((m, v) => /* @__PURE__ */ t(G, { align: { default: "alignRight" }, children: m }, v)),
         /* @__PURE__ */ t(
           G,
           {
@@ -1829,7 +1829,7 @@ const rl = ({
             variant: "overflow-menu",
             align: { default: "alignRight" },
             className: "pf-v5-u-m-0-on-lg",
-            children: v || i?.src ? /* @__PURE__ */ t(Rn, { src: v, alt: C("avatar"), ...i }) : /* @__PURE__ */ t(ga, { ...i })
+            children: b || i?.src ? /* @__PURE__ */ t(Rn, { src: b, alt: C("avatar"), ...i }) : /* @__PURE__ */ t(ga, { ...i })
           }
         )
       ] }) })
@@ -1919,7 +1919,7 @@ const va = () => {
   inputGroupPlaceholder: s,
   inputGroupOnEnter: o
 }) => {
-  const { t: h } = $(), [c, u] = A(""), d = (y) => {
+  const { t: h } = $(), [c, u] = E(""), d = (y) => {
     u(y.trim()), o?.(y.trim());
   }, g = (y) => {
     y.key === "Enter" && d(c);
@@ -2039,7 +2039,7 @@ function Ta({
   isRadio: d,
   ...g
 }) {
-  const { t: y } = $(), [C, R] = A(i || []), [v, p] = A([]), b = U(
+  const { t: y } = $(), [C, R] = E(i || []), [b, m] = E([]), v = U(
     () => gr(
       C,
       n.map((f) => f.data),
@@ -2052,27 +2052,27 @@ function Ta({
       const f = document.getElementsByName("check-all").item(0);
       if (f) {
         const T = f;
-        T.indeterminate = b.length < n.length && b.length > 0;
+        T.indeterminate = v.length < n.length && v.length > 0;
       }
     }
   }, [C, h, n]);
-  const E = (f) => {
+  const A = (f) => {
     R(f), s?.(f);
   }, I = (f, T) => {
     if (d) {
       const V = T ? [n[f].data] : [];
-      E(V);
+      A(V);
     } else if (f === -1) {
-      const V = b.map(
+      const V = v.map(
         (O) => _(O, "id")
       );
-      E(
+      A(
         T ? [...C, ...n.map((O) => O.data)] : C.filter(
           (O) => !V.includes(_(O, "id"))
         )
       );
     } else
-      E(T ? [...C, n[f].data] : C.filter(
+      A(T ? [...C, n[f].data] : C.filter(
         (V) => _(V, "id") !== n[f].data.id
       ));
   };
@@ -2093,7 +2093,7 @@ function Ta({
                 onSelect: (f, T) => {
                   I(-1, T);
                 },
-                isSelected: b.length === n.length
+                isSelected: v.length === n.length
               }
             }
           ),
@@ -2112,13 +2112,13 @@ function Ta({
             le,
             {
               expand: n[T + 1].cells.length === 0 ? void 0 : {
-                isExpanded: v[T] ?? !1,
+                isExpanded: b[T] ?? !1,
                 rowIndex: T,
                 expandId: "expandable-row-",
                 onToggle: (V, O, D) => {
                   o(D, O);
-                  const j = [...v];
-                  j[T] = D, p(j);
+                  const j = [...b];
+                  j[T] = D, m(j);
                 }
               }
             }
@@ -2132,10 +2132,10 @@ function Ta({
               actionResolver: a
             }
           )
-        ] }) : /* @__PURE__ */ k(Ce, { isExpanded: v[T - 1] ?? !1, children: [
+        ] }) : /* @__PURE__ */ k(Ce, { isExpanded: b[T - 1] ?? !1, children: [
           /* @__PURE__ */ t(le, {}),
           /* @__PURE__ */ t(le, { colSpan: e.length, children: /* @__PURE__ */ t(kr, { children: /* @__PURE__ */ t(wa, { row: f }) }) })
-        ] }) }, T)) : /* @__PURE__ */ t(dt, { children: n.map((f, T) => /* @__PURE__ */ k(Ce, { isExpanded: v[T], children: [
+        ] }) }, T)) : /* @__PURE__ */ t(dt, { children: n.map((f, T) => /* @__PURE__ */ k(Ce, { isExpanded: b[T], children: [
           c && /* @__PURE__ */ t(
             le,
             {
@@ -2183,16 +2183,16 @@ function xa({
   searchTypeComponent: y,
   toolbarItem: C,
   subToolbar: R,
-  emptyState: v,
-  icon: p,
-  isSearching: b = !1,
-  ...E
+  emptyState: b,
+  icon: m,
+  isSearching: v = !1,
+  ...A
 }) {
-  const { t: I } = $(), [f, T] = A([]), [V, O] = A(), [D, j] = A(), [F, B] = A(!1), [m, x] = Lt(
+  const { t: I } = $(), [f, T] = E([]), [V, O] = E(), [D, j] = E(), [F, B] = E(!1), [p, x] = Lt(
     localStorage,
     "pageSize",
     10
-  ), [S, L] = A(m), [N, Z] = A(0), [z, Fe] = A(""), tt = Y(), [ge, Gt] = A(0), nt = Y(), rt = () => Gt(ge + 1), Wt = At(), at = (w, P) => w.map((M) => {
+  ), [S, L] = E(p), [N, Z] = E(0), [z, Fe] = E(""), tt = Y(), [ge, Gt] = E(0), nt = Y(), rt = () => Gt(ge + 1), Wt = Et(), at = (w, P) => w.map((M) => {
     if ("cellFormatters" in M) {
       const te = _(P, M.name);
       return M.cellFormatters?.reduce((de, be) => be(de), te);
@@ -2255,7 +2255,7 @@ function xa({
     ) && (r || Fe(""), rt());
   }, w)), Jt = (w, P) => {
     ee[P].isOpen = w, O([...ee]);
-  }, ee = it || V, ye = !ee || ee.length === 0, Ve = z !== "" || b, Yt = o ? S * 2 : S, Qt = o ? (ee?.length || 0) / 2 : ee?.length || 0;
+  }, ee = it || V, ye = !ee || ee.length === 0, Ve = z !== "" || v, Yt = o ? S * 2 : S, Qt = o ? (ee?.length || 0) / 2 : ee?.length || 0;
   return /* @__PURE__ */ k(W, { children: [
     (!ye || Ve) && /* @__PURE__ */ k(
       Ia,
@@ -2289,7 +2289,7 @@ function xa({
           !F && !ye && /* @__PURE__ */ t(
             Ta,
             {
-              ...E,
+              ...A,
               canSelectAll: l,
               canSelect: !!a,
               selected: f,
@@ -2310,11 +2310,11 @@ function xa({
             Ca,
             {
               hasIcon: !0,
-              icon: p,
+              icon: m,
               isSearchVariant: !0,
               message: I("noSearchResults"),
               instructions: I("noSearchResultsInstructions"),
-              secondaryActions: b ? [] : [
+              secondaryActions: v ? [] : [
                 {
                   text: I("clearAllFilters"),
                   onClick: () => Fe(""),
@@ -2327,7 +2327,7 @@ function xa({
       }
     ),
     F && /* @__PURE__ */ t(va, {}),
-    !F && ye && !Ve && v
+    !F && ye && !Ve && b
   ] });
 }
 const Sa = ({ link: e, organization: n }) => {
@@ -2344,7 +2344,7 @@ const Sa = ({ link: e, organization: n }) => {
       `${n.id}-disabled`
     )
   ] }) });
-}, Ea = (e) => {
+}, Aa = (e) => {
   const { t: n } = $();
   return /* @__PURE__ */ t(
     Qe,
@@ -2396,7 +2396,7 @@ const Sa = ({ link: e, organization: n }) => {
         {
           name: "domains",
           displayKey: "domains",
-          cellRenderer: Ea
+          cellRenderer: Aa
         },
         {
           name: "description",
@@ -2447,11 +2447,11 @@ export {
   Wa as beerify,
   Ze as createNamedContext,
   jr as debeerify,
-  Ar as generateId,
+  Er as generateId,
   Sr as getErrorDescription,
   xr as getErrorMessage,
   Ka as getInjectedEnvironment,
-  Er as getNetworkErrorDescription,
+  Ar as getNetworkErrorDescription,
   Vt as getNetworkErrorMessage,
   Rr as isDefined,
   Ja as isUserProfileError,