@keycloak/keycloak-ui-shared 25.0.2 → 25.0.4

package/dist/keycloak-ui-shared.js

@@ -1,18 +1,18 @@
-import { jsxs as v, jsx as t, Fragment as Y } from "react/jsx-runtime";
-import { AlertGroup as tt, Alert as nt, AlertVariant as re, AlertActionCloseButton as rt, Page as lt, Modal as Pe, ModalVariant as at, Button as R, TextContent as it, Text as ae, TextVariants as st, Spinner as ot, FormHelperText as ue, HelperText as he, HelperTextItem as me, Popover as ct, Icon as ie, FormGroup as Ve, NumberInput as dt, ValidatedOptions as M, InputGroup as pe, InputGroupItem as se, TextInput as Q, Select as X, MenuToggle as W, MenuToggleStatus as fe, SelectList as Z, SelectOption as ge, TextInputGroup as Me, TextInputGroupMain as Ne, ChipGroup as qe, Chip as Be, TextInputGroupUtilities as Le, Switch as ut, TextArea as _e, Title as ht, Card as mt, CardHeader as pt, CardTitle as ft, CardBody as gt, Grid as yt, GridItem as xe, PageSection as vt, JumpLinks as bt, JumpLinksItem as Ct, ButtonVariant as we, Checkbox as It, Radio as kt, MenuFooter as xt, Dropdown as wt, DropdownList as At, DropdownItem as Ae, Brand as Tt, Avatar as St } from "@patternfly/react-core";
-import { createContext as ye, useContext as ve, useState as T, useCallback as He, useEffect as be, useMemo as P, useRef as ee, forwardRef as Ot, useId as Ft, Fragment as Ue, Children as $e } from "react";
+import { jsxs as b, jsx as t, Fragment as Y } from "react/jsx-runtime";
+import { AlertGroup as tt, Alert as nt, AlertVariant as re, AlertActionCloseButton as rt, Page as at, Modal as De, ModalVariant as lt, Button as P, TextContent as it, Text as le, TextVariants as st, Spinner as ot, FormHelperText as ue, HelperText as he, HelperTextItem as me, Popover as ct, Icon as ie, FormGroup as Ve, NumberInput as dt, ValidatedOptions as M, InputGroup as pe, InputGroupItem as se, TextInput as Q, Select as X, MenuToggle as K, MenuToggleStatus as fe, SelectList as Z, SelectOption as ge, TextInputGroup as Me, TextInputGroupMain as Ne, ChipGroup as Le, Chip as qe, TextInputGroupUtilities as Be, Switch as ut, TextArea as _e, Title as ht, Card as mt, CardHeader as pt, CardTitle as ft, CardBody as gt, Grid as yt, GridItem as xe, PageSection as vt, JumpLinks as bt, JumpLinksItem as Ct, ButtonVariant as we, Checkbox as It, Radio as kt, MenuFooter as xt, Dropdown as wt, DropdownList as At, DropdownItem as Ae, Brand as Tt, Avatar as St } from "@patternfly/react-core";
+import { createContext as ye, useContext as ve, useState as S, useCallback as He, useEffect as be, useMemo as D, useRef as ee, forwardRef as Ot, useId as Ft, Fragment as Ue, Children as $e } from "react";
 import { useTranslation as Ce } from "react-i18next";
-import Et from "keycloak-js";
-import { ExclamationCircleIcon as Rt, HelpIcon as Te, EyeIcon as Dt, EyeSlashIcon as Pt, TimesIcon as Ge, CubeIcon as Vt, PaypalIcon as Mt, InstagramIcon as Nt, BitbucketIcon as qt, MicrosoftIcon as Bt, TwitterIcon as Lt, StackOverflowIcon as _t, OpenshiftIcon as Ht, LinkedinIcon as Ut, GoogleIcon as $t, GitlabIcon as Gt, FacebookSquareIcon as Wt, GithubIcon as Kt, MinusCircleIcon as jt, PlusCircleIcon as zt, EllipsisVIcon as Jt } from "@patternfly/react-icons";
+import Rt from "keycloak-js";
+import { ExclamationCircleIcon as Et, HelpIcon as Te, EyeIcon as Pt, EyeSlashIcon as Dt, TimesIcon as Ge, CubeIcon as Vt, PaypalIcon as Mt, InstagramIcon as Nt, BitbucketIcon as Lt, MicrosoftIcon as qt, TwitterIcon as Bt, StackOverflowIcon as _t, OpenshiftIcon as Ht, LinkedinIcon as Ut, GoogleIcon as $t, GitlabIcon as Gt, FacebookSquareIcon as Kt, GithubIcon as Wt, MinusCircleIcon as jt, PlusCircleIcon as zt, EllipsisVIcon as Jt } from "@patternfly/react-icons";
 import { useFormContext as te, Controller as U, useController as Ie, FormProvider as Yt, useWatch as Qt } from "react-hook-form";
 import { get as G } from "lodash-es";
-import { PageHeader as Xt, PageHeaderTools as Zt, PageHeaderToolsGroup as en, PageHeaderToolsItem as le } from "@patternfly/react-core/deprecated";
+import { PageHeader as Xt, PageHeaderTools as Zt, PageHeaderToolsGroup as en, PageHeaderToolsItem as ae } from "@patternfly/react-core/deprecated";
 import j from "@patternfly/react-styles/css/components/Avatar/avatar";
 import { css as tn } from "@patternfly/react-styles";
-import './main.css';const We = ye(void 0), rr = () => ve(We), nn = ({ children: e }) => {
-  const [n, r] = T([]), l = (s) => {
+import './main.css';const Ke = ye(void 0), ar = () => ve(Ke), nn = ({ children: e }) => {
+  const [n, r] = S([]), a = (s) => {
     r((c) => c.filter((o) => o.id !== s));
-  }, a = (s, c = re.success, o) => {
+  }, l = (s, c = re.success, o) => {
     r([
       {
         id: Math.random() * 100,
@@ -23,10 +23,10 @@ import './main.css';const We = ye(void 0), rr = () => ve(We), nn = ({ children:
       ...n
     ]);
   }, i = (s) => {
-    a(s, re.danger);
+    l(s, re.danger);
   };
-  return /* @__PURE__ */ v(We.Provider, { value: { addAlert: a, addError: i }, children: [
-    /* @__PURE__ */ t(tt, { isToast: !0, "data-testid": "alerts", children: n.map(({ id: s, variant: c, message: o, description: d }) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ b(Ke.Provider, { value: { addAlert: l, addError: i }, children: [
+    /* @__PURE__ */ t(tt, { isToast: !0, "data-testid": "alerts", children: n.map(({ id: s, variant: c, message: o, description: m }) => /* @__PURE__ */ t(
       nt,
       {
         isLiveRegion: !0,
@@ -37,44 +37,44 @@ import './main.css';const We = ye(void 0), rr = () => ve(We), nn = ({ children:
           rt,
           {
             title: o,
-            onClose: () => l(s)
+            onClose: () => a(s)
           }
         ),
         timeout: !0,
-        onTimeout: () => l(s),
-        children: d && /* @__PURE__ */ t("p", { children: d })
+        onTimeout: () => a(s),
+        children: m && /* @__PURE__ */ t("p", { children: m })
       },
       s
     )) }),
     e
   ] });
 }, rn = (e) => {
-  const { t: n } = Ce(), r = e.error, l = ln(r);
-  function a() {
+  const { t: n } = Ce(), r = e.error, a = an(r);
+  function l() {
     location.href = location.origin + location.pathname;
   }
-  return /* @__PURE__ */ t(lt, { children: /* @__PURE__ */ t(
-    Pe,
+  return /* @__PURE__ */ t(at, { children: /* @__PURE__ */ t(
+    De,
     {
-      variant: at.small,
+      variant: lt.small,
       title: n("somethingWentWrong"),
       titleIconVariant: "danger",
       showClose: !1,
       isOpen: !0,
       actions: [
-        /* @__PURE__ */ t(R, { variant: "primary", onClick: a, children: n("tryAgain") }, "tryAgain")
+        /* @__PURE__ */ t(P, { variant: "primary", onClick: l, children: n("tryAgain") }, "tryAgain")
       ],
-      children: /* @__PURE__ */ v(it, { children: [
-        /* @__PURE__ */ t(ae, { children: n("somethingWentWrongDescription") }),
-        l && /* @__PURE__ */ t(ae, { component: st.small, children: l })
+      children: /* @__PURE__ */ b(it, { children: [
+        /* @__PURE__ */ t(le, { children: n("somethingWentWrongDescription") }),
+        a && /* @__PURE__ */ t(le, { component: st.small, children: a })
       ] })
     }
   ) });
 };
-function ln(e) {
+function an(e) {
   return typeof e == "string" ? e : e instanceof Error ? e.message : null;
 }
-function an(e, n) {
+function ln(e, n) {
   const r = ye(n);
   return r.displayName = e, r;
 }
@@ -90,42 +90,42 @@ function on(e) {
   );
 }
 function cn(e, n, r) {
-  const [l, a] = T(
+  const [a, l] = S(
     () => e.getItem(n) ?? r
   ), i = He((s) => {
-    a(s), e.setItem(n, s);
+    l(s), e.setItem(n, s);
   }, []);
   return be(() => {
-    a(e.getItem(n) ?? r), window.addEventListener("storage", s);
+    l(e.getItem(n) ?? r), window.addEventListener("storage", s);
     function s(c) {
-      c.storageArea === e && (c.key === null || c.key === n) && a(c.newValue ?? r);
+      c.storageArea === e && (c.key === null || c.key === n) && l(c.newValue ?? r);
     }
     return () => window.removeEventListener("storage", s);
-  }, [e, n]), [l, i];
+  }, [e, n]), [a, i];
 }
 function dn(e, n, r) {
-  const l = P(
+  const a = D(
     () => JSON.stringify(r),
     [r]
-  ), [a, i] = cn(
+  ), [l, i] = cn(
     e,
     n,
-    l
-  ), s = P(() => JSON.parse(a), [a]), c = He(
+    a
+  ), s = D(() => JSON.parse(l), [l]), c = He(
     (o) => i(JSON.stringify(o)),
     []
   );
   return [s, c];
 }
-const Ke = an(
+const We = ln(
   "HelpContext",
   void 0
-), un = () => on(Ke), hn = ({ children: e }) => {
+), un = () => on(We), hn = ({ children: e }) => {
   const [n, r] = dn(localStorage, "helpEnabled", !0);
-  function l() {
+  function a() {
     r(!n);
   }
-  return /* @__PURE__ */ t(Ke.Provider, { value: { enabled: n, toggleHelp: l }, children: e });
+  return /* @__PURE__ */ t(We.Provider, { value: { enabled: n, toggleHelp: a }, children: e });
 }, mn = () => ye(void 0);
 let oe;
 const lr = () => {
@@ -135,13 +135,13 @@ const lr = () => {
       "no environment provider in the hierarchy make sure to add the provider"
     );
   return e;
-}, ar = ({
+}, ir = ({
   environment: e,
   children: n
 }) => {
   oe = mn();
-  const r = ee(!1), [l, a] = T(!1), [i, s] = T(), c = P(() => {
-    const o = new Et({
+  const r = ee(!1), [a, l] = S(!1), [i, s] = S(), c = D(() => {
+    const o = new Rt({
       url: e.serverBaseUrl,
       realm: e.realm,
       clientId: e.clientId
@@ -155,10 +155,10 @@ const lr = () => {
       onLoad: "check-sso",
       pkceMethod: "S256",
       responseMode: "query"
-    }).then(() => a(!0)).catch((d) => s(d)), r.current = !0;
-  }, [c]), i ? /* @__PURE__ */ t(rn, { error: i }) : l ? /* @__PURE__ */ t(oe.Provider, { value: { environment: e, keycloak: c }, children: /* @__PURE__ */ t(nn, { children: /* @__PURE__ */ t(hn, { children: n }) }) }) : /* @__PURE__ */ t(ot, {});
+    }).then(() => l(!0)).catch((m) => s(m)), r.current = !0;
+  }, [c]), i ? /* @__PURE__ */ t(rn, { error: i }) : a ? /* @__PURE__ */ t(oe.Provider, { value: { environment: e, keycloak: c }, children: /* @__PURE__ */ t(nn, { children: /* @__PURE__ */ t(hn, { children: n }) }) }) : /* @__PURE__ */ t(ot, {});
 };
-function ir() {
+function sr() {
   const n = document.getElementById("environment")?.textContent;
   if (typeof n != "string")
     throw new Error("Environment variables not found in the document.");
@@ -168,76 +168,76 @@ function ir() {
     throw new Error("Unable to parse environment variables as JSON.");
   }
 }
-const sr = ({
+const or = ({
   modalTitle: e,
   continueLabel: n,
   cancelLabel: r,
-  buttonTitle: l,
-  isDisabled: a,
+  buttonTitle: a,
+  isDisabled: l,
   buttonVariant: i,
   buttonTestRole: s,
   onContinue: c,
-  component: o = R,
-  children: d,
-  ...m
+  component: o = P,
+  children: m,
+  ...f
 }) => {
-  const [y, h] = T(!1);
-  return /* @__PURE__ */ v(Y, { children: [
+  const [h, d] = S(!1);
+  return /* @__PURE__ */ b(Y, { children: [
     /* @__PURE__ */ t(
       o,
       {
         variant: i,
-        onClick: () => h(!0),
-        isDisabled: a,
+        onClick: () => d(!0),
+        isDisabled: l,
         "data-testrole": s,
-        children: l
+        children: a
       }
     ),
     /* @__PURE__ */ t(
-      Pe,
+      De,
       {
         variant: "small",
-        ...m,
+        ...f,
         title: e,
-        isOpen: y,
-        onClose: () => h(!1),
+        isOpen: h,
+        onClose: () => d(!1),
         actions: [
           /* @__PURE__ */ t(
-            R,
+            P,
             {
               id: "modal-confirm",
               variant: "primary",
               onClick: () => {
-                h(!1), c();
+                d(!1), c();
               },
               children: n
             },
             "confirm"
           ),
           /* @__PURE__ */ t(
-            R,
+            P,
             {
               id: "modal-cancel",
               variant: "secondary",
-              onClick: () => h(!1),
+              onClick: () => d(!1),
               children: r
             },
             "cancel"
           )
         ],
-        children: d
+        children: m
       }
     )
   ] });
-}, je = ({ message: e, ...n }) => /* @__PURE__ */ t(ue, { ...n, children: /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(me, { icon: /* @__PURE__ */ t(Rt, {}), variant: "error", children: e }) }) }), ze = ({
+}, je = ({ message: e, ...n }) => /* @__PURE__ */ t(ue, { ...n, children: /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(me, { icon: /* @__PURE__ */ t(Et, {}), variant: "error", children: e }) }) }), ze = ({
   helpText: e,
   fieldLabelId: n,
   noVerticalAlign: r = !0,
-  unWrap: l = !1
+  unWrap: a = !1
 }) => {
-  const { enabled: a } = un();
-  return a ? /* @__PURE__ */ t(ct, { bodyContent: e, children: /* @__PURE__ */ v(Y, { children: [
-    !l && /* @__PURE__ */ t(
+  const { enabled: l } = un();
+  return l ? /* @__PURE__ */ t(ct, { bodyContent: e, children: /* @__PURE__ */ b(Y, { children: [
+    !a && /* @__PURE__ */ t(
       "button",
       {
         "data-testid": `help-label-${n}`,
@@ -247,16 +247,21 @@ const sr = ({
         children: /* @__PURE__ */ t(ie, { isInline: r, children: /* @__PURE__ */ t(Te, {}) })
       }
     ),
-    l && /* @__PURE__ */ t(ie, { isInline: r, children: /* @__PURE__ */ t(Te, {}) })
+    a && /* @__PURE__ */ t(ie, { isInline: r, children: /* @__PURE__ */ t(Te, {}) })
   ] }) }) : null;
-}, _ = ({
+};
+function pn(e) {
+  if (!(typeof e > "u" || e instanceof RegExp))
+    return typeof e == "object" ? e.value : e;
+}
+const _ = ({
   name: e,
   label: n,
   labelIcon: r,
-  error: l,
-  children: a,
+  error: a,
+  children: l,
   ...i
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ b(
   Ve,
   {
     label: n || e,
@@ -264,16 +269,16 @@ const sr = ({
     labelIcon: r ? /* @__PURE__ */ t(ze, { helpText: r, fieldLabelId: e }) : void 0,
     ...i,
     children: [
-      a,
-      l && /* @__PURE__ */ t(je, { "data-testid": `${e}-helper`, message: l.message })
+      l,
+      a && /* @__PURE__ */ t(je, { "data-testid": `${e}-helper`, message: a.message })
     ]
   }
-), or = ({
+), cr = ({
   name: e,
   label: n,
   controller: r,
-  labelIcon: l,
-  ...a
+  labelIcon: a,
+  ...l
 }) => {
   const {
     control: i,
@@ -286,7 +291,7 @@ const sr = ({
       label: n,
       isRequired: r.rules?.required === !0,
       error: s[e],
-      labelIcon: l,
+      labelIcon: a,
       children: /* @__PURE__ */ t(
         U,
         {
@@ -294,22 +299,24 @@ const sr = ({
           name: e,
           control: i,
           render: ({ field: c }) => {
-            const o = !!r.rules?.required, d = r.rules?.min, m = c.value === 0 ? r.defaultValue : c.value, y = (h) => c.onChange(d ? Math.max(h, Number(d)) : h);
+            const o = !!r.rules?.required, m = pn(r.rules?.min), f = c.value ?? r.defaultValue, h = (d) => c.onChange(
+              m !== void 0 ? Math.max(d, Number(m)) : d
+            );
             return /* @__PURE__ */ t(
               dt,
               {
-                ...a,
+                ...l,
                 id: e,
-                value: m,
+                value: f,
                 validated: s[e] ? M.error : M.default,
                 required: o,
-                min: Number(d),
+                min: Number(m),
                 max: Number(r.rules?.max),
-                onPlus: () => y(m + 1),
-                onMinus: () => y(m - 1),
-                onChange: (h) => {
-                  const u = Number(h.currentTarget.value);
-                  y(isNaN(u) ? r.defaultValue : u);
+                onPlus: () => h(f + 1),
+                onMinus: () => h(f - 1),
+                onChange: (d) => {
+                  const u = Number(d.currentTarget.value);
+                  h(isNaN(u) ? r.defaultValue : u);
                 }
               }
             );
@@ -318,53 +325,53 @@ const sr = ({
       )
     }
   );
-}, pn = ({
+}, fn = ({
   hasReveal: e = !0,
   innerRef: n,
   ...r
 }) => {
-  const { t: l } = Ce(), [a, i] = T(!0);
-  return /* @__PURE__ */ v(pe, { children: [
+  const { t: a } = Ce(), [l, i] = S(!0);
+  return /* @__PURE__ */ b(pe, { children: [
     /* @__PURE__ */ t(se, { isFill: !0, children: /* @__PURE__ */ t(
       Q,
       {
         ...r,
-        type: a ? "password" : "text",
+        type: l ? "password" : "text",
         ref: n
       }
     ) }),
     e && /* @__PURE__ */ t(
-      R,
+      P,
       {
         variant: "control",
-        "aria-label": l("showPassword"),
-        onClick: () => i(!a),
-        children: a ? /* @__PURE__ */ t(Dt, {}) : /* @__PURE__ */ t(Pt, {})
+        "aria-label": a("showPassword"),
+        onClick: () => i(!l),
+        children: l ? /* @__PURE__ */ t(Pt, {}) : /* @__PURE__ */ t(Dt, {})
       }
     )
   ] });
 }, Je = Ot(
-  (e, n) => /* @__PURE__ */ t(pn, { ...e, innerRef: n })
+  (e, n) => /* @__PURE__ */ t(fn, { ...e, innerRef: n })
 );
 Je.displayName = "PasswordInput";
-const cr = (e) => {
-  const { labelIcon: n, ...r } = e, l = !!e.rules?.required, a = e.defaultValue ?? "", { field: i, fieldState: s } = Ie({
+const dr = (e) => {
+  const { labelIcon: n, ...r } = e, a = !!e.rules?.required, l = e.defaultValue ?? "", { field: i, fieldState: s } = Ie({
     ...e,
-    defaultValue: a
+    defaultValue: l
   });
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ b(
     _,
     {
       name: e.name,
       label: e.label,
       labelIcon: n,
-      isRequired: l,
+      isRequired: a,
       error: s.error,
       children: [
         /* @__PURE__ */ t(
           Je,
           {
-            isRequired: l,
+            isRequired: a,
             id: e.name,
             "data-testid": e.name,
             validated: s.error ? M.error : M.default,
@@ -377,104 +384,104 @@ const cr = (e) => {
       ]
     }
   );
-}, fn = ({
+}, gn = ({
   id: e,
   name: n,
   label: r,
-  options: l,
-  controller: a,
+  options: a,
+  controller: l,
   labelIcon: i,
   ...s
 }) => {
   const {
     control: c,
     formState: { errors: o }
-  } = te(), [d, m] = T(!1);
+  } = te(), [m, f] = S(!1);
   return /* @__PURE__ */ t(
     _,
     {
       name: n,
       label: r,
-      isRequired: !!a.rules?.required,
+      isRequired: !!l.rules?.required,
       error: G(o, n),
       labelIcon: i,
       children: /* @__PURE__ */ t(
         U,
         {
-          ...a,
+          ...l,
           name: n,
           control: c,
-          render: ({ field: { onChange: y, value: h } }) => /* @__PURE__ */ t(
+          render: ({ field: { onChange: h, value: d } }) => /* @__PURE__ */ t(
             X,
             {
               ...s,
-              onClick: () => m(!d),
-              onOpenChange: () => m(!1),
-              selected: $(l) ? l.filter(
-                (u) => Array.isArray(h) ? h.includes(u.key) : h === u.key
-              ).map((u) => u.value) : h,
+              onClick: () => f(!m),
+              onOpenChange: () => f(!1),
+              selected: $(a) ? a.filter(
+                (u) => Array.isArray(d) ? d.includes(u.key) : d === u.key
+              ).map((u) => u.value) : d,
               toggle: (u) => /* @__PURE__ */ t(
-                W,
+                K,
                 {
                   id: e || n.slice(n.lastIndexOf(".") + 1),
                   ref: u,
-                  onClick: () => m(!d),
-                  isExpanded: d,
+                  onClick: () => f(!m),
+                  isExpanded: m,
                   isFullWidth: !0,
                   status: G(o, n) ? fe.danger : void 0,
                   "aria-label": "toggle",
-                  children: $(l) ? l.find(
-                    (x) => x.key === (Array.isArray(h) ? h[0] : h)
-                  )?.value : h
+                  children: $(a) ? a.find(
+                    (k) => k.key === (Array.isArray(d) ? d[0] : d)
+                  )?.value : d
                 }
               ),
-              onSelect: (u, x) => {
-                const g = x?.toString();
-                y(Array.isArray(h) ? [g] : g), m(!1);
+              onSelect: (u, k) => {
+                const x = k?.toString();
+                h(Array.isArray(d) ? [x] : x), f(!1);
               },
-              isOpen: d,
-              children: /* @__PURE__ */ t(Z, { children: l.map((u) => /* @__PURE__ */ t(ge, { value: B(u), children: ke(u) ? u : u.value }, B(u))) })
+              isOpen: m,
+              children: /* @__PURE__ */ t(Z, { children: a.map((u) => /* @__PURE__ */ t(ge, { value: q(u), children: ke(u) ? u : u.value }, q(u))) })
             }
           )
         }
       )
     }
   );
-}, z = (e) => ke(e) ? e : e.value, gn = ({
+}, z = (e) => ke(e) ? e : e.value, yn = ({
   id: e,
   name: n,
   label: r,
-  options: l,
-  controller: a,
+  options: a,
+  controller: l,
   labelIcon: i,
   placeholderText: s,
   onFilter: c,
   variant: o,
-  ...d
+  ...m
 }) => {
   const {
-    control: m,
-    formState: { errors: y }
-  } = te(), [h, u] = T(!1), [x, g] = T(""), [f, w] = T(0), D = ee(), C = l.filter(
-    (p) => z(p).toLowerCase().startsWith(x.toLowerCase())
-  ), b = P(
-    () => C.map((p, I) => /* @__PURE__ */ t(
+    control: f,
+    formState: { errors: h }
+  } = te(), [d, u] = S(!1), [k, x] = S(""), [g, y] = S(0), O = ee(), v = a.filter(
+    (p) => z(p).toLowerCase().startsWith(k.toLowerCase())
+  ), C = D(
+    () => v.map((p, I) => /* @__PURE__ */ t(
       ge,
       {
-        value: B(p),
-        isFocused: f === I,
+        value: q(p),
+        isFocused: g === I,
         children: z(p)
       },
-      B(p)
+      q(p)
     )),
-    [f, C]
-  ), q = (p, I) => {
-    const A = C[f];
+    [g, v]
+  ), L = (p, I) => {
+    const A = v[g];
     switch (u(!0), p.key) {
       case "Enter": {
-        p.preventDefault(), o !== H.typeaheadMulti ? g(z(A)) : g(""), I.onChange(
-          Array.isArray(I.value) ? [...I.value, B(A)] : B(A)
-        ), u(!1), w(0);
+        p.preventDefault(), o !== H.typeaheadMulti ? x(z(A)) : x(""), I.onChange(
+          Array.isArray(I.value) ? [...I.value, q(A)] : q(A)
+        ), u(!1), y(0);
         break;
       }
       case "Tab":
@@ -489,8 +496,8 @@ const cr = (e) => {
       case "ArrowUp":
       case "ArrowDown": {
         p.preventDefault();
-        let k = 0;
-        p.key === "ArrowUp" && (f === 0 ? k = l.length - 1 : k = f - 1), p.key === "ArrowDown" && (f === l.length - 1 ? k = 0 : k = f + 1), w(k);
+        let w = 0;
+        p.key === "ArrowUp" && (g === 0 ? w = a.length - 1 : w = g - 1), p.key === "ArrowDown" && (g === a.length - 1 ? w = 0 : w = g + 1), y(w);
         break;
       }
     }
@@ -500,76 +507,76 @@ const cr = (e) => {
     {
       name: n,
       label: r,
-      isRequired: !!a.rules?.required,
-      error: G(y, n),
+      isRequired: !!l.rules?.required,
+      error: G(h, n),
       labelIcon: i,
       children: /* @__PURE__ */ t(
         U,
         {
-          ...a,
+          ...l,
           name: n,
-          control: m,
+          control: f,
           render: ({ field: p }) => /* @__PURE__ */ t(
             X,
             {
-              ...d,
-              onClick: () => u(!h),
+              ...m,
+              onClick: () => u(!d),
               onOpenChange: () => u(!1),
-              selected: $(l) ? l.filter(
+              selected: $(a) ? a.filter(
                 (I) => Array.isArray(p.value) ? p.value.includes(I.key) : p.value === I.key
               ).map((I) => I.value) : p.value,
               toggle: (I) => /* @__PURE__ */ t(
-                W,
+                K,
                 {
                   ref: I,
                   id: e || n.slice(n.lastIndexOf(".") + 1),
                   variant: "typeahead",
-                  onClick: () => u(!h),
-                  isExpanded: h,
+                  onClick: () => u(!d),
+                  isExpanded: d,
                   isFullWidth: !0,
-                  status: G(y, n) ? fe.danger : void 0,
-                  children: /* @__PURE__ */ v(Me, { isPlain: !0, children: [
+                  status: G(h, n) ? fe.danger : void 0,
+                  children: /* @__PURE__ */ b(Me, { isPlain: !0, children: [
                     /* @__PURE__ */ t(
                       Ne,
                       {
                         placeholder: s,
-                        value: o === H.typeahead && p.value ? $(l) ? l.find(
+                        value: o === H.typeahead && p.value ? $(a) ? a.find(
                           (A) => A.key === (Array.isArray(p.value) ? p.value[0] : p.value)
-                        )?.value : p.value : x,
-                        onClick: () => u(!h),
-                        onChange: (A, k) => {
-                          g(k), c?.(k);
+                        )?.value : p.value : k,
+                        onClick: () => u(!d),
+                        onChange: (A, w) => {
+                          x(w), c?.(w);
                         },
-                        onKeyDown: (A) => q(A, p),
+                        onKeyDown: (A) => L(A, p),
                         autoComplete: "off",
-                        innerRef: D,
+                        innerRef: O,
                         role: "combobox",
-                        isExpanded: h,
+                        isExpanded: d,
                         "aria-controls": "select-typeahead-listbox",
-                        children: o === H.typeaheadMulti && Array.isArray(p.value) && /* @__PURE__ */ t(qe, { "aria-label": "Current selections", children: p.value.map(
-                          (A, k) => /* @__PURE__ */ t(
-                            Be,
+                        children: o === H.typeaheadMulti && Array.isArray(p.value) && /* @__PURE__ */ t(Le, { "aria-label": "Current selections", children: p.value.map(
+                          (A, w) => /* @__PURE__ */ t(
+                            qe,
                             {
-                              onClick: (S) => {
-                                S.stopPropagation(), p.onChange(
+                              onClick: (T) => {
+                                T.stopPropagation(), p.onChange(
                                   p.value.filter(
-                                    (O) => O !== B(A)
+                                    (F) => F !== q(A)
                                   )
                                 );
                               },
-                              children: $(l) ? l.find((S) => A === S.key)?.value : z(A)
+                              children: $(a) ? a.find((T) => A === T.key)?.value : z(A)
                             },
-                            k
+                            w
                           )
                         ) })
                       }
                     ),
-                    /* @__PURE__ */ t(Le, { children: !!x && /* @__PURE__ */ t(
-                      R,
+                    /* @__PURE__ */ t(Be, { children: !!k && /* @__PURE__ */ t(
+                      P,
                       {
                         variant: "plain",
                         onClick: () => {
-                          p.onChange(void 0), g(""), D?.current?.focus();
+                          p.onChange(void 0), x(""), O?.current?.focus();
                         },
                         "aria-label": "Clear input value",
                         children: /* @__PURE__ */ t(Ge, { "aria-hidden": !0 })
@@ -580,13 +587,13 @@ const cr = (e) => {
               ),
               onSelect: (I, A) => {
                 I?.stopPropagation();
-                const k = A?.toString();
-                o === H.typeaheadMulti && Array.isArray(p.value) ? p.value.includes(k) ? p.onChange(
-                  p.value.filter((S) => S !== k)
-                ) : p.onChange([...p.value, k]) : (p.onChange(Array.isArray(p.value) ? [k] : k), u(!1));
+                const w = A?.toString();
+                o === H.typeaheadMulti && Array.isArray(p.value) ? p.value.includes(w) ? p.onChange(
+                  p.value.filter((T) => T !== w)
+                ) : p.onChange([...p.value, w]) : (p.onChange(Array.isArray(p.value) ? [w] : w), u(!1));
               },
-              isOpen: h,
-              children: /* @__PURE__ */ t(Z, { children: b })
+              isOpen: d,
+              children: /* @__PURE__ */ t(Z, { children: C })
             }
           )
         }
@@ -595,42 +602,42 @@ const cr = (e) => {
   );
 };
 var H = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(H || {});
-const $ = (e) => typeof e[0] != "string", ke = (e) => typeof e == "string", B = (e) => ke(e) ? e : e.key, yn = ({
+const $ = (e) => typeof e[0] != "string", ke = (e) => typeof e == "string", q = (e) => ke(e) ? e : e.key, vn = ({
   variant: e = "single",
   ...n
-}) => e === "single" ? /* @__PURE__ */ t(fn, { ...n }) : /* @__PURE__ */ t(gn, { ...n, variant: e }), dr = ({
+}) => e === "single" ? /* @__PURE__ */ t(gn, { ...n }) : /* @__PURE__ */ t(yn, { ...n, variant: e }), ur = ({
   labelOn: e,
   stringify: n,
   defaultValue: r,
-  labelIcon: l,
-  ...a
+  labelIcon: a,
+  ...l
 }) => {
   const s = r ?? (n ? "false" : !1), { control: c } = te();
   return /* @__PURE__ */ t(
     _,
     {
       hasNoPaddingTop: !0,
-      name: a.name,
-      isRequired: a.rules?.required === !0,
-      label: a.label,
-      labelIcon: l,
+      name: l.name,
+      isRequired: l.rules?.required === !0,
+      label: l.label,
+      labelIcon: a,
       children: /* @__PURE__ */ t(
         U,
         {
           control: c,
-          name: a.name,
+          name: l.name,
           defaultValue: s,
-          render: ({ field: { onChange: o, value: d } }) => /* @__PURE__ */ t(
+          render: ({ field: { onChange: o, value: m } }) => /* @__PURE__ */ t(
             ut,
             {
-              ...a,
-              id: a.name,
-              "data-testid": a.name,
+              ...l,
+              id: l.name,
+              "data-testid": l.name,
               label: e,
-              isChecked: n ? d === "true" : d,
-              onChange: (m, y) => {
-                const h = n ? y.toString() : y;
-                a.onChange?.(m, y), o(h);
+              isChecked: n ? m === "true" : m,
+              onChange: (f, h) => {
+                const d = n ? h.toString() : h;
+                l.onChange?.(f, h), o(d);
               }
             }
           )
@@ -638,8 +645,8 @@ const $ = (e) => typeof e[0] != "string", ke = (e) => typeof e == "string", B =
       )
     }
   );
-}, ur = (e) => {
-  const n = !!e.rules?.required, r = e.defaultValue ?? "", { field: l, fieldState: a } = Ie({
+}, hr = (e) => {
+  const n = !!e.rules?.required, r = e.defaultValue ?? "", { field: a, fieldState: l } = Ie({
     ...e,
     defaultValue: r
   });
@@ -650,60 +657,60 @@ const $ = (e) => typeof e[0] != "string", ke = (e) => typeof e == "string", B =
       label: e.label,
       labelIcon: e.labelIcon,
       name: e.name,
-      error: a.error,
+      error: l.error,
       children: /* @__PURE__ */ t(
         _e,
         {
           isRequired: n,
           id: e.name,
           "data-testid": e.name,
-          validated: a.error ? M.error : M.default,
+          validated: l.error ? M.error : M.default,
           isDisabled: e.isDisabled,
-          ...l
+          ...a
         }
       )
     }
   );
-}, hr = (e) => {
-  const { labelIcon: n, ...r } = e, l = !!e.rules?.required, a = e.defaultValue ?? "", { field: i, fieldState: s } = Ie({
+}, mr = (e) => {
+  const { labelIcon: n, helperText: r, ...a } = e, l = !!e.rules?.required, i = e.defaultValue ?? "", { field: s, fieldState: c } = Ie({
     ...e,
-    defaultValue: a
+    defaultValue: i
   });
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ b(
     _,
     {
       name: e.name,
       label: e.label,
       labelIcon: n,
       isRequired: l,
-      error: s.error,
+      error: c.error,
       children: [
         /* @__PURE__ */ t(
           Q,
           {
             isRequired: l,
             id: e.name,
-            "data-testid": e.name,
-            validated: s.error ? M.error : M.default,
+            "data-testid": e["data-testid"] || e.name,
+            validated: c.error ? M.error : M.default,
             isDisabled: e.isDisabled,
-            ...r,
-            ...i
+            ...a,
+            ...s
           }
         ),
-        e.helperText && /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(me, { children: e.helperText }) }) })
+        r && /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(me, { children: r }) }) })
       ]
     }
   );
-}, vn = _e, mr = ({ icon: e }) => {
-  const n = bn(e);
+}, bn = _e, pr = ({ icon: e }) => {
+  const n = Cn(e);
   return /* @__PURE__ */ t(ie, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
 };
-function bn(e) {
+function Cn(e) {
   switch (e) {
     case "github":
-      return Kt;
-    case "facebook":
       return Wt;
+    case "facebook":
+      return Kt;
     case "gitlab":
       return Gt;
     case "google":
@@ -717,11 +724,11 @@ function bn(e) {
     case "stackoverflow":
       return _t;
     case "twitter":
-      return Lt;
-    case "microsoft":
       return Bt;
-    case "bitbucket":
+    case "microsoft":
       return qt;
+    case "bitbucket":
+      return Lt;
     case "instagram":
       return Nt;
     case "paypal":
@@ -730,76 +737,76 @@ function bn(e) {
       return Vt;
   }
 }
-const Cn = "_title_180i0_2", In = {
-  title: Cn
+const In = "_title_180i0_2", kn = {
+  title: In
 }, Ye = ({
   id: e,
   title: n,
   headingLevel: r = "h1",
-  size: l = "xl",
-  ...a
+  size: a = "xl",
+  ...l
 }) => /* @__PURE__ */ t(
   ht,
   {
     headingLevel: r,
-    size: l,
-    className: In.title,
+    size: a,
+    className: kn.title,
     id: e,
     tabIndex: 0,
-    ...a,
+    ...l,
     children: n
   }
-), kn = ({
+), xn = ({
   title: e,
   children: n,
   scrollId: r,
-  className: l
+  className: a
 }) => {
-  const a = Ft();
-  return /* @__PURE__ */ v(mt, { id: a, className: l, isFlat: !0, children: [
+  const l = Ft();
+  return /* @__PURE__ */ b(mt, { id: l, className: a, isFlat: !0, children: [
     /* @__PURE__ */ t(pt, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(ft, { tabIndex: 0, children: /* @__PURE__ */ t(Ye, { id: r, title: e }) }) }),
     /* @__PURE__ */ t(gt, { className: "kc-form-panel__body", children: n })
   ] });
-}, xn = (e) => {
-  const { title: n, children: r, scrollId: l, ...a } = e;
-  return /* @__PURE__ */ t("section", { ...a, style: { marginTop: "var(--pf-v5-global--spacer--lg)" }, children: /* @__PURE__ */ v(Y, { children: [
-    /* @__PURE__ */ t(Ye, { id: l, title: n }),
+}, wn = (e) => {
+  const { title: n, children: r, scrollId: a, ...l } = e;
+  return /* @__PURE__ */ t("section", { ...l, style: { marginTop: "var(--pf-v5-global--spacer--lg)" }, children: /* @__PURE__ */ b(Y, { children: [
+    /* @__PURE__ */ t(Ye, { id: a, title: n }),
     r
   ] }) });
-}, wn = "_panel_1cdve_1", An = "_sticky_1cdve_5", Se = {
-  panel: wn,
-  sticky: An
-}, Tn = "kc-main-content-page-container", Oe = (e) => e.replace(/\s+/g, "-"), Sn = ({
+}, An = "_panel_1cdve_1", Tn = "_sticky_1cdve_5", Se = {
+  panel: An,
+  sticky: Tn
+}, Sn = "kc-main-content-page-container", Oe = (e) => e.replace(/\s+/g, "-"), On = ({
   label: e,
   sections: n,
   borders: r = !1,
-  ...l
+  ...a
 }) => {
-  const a = P(
+  const l = D(
     () => n.filter(({ isHidden: i }) => !i),
     [n]
   );
-  return /* @__PURE__ */ v(yt, { hasGutter: !0, ...l, children: [
-    /* @__PURE__ */ t(xe, { md: 8, sm: 12, children: a.map(({ title: i, panel: s }) => {
+  return /* @__PURE__ */ b(yt, { hasGutter: !0, ...a, children: [
+    /* @__PURE__ */ t(xe, { md: 8, sm: 12, children: l.map(({ title: i, panel: s }) => {
       const c = Oe(i.toLowerCase());
       return /* @__PURE__ */ t(Ue, { children: r ? /* @__PURE__ */ t(
-        kn,
+        xn,
         {
           scrollId: c,
           title: i,
           className: Se.panel,
           children: s
         }
-      ) : /* @__PURE__ */ t(xn, { scrollId: c, title: i, children: s }) }, i);
+      ) : /* @__PURE__ */ t(wn, { scrollId: c, title: i, children: s }) }, i);
     }) }),
     /* @__PURE__ */ t(xe, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(vt, { className: Se.sticky, children: /* @__PURE__ */ t(
       bt,
       {
         isVertical: !0,
-        scrollableSelector: `#${Tn}`,
+        scrollableSelector: `#${Sn}`,
         label: e,
         offset: 100,
-        children: a.map(({ title: i }) => {
+        children: l.map(({ title: i }) => {
           const s = Oe(i.toLowerCase());
           return (
             // note that JumpLinks currently does not work with spaces in the href
@@ -817,23 +824,23 @@ const Cn = "_title_180i0_2", In = {
       }
     ) }) })
   ] });
-}, On = (e, n, r) => (e.isValid || r) && (e.isDirty || n) && !e.isLoading && !e.isValidating && !e.isSubmitting, pr = ({
+}, Fn = (e, n, r) => (e.isValid || r) && (e.isDirty || n) && !e.isLoading && !e.isValidating && !e.isSubmitting, fr = ({
   formState: e,
   isDisabled: n = !1,
   allowInvalid: r = !1,
-  allowNonDirty: l = !1,
-  children: a,
+  allowNonDirty: a = !1,
+  children: l,
   ...i
 }) => /* @__PURE__ */ t(
-  R,
+  P,
   {
     variant: "primary",
-    isDisabled: e && !On(e, l, r) || n,
+    isDisabled: e && !Fn(e, a, r) || n,
     ...i,
     type: "submit",
-    children: a
+    children: l
   }
-), Fn = (e) => {
+), Rn = (e) => {
   try {
     return new Intl.DisplayNames([e], { type: "language" }).of(e);
   } catch {
@@ -843,40 +850,40 @@ const Cn = "_title_180i0_2", In = {
   t: e,
   form: n,
   supportedLocales: r,
-  currentLocale: l
+  currentLocale: a
 }) => {
-  const a = P(
+  const l = D(
     () => r.map((i) => ({
       key: i,
-      value: e(`locale_${i}`, Fn(i) ?? i)
-    })).sort((i, s) => i.value.localeCompare(s.value, l)),
-    [r, l, e]
+      value: e(`locale_${i}`, Rn(i) ?? i)
+    })).sort((i, s) => i.value.localeCompare(s.value, a)),
+    [r, a, e]
   );
-  return a.length ? /* @__PURE__ */ t(Yt, { ...n, children: /* @__PURE__ */ t(
-    yn,
+  return l.length ? /* @__PURE__ */ t(Yt, { ...n, children: /* @__PURE__ */ t(
+    vn,
     {
       "data-testid": "locale-select",
       name: "attributes.locale",
       label: e("selectALocale"),
       controller: { defaultValue: "" },
-      options: a,
-      variant: a.length >= 10 ? "typeahead" : "single"
+      options: l,
+      variant: l.length >= 10 ? "typeahead" : "single"
     }
   ) }) : null;
-}, Qe = (e) => e?.includes("${"), Xe = (e) => e.substring(2, e.length - 1), L = (e, n, r) => (Qe(n) ? e(Xe(n)) : n) || r, ce = (e, n) => L(e, n.displayName, n.name), Rn = ["username", "firstName", "lastName", "email"], Ze = (e) => e && Rn.includes(e), N = (e) => `${Ze(e) ? "" : "attributes."}${e?.replaceAll(
-  ".",
-  "🍺"
-)}`, fr = (e) => e.replaceAll(".", "🍺"), gr = (e) => e.replaceAll("🍺", ".");
-function yr(e, n, r) {
-  (e.responseData.errors !== void 0 ? e.responseData.errors : [e.responseData]).forEach((l) => {
-    const a = Object.assign(
+}, Qe = (e) => e?.includes("${"), Xe = (e) => e.substring(2, e.length - 1), B = (e, n, r, a) => {
+  const l = n || r, i = Qe(l) ? Xe(l) : l, s = a ? `${a}.${i}` : i;
+  return e(s || "");
+}, ce = (e, n) => B(e, n.displayName, n.name), Pn = ["username", "firstName", "lastName", "email"], Ze = (e) => e && Pn.includes(e), N = (e) => `${Ze(e) ? "" : "attributes."}${e?.replaceAll(".", "🍺")}`, gr = (e) => e.replaceAll(".", "🍺"), yr = (e) => e.replaceAll("🍺", ".");
+function vr(e, n, r) {
+  (e.responseData.errors !== void 0 ? e.responseData.errors : [e.responseData]).forEach((a) => {
+    const l = Object.assign(
       {},
-      l.params?.map((i) => r(Qe(i.toString()) ? Xe(i) : i))
+      a.params?.map((i) => r(Qe(i.toString()) ? Xe(i) : i))
     );
-    n(N(l.field), {
-      message: r(l.errorMessage, {
-        ...a,
-        defaultValue: l.errorMessage || l.field
+    n(N(a.field), {
+      message: r(a.errorMessage, {
+        ...l,
+        defaultValue: a.errorMessage || a.field
       }),
       type: "server"
     });
@@ -891,7 +898,7 @@ function ne({
 function Dn(e) {
   return e && "length" in e && "min" in e.length && typeof e.length.min == "number" ? e.length.min > 0 : !1;
 }
-function vr(e) {
+function br(e) {
   if (typeof e != "object" || e === null || !("responseData" in e))
     return !1;
   const { responseData: n } = e;
@@ -900,20 +907,20 @@ function vr(e) {
 function Fe(e) {
   return !(typeof e != "object" || e === null || !("field" in e) || typeof e.field != "string" || !("errorMessage" in e) || typeof e.errorMessage != "string");
 }
-const K = ({
+const W = ({
   t: e,
   form: n,
   attribute: r,
-  renderer: l,
-  children: a
+  renderer: a,
+  children: l
 }) => {
-  const i = L(
+  const i = B(
     e,
     r.annotations?.inputHelperTextBefore
   ), {
     formState: { errors: s }
-  } = n, c = l?.(r), o = G(s, N(r.name));
-  return /* @__PURE__ */ v(
+  } = n, c = a?.(r), o = G(s, N(r.name));
+  return /* @__PURE__ */ b(
     Ve,
     {
       label: ce(e, r) || "",
@@ -921,10 +928,10 @@ const K = ({
       isRequired: ne(r),
       labelIcon: i ? /* @__PURE__ */ t(ze, { helpText: i, fieldLabelId: r.name }) : void 0,
       children: [
-        c ? /* @__PURE__ */ v(pe, { children: [
-          a,
+        c ? /* @__PURE__ */ b(pe, { children: [
+          l,
           c
-        ] }) : a,
+        ] }) : l,
         o && /* @__PURE__ */ t(
           je,
           {
@@ -936,14 +943,14 @@ const K = ({
     },
     r.name
   );
-}, Pn = ({
+}, Vn = ({
   t: e,
   form: n,
   attribute: r,
-  renderer: l,
-  ...a
-}) => /* @__PURE__ */ t(K, { t: e, form: n, attribute: r, renderer: l, children: /* @__PURE__ */ t(
-  Vn,
+  renderer: a,
+  ...l
+}) => /* @__PURE__ */ t(W, { t: e, form: n, attribute: r, renderer: a, children: /* @__PURE__ */ t(
+  Mn,
   {
     t: e,
     form: n,
@@ -952,57 +959,57 @@ const K = ({
     addButtonLabel: e("addMultivaluedLabel", {
       fieldLabel: ce(e, r)
     }),
-    ...a
+    ...l
   }
-) }), Vn = ({
+) }), Mn = ({
   t: e,
   name: n,
   inputType: r,
-  form: l,
-  addButtonLabel: a,
+  form: a,
+  addButtonLabel: l,
   isDisabled: i = !1,
   defaultValue: s,
   id: c,
   ...o
 }) => {
-  const { register: d, setValue: m, control: y } = l, h = Qt({
+  const { register: m, setValue: f, control: h } = a, d = Qt({
     name: n,
-    control: y,
+    control: h,
     defaultValue: s || ""
-  }), u = P(() => Array.isArray(h) && h.length !== 0 ? h : s || [""], [h]), x = (C) => {
-    w([...u.slice(0, C), ...u.slice(C + 1)]);
-  }, g = () => {
-    w([...u, ""]);
-  }, f = (C, b) => {
-    w([...u.slice(0, C), b, ...u.slice(C + 1)]);
-  }, w = (C) => {
-    const b = C.flatMap((q) => q);
-    m(n, b, {
+  }), u = D(() => Array.isArray(d) && d.length !== 0 ? d : s || [""], [d]), k = (v) => {
+    y([...u.slice(0, v), ...u.slice(v + 1)]);
+  }, x = () => {
+    y([...u, ""]);
+  }, g = (v, C) => {
+    y([...u.slice(0, v), C, ...u.slice(v + 1)]);
+  }, y = (v) => {
+    const C = v.flatMap((L) => L);
+    f(n, C, {
       shouldDirty: !0
     });
-  }, D = r.startsWith("html") ? r.substring(6) : "text";
+  }, O = r.startsWith("html") ? r.substring(6) : "text";
   return be(() => {
-    d(n);
-  }, [d]), /* @__PURE__ */ t("div", { id: c, children: u.map((C, b) => /* @__PURE__ */ v(Ue, { children: [
-    /* @__PURE__ */ v(pe, { children: [
+    m(n);
+  }, [m]), /* @__PURE__ */ t("div", { id: c, children: u.map((v, C) => /* @__PURE__ */ b(Ue, { children: [
+    /* @__PURE__ */ b(pe, { children: [
       /* @__PURE__ */ t(se, { isFill: !0, children: /* @__PURE__ */ t(
         Q,
         {
-          "data-testid": n + b,
-          onChange: (q, p) => f(b, p),
-          name: `${n}.${b}.value`,
-          value: C,
+          "data-testid": n + C,
+          onChange: (L, p) => g(C, p),
+          name: `${n}.${C}.value`,
+          value: v,
           isDisabled: i,
-          type: D,
+          type: O,
           ...o
         }
       ) }),
       /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
-        R,
+        P,
         {
-          "data-testid": "remove" + b,
+          "data-testid": "remove" + C,
           variant: we.link,
-          onClick: () => x(b),
+          onClick: () => k(C),
           tabIndex: -1,
           "aria-label": e("remove"),
           isDisabled: u.length === 1 || i,
@@ -1010,136 +1017,136 @@ const K = ({
         }
       ) })
     ] }),
-    b === u.length - 1 && /* @__PURE__ */ v(
-      R,
+    C === u.length - 1 && /* @__PURE__ */ b(
+      P,
       {
         variant: we.link,
-        onClick: g,
+        onClick: x,
         tabIndex: -1,
         "aria-label": e("add"),
         "data-testid": "addValue",
-        isDisabled: !C || i,
+        isDisabled: !v || i,
         children: [
           /* @__PURE__ */ t(zt, {}),
           " ",
-          e(a || "add")
+          e(l || "add")
         ]
       }
     )
-  ] }, b)) });
-}, Ee = (e) => {
-  const { form: n, inputType: r, attribute: l } = e, a = ne(l), i = r.startsWith("multiselect"), s = i ? It : kt, c = l.validators?.options?.options || [], o = l.annotations?.inputOptionLabels || {};
-  return /* @__PURE__ */ t(K, { ...e, children: /* @__PURE__ */ t(
+  ] }, C)) });
+}, Re = (e) => {
+  const { form: n, inputType: r, attribute: a } = e, l = ne(a), i = r.startsWith("multiselect"), s = i ? It : kt, c = a.validators?.options?.options || [], o = a.annotations?.inputOptionLabels || {}, m = a.annotations?.inputOptionLabelsI18nPrefix;
+  return /* @__PURE__ */ t(W, { ...e, children: /* @__PURE__ */ t(
     U,
     {
-      name: N(l.name),
+      name: N(a.name),
       control: n.control,
       defaultValue: "",
-      render: ({ field: d }) => /* @__PURE__ */ t(Y, { children: c.map((m) => /* @__PURE__ */ t(
+      render: ({ field: f }) => /* @__PURE__ */ t(Y, { children: c.map((h) => /* @__PURE__ */ t(
         s,
         {
-          id: m,
-          "data-testid": m,
-          label: L(e.t, o[m], m),
-          value: m,
-          isChecked: d.value.includes(m),
+          id: h,
+          "data-testid": h,
+          label: B(e.t, o[h], h, m),
+          value: h,
+          isChecked: f.value.includes(h),
           onChange: () => {
-            i ? d.value.includes(m) ? d.onChange(
-              d.value.filter((y) => y !== m)
-            ) : d.onChange([...d.value, m]) : d.onChange([m]);
+            i ? f.value.includes(h) ? f.onChange(
+              f.value.filter((d) => d !== h)
+            ) : f.onChange([...f.value, h]) : f.onChange([h]);
           },
-          readOnly: l.readOnly,
-          isRequired: a
+          readOnly: a.readOnly,
+          isRequired: l
         },
-        m
+        h
       )) })
     }
   ) });
-}, Mn = ({
+}, Nn = ({
   toggleId: e,
   onToggle: n,
   onSelect: r,
-  selections: l,
-  isOpen: a,
+  selections: a,
+  isOpen: l,
   menuAppendTo: i,
   direction: s,
   width: c,
   maxHeight: o,
-  toggleIcon: d,
-  className: m,
-  children: y,
-  ...h
+  toggleIcon: m,
+  className: f,
+  children: h,
+  ...d
 }) => {
-  const [u, x] = T(!1), g = ee(), f = () => {
-    x(!u), n(!u);
-  }, w = () => i === "parent" && g.current?.parentElement || "inline", D = $e.toArray(
-    y
+  const [u, k] = S(!1), x = ee(), g = () => {
+    k(!u), n(!u);
+  }, y = () => i === "parent" && x.current?.parentElement || "inline", O = $e.toArray(
+    h
   );
   return /* @__PURE__ */ t(
     X,
     {
-      ref: g,
+      ref: x,
       maxMenuHeight: J(o),
       isScrollable: !0,
       popperProps: {
-        appendTo: w(),
+        appendTo: y(),
         direction: s,
         width: J(c)
       },
-      ...h,
-      onClick: f,
-      onOpenChange: () => x(!1),
-      selected: l,
-      onSelect: (C, b) => {
-        r?.(b || ""), f();
+      ...d,
+      onClick: g,
+      onOpenChange: (v) => k(v),
+      selected: a,
+      onSelect: (v, C) => {
+        r?.(C || ""), g();
       },
-      toggle: (C) => /* @__PURE__ */ t(
-        W,
+      toggle: (v) => /* @__PURE__ */ t(
+        K,
         {
           id: e,
-          ref: C,
-          className: m,
-          onClick: f,
-          isExpanded: a,
-          "aria-label": h["aria-label"],
-          icon: d,
+          ref: v,
+          className: f,
+          onClick: g,
+          isExpanded: l,
+          "aria-label": d["aria-label"],
+          icon: m,
           isFullWidth: !0,
-          children: D.find((b) => b.props.value === l)?.props.children || l || h["aria-label"]
+          children: O.find((C) => C.props.value === a)?.props.children || a || d["aria-label"]
         }
       ),
-      isOpen: a,
-      children: /* @__PURE__ */ t(Z, { children: y })
+      isOpen: l,
+      children: /* @__PURE__ */ t(Z, { children: h })
     }
   );
-}, Nn = ({
+}, Ln = ({
   toggleId: e,
   onSelect: n,
   onToggle: r,
-  onFilter: l,
-  variant: a,
+  onFilter: a,
+  variant: l,
   validated: i,
   placeholderText: s,
   maxHeight: c,
   width: o,
-  toggleIcon: d,
-  direction: m,
-  selections: y,
-  typeAheadAriaLabel: h,
+  toggleIcon: m,
+  direction: f,
+  selections: h,
+  typeAheadAriaLabel: d,
   chipGroupComponent: u,
-  chipGroupProps: x,
-  footer: g,
-  children: f,
-  ...w
+  chipGroupProps: k,
+  footer: x,
+  children: g,
+  ...y
 }) => {
-  const [D, C] = T(""), [b, q] = T(0), p = ee(), I = $e.toArray(
-    f
+  const [O, v] = S(""), [C, L] = S(0), p = ee(), I = $e.toArray(
+    g
   ), A = () => {
-    r?.(!w.isOpen);
-  }, k = (S) => {
-    const O = I[b];
-    switch (r?.(!0), S.key) {
+    r?.(!y.isOpen);
+  }, w = (T) => {
+    const F = I[C];
+    switch (r?.(!0), T.key) {
       case "Enter": {
-        S.preventDefault(), a !== V.typeaheadMulti ? C(O.props.value) : C(""), n?.(O.props.value), r?.(!1), q(0);
+        T.preventDefault(), l !== V.typeaheadMulti ? v(F.props.value) : v(""), n?.(F.props.value), r?.(!1), L(0);
         break;
       }
       case "Escape": {
@@ -1147,73 +1154,73 @@ const K = ({
         break;
       }
       case "Backspace": {
-        a === V.typeahead && n?.("");
+        l === V.typeahead && n?.("");
         break;
       }
       case "ArrowUp":
       case "ArrowDown": {
-        S.preventDefault();
-        let F = 0;
-        S.key === "ArrowUp" && (b === 0 ? F = I.length - 1 : F = b - 1), S.key === "ArrowDown" && (b === I.length - 1 ? F = 0 : F = b + 1), q(F);
+        T.preventDefault();
+        let R = 0;
+        T.key === "ArrowUp" && (C === 0 ? R = I.length - 1 : R = C - 1), T.key === "ArrowDown" && (C === I.length - 1 ? R = 0 : R = C + 1), L(R);
         break;
       }
     }
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ b(
     X,
     {
-      ...w,
+      ...y,
       onClick: A,
-      onOpenChange: () => r?.(!1),
-      onSelect: (S, O) => n?.(O || ""),
+      onOpenChange: (T) => r?.(T),
+      onSelect: (T, F) => n?.(F || ""),
       maxMenuHeight: J(c),
-      popperProps: { direction: m, width: J(o) },
-      toggle: (S) => /* @__PURE__ */ t(
-        W,
+      popperProps: { direction: f, width: J(o) },
+      toggle: (T) => /* @__PURE__ */ t(
+        K,
         {
-          ref: S,
+          ref: T,
           id: e,
           variant: "typeahead",
           onClick: () => r?.(!0),
-          icon: d,
-          isExpanded: w.isOpen,
+          icon: m,
+          isExpanded: y.isOpen,
           isFullWidth: !0,
           status: i === "error" ? fe.danger : void 0,
-          children: /* @__PURE__ */ v(Me, { isPlain: !0, children: [
+          children: /* @__PURE__ */ b(Me, { isPlain: !0, children: [
             /* @__PURE__ */ t(
               Ne,
               {
                 placeholder: s,
-                value: a === V.typeahead && y ? y : D,
+                value: l === V.typeahead && h ? h : O,
                 onClick: A,
-                onChange: (O, F) => {
-                  C(F), l?.(F);
+                onChange: (F, R) => {
+                  v(R), a?.(R);
                 },
-                onKeyDown: (O) => k(O),
+                onKeyDown: (F) => w(F),
                 autoComplete: "off",
                 innerRef: p,
                 role: "combobox",
-                isExpanded: w.isOpen,
+                isExpanded: y.isOpen,
                 "aria-controls": "select-typeahead-listbox",
-                "aria-label": h,
-                children: a === V.typeaheadMulti && Array.isArray(y) && (u || /* @__PURE__ */ t(qe, { ...x, children: y.map((O, F) => /* @__PURE__ */ t(
-                  Be,
+                "aria-label": d,
+                children: l === V.typeaheadMulti && Array.isArray(h) && (u || /* @__PURE__ */ t(Le, { ...k, children: h.map((F, R) => /* @__PURE__ */ t(
+                  qe,
                   {
                     onClick: (et) => {
-                      et.stopPropagation(), n?.(O);
+                      et.stopPropagation(), n?.(F);
                     },
-                    children: O
+                    children: F
                   },
-                  F
+                  R
                 )) }))
               }
             ),
-            /* @__PURE__ */ t(Le, { children: !!D && /* @__PURE__ */ t(
-              R,
+            /* @__PURE__ */ t(Be, { children: !!O && /* @__PURE__ */ t(
+              P,
               {
                 variant: "plain",
                 onClick: () => {
-                  n?.(""), C(""), l?.(""), p?.current?.focus();
+                  n?.(""), v(""), a?.(""), p?.current?.focus();
                 },
                 "aria-label": "Clear input value",
                 children: /* @__PURE__ */ t(Ge, { "aria-hidden": !0 })
@@ -1223,8 +1230,8 @@ const K = ({
         }
       ),
       children: [
-        /* @__PURE__ */ t(Z, { children: f }),
-        g && /* @__PURE__ */ t(xt, { children: g })
+        /* @__PURE__ */ t(Z, { children: g }),
+        x && /* @__PURE__ */ t(xt, { children: x })
       ]
     }
   );
@@ -1233,51 +1240,51 @@ var V = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead",
 const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
   variant: e = "single",
   ...n
-}) => e === "single" ? /* @__PURE__ */ t(Mn, { ...n }) : /* @__PURE__ */ t(Nn, { ...n, variant: e }), Re = (e) => {
-  const { t: n, form: r, inputType: l, attribute: a } = e, [i, s] = T(!1), [c, o] = T(""), d = l === "multiselect", m = (g, f) => {
-    d ? f.value.includes(g) ? f.onChange(f.value.filter((w) => w !== g)) : Array.isArray(f.value) ? f.onChange([...f.value, g]) : f.onChange([g]) : f.onChange(g === f.value ? "" : g);
-  }, y = a.validators?.options?.options || [], h = a.annotations?.inputOptionLabels || {}, u = (g) => L(e.t, h[g], g), x = (g) => y.filter(
-    (f) => u(f).toLowerCase().includes(c.toLowerCase())
-  ).map((f) => /* @__PURE__ */ t(
+}) => e === "single" ? /* @__PURE__ */ t(Nn, { ...n }) : /* @__PURE__ */ t(Ln, { ...n, variant: e }), Ee = (e) => {
+  const { t: n, form: r, inputType: a, attribute: l } = e, [i, s] = S(!1), [c, o] = S(""), m = a === "multiselect", f = (g, y) => {
+    m ? y.value.includes(g) ? y.onChange(y.value.filter((O) => O !== g)) : Array.isArray(y.value) ? y.onChange([...y.value, g]) : y.onChange([g]) : y.onChange(g === y.value ? "" : g);
+  }, h = l.validators?.options?.options || [], d = l.annotations?.inputOptionLabels || {}, u = l.annotations?.inputOptionLabelsI18nPrefix, k = (g) => B(e.t, d[g], g, u), x = (g) => h.filter(
+    (y) => k(y).toLowerCase().includes(c.toLowerCase())
+  ).map((y) => /* @__PURE__ */ t(
     ge,
     {
-      selected: g === f,
-      value: f,
-      children: u(f)
+      selected: g === y,
+      value: y,
+      children: k(y)
     },
-    f
+    y
   ));
-  return /* @__PURE__ */ t(K, { ...e, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(W, { ...e, children: /* @__PURE__ */ t(
     U,
     {
-      name: N(a.name),
+      name: N(l.name),
       defaultValue: "",
       control: r.control,
       render: ({ field: g }) => /* @__PURE__ */ t(
         qn,
         {
-          toggleId: a.name,
-          onToggle: (f) => s(f),
-          onClear: () => m("", g),
-          onSelect: (f) => {
-            const w = f.toString();
-            m(w, g), Array.isArray(g.value) || s(!1);
+          toggleId: l.name,
+          onToggle: (y) => s(y),
+          onClear: () => f("", g),
+          onSelect: (y) => {
+            const O = y.toString();
+            f(O, g), Array.isArray(g.value) || s(!1);
           },
-          selections: d && Array.isArray(g.value) ? g.value : u(g.value),
-          variant: d ? V.typeaheadMulti : y.length >= 10 ? V.typeahead : V.single,
+          selections: m && Array.isArray(g.value) ? g.value : k(g.value),
+          variant: m ? V.typeaheadMulti : h.length >= 10 ? V.typeahead : V.single,
           "aria-label": n("selectOne"),
           isOpen: i,
-          isDisabled: a.readOnly,
-          onFilter: (f) => (o(f), x(g.value)),
+          isDisabled: l.readOnly,
+          onFilter: (y) => (o(y), x(g.value)),
           children: x(g.value)
         }
       )
     }
   ) });
 }, Bn = (e) => {
-  const { form: n, attribute: r } = e, l = ne(r);
-  return /* @__PURE__ */ t(K, { ...e, children: /* @__PURE__ */ t(
-    vn,
+  const { form: n, attribute: r } = e, a = ne(r);
+  return /* @__PURE__ */ t(W, { ...e, children: /* @__PURE__ */ t(
+    bn,
     {
       id: r.name,
       "data-testid": r.name,
@@ -1285,33 +1292,35 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
       cols: r.annotations?.inputTypeCols,
       rows: r.annotations?.inputTypeRows,
       readOnly: r.readOnly,
-      isRequired: l
+      isRequired: a
     }
   ) });
 }, E = (e) => {
-  const { form: n, inputType: r, attribute: l } = e, a = ne(l), i = r.startsWith("html") ? r.substring(6) : "text";
-  return /* @__PURE__ */ t(K, { ...e, children: /* @__PURE__ */ t(
+  const { form: n, inputType: r, attribute: a } = e, l = ne(a), i = r.startsWith("html") ? r.substring(6) : "text";
+  return /* @__PURE__ */ t(W, { ...e, children: /* @__PURE__ */ t(
     Q,
     {
-      id: l.name,
-      "data-testid": l.name,
+      id: a.name,
+      "data-testid": a.name,
       type: i,
-      placeholder: L(
+      placeholder: B(
         e.t,
-        l.annotations?.inputTypePlaceholder
+        a.annotations?.inputTypePlaceholder,
+        a.name,
+        a.annotations?.inputOptionLabelsI18nPrefix
       ),
-      readOnly: l.readOnly,
-      isRequired: a,
-      ...n.register(N(l.name))
+      readOnly: a.readOnly,
+      isRequired: l,
+      ...n.register(N(a.name))
     }
   ) });
 }, de = {
   text: E,
   textarea: Bn,
-  select: Re,
-  "select-radiobuttons": Ee,
-  multiselect: Re,
-  "multiselect-checkboxes": Ee,
+  select: Ee,
+  "select-radiobuttons": Re,
+  multiselect: Ee,
+  "multiselect-checkboxes": Re,
   "html5-email": E,
   "html5-tel": E,
   "html5-url": E,
@@ -1321,28 +1330,28 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
   "html5-date": E,
   "html5-month": E,
   "html5-time": E,
-  "multi-input": Pn
-}, br = ({
+  "multi-input": Vn
+}, Cr = ({
   t: e,
   form: n,
   userProfileMetadata: r,
-  supportedLocales: l,
-  currentLocale: a,
+  supportedLocales: a,
+  currentLocale: l,
   hideReadOnly: i = !1,
   renderer: s
 }) => {
-  const c = P(() => {
+  const c = D(() => {
     if (!r.attributes)
       return [];
-    const o = i ? r.attributes.filter(({ readOnly: d }) => !d) : r.attributes;
+    const o = i ? r.attributes.filter(({ readOnly: m }) => !m) : r.attributes;
     return [
       // Insert an empty group for attributes without a group.
       { name: void 0 },
       ...r.groups ?? []
-    ].map((d) => ({
-      group: d,
+    ].map((m) => ({
+      group: m,
       attributes: o.filter(
-        (m) => m.group === d.name
+        (f) => f.group === m.name
       )
     }));
   }, [
@@ -1351,46 +1360,46 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
     r.attributes
   ]);
   return c.length === 0 ? null : /* @__PURE__ */ t(
-    Sn,
+    On,
     {
       label: e("jumpToSection"),
-      sections: c.filter((o) => o.attributes.length > 0).map(({ group: o, attributes: d }) => ({
-        title: L(e, o.displayHeader, o.name) || e("general"),
-        panel: /* @__PURE__ */ v("div", { className: "pf-v5-c-form", children: [
-          o.displayDescription && /* @__PURE__ */ t(ae, { className: "pf-v5-u-pb-lg", children: L(e, o.displayDescription, "") }),
-          d.map((m) => /* @__PURE__ */ t(
-            Ln,
+      sections: c.filter((o) => o.attributes.length > 0).map(({ group: o, attributes: m }) => ({
+        title: B(e, o.displayHeader, o.name) || e("general"),
+        panel: /* @__PURE__ */ b("div", { className: "pf-v5-c-form", children: [
+          o.displayDescription && /* @__PURE__ */ t(le, { className: "pf-v5-u-pb-lg", children: B(e, o.displayDescription, "") }),
+          m.map((f) => /* @__PURE__ */ t(
+            _n,
             {
               t: e,
               form: n,
-              supportedLocales: l,
-              currentLocale: a,
+              supportedLocales: a,
+              currentLocale: l,
               renderer: s,
-              attribute: m
+              attribute: f
             },
-            m.name
+            f.name
           ))
         ] })
       }))
     }
   );
-}, Ln = ({
+}, _n = ({
   t: e,
   form: n,
   renderer: r,
-  supportedLocales: l,
-  currentLocale: a,
+  supportedLocales: a,
+  currentLocale: l,
   attribute: i
 }) => {
   const s = n.watch(
     N(i.name)
-  ), c = P(() => Hn(i), [i]), o = i.multivalued || $n(s) && i.annotations?.inputType === void 0 ? de["multi-input"] : de[c];
+  ), c = D(() => Un(i), [i]), o = i.multivalued || Gn(s) && i.annotations?.inputType === void 0 ? de["multi-input"] : de[c];
   return i.name === "locale" ? /* @__PURE__ */ t(
     En,
     {
       form: n,
-      supportedLocales: l,
-      currentLocale: a,
+      supportedLocales: a,
+      currentLocale: l,
       t: e,
       attribute: i
     }
@@ -1404,18 +1413,18 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
       renderer: r
     }
   );
-}, _n = "text";
-function Hn(e) {
+}, Hn = "text";
+function Un(e) {
   if (Ze(e.name))
     return "text";
   const n = e.annotations?.inputType;
-  return Un(n) ? n : _n;
+  return $n(n) ? n : Hn;
 }
-const Un = (e) => typeof e == "string" && e in de, $n = (e) => Array.isArray(e) && e.length > 1, Gn = ({
+const $n = (e) => typeof e == "string" && e in de, Gn = (e) => Array.isArray(e) && e.length > 1, Kn = ({
   className: e = "",
   border: n,
   size: r = "md"
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ b(
   "svg",
   {
     className: tn(
@@ -1471,7 +1480,7 @@ const Un = (e) => typeof e == "string" && e in de, $n = (e) => Array.isArray(e)
           ) })
         }
       ),
-      /* @__PURE__ */ t("g", { style: { filter: 'url("#a")' }, children: /* @__PURE__ */ v("g", { transform: "translate(5.04 6.88)", children: [
+      /* @__PURE__ */ t("g", { style: { filter: 'url("#a")' }, children: /* @__PURE__ */ b("g", { transform: "translate(5.04 6.88)", children: [
         /* @__PURE__ */ t(
           "path",
           {
@@ -1531,32 +1540,33 @@ const Un = (e) => typeof e == "string" && e in de, $n = (e) => Array.isArray(e)
       ] }) })
     ]
   }
-), De = ({
+), Pe = ({
   isKebab: e = !1,
   title: n,
   dropDownItems: r,
-  ...l
+  ...a
 }) => {
-  const [a, i] = T(!1);
+  const [l, i] = S(!1);
   return /* @__PURE__ */ t(
     wt,
     {
-      ...l,
+      ...a,
       popperProps: {
         position: "right"
       },
+      onOpenChange: (s) => i(s),
       toggle: (s) => /* @__PURE__ */ t(
-        W,
+        K,
         {
-          "data-testid": `${l["data-testid"]}-toggle`,
+          "data-testid": `${a["data-testid"]}-toggle`,
           ref: s,
-          onClick: () => i(!a),
-          isExpanded: a,
+          onClick: () => i(!l),
+          isExpanded: l,
           variant: e ? "plain" : "default",
           children: e ? /* @__PURE__ */ t(Jt, {}) : n
         }
       ),
-      isOpen: a,
+      isOpen: l,
       children: /* @__PURE__ */ t(At, { children: r })
     }
   );
@@ -1564,122 +1574,122 @@ const Un = (e) => typeof e == "string" && e in de, $n = (e) => Array.isArray(e)
 function Wn(e, n) {
   if (!e)
     return n("unknownUser");
-  const r = e.given_name, l = e.family_name, a = e.preferred_username;
-  return r && l ? n("fullName", { givenName: r, familyName: l }) : r || l || a || n("unknownUser");
+  const r = e.given_name, a = e.family_name, l = e.preferred_username;
+  return r && a ? n("fullName", { givenName: r, familyName: a }) : r || a || l || n("unknownUser");
 }
-const Cr = ({
+const Ir = ({
   keycloak: e,
   brand: { href: n, ...r },
-  avatar: l,
+  avatar: a,
   features: {
-    hasLogout: a = !0,
+    hasLogout: l = !0,
     hasManageAccount: i = !0,
     hasUsername: s = !0
   } = {},
   kebabDropdownItems: c,
   dropdownItems: o = [],
-  toolbarItems: d,
-  ...m
+  toolbarItems: m,
+  ...f
 }) => {
-  const { t: y } = Ce(), h = [];
-  i && h.push(
+  const { t: h } = Ce(), d = [];
+  i && d.push(
     /* @__PURE__ */ t(
       Ae,
       {
         onClick: () => e.accountManagement(),
-        children: y("manageAccount")
+        children: h("manageAccount")
       },
       "manageAccount"
     )
-  ), a && h.push(
-    /* @__PURE__ */ t(Ae, { onClick: () => e.logout(), children: y("signOut") }, "signOut")
+  ), l && d.push(
+    /* @__PURE__ */ t(Ae, { onClick: () => e.logout(), children: h("signOut") }, "signOut")
   );
   const u = e.idTokenParsed?.picture;
   return /* @__PURE__ */ t(
     Xt,
     {
-      ...m,
+      ...f,
       logo: /* @__PURE__ */ t(Tt, { ...r }),
       logoProps: { href: n },
-      headerTools: /* @__PURE__ */ v(Zt, { children: [
-        /* @__PURE__ */ v(en, { children: [
+      headerTools: /* @__PURE__ */ b(Zt, { children: [
+        /* @__PURE__ */ b(en, { children: [
           /* @__PURE__ */ t(
-            le,
+            ae,
             {
               visibility: {
                 md: "hidden"
               },
               children: /* @__PURE__ */ t(
-                De,
+                Pe,
                 {
                   "data-testid": "options-kebab",
                   isKebab: !0,
                   dropDownItems: [
                     ...c || o,
-                    h
+                    d
                   ]
                 }
               )
             }
           ),
-          /* @__PURE__ */ t(le, { children: d }),
+          /* @__PURE__ */ t(ae, { children: m }),
           /* @__PURE__ */ t(
-            le,
+            ae,
             {
               visibility: {
                 default: "hidden",
                 md: "visible"
               },
               children: /* @__PURE__ */ t(
-                De,
+                Pe,
                 {
                   "data-testid": "options",
-                  dropDownItems: [...o, h],
-                  title: s ? Wn(e.idTokenParsed, y) : void 0
+                  dropDownItems: [...o, d],
+                  title: s ? Wn(e.idTokenParsed, h) : void 0
                 }
               )
             }
           )
         ] }),
-        u || l?.src ? /* @__PURE__ */ t(St, { src: u, alt: y("avatar"), ...l }) : /* @__PURE__ */ t(Gn, { ...l })
+        u || a?.src ? /* @__PURE__ */ t(St, { src: u, alt: h("avatar"), ...a }) : /* @__PURE__ */ t(Kn, { ...a })
       ] })
     }
   );
 };
 export {
   nn as AlertProvider,
-  sr as ContinueCancelModal,
+  or as ContinueCancelModal,
   rn as ErrorPage,
   je as FormErrorText,
-  kn as FormPanel,
-  pr as FormSubmitButton,
+  xn as FormPanel,
+  fr as FormSubmitButton,
   hn as Help,
   ze as HelpItem,
-  mr as IconMapper,
-  Cr as KeycloakMasthead,
-  ar as KeycloakProvider,
+  pr as IconMapper,
+  Ir as KeycloakMasthead,
+  ir as KeycloakProvider,
   qn as KeycloakSelect,
-  vn as KeycloakTextArea,
-  or as NumberControl,
-  cr as PasswordControl,
+  bn as KeycloakTextArea,
+  cr as NumberControl,
+  dr as PasswordControl,
   Je as PasswordInput,
-  Sn as ScrollForm,
-  yn as SelectControl,
+  On as ScrollForm,
+  vn as SelectControl,
   H as SelectVariant,
-  dr as SwitchControl,
-  ur as TextAreaControl,
-  hr as TextControl,
-  br as UserProfileFields,
-  fr as beerify,
-  an as createNamedContext,
-  gr as debeerify,
-  ir as getInjectedEnvironment,
+  ur as SwitchControl,
+  hr as TextAreaControl,
+  mr as TextControl,
+  Cr as UserProfileFields,
+  gr as beerify,
+  ln as createNamedContext,
+  yr as debeerify,
+  sr as getInjectedEnvironment,
   sn as isDefined,
-  vr as isUserProfileError,
-  L as label,
-  Tn as mainPageContentId,
-  yr as setUserProfileServerError,
-  rr as useAlerts,
+  br as isUserProfileError,
+  B as label,
+  Sn as mainPageContentId,
+  vr as setUserProfileServerError,
+  ar as useAlerts,
   lr as useEnvironment,
   un as useHelp,
   on as useRequiredContext,