@keycloak/keycloak-ui-shared 26.3.2 → 26.3.4

package/dist/keycloak-ui-shared.js

@@ -1,25 +1,25 @@
 import { jsx as t, jsxs as v, Fragment as j } from "react/jsx-runtime";
-import { AlertGroup as en, Alert as tn, AlertVariant as Le, AlertActionCloseButton as nn, Page as rn, Modal as Ct, ModalVariant as an, TextContent as ln, Text as Be, Button as V, Spinner as kt, FormHelperText as We, HelperText as je, HelperTextItem as Ge, Popover as on, Icon as Ne, FormGroup as It, NumberInput as sn, ValidatedOptions as K, InputGroup as we, InputGroupItem as Ve, TextInput as xe, Select as Se, SelectList as Te, SelectOption as ze, MenuToggle as pe, MenuToggleStatus as Je, TextInputGroup as wt, TextInputGroupMain as xt, ChipGroup as Ye, Chip as Qe, TextInputGroupUtilities as St, Switch as cn, TextArea as Tt, FileUpload as dn, Title as un, Card as hn, CardHeader as pn, CardTitle as mn, CardBody as fn, Grid as gn, GridItem as ot, PageSection as yn, JumpLinks as bn, JumpLinksItem as vn, ButtonVariant as ke, Checkbox as Cn, Radio as kn, MenuFooter as In, Dropdown as wn, DropdownList as xn, DropdownItem as st, Masthead as Sn, MastheadToggle as Tn, PageToggleButton as An, MastheadBrand as En, MastheadContent as Rn, Toolbar as Ce, ToolbarContent as _e, ToolbarItem as W, Avatar as Dn, Bullseye as On, EmptyState as Fn, EmptyStateIcon as ct, EmptyStateHeader as Pn, EmptyStateBody as Mn, EmptyStateFooter as Ln, EmptyStateActions as Bn, SearchInput as Nn, Divider as Vn, Pagination as _n, Badge as qn } from "@patternfly/react-core";
-import { createContext as At, useContext as Et, useRef as J, useEffect as le, useCallback as he, useState as A, useMemo as q, forwardRef as Un, useId as Rt, Fragment as Dt, Children as Ot, Component as $n, isValidElement as Kn } from "react";
+import { AlertGroup as en, Alert as tn, AlertVariant as Be, AlertActionCloseButton as nn, Page as rn, Modal as Ct, ModalVariant as an, TextContent as ln, Text as Ce, Button as N, Spinner as kt, FormHelperText as We, HelperText as je, HelperTextItem as Ge, Popover as on, Icon as Ve, FormGroup as It, NumberInput as sn, ValidatedOptions as K, InputGroup as xe, InputGroupItem as Ne, TextInput as Se, Select as Te, SelectList as Ee, SelectOption as ze, MenuToggle as me, MenuToggleStatus as Je, TextInputGroup as wt, TextInputGroupMain as xt, ChipGroup as Ye, Chip as Qe, TextInputGroupUtilities as St, Switch as cn, TextArea as Tt, FileUpload as dn, Title as un, Card as hn, CardHeader as mn, CardTitle as pn, CardBody as fn, Grid as gn, GridItem as ot, PageSection as yn, JumpLinks as bn, JumpLinksItem as vn, ButtonVariant as Ie, Checkbox as Cn, Radio as kn, MenuFooter as In, Dropdown as wn, DropdownList as xn, DropdownItem as st, Masthead as Sn, MastheadToggle as Tn, PageToggleButton as En, MastheadBrand as An, MastheadContent as Rn, Toolbar as ke, ToolbarContent as _e, ToolbarItem as W, Avatar as Dn, Bullseye as On, EmptyState as Fn, EmptyStateIcon as ct, EmptyStateHeader as Pn, EmptyStateBody as Mn, EmptyStateFooter as Ln, EmptyStateActions as Bn, SearchInput as Vn, Divider as Nn, Pagination as _n, Badge as qn } from "@patternfly/react-core";
+import { createContext as Et, useContext as At, useRef as J, useEffect as le, useCallback as he, useState as E, useMemo as q, forwardRef as $n, useId as Rt, Fragment as Dt, Children as Ot, Component as Un, isValidElement as Kn } from "react";
 import { useTranslation as _ } from "react-i18next";
 import { NetworkError as Ft } from "@keycloak/keycloak-admin-client";
 import Hn from "keycloak-js";
 import { ExclamationCircleIcon as Wn, HelpIcon as dt, EyeIcon as jn, EyeSlashIcon as Gn, TimesIcon as Pt, CubeIcon as zn, PaypalIcon as Jn, InstagramIcon as Yn, BitbucketIcon as Qn, MicrosoftIcon as Xn, TwitterIcon as Zn, StackOverflowIcon as er, OpenshiftIcon as tr, LinkedinIcon as nr, GoogleIcon as rr, GitlabIcon as ar, FacebookSquareIcon as lr, GithubIcon as ir, MinusCircleIcon as or, PlusCircleIcon as Mt, EllipsisVIcon as sr, BarsIcon as cr, SearchIcon as dr, SyncAltIcon as ur } from "@patternfly/react-icons";
-import { useFormContext as Ae, Controller as ie, useController as Ee, FormProvider as hr, useWatch as pr } from "react-hook-form";
-import { get as N, cloneDeep as mr, intersectionBy as fr } from "lodash-es";
+import { useFormContext as Ae, Controller as ie, useController as Re, FormProvider as hr, useWatch as mr } from "react-hook-form";
+import { get as V, cloneDeep as pr, intersectionBy as fr } from "lodash-es";
 import be from "@patternfly/react-styles/css/components/Avatar/avatar";
 import { css as gr } from "@patternfly/react-styles";
-import { Table as yr, TableVariant as br, Thead as vr, Tr as ve, Th as Pe, Tbody as ut, Td as re, ExpandableRowContent as Cr, ActionsColumn as kr, TableText as Ir } from "@patternfly/react-table";
+import { Table as yr, TableVariant as br, Thead as vr, Tr as ve, Th as Me, Tbody as ut, Td as re, ExpandableRowContent as Cr, ActionsColumn as kr, TableText as Ir } from "@patternfly/react-table";
 import './main.css';function Xe(e, n) {
-  const r = At(n);
+  const r = Et(n);
   return r.displayName = e, r;
 }
-const wr = ["error", "errorMessage"], Me = "error_description";
+const wr = ["error", "errorMessage"], Le = "error_description";
 function xr(e) {
   if (typeof e == "string")
     return e;
   if (e instanceof Ft)
-    return Tr(e.responseData);
+    return Lt(e.responseData);
   if (e instanceof Error)
     return e.message;
   throw new Error("Unable to determine error message.");
@@ -28,13 +28,13 @@ function Sr(e) {
   if (!(e instanceof Ft))
     return;
   const n = e.responseData;
-  return Lt(n);
-}
-function Lt(e) {
-  if (typeof e == "object" && e !== null && Me in e && typeof e[Me] == "string")
-    return e[Me];
+  return Tr(n);
 }
 function Tr(e) {
+  if (typeof e == "object" && e !== null && Le in e && typeof e[Le] == "string")
+    return e[Le];
+}
+function Lt(e) {
   if (!(typeof e != "object" || e === null))
     for (const n of wr) {
       const r = e[n];
@@ -42,13 +42,13 @@ function Tr(e) {
         return r;
     }
 }
-const Ar = () => Math.floor(Math.random() * 1e3);
-function Er(e) {
+const Er = () => Math.floor(Math.random() * 1e3);
+function Ar(e) {
   return e != null;
 }
 function Ze(e) {
-  const n = Et(e);
-  if (Er(n))
+  const n = At(e);
+  if (Ar(n))
     return n;
   throw new Error(
     `No provider found for ${e.displayName ? `the '${e.displayName}'` : "an unknown"} context, make sure it is included in your component hierarchy.`
@@ -87,7 +87,7 @@ function Dr({ alerts: e, onCloseAlert: n }) {
         {
           "data-testid": o === 0 ? "last-alert" : void 0,
           isLiveRegion: !0,
-          variant: Le[a],
+          variant: Be[a],
           component: "p",
           variantLabel: "",
           title: l,
@@ -109,54 +109,54 @@ const Or = 8e3, Bt = Xe(
   "AlertContext",
   void 0
 ), _a = () => Ze(Bt), Fr = ({ children: e }) => {
-  const { t: n } = _(), r = Rr(), [a, l] = A([]), i = (d) => l((u) => u.filter((c) => c.id !== d)), o = he(
-    (d, u = Le.success, c) => {
+  const { t: n } = _(), r = Rr(), [a, l] = E([]), i = (u) => l((h) => h.filter((c) => c.id !== u)), o = he(
+    (u, h = Be.success, c) => {
       const y = {
-        id: Ar(),
-        message: d,
-        variant: u,
+        id: Er(),
+        message: u,
+        variant: h,
         description: c
       };
       l((g) => [y, ...g]), r(() => i(y.id), Or);
     },
     [r]
   ), s = he(
-    (d, u) => {
-      const c = n(d, { error: xr(u) }), y = Sr(u);
-      o(c, Le.danger, y);
+    (u, h) => {
+      const c = n(u, { error: xr(h) }), y = Sr(h);
+      o(c, Be.danger, y);
     },
     [o, n]
-  ), h = q(() => ({ addAlert: o, addError: s }), [o, s]);
-  return /* @__PURE__ */ v(Bt.Provider, { value: h, children: [
+  ), d = q(() => ({ addAlert: o, addError: s }), [o, s]);
+  return /* @__PURE__ */ v(Bt.Provider, { value: d, children: [
     /* @__PURE__ */ t(Dr, { alerts: a, onCloseAlert: i }),
     e
   ] });
 }, Pr = (e) => {
-  const { t: n } = _(), r = e.error, a = Mr(r) || Lt(r)?.replace(/\+/g, " ");
-  console.error(r);
-  function l() {
+  const { t: n, i18n: r } = _(), a = e.error, l = Mr(a), i = Lt(a);
+  console.error(a);
+  function o() {
     location.href = location.origin + location.pathname;
   }
   return /* @__PURE__ */ t(rn, { children: /* @__PURE__ */ t(
     Ct,
     {
       variant: an.small,
-      title: a ? "" : n("somethingWentWrong"),
+      title: n("somethingWentWrong"),
       titleIconVariant: "danger",
       showClose: !1,
       isOpen: !0,
       actions: [
-        /* @__PURE__ */ t(V, { variant: "primary", onClick: l, children: n("tryAgain") }, "tryAgain")
+        /* @__PURE__ */ t(N, { variant: "primary", onClick: o, children: n("tryAgain") }, "tryAgain")
       ],
-      children: /* @__PURE__ */ t(ln, { children: a ? /* @__PURE__ */ t(Be, { children: n(a) }) : /* @__PURE__ */ t(Be, { children: n("somethingWentWrongDescription") }) })
+      children: /* @__PURE__ */ t(ln, { children: l ? /* @__PURE__ */ t(Ce, { children: n(l) }) : i && r.exists(i) ? /* @__PURE__ */ t(Ce, { children: n(i) }) : /* @__PURE__ */ t(Ce, { children: n("somethingWentWrongDescription") }) })
     }
   ) });
 };
 function Mr(e) {
-  return typeof e == "string" ? e : e instanceof Error ? e.message : null;
+  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((o) => {
     l(o), e.setItem(n, o);
@@ -169,7 +169,7 @@ function Lr(e, n, r) {
     return () => window.removeEventListener("storage", o);
   }, [e, n]), [a, i];
 }
-function Nt(e, n, r) {
+function Vt(e, n, r) {
   const a = q(
     () => JSON.stringify(r),
     [r]
@@ -178,35 +178,35 @@ function Nt(e, n, r) {
     n,
     a
   ), o = q(() => JSON.parse(l), [l]), s = he(
-    (h) => i(JSON.stringify(h)),
+    (d) => i(JSON.stringify(d)),
     []
   );
   return [o, s];
 }
-const Vt = Xe(
+const Nt = Xe(
   "HelpContext",
   void 0
-), Br = () => Ze(Vt), Nr = ({ children: e }) => {
-  const [n, r] = Nt(localStorage, "helpEnabled", !0);
+), Br = () => Ze(Nt), Vr = ({ children: e }) => {
+  const [n, r] = Vt(localStorage, "helpEnabled", !0);
   function a() {
     r(!n);
   }
-  return /* @__PURE__ */ t(Vt.Provider, { value: { enabled: n, toggleHelp: a }, children: e });
-}, Vr = () => At(void 0);
+  return /* @__PURE__ */ t(Nt.Provider, { value: { enabled: n, toggleHelp: a }, children: e });
+}, Nr = () => Et(void 0);
 let qe;
 const qa = () => {
-  const e = Et(qe);
+  const e = At(qe);
   if (!e)
     throw Error(
       "no environment provider in the hierarchy make sure to add the provider"
     );
   return e;
-}, Ua = ({
+}, $a = ({
   environment: e,
   children: n
 }) => {
-  qe = Vr();
-  const r = J(!1), [a, l] = A(!1), [i, o] = A(), s = q(() => {
+  qe = Nr();
+  const r = J(!1), [a, l] = E(!1), [i, o] = E(), s = q(() => {
     const d = new Hn({
       url: e.serverBaseUrl,
       realm: e.realm,
@@ -214,25 +214,18 @@ const qa = () => {
     });
     return d.onAuthLogout = () => d.login(), d;
   }, [e]);
-  le(() => {
+  return le(() => {
     if (r.current)
       return;
     s.init({
-      onLoad: "check-sso",
+      onLoad: "login-required",
       pkceMethod: "S256",
       responseMode: "query",
       scope: e.scope
     }).then(() => l(!0)).catch((u) => o(u)), r.current = !0;
-  }, [s]);
-  const h = new URLSearchParams(window.location.search);
-  return i || h.get("error_description") ? /* @__PURE__ */ t(
-    Pr,
-    {
-      error: i || h.get("error_description")
-    }
-  ) : a ? /* @__PURE__ */ t(qe.Provider, { value: { environment: e, keycloak: s }, children: /* @__PURE__ */ t(Fr, { children: /* @__PURE__ */ t(Nr, { children: n }) }) }) : /* @__PURE__ */ t(kt, {});
+  }, [s]), i ? /* @__PURE__ */ t(Pr, { error: i }) : a ? /* @__PURE__ */ t(qe.Provider, { value: { environment: e, keycloak: s }, children: /* @__PURE__ */ t(Fr, { children: /* @__PURE__ */ t(Vr, { children: n }) }) }) : /* @__PURE__ */ t(kt, {});
 };
-function $a() {
+function Ua() {
   const n = document.getElementById("environment")?.textContent;
   if (typeof n != "string")
     throw new Error("Environment variables not found in the document.");
@@ -251,14 +244,14 @@ const Ka = ({
   buttonVariant: i,
   buttonTestRole: o,
   onContinue: s,
-  component: h = V,
-  children: d,
-  ...u
+  component: d = N,
+  children: u,
+  ...h
 }) => {
-  const [c, y] = A(!1);
+  const [c, y] = E(!1);
   return /* @__PURE__ */ v(j, { children: [
     /* @__PURE__ */ t(
-      h,
+      d,
       {
         variant: i,
         onClick: () => y(!0),
@@ -271,13 +264,13 @@ const Ka = ({
       Ct,
       {
         variant: "small",
-        ...u,
+        ...h,
         title: e,
         isOpen: c,
         onClose: () => y(!1),
         actions: [
           /* @__PURE__ */ t(
-            V,
+            N,
             {
               id: "modal-confirm",
               variant: "primary",
@@ -289,7 +282,7 @@ const Ka = ({
             "confirm"
           ),
           /* @__PURE__ */ t(
-            V,
+            N,
             {
               id: "modal-cancel",
               variant: "secondary",
@@ -299,7 +292,7 @@ const Ka = ({
             "cancel"
           )
         ],
-        children: d
+        children: u
       }
     )
   ] });
@@ -318,10 +311,10 @@ const Ka = ({
         "aria-label": n,
         onClick: (i) => i.preventDefault(),
         className: "pf-v5-c-form__group-label-help",
-        children: /* @__PURE__ */ t(Ne, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
+        children: /* @__PURE__ */ t(Ve, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
       }
     ),
-    a && /* @__PURE__ */ t(Ne, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
+    a && /* @__PURE__ */ t(Ve, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
   ] }) }) : null;
 };
 function oe(e) {
@@ -374,21 +367,21 @@ const Y = ({
           name: e,
           control: i,
           render: ({ field: s }) => {
-            const h = !!r.rules?.required, d = oe(r.rules?.min), u = s.value ?? r.defaultValue, c = (y) => s.onChange(
-              d !== void 0 ? Math.max(y, Number(d)) : y
+            const d = !!r.rules?.required, u = oe(r.rules?.min), h = s.value ?? r.defaultValue, c = (y) => s.onChange(
+              u !== void 0 ? Math.max(y, Number(u)) : y
             );
             return /* @__PURE__ */ t(
               sn,
               {
                 ...l,
                 id: e,
-                value: u,
+                value: h,
                 validated: o[e] ? K.error : K.default,
-                required: h,
-                min: Number(d),
+                required: d,
+                min: Number(u),
                 max: Number(r.rules?.max),
-                onPlus: () => c(u + 1),
-                onMinus: () => c(u - 1),
+                onPlus: () => c(h + 1),
+                onMinus: () => c(h - 1),
                 onChange: (y) => {
                   const g = Number(y.currentTarget.value);
                   c(isNaN(g) ? r.defaultValue : g);
@@ -405,10 +398,10 @@ const Y = ({
   innerRef: n,
   ...r
 }) => {
-  const { t: a } = _(), [l, i] = A(!0);
-  return /* @__PURE__ */ v(we, { children: [
-    /* @__PURE__ */ t(Ve, { isFill: !0, children: /* @__PURE__ */ t(
-      xe,
+  const { t: a } = _(), [l, i] = E(!0);
+  return /* @__PURE__ */ v(xe, { children: [
+    /* @__PURE__ */ t(Ne, { isFill: !0, children: /* @__PURE__ */ t(
+      Se,
       {
         ...r,
         type: l ? "password" : "text",
@@ -416,7 +409,7 @@ const Y = ({
       }
     ) }),
     e && /* @__PURE__ */ t(
-      V,
+      N,
       {
         variant: "control",
         "aria-label": a("showPassword"),
@@ -425,12 +418,12 @@ const Y = ({
       }
     )
   ] });
-}, Ut = Un(
+}, $t = $n(
   (e, n) => /* @__PURE__ */ t(_r, { ...e, innerRef: n })
 );
-Ut.displayName = "PasswordInput";
+$t.displayName = "PasswordInput";
 const Wa = (e) => {
-  const { labelIcon: n, ...r } = e, a = !!oe(e.rules?.required), l = e.defaultValue ?? "", { field: i, fieldState: o } = Ee({
+  const { labelIcon: n, ...r } = e, a = !!oe(e.rules?.required), l = e.defaultValue ?? "", { field: i, fieldState: o } = Re({
     ...e,
     defaultValue: l
   });
@@ -444,7 +437,7 @@ const Wa = (e) => {
       error: o.error,
       children: [
         /* @__PURE__ */ t(
-          Ut,
+          $t,
           {
             isRequired: a,
             id: e.name,
@@ -468,13 +461,13 @@ const Wa = (e) => {
   controller: i,
   labelIcon: o,
   isDisabled: s,
-  onSelect: h,
-  ...d
+  onSelect: d,
+  ...u
 }) => {
   const {
-    control: u,
+    control: h,
     formState: { errors: c }
-  } = Ae(), [y, g] = A(!1), C = oe(i.rules?.required) === !0;
+  } = Ae(), [y, g] = E(!1), C = oe(i.rules?.required) === !0;
   return /* @__PURE__ */ t(
     Y,
     {
@@ -482,53 +475,53 @@ const Wa = (e) => {
       name: n,
       label: r,
       isRequired: C,
-      error: N(c, n),
+      error: V(c, n),
       labelIcon: o,
       children: /* @__PURE__ */ t(
         ie,
         {
           ...i,
           name: n,
-          control: u,
-          render: ({ field: { onChange: R, value: m } }) => /* @__PURE__ */ t(
-            Se,
+          control: h,
+          render: ({ field: { onChange: R, value: p } }) => /* @__PURE__ */ t(
+            Te,
             {
-              ...d,
+              ...u,
               variant: "default",
               onClick: () => g(!y),
               onOpenChange: () => g(!1),
               selected: te(a) ? a.filter(
-                (p) => Array.isArray(m) ? m.includes(p.key) : m === p.key
-              ).map((p) => p.value) : m,
-              toggle: (p) => /* @__PURE__ */ t(
-                pe,
+                (m) => Array.isArray(p) ? p.includes(m.key) : p === m.key
+              ).map((m) => m.value) : p,
+              toggle: (m) => /* @__PURE__ */ t(
+                me,
                 {
                   id: e || n,
-                  ref: p,
+                  ref: m,
                   onClick: () => g(!y),
                   isExpanded: y,
                   isFullWidth: !0,
-                  status: N(c, n) ? Je.danger : void 0,
+                  status: V(c, n) ? Je.danger : void 0,
                   "aria-label": r,
                   isDisabled: s,
                   children: te(a) ? a.find(
-                    (S) => S.key === (Array.isArray(m) ? m[0] : m)
-                  )?.value : m
+                    (S) => S.key === (Array.isArray(p) ? p[0] : p)
+                  )?.value : p
                 }
               ),
-              onSelect: (p, S) => {
-                const T = S?.toString(), I = Array.isArray(m) ? [T] : T;
-                h ? h(I, R) : R(I), g(!1);
+              onSelect: (m, S) => {
+                const T = S?.toString(), I = Array.isArray(p) ? [T] : T;
+                d ? d(I, R) : R(I), g(!1);
               },
               isOpen: y,
-              children: /* @__PURE__ */ t(Te, { "data-testid": `select-${n}`, children: [...a, ...l].map((p) => /* @__PURE__ */ t(ze, { value: ae(p), children: et(p) ? p : p.value }, ae(p))) })
+              children: /* @__PURE__ */ t(Ee, { "data-testid": `select-${n}`, children: [...a, ...l].map((m) => /* @__PURE__ */ t(ze, { value: ae(m), children: et(m) ? m : m.value }, ae(m))) })
             }
           )
         }
       )
     }
   );
-}, ee = (e) => et(e) ? e : e.value, Ur = ({
+}, ee = (e) => et(e) ? e : e.value, $r = ({
   id: e,
   name: n,
   label: r,
@@ -537,14 +530,14 @@ const Wa = (e) => {
   controller: i,
   labelIcon: o,
   placeholderText: s,
-  onFilter: h,
-  variant: d,
-  ...u
+  onFilter: d,
+  variant: u,
+  ...h
 }) => {
   const {
     control: c,
     formState: { errors: y }
-  } = Ae(), [g, C] = A(!1), [R, m] = A(""), [p, S] = A(0), [T, I] = A([]), b = J(), x = oe(i.rules?.required) === !0, F = d === ue.typeaheadMulti, E = q(
+  } = Ae(), [g, C] = E(!1), [R, p] = E(""), [m, S] = E(0), [T, I] = E([]), b = J(), x = oe(i.rules?.required) === !0, F = u === ue.typeaheadMulti, A = q(
     () => [
       ...a.filter(
         (f) => !l.map((k) => ee(k)).includes(ee(f))
@@ -552,20 +545,20 @@ const Wa = (e) => {
       ...l
     ],
     [l, a]
-  ), B = E.filter(
+  ), B = A.filter(
     (f) => ee(f).toLowerCase().startsWith(R.toLowerCase())
   ), H = (f, k) => {
     k.value.includes(f) ? (k.onChange(k.value.filter((D) => D !== f)), te(a) && I(
       T.filter((D) => D.key !== f)
-    )) : (k.onChange([...k.value, f]), te(E) && I([
+    )) : (k.onChange([...k.value, f]), te(A) && I([
       ...T,
-      E.find((D) => D.key === f)
+      A.find((D) => D.key === f)
     ]));
   }, M = (f, k) => {
-    const D = B[p];
+    const D = B[m];
     switch (C(!0), f.key) {
       case "Enter": {
-        f.preventDefault(), m(F ? "" : ee(D)), H(ae(D), k), C(!1), S(0);
+        f.preventDefault(), p(F ? "" : ee(D)), H(ae(D), k), C(!1), S(0);
         break;
       }
       case "Tab":
@@ -574,14 +567,14 @@ const Wa = (e) => {
         break;
       }
       case "Backspace": {
-        d === ue.typeahead && k.onChange("");
+        u === ue.typeahead && k.onChange("");
         break;
       }
       case "ArrowUp":
       case "ArrowDown": {
         f.preventDefault();
         let O = 0;
-        f.key === "ArrowUp" && (p === 0 ? O = a.length - 1 : O = p - 1), f.key === "ArrowDown" && (p === a.length - 1 ? O = 0 : O = p + 1), S(O);
+        f.key === "ArrowUp" && (m === 0 ? O = a.length - 1 : O = m - 1), f.key === "ArrowDown" && (m === a.length - 1 ? O = 0 : O = m + 1), S(O);
         break;
       }
     }
@@ -593,7 +586,7 @@ const Wa = (e) => {
       name: n,
       label: r,
       isRequired: x,
-      error: N(y, n),
+      error: V(y, n),
       labelIcon: o,
       children: /* @__PURE__ */ t(
         ie,
@@ -602,16 +595,16 @@ const Wa = (e) => {
           name: n,
           control: c,
           render: ({ field: f }) => /* @__PURE__ */ t(
-            Se,
+            Te,
             {
-              ...u,
+              ...h,
               onOpenChange: () => C(!1),
-              selected: te(E) ? E.filter(
+              selected: te(A) ? A.filter(
                 (k) => Array.isArray(f.value) ? f.value.includes(k.key) : f.value === k.key
               ).map((k) => k.value) : f.value,
               shouldFocusFirstItemOnOpen: !1,
               toggle: (k) => /* @__PURE__ */ t(
-                pe,
+                me,
                 {
                   ref: k,
                   id: e || n,
@@ -621,18 +614,18 @@ const Wa = (e) => {
                   },
                   isExpanded: g,
                   isFullWidth: !0,
-                  status: N(y, n) ? Je.danger : void 0,
+                  status: V(y, n) ? Je.danger : void 0,
                   children: /* @__PURE__ */ v(wt, { isPlain: !0, children: [
                     /* @__PURE__ */ t(
                       xt,
                       {
                         placeholder: s,
-                        value: d === ue.typeahead && f.value ? te(E) ? E.find(
+                        value: u === ue.typeahead && f.value ? te(A) ? A.find(
                           (D) => D.key === (Array.isArray(f.value) ? f.value[0] : f.value)
                         )?.value : f.value : R,
                         onClick: () => C(!g),
                         onChange: (D, O) => {
-                          m(O), h?.(O);
+                          p(O), d?.(O);
                         },
                         onKeyDown: (D) => M(D, f),
                         autoComplete: "off",
@@ -640,19 +633,19 @@ const Wa = (e) => {
                         role: "combobox",
                         isExpanded: g,
                         "aria-controls": "select-typeahead-listbox",
-                        children: d === ue.typeaheadMulti && Array.isArray(f.value) && /* @__PURE__ */ t(Ye, { "aria-label": "Current selections", children: f.value.map(
+                        children: u === ue.typeaheadMulti && Array.isArray(f.value) && /* @__PURE__ */ t(Ye, { "aria-label": "Current selections", children: f.value.map(
                           (D, O) => /* @__PURE__ */ t(
                             Qe,
                             {
                               onClick: (se) => {
                                 se.stopPropagation(), f.onChange(
                                   f.value.filter(
-                                    (U) => U !== ae(D)
+                                    ($) => $ !== ae(D)
                                   )
                                 );
                               },
-                              children: te(E) ? [
-                                ...E,
+                              children: te(A) ? [
+                                ...A,
                                 ...T
                               ].find((se) => D === se.key)?.value : ee(D)
                             },
@@ -662,11 +655,11 @@ const Wa = (e) => {
                       }
                     ),
                     /* @__PURE__ */ t(St, { children: (!!R || f.value) && /* @__PURE__ */ t(
-                      V,
+                      N,
                       {
                         variant: "plain",
                         onClick: () => {
-                          m(""), f.onChange(F ? [] : ""), b?.current?.focus();
+                          p(""), f.onChange(F ? [] : ""), b?.current?.focus();
                         },
                         "aria-label": "Clear input value",
                         children: /* @__PURE__ */ t(Pt, { "aria-hidden": !0 })
@@ -678,14 +671,14 @@ const Wa = (e) => {
               onSelect: (k, D) => {
                 k?.stopPropagation();
                 const O = D?.toString();
-                F && Array.isArray(f.value) ? (m(""), H(O || "", f)) : (f.onChange(Array.isArray(f.value) ? [O] : O), C(!1));
+                F && Array.isArray(f.value) ? (p(""), H(O || "", f)) : (f.onChange(Array.isArray(f.value) ? [O] : O), C(!1));
               },
               isOpen: g,
-              children: /* @__PURE__ */ t(Te, { children: B.map((k, D) => /* @__PURE__ */ t(
+              children: /* @__PURE__ */ t(Ee, { children: B.map((k, D) => /* @__PURE__ */ t(
                 ze,
                 {
                   value: ae(k),
-                  isFocused: p === D,
+                  isFocused: m === D,
                   isActive: f.value.includes(ee(k)),
                   children: ee(k)
                 },
@@ -699,13 +692,13 @@ const Wa = (e) => {
   );
 };
 var ue = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(ue || {});
-const te = (e) => typeof e[0] != "string", et = (e) => typeof e == "string", ae = (e) => et(e) ? e : e.key, $r = ({
+const te = (e) => typeof e[0] != "string", et = (e) => typeof e == "string", ae = (e) => et(e) ? e : e.key, Ur = ({
   variant: e = "single",
   ...n
-}) => e === "single" ? /* @__PURE__ */ t(qr, { ...n }) : /* @__PURE__ */ t(Ur, { ...n, variant: e }), Ue = (e) => e?.includes("${"), $e = (e) => e.substring(2, e.length - 1), ne = (e, n, r, a) => {
-  const l = n || r, i = Ue(l) ? $e(l) : l, o = a ? `${a}.${i}` : i;
+}) => e === "single" ? /* @__PURE__ */ t(qr, { ...n }) : /* @__PURE__ */ t($r, { ...n, variant: e }), $e = (e) => e && typeof e == "string" ? e.includes("${") : !1, Ue = (e) => e.substring(2, e.length - 1), ne = (e, n, r, a) => {
+  const l = n || r, i = $e(l) ? Ue(l) : l, o = a ? `${a}.${i}` : i;
   return e(o || "");
-}, Ke = (e, n) => ne(e, n.displayName, n.name), Kr = ["username", "firstName", "lastName", "email"], $t = (e) => e && Kr.includes(e), Q = (e) => `${$t(e) ? "" : "attributes."}${e?.replaceAll(
+}, Ke = (e, n) => ne(e, n.displayName, n.name), Kr = ["username", "firstName", "lastName", "email"], Ut = (e) => e && Kr.includes(e), Q = (e) => `${Ut(e) ? "" : "attributes."}${e?.replaceAll(
   ".",
   "🍺"
 )}`, ja = (e) => e.replaceAll(".", "🍺"), Hr = (e) => e.replaceAll("🍺", ".");
@@ -713,11 +706,13 @@ function Ga(e, n, r) {
   (e.responseData.errors !== void 0 ? e.responseData.errors : [e.responseData]).forEach((a) => {
     const l = Object.assign(
       {},
-      a.params?.map((i) => Ue(i?.toString()) ? r($e(i)) : i)
+      a.params?.map(
+        (i) => $e(i?.toString()) ? r(Ue(i)) : i
+      )
     );
     n(Q(a.field), {
       message: r(
-        Ue(a.errorMessage) ? $e(a.errorMessage) : a.errorMessage,
+        $e(a.errorMessage) ? Ue(a.errorMessage) : a.errorMessage,
         {
           /* eslint-disable @typescript-eslint/no-misused-spread */
           ...l,
@@ -728,7 +723,7 @@ function Ga(e, n, r) {
     });
   });
 }
-function Re({
+function De({
   required: e
 }) {
   return e;
@@ -764,17 +759,17 @@ const Ja = ({
           control: s,
           name: l.name,
           defaultValue: o,
-          render: ({ field: { onChange: h, value: d } }) => /* @__PURE__ */ t(
+          render: ({ field: { onChange: d, value: u } }) => /* @__PURE__ */ t(
             cn,
             {
               ...l,
               id: l.name,
               "data-testid": Hr(l.name),
               label: e,
-              isChecked: n ? d === "true" : d,
-              onChange: (u, c) => {
+              isChecked: n ? u === "true" : u,
+              onChange: (h, c) => {
                 const y = n ? c.toString() : c;
-                l.onChange?.(u, c), h(y);
+                l.onChange?.(h, c), d(y);
               }
             }
           )
@@ -783,7 +778,7 @@ const Ja = ({
     }
   );
 }, Ya = (e) => {
-  const n = !!e.rules?.required, r = e.defaultValue ?? "", { field: a, fieldState: l } = Ee({
+  const n = !!e.rules?.required, r = e.defaultValue ?? "", { field: a, fieldState: l } = Re({
     ...e,
     defaultValue: r
   });
@@ -810,7 +805,7 @@ const Ja = ({
     }
   );
 }, Qa = (e) => {
-  const { labelIcon: n, helperText: r, ...a } = e, l = !!oe(e.rules?.required), i = e.defaultValue ?? "", { field: o, fieldState: s } = Ee({
+  const { labelIcon: n, helperText: r, ...a } = e, l = !!oe(e.rules?.required), i = e.defaultValue ?? "", { field: o, fieldState: s } = Re({
     ...e,
     defaultValue: i
   });
@@ -824,7 +819,7 @@ const Ja = ({
       error: s.error,
       children: [
         /* @__PURE__ */ t(
-          xe,
+          Se,
           {
             isRequired: l,
             id: e.name,
@@ -840,7 +835,7 @@ const Ja = ({
     }
   );
 }, Wr = Tt, Xa = (e) => {
-  const { labelIcon: n, ...r } = e, a = !!oe(e.rules?.required), l = e.defaultValue ?? "", { t: i } = _(), [o, s] = A(""), { field: h, fieldState: d } = Ee({
+  const { labelIcon: n, ...r } = e, a = !!oe(e.rules?.required), l = e.defaultValue ?? "", { t: i } = _(), [o, s] = E(""), { field: d, fieldState: u } = Re({
     ...e,
     defaultValue: l
   });
@@ -851,7 +846,7 @@ const Ja = ({
       label: e.label,
       labelIcon: n,
       isRequired: a,
-      error: d.error,
+      error: u.error,
       children: /* @__PURE__ */ t(
         dn,
         {
@@ -859,25 +854,25 @@ const Ja = ({
           "data-testid": e["data-testid"] || e.name,
           filename: o,
           browseButtonText: i("browse"),
-          validated: d.error ? K.error : K.default,
+          validated: u.error ? K.error : K.default,
           hideDefaultPreview: !0,
           isDisabled: e.isDisabled,
           type: "text",
-          onFileInputChange: (u, c) => {
-            h.onChange(c), s(c.name);
+          onFileInputChange: (h, c) => {
+            d.onChange(c), s(c.name);
           },
           onClearClick: () => {
-            h.onChange(null), s("");
+            d.onChange(null), s("");
           },
           ...r,
-          ...h
+          ...d
         }
       )
     }
   );
 }, Za = ({ icon: e }) => {
   const n = jr(e);
-  return /* @__PURE__ */ t(Ne, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
+  return /* @__PURE__ */ t(Ve, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
 };
 function jr(e) {
   switch (e) {
@@ -937,7 +932,7 @@ const Gr = "_title_180i0_2", zr = {
 }) => {
   const l = Rt();
   return /* @__PURE__ */ v(hn, { id: l, className: a, isFlat: !0, children: [
-    /* @__PURE__ */ t(pn, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(mn, { tabIndex: 0, children: /* @__PURE__ */ t(Kt, { id: r, title: e }) }) }),
+    /* @__PURE__ */ t(mn, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(pn, { tabIndex: 0, children: /* @__PURE__ */ t(Kt, { id: r, title: e }) }) }),
     /* @__PURE__ */ t(fn, { className: "kc-form-panel__body", children: n })
   ] });
 }, Yr = (e) => {
@@ -946,10 +941,10 @@ const Gr = "_title_180i0_2", zr = {
     /* @__PURE__ */ t(Kt, { id: a, title: n }),
     r
   ] }) });
-}, Qr = "_panel_1cdve_1", Xr = "_sticky_1cdve_5", pt = {
+}, Qr = "_panel_1cdve_1", Xr = "_sticky_1cdve_5", mt = {
   panel: Qr,
   sticky: Xr
-}, Zr = "kc-main-content-page-container", mt = (e) => e.replace(/\s+/g, "-"), ea = ({
+}, Zr = "kc-main-content-page-container", pt = (e) => e.replace(/\s+/g, "-"), ea = ({
   label: e,
   sections: n,
   borders: r = !1,
@@ -961,18 +956,18 @@ const Gr = "_title_180i0_2", zr = {
   );
   return /* @__PURE__ */ v(gn, { hasGutter: !0, ...a, children: [
     /* @__PURE__ */ t(ot, { md: 8, sm: 12, children: l.map(({ title: i, panel: o }) => {
-      const s = mt(i.toLowerCase());
+      const s = pt(i.toLowerCase());
       return /* @__PURE__ */ t(Dt, { children: r ? /* @__PURE__ */ t(
         Jr,
         {
           scrollId: s,
           title: i,
-          className: pt.panel,
+          className: mt.panel,
           children: o
         }
       ) : /* @__PURE__ */ t(Yr, { scrollId: s, title: i, children: o }) }, i);
     }) }),
-    /* @__PURE__ */ t(ot, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(yn, { className: pt.sticky, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(ot, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(yn, { className: mt.sticky, children: /* @__PURE__ */ t(
       bn,
       {
         isVertical: !0,
@@ -980,7 +975,7 @@ const Gr = "_title_180i0_2", zr = {
         label: e,
         offset: 100,
         children: l.map(({ title: i }) => {
-          const o = mt(i.toLowerCase());
+          const o = pt(i.toLowerCase());
           return /* @__PURE__ */ t(
             vn,
             {
@@ -1008,7 +1003,7 @@ const Gr = "_title_180i0_2", zr = {
   children: l,
   ...i
 }) => /* @__PURE__ */ t(
-  V,
+  N,
   {
     variant: "primary",
     isDisabled: e && !ta(e, a, r) || n,
@@ -1036,7 +1031,7 @@ const Gr = "_title_180i0_2", zr = {
     [r, a, e]
   );
   return l.length ? /* @__PURE__ */ t(hr, { ...n, children: /* @__PURE__ */ t(
-    $r,
+    Ur,
     {
       "data-testid": "locale-select",
       name: "attributes.locale",
@@ -1046,7 +1041,7 @@ const Gr = "_title_180i0_2", zr = {
       variant: l.length >= 10 ? "typeahead" : "single"
     }
   ) }) : null;
-}, me = ({
+}, pe = ({
   t: e,
   form: n,
   attribute: r,
@@ -1058,24 +1053,24 @@ const Gr = "_title_180i0_2", zr = {
     r.annotations?.inputHelperTextBefore
   ), {
     formState: { errors: o }
-  } = n, s = a?.(r), h = N(o, Q(r.name));
+  } = n, s = a?.(r), d = V(o, Q(r.name));
   return /* @__PURE__ */ v(
     It,
     {
       label: Ke(e, r) || "",
       fieldId: r.name,
-      isRequired: Re(r),
+      isRequired: De(r),
       labelIcon: i ? /* @__PURE__ */ t(qt, { helpText: i, fieldLabelId: r.name }) : void 0,
       children: [
-        s ? /* @__PURE__ */ v(we, { children: [
+        s ? /* @__PURE__ */ v(xe, { children: [
           l,
           s
         ] }) : l,
-        h && /* @__PURE__ */ t(
+        d && /* @__PURE__ */ t(
           _t,
           {
             "data-testid": `${r.name}-helper`,
-            message: h.message
+            message: d.message
           }
         )
       ]
@@ -1088,7 +1083,7 @@ const Gr = "_title_180i0_2", zr = {
   attribute: r,
   renderer: a,
   ...l
-}) => /* @__PURE__ */ t(me, { t: e, form: n, attribute: r, renderer: a, children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ t(pe, { t: e, form: n, attribute: r, renderer: a, children: /* @__PURE__ */ t(
   la,
   {
     t: e,
@@ -1109,45 +1104,45 @@ const Gr = "_title_180i0_2", zr = {
   isDisabled: i = !1,
   defaultValue: o,
   id: s,
-  ...h
+  ...d
 }) => {
-  const { register: d, setValue: u, control: c } = a, y = pr({
+  const { register: u, setValue: h, control: c } = a, y = mr({
     name: n,
     control: c,
     defaultValue: o || ""
   }), g = q(() => Array.isArray(y) && y.length !== 0 ? y : o || [""], [y]), C = (T) => {
-    p([...g.slice(0, T), ...g.slice(T + 1)]);
+    m([...g.slice(0, T), ...g.slice(T + 1)]);
   }, R = () => {
-    p([...g, ""]);
-  }, m = (T, I) => {
-    p([...g.slice(0, T), I, ...g.slice(T + 1)]);
-  }, p = (T) => {
+    m([...g, ""]);
+  }, p = (T, I) => {
+    m([...g.slice(0, T), I, ...g.slice(T + 1)]);
+  }, m = (T) => {
     const I = T.flatMap((b) => b);
-    u(n, I, {
+    h(n, I, {
       shouldDirty: !0
     });
   }, S = r.startsWith("html") ? r.substring(6) : "text";
   return le(() => {
-    d(n);
-  }, [d]), /* @__PURE__ */ t("div", { id: s, children: g.map((T, I) => /* @__PURE__ */ v(Dt, { children: [
-    /* @__PURE__ */ v(we, { children: [
-      /* @__PURE__ */ t(Ve, { isFill: !0, children: /* @__PURE__ */ t(
-        xe,
+    u(n);
+  }, [u]), /* @__PURE__ */ t("div", { id: s, children: g.map((T, I) => /* @__PURE__ */ v(Dt, { children: [
+    /* @__PURE__ */ v(xe, { children: [
+      /* @__PURE__ */ t(Ne, { isFill: !0, children: /* @__PURE__ */ t(
+        Se,
         {
           "data-testid": n + I,
-          onChange: (b, x) => m(I, x),
+          onChange: (b, x) => p(I, x),
           name: `${n}.${I}.value`,
           value: T,
           isDisabled: i,
           type: S,
-          ...h
+          ...d
         }
       ) }),
-      /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(
-        V,
+      /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ t(
+        N,
         {
           "data-testid": "remove" + I,
-          variant: ke.link,
+          variant: Ie.link,
           onClick: () => C(I),
           tabIndex: -1,
           "aria-label": e("remove"),
@@ -1157,9 +1152,9 @@ const Gr = "_title_180i0_2", zr = {
       ) })
     ] }),
     I === g.length - 1 && /* @__PURE__ */ v(
-      V,
+      N,
       {
-        variant: ke.link,
+        variant: Ie.link,
         onClick: R,
         tabIndex: -1,
         "aria-label": e("add"),
@@ -1174,25 +1169,25 @@ const Gr = "_title_180i0_2", zr = {
     )
   ] }, I)) });
 }, ft = (e) => {
-  const { form: n, inputType: r, attribute: a } = e, l = Re(a), i = r.startsWith("multiselect"), o = i ? Cn : kn, s = a.validators?.options?.options || [], h = a.annotations?.inputOptionLabels || {}, d = a.annotations?.inputOptionLabelsI18nPrefix;
-  return /* @__PURE__ */ t(me, { ...e, children: /* @__PURE__ */ t(
+  const { form: n, inputType: r, attribute: a } = e, l = De(a), i = r.startsWith("multiselect"), o = i ? Cn : kn, s = a.validators?.options?.options || [], d = a.annotations?.inputOptionLabels || {}, u = a.annotations?.inputOptionLabelsI18nPrefix;
+  return /* @__PURE__ */ t(pe, { ...e, children: /* @__PURE__ */ t(
     ie,
     {
       name: Q(a.name),
       control: n.control,
       defaultValue: "",
-      render: ({ field: u }) => /* @__PURE__ */ t(j, { children: s.map((c) => /* @__PURE__ */ t(
+      render: ({ field: h }) => /* @__PURE__ */ t(j, { children: s.map((c) => /* @__PURE__ */ t(
         o,
         {
           id: c,
           "data-testid": c,
-          label: ne(e.t, h[c], c, d),
+          label: ne(e.t, d[c], c, u),
           value: c,
-          isChecked: u.value.includes(c),
+          isChecked: h.value.includes(c),
           onChange: () => {
-            i ? u.value.includes(c) ? u.onChange(
-              u.value.filter((y) => y !== c)
-            ) : u.onChange([...u.value, c]) : u.onChange([c]);
+            i ? h.value.includes(c) ? h.onChange(
+              h.value.filter((y) => y !== c)
+            ) : h.onChange([...h.value, c]) : h.onChange([c]);
           },
           readOnly: a.readOnly,
           isRequired: l
@@ -1210,55 +1205,55 @@ const Gr = "_title_180i0_2", zr = {
   menuAppendTo: i,
   direction: o,
   width: s,
-  maxHeight: h,
-  toggleIcon: d,
-  className: u,
+  maxHeight: d,
+  toggleIcon: u,
+  className: h,
   isDisabled: c,
   children: y,
   ...g
 }) => {
-  const [C, R] = A(!1), m = J(), p = () => {
+  const [C, R] = E(!1), p = J(), m = () => {
     R(!C), n(!C);
-  }, S = () => i === "parent" && m.current?.parentElement || "inline", T = Ot.toArray(
+  }, S = () => i === "parent" && p.current?.parentElement || "inline", T = Ot.toArray(
     y
   );
   return /* @__PURE__ */ t(
-    Se,
+    Te,
     {
-      ref: m,
-      maxMenuHeight: Ie(h),
+      ref: p,
+      maxMenuHeight: we(d),
       isScrollable: !0,
       popperProps: {
         appendTo: S(),
         direction: o,
-        width: Ie(s)
+        width: we(s)
       },
       ...g,
-      onClick: p,
+      onClick: m,
       onOpenChange: (I) => {
-        I !== C && p();
+        I !== C && m();
       },
       selected: a,
       onSelect: (I, b) => {
-        r?.(b || ""), p();
+        r?.(b || ""), m();
       },
       toggle: (I) => /* @__PURE__ */ t(
-        pe,
+        me,
         {
           id: e,
           ref: I,
-          className: u,
-          onClick: p,
+          className: h,
+          onClick: m,
           isExpanded: l,
           "aria-label": g["aria-label"],
-          icon: d,
+          icon: u,
           isDisabled: c,
           isFullWidth: !0,
           children: T.find((b) => b.props.value === a)?.props.children || a || g["aria-label"]
         }
       ),
       isOpen: l,
-      children: /* @__PURE__ */ t(Te, { children: y })
+      children: /* @__PURE__ */ t(Ee, { children: y })
     }
   );
 }, oa = ({
@@ -1270,24 +1265,24 @@ const Gr = "_title_180i0_2", zr = {
   validated: i,
   placeholderText: o,
   maxHeight: s,
-  width: h,
-  toggleIcon: d,
-  direction: u,
+  width: d,
+  toggleIcon: u,
+  direction: h,
   selections: c,
   typeAheadAriaLabel: y,
   chipGroupComponent: g,
   chipGroupProps: C,
   footer: R,
-  isDisabled: m,
-  children: p,
+  isDisabled: p,
+  children: m,
   ...S
 }) => {
-  const [T, I] = A(""), [b, x] = A(0), F = J(), E = Ot.toArray(
-    p
+  const [T, I] = E(""), [b, x] = E(0), F = J(), A = Ot.toArray(
+    m
   ), B = () => {
     r?.(!S.isOpen);
   }, H = (M) => {
-    const f = E[b];
+    const f = A[b];
     switch (r?.(!0), M.key) {
       case "Enter": {
         M.preventDefault(), l !== z.typeaheadMulti ? I(f.props.value) : I(""), n?.(f.props.value), r?.(!1), x(0);
@@ -1305,13 +1300,13 @@ const Gr = "_title_180i0_2", zr = {
       case "ArrowDown": {
         M.preventDefault();
         let k = 0;
-        M.key === "ArrowUp" && (b === 0 ? k = E.length - 1 : k = b - 1), M.key === "ArrowDown" && (b === E.length - 1 ? k = 0 : k = b + 1), x(k);
+        M.key === "ArrowUp" && (b === 0 ? k = A.length - 1 : k = b - 1), M.key === "ArrowDown" && (b === A.length - 1 ? k = 0 : k = b + 1), x(k);
         break;
       }
     }
   };
   return /* @__PURE__ */ v(
-    Se,
+    Te,
     {
       ...S,
       onClick: B,
@@ -1319,17 +1314,17 @@ const Gr = "_title_180i0_2", zr = {
       onSelect: (M, f) => {
         n?.(f || ""), a?.(""), I("");
       },
-      maxMenuHeight: Ie(s),
-      popperProps: { direction: u, width: Ie(h) },
+      maxMenuHeight: we(s),
+      popperProps: { direction: h, width: we(d) },
       toggle: (M) => /* @__PURE__ */ t(
-        pe,
+        me,
         {
           ref: M,
           id: e,
           variant: "typeahead",
           onClick: () => r?.(!0),
-          icon: d,
-          isDisabled: m,
+          icon: u,
+          isDisabled: p,
           isExpanded: S.isOpen,
           isFullWidth: !0,
           status: i === "error" ? Je.danger : void 0,
@@ -1363,7 +1358,7 @@ const Gr = "_title_180i0_2", zr = {
               }
             ),
             /* @__PURE__ */ t(St, { children: !!T && /* @__PURE__ */ t(
-              V,
+              N,
               {
                 variant: "plain",
                 onClick: () => {
@@ -1377,60 +1372,60 @@ const Gr = "_title_180i0_2", zr = {
         }
       ),
       children: [
-        /* @__PURE__ */ t(Te, { children: p }),
+        /* @__PURE__ */ t(Ee, { children: m }),
         R && /* @__PURE__ */ t(In, { children: R })
       ]
     }
   );
 };
 var z = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(z || {});
-const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
+const we = (e) => typeof e == "number" ? e + "px" : e, sa = ({
   variant: e = "single",
   ...n
 }) => e === "single" ? /* @__PURE__ */ t(ia, { ...n }) : /* @__PURE__ */ t(oa, { ...n, variant: e }), gt = (e) => {
-  const { t: n, form: r, inputType: a, attribute: l } = e, [i, o] = A(!1), [s, h] = A(""), d = a === "multiselect", u = (m, p) => {
-    d ? p.value.includes(m) ? p.onChange(p.value.filter((S) => S !== m)) : Array.isArray(p.value) ? p.onChange([...p.value, m]) : p.onChange([m]) : p.onChange(m === p.value ? "" : m);
-  }, c = l.validators?.options?.options || [], y = l.annotations?.inputOptionLabels || {}, g = l.annotations?.inputOptionLabelsI18nPrefix, C = (m) => ne(e.t, y[m], m, g), R = (m) => c.filter(
-    (p) => C(p).toLowerCase().includes(s.toLowerCase())
-  ).map((p) => /* @__PURE__ */ t(
+  const { t: n, form: r, inputType: a, attribute: l } = e, [i, o] = E(!1), [s, d] = E(""), u = a === "multiselect", h = (p, m) => {
+    u ? m.value.includes(p) ? m.onChange(m.value.filter((S) => S !== p)) : Array.isArray(m.value) ? m.onChange([...m.value, p]) : m.onChange([p]) : m.onChange(p === m.value ? "" : p);
+  }, c = l.validators?.options?.options || [], y = l.annotations?.inputOptionLabels || {}, g = l.annotations?.inputOptionLabelsI18nPrefix, C = (p) => ne(e.t, y[p], p, g), R = (p) => c.filter(
+    (m) => C(m).toLowerCase().includes(s.toLowerCase())
+  ).map((m) => /* @__PURE__ */ t(
     ze,
     {
-      selected: m === p,
-      value: p,
-      children: C(p)
+      selected: p === m,
+      value: m,
+      children: C(m)
     },
-    p
+    m
   ));
-  return /* @__PURE__ */ t(me, { ...e, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(pe, { ...e, children: /* @__PURE__ */ t(
     ie,
     {
       name: Q(l.name),
       defaultValue: "",
       control: r.control,
-      render: ({ field: m }) => /* @__PURE__ */ t(
+      render: ({ field: p }) => /* @__PURE__ */ t(
         sa,
         {
           toggleId: l.name,
-          onToggle: (p) => o(p),
-          onClear: () => u("", m),
-          onSelect: (p) => {
-            const S = p.toString();
-            u(S, m), Array.isArray(m.value) || o(!1);
+          onToggle: (m) => o(m),
+          onClear: () => h("", p),
+          onSelect: (m) => {
+            const S = m.toString();
+            h(S, p), Array.isArray(p.value) || o(!1);
           },
-          selections: d && Array.isArray(m.value) ? m.value.map((p) => C(p)) : C(m.value),
-          variant: d ? z.typeaheadMulti : c.length >= 10 ? z.typeahead : z.single,
+          selections: u && Array.isArray(p.value) ? p.value.map((m) => C(m)) : C(p.value),
+          variant: u ? z.typeaheadMulti : c.length >= 10 ? z.typeahead : z.single,
           "aria-label": n("selectOne"),
           isOpen: i,
           isDisabled: l.readOnly,
-          onFilter: (p) => (h(p), R(m.value)),
-          children: R(m.value)
+          onFilter: (m) => (d(m), R(p.value)),
+          children: R(p.value)
         }
       )
     }
   ) });
 }, ca = (e) => {
-  const { form: n, attribute: r } = e, a = Re(r);
-  return /* @__PURE__ */ t(me, { ...e, children: /* @__PURE__ */ t(
+  const { form: n, attribute: r } = e, a = De(r);
+  return /* @__PURE__ */ t(pe, { ...e, children: /* @__PURE__ */ t(
     Wr,
     {
       id: r.name,
@@ -1442,10 +1437,10 @@ const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
       isRequired: a
     }
   ) });
-}, $ = (e) => {
-  const { form: n, inputType: r, attribute: a } = e, l = Re(a), i = r.startsWith("html") ? r.substring(6) : "text";
-  return /* @__PURE__ */ t(me, { ...e, children: /* @__PURE__ */ t(
-    xe,
+}, U = (e) => {
+  const { form: n, inputType: r, attribute: a } = e, l = De(a), i = r.startsWith("html") ? r.substring(6) : "text";
+  return /* @__PURE__ */ t(pe, { ...e, children: /* @__PURE__ */ t(
+    Se,
     {
       id: a.name,
       "data-testid": a.name,
@@ -1462,21 +1457,21 @@ const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
     }
   ) });
 }, He = {
-  text: $,
+  text: U,
   textarea: ca,
   select: gt,
   "select-radiobuttons": ft,
   multiselect: gt,
   "multiselect-checkboxes": ft,
-  "html5-email": $,
-  "html5-tel": $,
-  "html5-url": $,
-  "html5-number": $,
-  "html5-range": $,
-  "html5-datetime-local": $,
-  "html5-date": $,
-  "html5-month": $,
-  "html5-time": $,
+  "html5-email": U,
+  "html5-tel": U,
+  "html5-url": U,
+  "html5-number": U,
+  "html5-range": U,
+  "html5-datetime-local": U,
+  "html5-date": U,
+  "html5-month": U,
+  "html5-time": U,
   "multi-input": aa
 }, tl = ({
   t: e,
@@ -1490,15 +1485,15 @@ const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
   const s = q(() => {
     if (!r.attributes)
       return [];
-    const h = i ? r.attributes.filter(({ readOnly: d }) => !d) : r.attributes;
+    const d = i ? r.attributes.filter(({ readOnly: u }) => !u) : r.attributes;
     return [
       // Insert an empty group for attributes without a group.
       { name: void 0 },
       ...r.groups ?? []
-    ].map((d) => ({
-      group: d,
-      attributes: h.filter(
-        (u) => u.group === d.name
+    ].map((u) => ({
+      group: u,
+      attributes: d.filter(
+        (h) => h.group === u.name
       )
     }));
   }, [
@@ -1510,11 +1505,11 @@ const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
     ea,
     {
       label: e("jumpToSection"),
-      sections: s.filter((h) => h.attributes.length > 0).map(({ group: h, attributes: d }) => ({
-        title: ne(e, h.displayHeader, h.name) || e("general"),
+      sections: s.filter((d) => d.attributes.length > 0).map(({ group: d, attributes: u }) => ({
+        title: ne(e, d.displayHeader, d.name) || e("general"),
         panel: /* @__PURE__ */ v("div", { className: "pf-v5-c-form", children: [
-          h.displayDescription && /* @__PURE__ */ t(Be, { className: "pf-v5-u-pb-lg", children: ne(e, h.displayDescription, "") }),
-          d.map((u) => /* @__PURE__ */ t(
+          d.displayDescription && /* @__PURE__ */ t(Ce, { className: "pf-v5-u-pb-lg", children: ne(e, d.displayDescription, "") }),
+          u.map((h) => /* @__PURE__ */ t(
             da,
             {
               t: e,
@@ -1522,9 +1517,9 @@ const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
               supportedLocales: a,
               currentLocale: l,
               renderer: o,
-              attribute: u
+              attribute: h
             },
-            u.name
+            h.name
           ))
         ] })
       }))
@@ -1540,7 +1535,7 @@ const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
 }) => {
   const o = n.watch(
     Q(i.name)
-  ), s = q(() => ha(i), [i]), h = i.multivalued || ma(o) && i.annotations?.inputType === void 0 ? He["multi-input"] : He[s];
+  ), s = q(() => ha(i), [i]), d = i.multivalued || pa(o) && i.annotations?.inputType === void 0 ? He["multi-input"] : He[s];
   return i.name === "locale" ? /* @__PURE__ */ t(
     ra,
     {
@@ -1551,7 +1546,7 @@ const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
       attribute: i
     }
   ) : /* @__PURE__ */ t(
-    h,
+    d,
     {
       t: e,
       form: n,
@@ -1562,12 +1557,12 @@ const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
   );
 }, ua = "text";
 function ha(e) {
-  if ($t(e.name))
+  if (Ut(e.name))
     return "text";
   const n = e.annotations?.inputType;
-  return pa(n) ? n : ua;
+  return ma(n) ? n : ua;
 }
-const pa = (e) => typeof e == "string" && e in He, ma = (e) => Array.isArray(e) && e.length > 1, fa = ({
+const ma = (e) => typeof e == "string" && e in He, pa = (e) => Array.isArray(e) && e.length > 1, fa = ({
   className: e = "",
   border: n,
   size: r = "md"
@@ -1693,7 +1688,7 @@ const pa = (e) => typeof e == "string" && e in He, ma = (e) => Array.isArray(e)
   dropDownItems: r,
   ...a
 }) => {
-  const [l, i] = A(!1);
+  const [l, i] = E(!1);
   return /* @__PURE__ */ t(
     wn,
     {
@@ -1703,7 +1698,7 @@ const pa = (e) => typeof e == "string" && e in He, ma = (e) => Array.isArray(e)
       },
       onOpenChange: (o) => i(o),
       toggle: (o) => /* @__PURE__ */ t(
-        pe,
+        me,
         {
           "data-testid": `${a["data-testid"]}-toggle`,
           ref: o,
@@ -1731,10 +1726,10 @@ const nl = ({
   features: {
     hasLogout: o = !0,
     hasManageAccount: s = !0,
-    hasUsername: h = !0
+    hasUsername: d = !0
   } = {},
-  kebabDropdownItems: d,
-  dropdownItems: u = [],
+  kebabDropdownItems: u,
+  dropdownItems: h = [],
   toolbarItems: c,
   toolbar: y,
   ...g
@@ -1752,14 +1747,14 @@ const nl = ({
   ), o && R.push(
     /* @__PURE__ */ t(st, { onClick: () => e.logout(), children: C("signOut") }, "signOut")
   );
-  const m = e.idTokenParsed?.picture;
+  const p = e.idTokenParsed?.picture;
   return /* @__PURE__ */ v(Sn, { ...g, children: [
-    /* @__PURE__ */ t(Tn, { children: /* @__PURE__ */ t(An, { variant: "plain", "aria-label": C("navigation"), children: /* @__PURE__ */ t(cr, {}) }) }),
-    /* @__PURE__ */ t(En, { ...l, children: /* @__PURE__ */ t("img", { src: n, alt: r, className: a }) }),
+    /* @__PURE__ */ t(Tn, { children: /* @__PURE__ */ t(En, { variant: "plain", "aria-label": C("navigation"), children: /* @__PURE__ */ t(cr, {}) }) }),
+    /* @__PURE__ */ t(An, { ...l, children: /* @__PURE__ */ t("img", { src: n, alt: r, className: a }) }),
     /* @__PURE__ */ v(Rn, { children: [
       y,
-      /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ v(_e, { children: [
-        c?.map((p, S) => /* @__PURE__ */ t(W, { align: { default: "alignRight" }, children: p }, S)),
+      /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ v(_e, { children: [
+        c?.map((m, S) => /* @__PURE__ */ t(W, { align: { default: "alignRight" }, children: m }, S)),
         /* @__PURE__ */ t(
           W,
           {
@@ -1771,8 +1766,8 @@ const nl = ({
               yt,
               {
                 "data-testid": "options",
-                dropDownItems: [...u, R],
-                title: h ? ga(e.idTokenParsed, C) : void 0
+                dropDownItems: [...h, R],
+                title: d ? ga(e.idTokenParsed, C) : void 0
               }
             )
           }
@@ -1790,7 +1785,7 @@ const nl = ({
                 "data-testid": "options-kebab",
                 isKebab: !0,
                 dropDownItems: [
-                  ...d || u,
+                  ...u || h,
                   R
                 ]
               }
@@ -1803,14 +1798,14 @@ const nl = ({
             variant: "overflow-menu",
             align: { default: "alignRight" },
             className: "pf-v5-u-m-0-on-lg",
-            children: m || i?.src ? /* @__PURE__ */ t(Dn, { src: m, alt: C("avatar"), ...i }) : /* @__PURE__ */ t(fa, { ...i })
+            children: p || i?.src ? /* @__PURE__ */ t(Dn, { src: p, alt: C("avatar"), ...i }) : /* @__PURE__ */ t(fa, { ...i })
           }
         )
       ] }) })
     ] })
   ] });
 }, Ht = Xe("ErrorBoundaryContext", void 0), Wt = () => Ze(Ht);
-class rl extends $n {
+class rl extends Un {
   state = {};
   static getDerivedStateFromError = (n) => ({ error: n });
   showBoundary = (n) => {
@@ -1853,34 +1848,34 @@ const ba = () => {
   primaryActionText: i,
   secondaryActions: o,
   icon: s,
-  isDisabled: h = !1,
-  children: d
+  isDisabled: d = !1,
+  children: u
 }) => /* @__PURE__ */ v(Fn, { "data-testid": "empty-state", variant: "lg", children: [
   a && l ? /* @__PURE__ */ t(ct, { icon: dr }) : a && /* @__PURE__ */ t(ct, { icon: s || Mt }),
   /* @__PURE__ */ t(Pn, { titleText: e, headingLevel: "h1" }),
   /* @__PURE__ */ t(Mn, { children: n }),
   /* @__PURE__ */ v(Ln, { children: [
     i && /* @__PURE__ */ t(
-      V,
+      N,
       {
         "data-testid": `${e.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
         variant: "primary",
         onClick: r,
-        isDisabled: h,
+        isDisabled: d,
         children: i
       }
     ),
-    d,
-    o && /* @__PURE__ */ t(Bn, { children: o.map((u) => /* @__PURE__ */ t(
-      V,
+    u,
+    o && /* @__PURE__ */ t(Bn, { children: o.map((h) => /* @__PURE__ */ t(
+      N,
       {
-        "data-testid": `${u.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
-        variant: u.type || ke.secondary,
-        onClick: u.onClick,
-        isDisabled: h,
-        children: u.text
+        "data-testid": `${h.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
+        variant: h.type || Ie.secondary,
+        onClick: h.onClick,
+        isDisabled: d,
+        children: h.text
       },
-      u.text
+      h.text
     )) })
   ] })
 ] }), Ca = ({
@@ -1893,26 +1888,26 @@ const ba = () => {
   inputGroupPlaceholder: o,
   inputGroupOnEnter: s
 }) => {
-  const { t: h } = _(), [d, u] = A(""), c = (g) => {
-    u(g.trim()), s?.(g.trim());
+  const { t: d } = _(), [u, h] = E(""), c = (g) => {
+    h(g.trim()), s?.(g.trim());
   }, y = (g) => {
-    g.key === "Enter" && c(d);
+    g.key === "Enter" && c(u);
   };
   return /* @__PURE__ */ v(j, { children: [
-    /* @__PURE__ */ t(Ce, { "data-testid": "table-toolbar", children: /* @__PURE__ */ v(_e, { children: [
-      i && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ v(we, { "data-testid": i, children: [
+    /* @__PURE__ */ t(ke, { "data-testid": "table-toolbar", children: /* @__PURE__ */ v(_e, { children: [
+      i && /* @__PURE__ */ t(W, { children: /* @__PURE__ */ v(xe, { "data-testid": i, children: [
         l,
         o && /* @__PURE__ */ t(
-          Nn,
+          Vn,
           {
             "data-testid": "table-search-input",
             placeholder: o,
-            "aria-label": h("search"),
-            value: d,
+            "aria-label": d("search"),
+            value: u,
             onChange: (g, C) => {
-              u(C);
+              h(C);
             },
-            onSearch: () => c(d),
+            onSearch: () => c(u),
             onKeyDown: y,
             onClear: () => c("")
           }
@@ -1920,10 +1915,10 @@ const ba = () => {
       ] }) }),
       e
     ] }) }),
-    n && /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ t(_e, { children: n }) }),
-    /* @__PURE__ */ t(Vn, {}),
+    n && /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(_e, { children: n }) }),
+    /* @__PURE__ */ t(Nn, {}),
     a,
-    /* @__PURE__ */ t(Ce, { children: r })
+    /* @__PURE__ */ t(ke, { children: r })
   ] });
 }, bt = ({
   id: e,
@@ -1935,29 +1930,29 @@ const ba = () => {
   onPreviousClick: o,
   onPerPageSelect: s
 }) => {
-  const { t: h } = _(), d = Math.round(a / l);
+  const { t: d } = _(), u = Math.round(a / l);
   return /* @__PURE__ */ t(
     _n,
     {
       widgetId: e,
       titles: {
-        paginationAriaLabel: `${h("pagination")} ${n} `
+        paginationAriaLabel: `${d("pagination")} ${n} `
       },
       isCompact: !0,
       toggleTemplate: ({
-        firstIndex: u,
+        firstIndex: h,
         lastIndex: c
       }) => /* @__PURE__ */ v("b", { children: [
-        u,
+        h,
         " - ",
         c
       ] }),
-      itemCount: r + d * l,
-      page: d + 1,
+      itemCount: r + u * l,
+      page: u + 1,
       perPage: l,
-      onNextClick: (u, c) => i((c - 1) * l),
-      onPreviousClick: (u, c) => o((c - 1) * l),
-      onPerPageSelect: (u, c, y) => s(y - 1, c),
+      onNextClick: (h, c) => i((c - 1) * l),
+      onPreviousClick: (h, c) => o((c - 1) * l),
+      onPerPageSelect: (h, c, y) => s(y - 1, c),
       variant: n
     }
   );
@@ -1970,17 +1965,17 @@ const ba = () => {
   inputGroupName: i,
   inputGroupPlaceholder: o,
   inputGroupOnEnter: s,
-  ...h
+  ...d
 }) => /* @__PURE__ */ t(
   Ca,
   {
     searchTypeComponent: n,
     toolbarItem: /* @__PURE__ */ v(j, { children: [
       r,
-      /* @__PURE__ */ t(W, { variant: "pagination", children: /* @__PURE__ */ t(bt, { count: e, ...h }) })
+      /* @__PURE__ */ t(W, { variant: "pagination", children: /* @__PURE__ */ t(bt, { count: e, ...d }) })
     ] }),
     subToolbar: a,
-    toolbarItemFooter: e !== 0 ? /* @__PURE__ */ t(W, { variant: "pagination", children: /* @__PURE__ */ t(bt, { count: e, variant: "bottom", ...h }) }) : null,
+    toolbarItemFooter: e !== 0 ? /* @__PURE__ */ t(W, { variant: "pagination", children: /* @__PURE__ */ t(bt, { count: e, variant: "bottom", ...d }) }) : null,
     inputGroupName: i,
     inputGroupPlaceholder: o,
     inputGroupOnEnter: s,
@@ -2007,13 +2002,13 @@ function wa({
   selected: i,
   onSelect: o,
   onCollapse: s,
-  canSelectAll: h,
-  canSelect: d,
-  isNotCompact: u,
+  canSelectAll: d,
+  canSelect: u,
+  isNotCompact: h,
   isRadio: c,
   ...y
 }) {
-  const { t: g } = _(), [C, R] = A(i || []), [m, p] = A([]), S = q(
+  const { t: g } = _(), [C, R] = E(i || []), [p, m] = E([]), S = q(
     () => fr(
       C,
       n.map((b) => b.data),
@@ -2022,14 +2017,14 @@ function wa({
     [C, n]
   );
   le(() => {
-    if (h) {
+    if (d) {
       const b = document.getElementsByName("check-all").item(0);
       if (b) {
         const x = b;
         x.indeterminate = S.length < n.length && S.length > 0;
       }
     }
-  }, [C, h, n]);
+  }, [C, d, n]);
   const T = (b) => {
     R(b), o?.(b);
   }, I = (b, x) => {
@@ -2038,29 +2033,29 @@ function wa({
       T(F);
     } else if (b === -1) {
       const F = S.map(
-        (E) => N(E, "id")
+        (A) => V(A, "id")
       );
       T(
-        x ? [...C, ...n.map((E) => E.data)] : C.filter(
-          (E) => !F.includes(N(E, "id"))
+        x ? [...C, ...n.map((A) => A.data)] : C.filter(
+          (A) => !F.includes(V(A, "id"))
         )
       );
     } else
       T(x ? [...C, n[b].data] : C.filter(
-        (F) => N(F, "id") !== n[b].data.id
+        (F) => V(F, "id") !== n[b].data.id
       ));
   };
   return /* @__PURE__ */ v(
     yr,
     {
       ...y,
-      variant: u ? void 0 : br.compact,
+      variant: h ? void 0 : br.compact,
       "aria-label": g(l),
       children: [
         /* @__PURE__ */ t(vr, { children: /* @__PURE__ */ v(ve, { children: [
-          s && /* @__PURE__ */ t(Pe, { screenReaderText: g("expandRow") }),
-          h && /* @__PURE__ */ t(
-            Pe,
+          s && /* @__PURE__ */ t(Me, { screenReaderText: g("expandRow") }),
+          d && /* @__PURE__ */ t(
+            Me,
             {
               screenReaderText: g("selectAll"),
               select: c ? void 0 : {
@@ -2072,7 +2067,7 @@ function wa({
             }
           ),
           e.map((b) => /* @__PURE__ */ t(
-            Pe,
+            Me,
             {
               screenReaderText: g("expandRow"),
               className: b.transforms?.[0]().className,
@@ -2086,13 +2081,13 @@ function wa({
             re,
             {
               expand: n[x + 1].cells.length === 0 ? void 0 : {
-                isExpanded: !!m[x],
+                isExpanded: !!p[x],
                 rowIndex: x,
                 expandId: "expandable-row-",
-                onToggle: (F, E, B) => {
-                  s(B, E);
-                  const H = [...m];
-                  H[x] = B, p(H);
+                onToggle: (F, A, B) => {
+                  s(B, A);
+                  const H = [...p];
+                  H[x] = B, m(H);
                 }
               }
             }
@@ -2106,20 +2101,20 @@ function wa({
               actionResolver: a
             }
           )
-        ] }) : /* @__PURE__ */ v(ve, { isExpanded: !!m[x - 1], children: [
+        ] }) : /* @__PURE__ */ v(ve, { isExpanded: !!p[x - 1], children: [
           /* @__PURE__ */ t(re, {}),
           /* @__PURE__ */ t(re, { colSpan: e.length, children: /* @__PURE__ */ t(Cr, { children: /* @__PURE__ */ t(Ia, { row: b }) }) })
-        ] }) }, x)) : /* @__PURE__ */ t(ut, { children: n.map((b, x) => /* @__PURE__ */ v(ve, { isExpanded: m[x], children: [
-          d && /* @__PURE__ */ t(
+        ] }) }, x)) : /* @__PURE__ */ t(ut, { children: n.map((b, x) => /* @__PURE__ */ v(ve, { isExpanded: p[x], children: [
+          u && /* @__PURE__ */ t(
             re,
             {
               select: {
                 rowIndex: x,
-                onSelect: (F, E, B) => {
-                  I(B, E);
+                onSelect: (F, A, B) => {
+                  I(B, A);
                 },
                 isSelected: !!C.find(
-                  (F) => N(F, "id") === b.data.id
+                  (F) => V(F, "id") === b.data.id
                 ),
                 variant: c ? "radio" : "checkbox",
                 isDisabled: b.disableSelection
@@ -2149,44 +2144,44 @@ function xa({
   isNotCompact: i,
   isRadio: o,
   detailColumns: s,
-  isRowDisabled: h,
-  loader: d,
-  columns: u,
+  isRowDisabled: d,
+  loader: u,
+  columns: h,
   actions: c,
   actionResolver: y,
   searchTypeComponent: g,
   toolbarItem: C,
   subToolbar: R,
-  emptyState: m,
-  icon: p,
+  emptyState: p,
+  icon: m,
   isSearching: S = !1,
   ...T
 }) {
-  const { t: I } = _(), [b, x] = A([]), [F, E] = A(), [B, H] = A(), [M, f] = A(!1), [k, D] = Nt(
+  const { t: I } = _(), [b, x] = E([]), [F, A] = E(), [B, H] = E(), [M, f] = E(!1), [k, D] = Vt(
     localStorage,
     "pageSize",
     10
-  ), [O, se] = A(k), [U, ce] = A(0), [G, De] = A(""), tt = J(), [fe, Gt] = A(0), nt = J(), rt = () => Gt(fe + 1), zt = Rt(), at = (w, P) => w.map((L) => {
+  ), [O, se] = E(k), [$, ce] = E(0), [G, Oe] = E(""), tt = J(), [fe, Gt] = E(0), nt = J(), rt = () => Gt(fe + 1), zt = Rt(), at = (w, P) => w.map((L) => {
     if ("cellFormatters" in L) {
-      const Z = N(P, L.name);
+      const Z = V(P, L.name);
       return L.cellFormatters?.reduce((de, ye) => ye(de), Z);
     }
     if (L.cellRenderer) {
       const Z = L.cellRenderer;
       return { title: /* @__PURE__ */ t(Z, { ...P }) };
     }
-    return N(P, L.name);
+    return V(P, L.name);
   }), lt = (w) => {
     const P = (L) => s?.[0]?.enabled?.(L);
     return w.map((L, Z) => {
-      const de = h ? h(L) : !1, ye = [
+      const de = d ? d(L) : !1, ye = [
         {
           data: L,
           disableSelection: de,
           disableActions: de,
-          selected: !!b.find((Zt) => N(Zt, "id") === N(L, "id")),
+          selected: !!b.find((Zt) => V(Zt, "id") === V(L, "id")),
           isOpen: P(L) ? !1 : void 0,
-          cells: at(u, L)
+          cells: at(h, L)
         }
       ];
       return s && ye.push({
@@ -2194,49 +2189,49 @@ function xa({
         cells: P(L) ? at(s, L) : []
       }), ye;
     }).flat();
-  }, Oe = (w) => ["string", "number"].includes(typeof w) ? w.toString() : w instanceof Array ? w.map(Oe).join("") : typeof w == "object" ? Oe(
+  }, Fe = (w) => ["string", "number"].includes(typeof w) ? w.toString() : w instanceof Array ? w.map(Fe).join("") : typeof w == "object" ? Fe(
     Kn(w.title) ? w.title.props : Object.values(w)
   ) : "", it = q(
     () => G === "" || r ? void 0 : lt(B || []).filter(
       (w) => w.cells.some(
-        (P) => P && Oe(P).toLowerCase().includes(G.toLowerCase())
+        (P) => P && Fe(P).toLowerCase().includes(G.toLowerCase())
       )
-    ).slice(U, U + O + 1),
-    [G, U, O]
+    ).slice($, $ + O + 1),
+    [G, $, O]
   );
   ya(
     async () => {
       f(!0);
       const w = tt.current === "" && G !== "";
-      return w && ce(0), tt.current = G, typeof d == "function" ? fe === nt.current && B ? B : await d(w ? 0 : U, O + 1, G) : d;
+      return w && ce(0), tt.current = G, typeof u == "function" ? fe === nt.current && B ? B : await u(w ? 0 : $, O + 1, G) : u;
     },
     (w) => {
-      nt.current = fe, r || (H(w), w.length > U ? w = w.slice(U, U + O + 1) : ce(0));
+      nt.current = fe, r || (H(w), w.length > $ ? w = w.slice($, $ + O + 1) : ce(0));
       const P = lt(w);
-      E(P), f(!1);
+      A(P), f(!1);
     },
     [
       fe,
-      U,
+      $,
       O,
       G,
-      typeof d != "function" ? d : void 0
+      typeof u != "function" ? u : void 0
     ]
   );
-  const Jt = () => c && mr(c).map((w, P) => (delete w.onRowClick, w.onClick = async (L, Z) => {
+  const Jt = () => c && pr(c).map((w, P) => (delete w.onRowClick, w.onClick = async (L, Z) => {
     await c[P].onRowClick(
       (it || F)[Z].data
-    ) && (r || De(""), rt());
+    ) && (r || Oe(""), rt());
   }, w)), Yt = (w, P) => {
-    X[P].isOpen = w, E([...X]);
-  }, X = it || F, ge = !X || X.length === 0, Fe = G !== "" || S, Qt = s ? O * 2 : O, Xt = s ? (X?.length || 0) / 2 : X?.length || 0;
+    X[P].isOpen = w, A([...X]);
+  }, X = it || F, ge = !X || X.length === 0, Pe = G !== "" || S, Qt = s ? O * 2 : O, Xt = s ? (X?.length || 0) / 2 : X?.length || 0;
   return /* @__PURE__ */ v(j, { children: [
-    (!ge || Fe) && /* @__PURE__ */ v(
+    (!ge || Pe) && /* @__PURE__ */ v(
       ka,
       {
         id: zt,
         count: Xt,
-        first: U,
+        first: $,
         max: O,
         onNextClick: ce,
         onPreviousClick: ce,
@@ -2244,7 +2239,7 @@ function xa({
           ce(w), se(P), D(P);
         },
         inputGroupName: n ? `${e}input` : void 0,
-        inputGroupOnEnter: De,
+        inputGroupOnEnter: Oe,
         inputGroupPlaceholder: I(n || ""),
         searchTypeComponent: g,
         toolbarItem: /* @__PURE__ */ v(j, { children: [
@@ -2252,7 +2247,7 @@ function xa({
           " ",
           /* @__PURE__ */ t(W, { variant: "separator" }),
           " ",
-          /* @__PURE__ */ t(W, { children: /* @__PURE__ */ v(V, { variant: "link", onClick: rt, "data-testid": "refresh", children: [
+          /* @__PURE__ */ t(W, { children: /* @__PURE__ */ v(N, { variant: "link", onClick: rt, "data-testid": "refresh", children: [
             /* @__PURE__ */ t(ur, {}),
             " ",
             I("refresh")
@@ -2274,25 +2269,25 @@ function xa({
               actions: Jt(),
               actionResolver: y,
               rows: X.slice(0, Qt),
-              columns: u,
+              columns: h,
               isNotCompact: i,
               isRadio: o,
               ariaLabelKey: e
             }
           ),
-          !M && ge && Fe && /* @__PURE__ */ t(
+          !M && ge && Pe && /* @__PURE__ */ t(
             va,
             {
               hasIcon: !0,
-              icon: p,
+              icon: m,
               isSearchVariant: !0,
               message: I("noSearchResults"),
               instructions: I("noSearchResultsInstructions"),
               secondaryActions: S ? [] : [
                 {
                   text: I("clearAllFilters"),
-                  onClick: () => De(""),
-                  type: ke.link
+                  onClick: () => Oe(""),
+                  type: Ie.link
                 }
               ]
             }
@@ -2301,7 +2296,7 @@ function xa({
       }
     ),
     M && /* @__PURE__ */ t(ba, {}),
-    !M && ge && !Fe && m
+    !M && ge && !Pe && p
   ] });
 }
 const Sa = ({ link: e, organization: n }) => {
@@ -2341,10 +2336,10 @@ const Sa = ({ link: e, organization: n }) => {
   onSelect: i,
   onDelete: o,
   deleteLabel: s = "delete",
-  link: h,
-  children: d
+  link: d,
+  children: u
 }) => {
-  const { t: u } = _();
+  const { t: h } = _();
   return /* @__PURE__ */ t(
     xa,
     {
@@ -2358,7 +2353,7 @@ const Sa = ({ link: e, organization: n }) => {
       canSelectAll: i !== void 0,
       actions: o ? [
         {
-          title: u(s),
+          title: h(s),
           onRowClick: o
         }
       ] : void 0,
@@ -2366,7 +2361,7 @@ const Sa = ({ link: e, organization: n }) => {
         {
           name: "name",
           displayKey: "name",
-          cellRenderer: (c) => /* @__PURE__ */ t(Sa, { link: h, organization: c })
+          cellRenderer: (c) => /* @__PURE__ */ t(Sa, { link: d, organization: c })
         },
         {
           name: "domains",
@@ -2382,7 +2377,7 @@ const Sa = ({ link: e, organization: n }) => {
           displayKey: "membershipType"
         }
       ],
-      emptyState: d
+      emptyState: u
     }
   );
 };
@@ -2396,12 +2391,12 @@ export {
   _t as FormErrorText,
   Jr as FormPanel,
   el as FormSubmitButton,
-  Nr as Help,
+  Vr as Help,
   qt as HelpItem,
   Za as IconMapper,
   xa as KeycloakDataTable,
   nl as KeycloakMasthead,
-  Ua as KeycloakProvider,
+  $a as KeycloakProvider,
   sa as KeycloakSelect,
   ba as KeycloakSpinner,
   Wr as KeycloakTextArea,
@@ -2410,9 +2405,9 @@ export {
   ll as OrganizationTable,
   ka as PaginatingTableToolbar,
   Wa as PasswordControl,
-  Ut as PasswordInput,
+  $t as PasswordInput,
   ea as ScrollForm,
-  $r as SelectControl,
+  Ur as SelectControl,
   ue as SelectVariant,
   Ja as SwitchControl,
   Ca as TableToolbar,
@@ -2422,13 +2417,13 @@ export {
   ja as beerify,
   Xe as createNamedContext,
   Hr as debeerify,
-  Ar as generateId,
+  Er as generateId,
   Sr as getErrorDescription,
   xr as getErrorMessage,
-  $a as getInjectedEnvironment,
-  Lt as getNetworkErrorDescription,
-  Tr as getNetworkErrorMessage,
-  Er as isDefined,
+  Ua as getInjectedEnvironment,
+  Tr as getNetworkErrorDescription,
+  Lt as getNetworkErrorMessage,
+  Ar as isDefined,
   za as isUserProfileError,
   ne as label,
   Zr as mainPageContentId,
@@ -2440,5 +2435,5 @@ export {
   Br as useHelp,
   Ze as useRequiredContext,
   Rr as useSetTimeout,
-  Nt as useStoredState
+  Vt as useStoredState
 };