@keycloak/keycloak-ui-shared 26.2.0 → 26.2.2

package/dist/keycloak-ui-shared.js

@@ -1,40 +1,40 @@
-import { jsx as t, jsxs as b, Fragment as K } from "react/jsx-runtime";
-import { AlertGroup as en, Alert as tn, AlertVariant as Pe, AlertActionCloseButton as nn, Page as rn, Modal as bt, ModalVariant as an, TextContent as ln, Text as Me, Button as B, Spinner as Ct, FormHelperText as Ke, HelperText as He, HelperTextItem as We, Popover as on, Icon as Le, FormGroup as kt, NumberInput as sn, ValidatedOptions as G, InputGroup as ke, InputGroupItem as Ne, TextInput as Ie, Select as we, SelectList as xe, SelectOption as je, MenuToggle as ce, MenuToggleStatus as Ge, TextInputGroup as It, TextInputGroupMain as wt, ChipGroup as ze, Chip as Je, TextInputGroupUtilities as xt, Switch as cn, TextArea as Tt, Title as dn, Card as un, CardHeader as hn, CardTitle as pn, CardBody as mn, Grid as fn, GridItem as it, PageSection as gn, JumpLinks as yn, JumpLinksItem as vn, ButtonVariant as be, Checkbox as bn, Radio as Cn, MenuFooter as kn, Dropdown as In, DropdownList as wn, DropdownItem as ot, Masthead as xn, MastheadToggle as Tn, PageToggleButton as Sn, MastheadBrand as An, MastheadContent as En, Toolbar as ve, ToolbarContent as Be, ToolbarItem as U, Avatar as Rn, Bullseye as On, EmptyState as Dn, EmptyStateIcon as st, EmptyStateHeader as Fn, EmptyStateBody as Pn, EmptyStateFooter as Mn, EmptyStateActions as Ln, SearchInput as Nn, Divider as Bn, Pagination as Vn, Badge as _n } from "@patternfly/react-core";
-import { createContext as St, useContext as At, useRef as z, useEffect as ne, useCallback as se, useState as R, useMemo as V, forwardRef as qn, useId as Et, Fragment as Rt, Children as Ot, Component as $n, isValidElement as Un } from "react";
-import { useTranslation as _ } from "react-i18next";
-import { NetworkError as Dt } from "@keycloak/keycloak-admin-client";
+import { jsx as t, jsxs as C, Fragment as W } from "react/jsx-runtime";
+import { AlertGroup as en, Alert as tn, AlertVariant as Me, AlertActionCloseButton as nn, Page as rn, Modal as Ct, ModalVariant as an, TextContent as ln, Text as Le, Button as V, Spinner as kt, FormHelperText as He, HelperText as We, HelperTextItem as je, Popover as sn, Icon as Ne, FormGroup as It, NumberInput as on, ValidatedOptions as z, InputGroup as we, InputGroupItem as Be, TextInput as xe, Select as Se, SelectList as Te, SelectOption as Ge, MenuToggle as ue, MenuToggleStatus as ze, TextInputGroup as wt, TextInputGroupMain as xt, ChipGroup as Je, Chip as Ye, TextInputGroupUtilities as St, Switch as cn, TextArea as Tt, Title as dn, Card as un, CardHeader as hn, CardTitle as pn, CardBody as mn, Grid as fn, GridItem as st, PageSection as gn, JumpLinks as yn, JumpLinksItem as bn, ButtonVariant as ke, Checkbox as vn, Radio as Cn, MenuFooter as kn, Dropdown as In, DropdownList as wn, DropdownItem as ot, Masthead as xn, MastheadToggle as Sn, PageToggleButton as Tn, MastheadBrand as En, MastheadContent as An, Toolbar as Ce, ToolbarContent as Ve, ToolbarItem as H, Avatar as Rn, Bullseye as On, EmptyState as Dn, EmptyStateIcon as ct, EmptyStateHeader as Fn, EmptyStateBody as Pn, EmptyStateFooter as Mn, EmptyStateActions as Ln, SearchInput as Nn, Divider as Bn, Pagination as Vn, Badge as _n } from "@patternfly/react-core";
+import { createContext as Et, useContext as At, useRef as J, useEffect as ae, useCallback as de, useState as A, useMemo as _, forwardRef as qn, useId as Rt, Fragment as Ot, Children as Dt, Component as $n, isValidElement as Un } from "react";
+import { useTranslation as q } from "react-i18next";
+import { NetworkError as Ft } from "@keycloak/keycloak-admin-client";
 import Kn from "keycloak-js";
-import { ExclamationCircleIcon as Hn, HelpIcon as ct, EyeIcon as Wn, EyeSlashIcon as jn, TimesIcon as Ft, CubeIcon as Gn, PaypalIcon as zn, InstagramIcon as Jn, BitbucketIcon as Yn, MicrosoftIcon as Qn, TwitterIcon as Xn, StackOverflowIcon as Zn, OpenshiftIcon as er, LinkedinIcon as tr, GoogleIcon as nr, GitlabIcon as rr, FacebookSquareIcon as ar, GithubIcon as lr, MinusCircleIcon as ir, PlusCircleIcon as Pt, EllipsisVIcon as or, BarsIcon as sr, SearchIcon as cr, SyncAltIcon as dr } from "@patternfly/react-icons";
-import { useFormContext as Te, Controller as re, useController as Ye, FormProvider as ur, useWatch as hr } from "react-hook-form";
-import { get as N, cloneDeep as pr, intersectionBy as mr } from "lodash-es";
-import fe from "@patternfly/react-styles/css/components/Avatar/avatar";
+import { ExclamationCircleIcon as Hn, HelpIcon as dt, EyeIcon as Wn, EyeSlashIcon as jn, TimesIcon as Pt, CubeIcon as Gn, PaypalIcon as zn, InstagramIcon as Jn, BitbucketIcon as Yn, MicrosoftIcon as Qn, TwitterIcon as Xn, StackOverflowIcon as Zn, OpenshiftIcon as er, LinkedinIcon as tr, GoogleIcon as nr, GitlabIcon as rr, FacebookSquareIcon as ar, GithubIcon as lr, MinusCircleIcon as ir, PlusCircleIcon as Mt, EllipsisVIcon as sr, BarsIcon as or, SearchIcon as cr, SyncAltIcon as dr } from "@patternfly/react-icons";
+import { useFormContext as Ee, Controller as le, useController as Qe, FormProvider as ur, useWatch as hr } from "react-hook-form";
+import { get as B, cloneDeep as pr, intersectionBy as mr } from "lodash-es";
+import ye from "@patternfly/react-styles/css/components/Avatar/avatar";
 import { css as fr } from "@patternfly/react-styles";
-import { Table as gr, TableVariant as yr, Thead as vr, Tr as ge, Th as De, Tbody as dt, Td as te, ExpandableRowContent as br, ActionsColumn as Cr, TableText as kr } from "@patternfly/react-table";
-import './main.css';function Qe(e, n) {
-  const r = St(n);
+import { Table as gr, TableVariant as yr, Thead as br, Tr as be, Th as Fe, Tbody as ut, Td as ne, ExpandableRowContent as vr, ActionsColumn as Cr, TableText as kr } from "@patternfly/react-table";
+import './main.css';function Xe(e, n) {
+  const r = Et(n);
   return r.displayName = e, r;
 }
-const Ir = ["error", "errorMessage"], Fe = "error_description";
+const Ir = ["error", "errorMessage"], Pe = "error_description";
 function wr(e) {
   if (typeof e == "string")
     return e;
-  if (e instanceof Dt)
-    return Tr(e.responseData);
+  if (e instanceof Ft)
+    return Sr(e.responseData);
   if (e instanceof Error)
     return e.message;
   throw new Error("Unable to determine error message.");
 }
 function xr(e) {
-  if (!(e instanceof Dt))
+  if (!(e instanceof Ft))
     return;
   const n = e.responseData;
-  return Mt(n);
+  return Lt(n);
 }
-function Mt(e) {
-  if (typeof e == "object" && e !== null && Fe in e && typeof e[Fe] == "string")
-    return e[Fe];
+function Lt(e) {
+  if (typeof e == "object" && e !== null && Pe in e && typeof e[Pe] == "string")
+    return e[Pe];
 }
-function Tr(e) {
+function Sr(e) {
   if (!(typeof e != "object" || e === null))
     for (const n of Ir) {
       const r = e[n];
@@ -42,32 +42,32 @@ function Tr(e) {
         return r;
     }
 }
-const Sr = () => Math.floor(Math.random() * 1e3);
-function Ar(e) {
+const Tr = () => Math.floor(Math.random() * 1e3);
+function Er(e) {
   return e != null;
 }
-function Xe(e) {
+function Ze(e) {
   const n = At(e);
-  if (Ar(n))
+  if (Er(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.`
   );
 }
-function Er() {
-  const e = z(!1), n = z(/* @__PURE__ */ new Set());
-  ne(() => (e.current = !1, () => {
+function Ar() {
+  const e = J(!1), n = J(/* @__PURE__ */ new Set());
+  ae(() => (e.current = !1, () => {
     e.current = !0, r();
   }), []);
   function r() {
     n.current.forEach((a) => clearTimeout(a)), n.current.clear();
   }
-  return se((a, l) => {
+  return de((a, l) => {
     if (e.current)
       throw new Error("Can't schedule a timeout on an unmounted component.");
-    const i = Number(setTimeout(o, l));
+    const i = Number(setTimeout(s, l));
     n.current.add(i);
-    function o() {
+    function s() {
       n.current.delete(i), a();
     }
     return function() {
@@ -82,12 +82,12 @@ function Rr({ alerts: e, onCloseAlert: n }) {
       "data-testid": "global-alerts",
       isToast: !0,
       style: { whiteSpace: "pre-wrap" },
-      children: e.map(({ id: r, variant: a, message: l, description: i }, o) => /* @__PURE__ */ t(
+      children: e.map(({ id: r, variant: a, message: l, description: i }, s) => /* @__PURE__ */ t(
         tn,
         {
-          "data-testid": o === 0 ? "last-alert" : void 0,
+          "data-testid": s === 0 ? "last-alert" : void 0,
           isLiveRegion: !0,
-          variant: Pe[a],
+          variant: Me[a],
           component: "p",
           variantLabel: "",
           title: l,
@@ -105,40 +105,40 @@ function Rr({ alerts: e, onCloseAlert: n }) {
     }
   );
 }
-const Or = 8e3, Lt = Qe(
+const Or = 8e3, Nt = Xe(
   "AlertContext",
   void 0
-), Va = () => Xe(Lt), Dr = ({ children: e }) => {
-  const { t: n } = _(), r = Er(), [a, l] = R([]), i = (d) => l((h) => h.filter((c) => c.id !== d)), o = se(
-    (d, h = Pe.success, c) => {
-      const f = {
-        id: Sr(),
-        message: d,
+), Va = () => Ze(Nt), Dr = ({ children: e }) => {
+  const { t: n } = q(), r = Ar(), [a, l] = A([]), i = (c) => l((h) => h.filter((d) => d.id !== c)), s = de(
+    (c, h = Me.success, d) => {
+      const g = {
+        id: Tr(),
+        message: c,
         variant: h,
-        description: c
+        description: d
       };
-      l((g) => [f, ...g]), r(() => i(f.id), Or);
+      l((y) => [g, ...y]), r(() => i(g.id), Or);
     },
     [r]
-  ), s = se(
-    (d, h) => {
-      const c = n(d, { error: wr(h) }), f = xr(h);
-      o(c, Pe.danger, f);
+  ), o = de(
+    (c, h) => {
+      const d = n(c, { error: wr(h) }), g = xr(h);
+      s(d, Me.danger, g);
     },
-    [o, n]
-  ), u = V(() => ({ addAlert: o, addError: s }), [o, s]);
-  return /* @__PURE__ */ b(Lt.Provider, { value: u, children: [
+    [s, n]
+  ), u = _(() => ({ addAlert: s, addError: o }), [s, o]);
+  return /* @__PURE__ */ C(Nt.Provider, { value: u, children: [
     /* @__PURE__ */ t(Rr, { alerts: a, onCloseAlert: i }),
     e
   ] });
 }, Fr = (e) => {
-  const { t: n } = _(), r = e.error, a = Pr(r) || Mt(r)?.replace(/\+/g, " ");
+  const { t: n } = q(), r = e.error, a = Pr(r) || Lt(r)?.replace(/\+/g, " ");
   console.error(r);
   function l() {
     location.href = location.origin + location.pathname;
   }
   return /* @__PURE__ */ t(rn, { children: /* @__PURE__ */ t(
-    bt,
+    Ct,
     {
       variant: an.small,
       title: a ? "" : n("somethingWentWrong"),
@@ -146,9 +146,9 @@ const Or = 8e3, Lt = Qe(
       showClose: !1,
       isOpen: !0,
       actions: [
-        /* @__PURE__ */ t(B, { variant: "primary", onClick: l, children: n("tryAgain") }, "tryAgain")
+        /* @__PURE__ */ t(V, { variant: "primary", onClick: l, children: n("tryAgain") }, "tryAgain")
       ],
-      children: /* @__PURE__ */ t(ln, { children: a ? /* @__PURE__ */ t(Me, { children: n(a) }) : /* @__PURE__ */ t(Me, { children: n("somethingWentWrongDescription") }) })
+      children: /* @__PURE__ */ t(ln, { children: a ? /* @__PURE__ */ t(Le, { children: n(a) }) : /* @__PURE__ */ t(Le, { children: n("somethingWentWrongDescription") }) })
     }
   ) });
 };
@@ -156,46 +156,46 @@ function Pr(e) {
   return typeof e == "string" ? e : e instanceof Error ? e.message : null;
 }
 function Mr(e, n, r) {
-  const [a, l] = R(
+  const [a, l] = A(
     () => e.getItem(n) ?? r
-  ), i = se((o) => {
-    l(o), e.setItem(n, o);
+  ), i = de((s) => {
+    l(s), e.setItem(n, s);
   }, []);
-  return ne(() => {
-    l(e.getItem(n) ?? r), window.addEventListener("storage", o);
-    function o(s) {
-      s.storageArea === e && (s.key === null || s.key === n) && l(s.newValue ?? r);
+  return ae(() => {
+    l(e.getItem(n) ?? r), window.addEventListener("storage", s);
+    function s(o) {
+      o.storageArea === e && (o.key === null || o.key === n) && l(o.newValue ?? r);
     }
-    return () => window.removeEventListener("storage", o);
+    return () => window.removeEventListener("storage", s);
   }, [e, n]), [a, i];
 }
-function Nt(e, n, r) {
-  const a = V(
+function Bt(e, n, r) {
+  const a = _(
     () => JSON.stringify(r),
     [r]
   ), [l, i] = Mr(
     e,
     n,
     a
-  ), o = V(() => JSON.parse(l), [l]), s = se(
+  ), s = _(() => JSON.parse(l), [l]), o = de(
     (u) => i(JSON.stringify(u)),
     []
   );
-  return [o, s];
+  return [s, o];
 }
-const Bt = Qe(
+const Vt = Xe(
   "HelpContext",
   void 0
-), Lr = () => Xe(Bt), Nr = ({ children: e }) => {
-  const [n, r] = Nt(localStorage, "helpEnabled", !0);
+), Lr = () => Ze(Vt), Nr = ({ children: e }) => {
+  const [n, r] = Bt(localStorage, "helpEnabled", !0);
   function a() {
     r(!n);
   }
-  return /* @__PURE__ */ t(Bt.Provider, { value: { enabled: n, toggleHelp: a }, children: e });
-}, Br = () => St(void 0);
-let Ve;
+  return /* @__PURE__ */ t(Vt.Provider, { value: { enabled: n, toggleHelp: a }, children: e });
+}, Br = () => Et(void 0);
+let _e;
 const _a = () => {
-  const e = At(Ve);
+  const e = At(_e);
   if (!e)
     throw Error(
       "no environment provider in the hierarchy make sure to add the provider"
@@ -205,32 +205,32 @@ const _a = () => {
   environment: e,
   children: n
 }) => {
-  Ve = Br();
-  const r = z(!1), [a, l] = R(!1), [i, o] = R(), s = V(() => {
-    const d = new Kn({
+  _e = Br();
+  const r = J(!1), [a, l] = A(!1), [i, s] = A(), o = _(() => {
+    const c = new Kn({
       url: e.serverBaseUrl,
       realm: e.realm,
       clientId: e.clientId
     });
-    return d.onAuthLogout = () => d.login(), d;
+    return c.onAuthLogout = () => c.login(), c;
   }, [e]);
-  ne(() => {
+  ae(() => {
     if (r.current)
       return;
-    s.init({
+    o.init({
       onLoad: "check-sso",
       pkceMethod: "S256",
       responseMode: "query",
       scope: e.scope
-    }).then(() => l(!0)).catch((h) => o(h)), r.current = !0;
-  }, [s]);
+    }).then(() => l(!0)).catch((h) => s(h)), r.current = !0;
+  }, [o]);
   const u = new URLSearchParams(window.location.search);
   return i || u.get("error_description") ? /* @__PURE__ */ t(
     Fr,
     {
       error: i || u.get("error_description")
     }
-  ) : a ? /* @__PURE__ */ t(Ve.Provider, { value: { environment: e, keycloak: s }, children: /* @__PURE__ */ t(Dr, { children: /* @__PURE__ */ t(Nr, { children: n }) }) }) : /* @__PURE__ */ t(Ct, {});
+  ) : a ? /* @__PURE__ */ t(_e.Provider, { value: { environment: e, keycloak: o }, children: /* @__PURE__ */ t(Dr, { children: /* @__PURE__ */ t(Nr, { children: n }) }) }) : /* @__PURE__ */ t(kt, {});
 };
 function $a() {
   const n = document.getElementById("environment")?.textContent;
@@ -249,68 +249,68 @@ const Ua = ({
   buttonTitle: a,
   isDisabled: l,
   buttonVariant: i,
-  buttonTestRole: o,
-  onContinue: s,
-  component: u = B,
-  children: d,
+  buttonTestRole: s,
+  onContinue: o,
+  component: u = V,
+  children: c,
   ...h
 }) => {
-  const [c, f] = R(!1);
-  return /* @__PURE__ */ b(K, { children: [
+  const [d, g] = A(!1);
+  return /* @__PURE__ */ C(W, { children: [
     /* @__PURE__ */ t(
       u,
       {
         variant: i,
-        onClick: () => f(!0),
+        onClick: () => g(!0),
         isDisabled: l,
-        "data-testrole": o,
+        "data-testrole": s,
         children: a
       }
     ),
     /* @__PURE__ */ t(
-      bt,
+      Ct,
       {
         variant: "small",
         ...h,
         title: e,
-        isOpen: c,
-        onClose: () => f(!1),
+        isOpen: d,
+        onClose: () => g(!1),
         actions: [
           /* @__PURE__ */ t(
-            B,
+            V,
             {
               id: "modal-confirm",
               variant: "primary",
               onClick: () => {
-                f(!1), s();
+                g(!1), o();
               },
               children: n
             },
             "confirm"
           ),
           /* @__PURE__ */ t(
-            B,
+            V,
             {
               id: "modal-cancel",
               variant: "secondary",
-              onClick: () => f(!1),
+              onClick: () => g(!1),
               children: r
             },
             "cancel"
           )
         ],
-        children: d
+        children: c
       }
     )
   ] });
-}, Vt = ({ message: e, ...n }) => /* @__PURE__ */ t(Ke, { ...n, children: /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(We, { icon: /* @__PURE__ */ t(Hn, {}), variant: "error", children: e }) }) }), _t = ({
+}, _t = ({ message: e, ...n }) => /* @__PURE__ */ t(He, { ...n, children: /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(je, { icon: /* @__PURE__ */ t(Hn, {}), variant: "error", children: e }) }) }), qt = ({
   helpText: e,
   fieldLabelId: n,
   noVerticalAlign: r = !0,
   unWrap: a = !1
 }) => {
   const { enabled: l } = Lr();
-  return l ? /* @__PURE__ */ t(on, { bodyContent: e, children: /* @__PURE__ */ b(K, { children: [
+  return l ? /* @__PURE__ */ t(sn, { bodyContent: e, children: /* @__PURE__ */ C(W, { children: [
     !a && /* @__PURE__ */ t(
       "button",
       {
@@ -318,33 +318,33 @@ const Ua = ({
         "aria-label": n,
         onClick: (i) => i.preventDefault(),
         className: "pf-v5-c-form__group-label-help",
-        children: /* @__PURE__ */ t(Le, { isInline: r, children: /* @__PURE__ */ t(ct, {}) })
+        children: /* @__PURE__ */ t(Ne, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
       }
     ),
-    a && /* @__PURE__ */ t(Le, { isInline: r, children: /* @__PURE__ */ t(ct, {}) })
+    a && /* @__PURE__ */ t(Ne, { isInline: r, children: /* @__PURE__ */ t(dt, {}) })
   ] }) }) : null;
 };
-function de(e) {
+function he(e) {
   if (!(typeof e > "u" || e instanceof RegExp))
     return typeof e == "object" ? e.value : e;
 }
-const ee = ({
+const te = ({
   name: e,
   label: n,
   labelIcon: r,
   error: a,
   children: l,
   ...i
-}) => /* @__PURE__ */ b(
-  kt,
+}) => /* @__PURE__ */ C(
+  It,
   {
     label: n || e,
     fieldId: e,
-    labelIcon: r ? /* @__PURE__ */ t(_t, { helpText: r, fieldLabelId: e }) : void 0,
+    labelIcon: r ? /* @__PURE__ */ t(qt, { helpText: r, fieldLabelId: e }) : void 0,
     ...i,
     children: [
       l,
-      a && /* @__PURE__ */ t(Vt, { "data-testid": `${e}-helper`, message: a.message })
+      a && /* @__PURE__ */ t(_t, { "data-testid": `${e}-helper`, message: a.message })
     ]
   }
 ), Ka = ({
@@ -356,41 +356,41 @@ const ee = ({
 }) => {
   const {
     control: i,
-    formState: { errors: o }
-  } = Te();
+    formState: { errors: s }
+  } = Ee();
   return /* @__PURE__ */ t(
-    ee,
+    te,
     {
       name: e,
       label: n,
       isRequired: r.rules?.required === !0,
-      error: o[e],
+      error: s[e],
       labelIcon: a,
       children: /* @__PURE__ */ t(
-        re,
+        le,
         {
           ...r,
           name: e,
           control: i,
-          render: ({ field: s }) => {
-            const u = !!r.rules?.required, d = de(r.rules?.min), h = s.value ?? r.defaultValue, c = (f) => s.onChange(
-              d !== void 0 ? Math.max(f, Number(d)) : f
+          render: ({ field: o }) => {
+            const u = !!r.rules?.required, c = he(r.rules?.min), h = o.value ?? r.defaultValue, d = (g) => o.onChange(
+              c !== void 0 ? Math.max(g, Number(c)) : g
             );
             return /* @__PURE__ */ t(
-              sn,
+              on,
               {
                 ...l,
                 id: e,
                 value: h,
-                validated: o[e] ? G.error : G.default,
+                validated: s[e] ? z.error : z.default,
                 required: u,
-                min: Number(d),
+                min: Number(c),
                 max: Number(r.rules?.max),
-                onPlus: () => c(h + 1),
-                onMinus: () => c(h - 1),
-                onChange: (f) => {
-                  const g = Number(f.currentTarget.value);
-                  c(isNaN(g) ? r.defaultValue : g);
+                onPlus: () => d(h + 1),
+                onMinus: () => d(h - 1),
+                onChange: (g) => {
+                  const y = Number(g.currentTarget.value);
+                  d(isNaN(y) ? r.defaultValue : y);
                 }
               }
             );
@@ -404,10 +404,10 @@ const ee = ({
   innerRef: n,
   ...r
 }) => {
-  const { t: a } = _(), [l, i] = R(!0);
-  return /* @__PURE__ */ b(ke, { children: [
-    /* @__PURE__ */ t(Ne, { isFill: !0, children: /* @__PURE__ */ t(
-      Ie,
+  const { t: a } = q(), [l, i] = A(!0);
+  return /* @__PURE__ */ C(we, { children: [
+    /* @__PURE__ */ t(Be, { isFill: !0, children: /* @__PURE__ */ t(
+      xe,
       {
         ...r,
         type: l ? "password" : "text",
@@ -415,7 +415,7 @@ const ee = ({
       }
     ) }),
     e && /* @__PURE__ */ t(
-      B,
+      V,
       {
         variant: "control",
         "aria-label": a("showPassword"),
@@ -424,37 +424,37 @@ const ee = ({
       }
     )
   ] });
-}, qt = qn(
+}, $t = qn(
   (e, n) => /* @__PURE__ */ t(Vr, { ...e, innerRef: n })
 );
-qt.displayName = "PasswordInput";
+$t.displayName = "PasswordInput";
 const Ha = (e) => {
-  const { labelIcon: n, ...r } = e, a = !!de(e.rules?.required), l = e.defaultValue ?? "", { field: i, fieldState: o } = Ye({
+  const { labelIcon: n, ...r } = e, a = !!he(e.rules?.required), l = e.defaultValue ?? "", { field: i, fieldState: s } = Qe({
     ...e,
     defaultValue: l
   });
-  return /* @__PURE__ */ b(
-    ee,
+  return /* @__PURE__ */ C(
+    te,
     {
       name: e.name,
       label: e.label,
       labelIcon: n,
       isRequired: a,
-      error: o.error,
+      error: s.error,
       children: [
         /* @__PURE__ */ t(
-          qt,
+          $t,
           {
             isRequired: a,
             id: e.name,
             "data-testid": e.name,
-            validated: o.error ? G.error : G.default,
+            validated: s.error ? z.error : z.default,
             isDisabled: e.isDisabled,
             ...r,
             ...i
           }
         ),
-        e.helperText && /* @__PURE__ */ t(Ke, { children: /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(We, { children: e.helperText }) }) })
+        e.helperText && /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(je, { children: e.helperText }) }) })
       ]
     }
   );
@@ -465,215 +465,223 @@ const Ha = (e) => {
   options: a,
   controller: l,
   labelIcon: i,
-  isDisabled: o,
-  onSelect: s,
+  isDisabled: s,
+  onSelect: o,
   ...u
 }) => {
   const {
-    control: d,
+    control: c,
     formState: { errors: h }
-  } = Te(), [c, f] = R(!1), g = de(l.rules?.required) === !0;
+  } = Ee(), [d, g] = A(!1), y = he(l.rules?.required) === !0;
   return /* @__PURE__ */ t(
-    ee,
+    te,
     {
       name: n,
       label: r,
-      isRequired: g,
-      error: N(h, n),
+      isRequired: y,
+      error: B(h, n),
       labelIcon: i,
       children: /* @__PURE__ */ t(
-        re,
+        le,
         {
           ...l,
           name: n,
-          control: d,
-          render: ({ field: { onChange: C, value: w } }) => /* @__PURE__ */ t(
-            we,
+          control: c,
+          render: ({ field: { onChange: v, value: x } }) => /* @__PURE__ */ t(
+            Se,
             {
               ...u,
               variant: "default",
-              onClick: () => f(!c),
-              onOpenChange: () => f(!1),
-              selected: oe(a) ? a.filter(
-                (p) => Array.isArray(w) ? w.includes(p.key) : w === p.key
-              ).map((p) => p.value) : w,
+              onClick: () => g(!d),
+              onOpenChange: () => g(!1),
+              selected: Z(a) ? a.filter(
+                (p) => Array.isArray(x) ? x.includes(p.key) : x === p.key
+              ).map((p) => p.value) : x,
               toggle: (p) => /* @__PURE__ */ t(
-                ce,
+                ue,
                 {
                   id: e || n.slice(n.lastIndexOf(".") + 1),
                   ref: p,
-                  onClick: () => f(!c),
-                  isExpanded: c,
+                  onClick: () => g(!d),
+                  isExpanded: d,
                   isFullWidth: !0,
-                  status: N(h, n) ? Ge.danger : void 0,
+                  status: B(h, n) ? ze.danger : void 0,
                   "aria-label": r,
-                  isDisabled: o,
-                  children: oe(a) ? a.find(
-                    (y) => y.key === (Array.isArray(w) ? w[0] : w)
-                  )?.value : w
+                  isDisabled: s,
+                  children: Z(a) ? a.find(
+                    (m) => m.key === (Array.isArray(x) ? x[0] : x)
+                  )?.value : x
                 }
               ),
-              onSelect: (p, y) => {
-                const S = y?.toString(), E = Array.isArray(w) ? [S] : S;
-                s ? s(E, C) : C(E), f(!1);
+              onSelect: (p, m) => {
+                const E = m?.toString(), T = Array.isArray(x) ? [E] : E;
+                o ? o(T, v) : v(T), g(!1);
               },
-              isOpen: c,
-              children: /* @__PURE__ */ t(xe, { "data-testid": `select-${n}`, children: a.map((p) => /* @__PURE__ */ t(je, { value: X(p), children: Ze(p) ? p : p.value }, X(p))) })
+              isOpen: d,
+              children: /* @__PURE__ */ t(Te, { "data-testid": `select-${n}`, children: a.map((p) => /* @__PURE__ */ t(Ge, { value: re(p), children: et(p) ? p : p.value }, re(p))) })
             }
           )
         }
       )
     }
   );
-}, ye = (e) => Ze(e) ? e : e.value, qr = ({
+}, ve = (e) => et(e) ? e : e.value, qr = ({
   id: e,
   name: n,
   label: r,
   options: a,
-  controller: l,
-  labelIcon: i,
+  selectedOptions: l = [],
+  controller: i,
+  labelIcon: s,
   placeholderText: o,
-  onFilter: s,
-  variant: u,
-  ...d
+  onFilter: u,
+  variant: c,
+  ...h
 }) => {
   const {
-    control: h,
-    formState: { errors: c }
-  } = Te(), [f, g] = R(!1), [C, w] = R(""), [p, y] = R(0), S = z(), E = de(l.rules?.required) === !0, k = u === ie.typeaheadMulti, v = a.filter(
-    (m) => ye(m).toLowerCase().startsWith(C.toLowerCase())
-  ), T = V(
-    () => v.map((m, A) => /* @__PURE__ */ t(
-      je,
+    control: d,
+    formState: { errors: g }
+  } = Ee(), [y, v] = A(!1), [x, p] = A(""), [m, E] = A(0), [T, k] = A([]), b = J(), S = he(i.rules?.required) === !0, F = c === ce.typeaheadMulti, D = a.filter(
+    (f) => ve(f).toLowerCase().startsWith(x.toLowerCase())
+  ), N = _(
+    () => D.map((f, w) => /* @__PURE__ */ t(
+      Ge,
       {
-        value: X(m),
-        isFocused: p === A,
-        children: ye(m)
+        value: re(f),
+        isFocused: m === w,
+        children: ve(f)
       },
-      X(m)
+      re(f)
     )),
-    [p, v]
-  ), P = (m, A) => {
-    const O = v[p];
-    switch (g(!0), m.key) {
+    [m, D]
+  ), K = (f, w) => {
+    w.value.includes(f) ? (w.onChange(w.value.filter((R) => R !== f)), Z(a) && k(
+      T.filter((R) => R.key !== f)
+    )) : (w.onChange([...w.value, f]), Z(a) && k([
+      ...T,
+      a.find((R) => R.key === f)
+    ]));
+  }, M = (f, w) => {
+    const R = D[m];
+    switch (v(!0), f.key) {
       case "Enter": {
-        m.preventDefault(), w(k ? "" : ye(O)), A.onChange(
-          Array.isArray(A.value) ? [...A.value, X(O)] : X(O)
-        ), g(!1), y(0);
+        f.preventDefault(), p(F ? "" : ve(R)), K(re(R), w), v(!1), E(0);
         break;
       }
       case "Tab":
       case "Escape": {
-        g(!1), A.onChange(void 0);
+        v(!1), w.onChange(void 0);
         break;
       }
       case "Backspace": {
-        u === ie.typeahead && A.onChange("");
+        c === ce.typeahead && w.onChange("");
         break;
       }
       case "ArrowUp":
       case "ArrowDown": {
-        m.preventDefault();
-        let x = 0;
-        m.key === "ArrowUp" && (p === 0 ? x = a.length - 1 : x = p - 1), m.key === "ArrowDown" && (p === a.length - 1 ? x = 0 : x = p + 1), y(x);
+        f.preventDefault();
+        let O = 0;
+        f.key === "ArrowUp" && (m === 0 ? O = a.length - 1 : O = m - 1), f.key === "ArrowDown" && (m === a.length - 1 ? O = 0 : O = m + 1), E(O);
         break;
       }
     }
   };
   return /* @__PURE__ */ t(
-    ee,
+    te,
     {
       name: n,
       label: r,
-      isRequired: E,
-      error: N(c, n),
-      labelIcon: i,
+      isRequired: S,
+      error: B(g, n),
+      labelIcon: s,
       children: /* @__PURE__ */ t(
-        re,
+        le,
         {
-          ...l,
+          ...i,
           name: n,
-          control: h,
-          render: ({ field: m }) => /* @__PURE__ */ t(
-            we,
+          control: d,
+          render: ({ field: f }) => /* @__PURE__ */ t(
+            Se,
             {
-              ...d,
-              onOpenChange: () => g(!1),
-              selected: oe(a) ? a.filter(
-                (A) => Array.isArray(m.value) ? m.value.includes(A.key) : m.value === A.key
-              ).map((A) => A.value) : m.value,
+              ...h,
+              onOpenChange: () => v(!1),
+              selected: Z(a) ? a.filter(
+                (w) => Array.isArray(f.value) ? f.value.includes(w.key) : f.value === w.key
+              ).map((w) => w.value) : f.value,
               shouldFocusFirstItemOnOpen: !1,
-              toggle: (A) => /* @__PURE__ */ t(
-                ce,
+              toggle: (w) => /* @__PURE__ */ t(
+                ue,
                 {
-                  ref: A,
+                  ref: w,
                   id: e || n.slice(n.lastIndexOf(".") + 1),
                   variant: "typeahead",
                   onClick: () => {
-                    g(!f), S.current?.focus();
+                    v(!y), b.current?.focus();
                   },
-                  isExpanded: f,
+                  isExpanded: y,
                   isFullWidth: !0,
-                  status: N(c, n) ? Ge.danger : void 0,
-                  children: /* @__PURE__ */ b(It, { isPlain: !0, children: [
+                  status: B(g, n) ? ze.danger : void 0,
+                  children: /* @__PURE__ */ C(wt, { isPlain: !0, children: [
                     /* @__PURE__ */ t(
-                      wt,
+                      xt,
                       {
                         placeholder: o,
-                        value: u === ie.typeahead && m.value ? oe(a) ? a.find(
-                          (O) => O.key === (Array.isArray(m.value) ? m.value[0] : m.value)
-                        )?.value : m.value : C,
-                        onClick: () => g(!f),
-                        onChange: (O, x) => {
-                          w(x), s?.(x);
+                        value: c === ce.typeahead && f.value ? Z(a) ? a.find(
+                          (R) => R.key === (Array.isArray(f.value) ? f.value[0] : f.value)
+                        )?.value : f.value : x,
+                        onClick: () => v(!y),
+                        onChange: (R, O) => {
+                          p(O), u?.(O);
                         },
-                        onKeyDown: (O) => P(O, m),
+                        onKeyDown: (R) => M(R, f),
                         autoComplete: "off",
-                        innerRef: S,
+                        innerRef: b,
                         role: "combobox",
-                        isExpanded: f,
+                        isExpanded: y,
                         "aria-controls": "select-typeahead-listbox",
-                        children: u === ie.typeaheadMulti && Array.isArray(m.value) && /* @__PURE__ */ t(ze, { "aria-label": "Current selections", children: m.value.map(
-                          (O, x) => /* @__PURE__ */ t(
-                            Je,
+                        children: c === ce.typeaheadMulti && Array.isArray(f.value) && /* @__PURE__ */ t(Je, { "aria-label": "Current selections", children: f.value.map(
+                          (R, O) => /* @__PURE__ */ t(
+                            Ye,
                             {
-                              onClick: (D) => {
-                                D.stopPropagation(), m.onChange(
-                                  m.value.filter(
-                                    (L) => L !== X(O)
+                              onClick: (ie) => {
+                                ie.stopPropagation(), f.onChange(
+                                  f.value.filter(
+                                    ($) => $ !== re(R)
                                   )
                                 );
                               },
-                              children: oe(a) ? a.find((D) => O === D.key)?.value : ye(O)
+                              children: Z(a) ? [
+                                ...a,
+                                ...T,
+                                ...l
+                              ].find((ie) => R === ie.key)?.value : ve(R)
                             },
-                            x
+                            O
                           )
                         ) })
                       }
                     ),
-                    /* @__PURE__ */ t(xt, { children: (!!C || m.value) && /* @__PURE__ */ t(
-                      B,
+                    /* @__PURE__ */ t(St, { children: (!!x || f.value) && /* @__PURE__ */ t(
+                      V,
                       {
                         variant: "plain",
                         onClick: () => {
-                          w(""), m.onChange(k ? [] : ""), S?.current?.focus();
+                          p(""), f.onChange(F ? [] : ""), b?.current?.focus();
                         },
                         "aria-label": "Clear input value",
-                        children: /* @__PURE__ */ t(Ft, { "aria-hidden": !0 })
+                        children: /* @__PURE__ */ t(Pt, { "aria-hidden": !0 })
                       }
                     ) })
                   ] })
                 }
               ),
-              onSelect: (A, O) => {
-                A?.stopPropagation();
-                const x = O?.toString();
-                k && Array.isArray(m.value) ? m.value.includes(x) ? m.onChange(
-                  m.value.filter((D) => D !== x)
-                ) : m.onChange([...m.value, x]) : (m.onChange(Array.isArray(m.value) ? [x] : x), g(!1));
+              onSelect: (w, R) => {
+                w?.stopPropagation();
+                const O = R?.toString();
+                F && Array.isArray(f.value) ? (p(""), K(O || "", f)) : (f.onChange(Array.isArray(f.value) ? [O] : O), v(!1));
               },
-              isOpen: f,
-              children: /* @__PURE__ */ t(xe, { children: T })
+              isOpen: y,
+              children: /* @__PURE__ */ t(Te, { children: N })
             }
           )
         }
@@ -681,14 +689,14 @@ const Ha = (e) => {
     }
   );
 };
-var ie = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(ie || {});
-const oe = (e) => typeof e[0] != "string", Ze = (e) => typeof e == "string", X = (e) => Ze(e) ? e : e.key, $r = ({
+var ce = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(ce || {});
+const Z = (e) => typeof e[0] != "string", et = (e) => typeof e == "string", re = (e) => et(e) ? e : e.key, $r = ({
   variant: e = "single",
   ...n
-}) => e === "single" ? /* @__PURE__ */ t(_r, { ...n }) : /* @__PURE__ */ t(qr, { ...n, variant: e }), _e = (e) => e?.includes("${"), qe = (e) => e.substring(2, e.length - 1), Z = (e, n, r, a) => {
-  const l = n || r, i = _e(l) ? qe(l) : l, o = a ? `${a}.${i}` : i;
-  return e(o || "");
-}, $e = (e, n) => Z(e, n.displayName, n.name), Ur = ["username", "firstName", "lastName", "email"], $t = (e) => e && Ur.includes(e), J = (e) => `${$t(e) ? "" : "attributes."}${e?.replaceAll(
+}) => e === "single" ? /* @__PURE__ */ t(_r, { ...n }) : /* @__PURE__ */ t(qr, { ...n, variant: e }), qe = (e) => e?.includes("${"), $e = (e) => e.substring(2, e.length - 1), ee = (e, n, r, a) => {
+  const l = n || r, i = qe(l) ? $e(l) : l, s = a ? `${a}.${i}` : i;
+  return e(s || "");
+}, Ue = (e, n) => ee(e, n.displayName, n.name), Ur = ["username", "firstName", "lastName", "email"], Ut = (e) => e && Ur.includes(e), Y = (e) => `${Ut(e) ? "" : "attributes."}${e?.replaceAll(
   ".",
   "🍺"
 )}`, Wa = (e) => e.replaceAll(".", "🍺"), Kr = (e) => e.replaceAll("🍺", ".");
@@ -696,11 +704,11 @@ function ja(e, n, r) {
   (e.responseData.errors !== void 0 ? e.responseData.errors : [e.responseData]).forEach((a) => {
     const l = Object.assign(
       {},
-      a.params?.map((i) => _e(i?.toString()) ? r(qe(i)) : i)
+      a.params?.map((i) => qe(i?.toString()) ? r($e(i)) : i)
     );
-    n(J(a.field), {
+    n(Y(a.field), {
       message: r(
-        _e(a.errorMessage) ? qe(a.errorMessage) : a.errorMessage,
+        qe(a.errorMessage) ? $e(a.errorMessage) : a.errorMessage,
         {
           /* eslint-disable @typescript-eslint/no-misused-spread */
           ...l,
@@ -711,7 +719,7 @@ function ja(e, n, r) {
     });
   });
 }
-function Se({
+function Ae({
   required: e
 }) {
   return e;
@@ -720,9 +728,9 @@ function Ga(e) {
   if (typeof e != "object" || e === null || !("responseData" in e))
     return !1;
   const { responseData: n } = e;
-  return ut(n) ? !0 : typeof n != "object" || n === null || !("errors" in n) || !Array.isArray(n.errors) ? !1 : n.errors.every(ut);
+  return ht(n) ? !0 : typeof n != "object" || n === null || !("errors" in n) || !Array.isArray(n.errors) ? !1 : n.errors.every(ht);
 }
-function ut(e) {
+function ht(e) {
   return !(typeof e != "object" || e === null || !("field" in e) || typeof e.field != "string" || !("errorMessage" in e) || typeof e.errorMessage != "string");
 }
 const za = ({
@@ -732,9 +740,9 @@ const za = ({
   labelIcon: a,
   ...l
 }) => {
-  const o = r ?? (n ? "false" : !1), { control: s } = Te();
+  const s = r ?? (n ? "false" : !1), { control: o } = Ee();
   return /* @__PURE__ */ t(
-    ee,
+    te,
     {
       hasNoPaddingTop: !0,
       name: l.name,
@@ -742,22 +750,22 @@ const za = ({
       label: l.label,
       labelIcon: a,
       children: /* @__PURE__ */ t(
-        re,
+        le,
         {
-          control: s,
+          control: o,
           name: l.name,
-          defaultValue: o,
-          render: ({ field: { onChange: u, value: d } }) => /* @__PURE__ */ t(
+          defaultValue: s,
+          render: ({ field: { onChange: u, value: c } }) => /* @__PURE__ */ t(
             cn,
             {
               ...l,
               id: l.name,
               "data-testid": Kr(l.name),
               label: e,
-              isChecked: n ? d === "true" : d,
-              onChange: (h, c) => {
-                const f = n ? c.toString() : c;
-                l.onChange?.(h, c), u(f);
+              isChecked: n ? c === "true" : c,
+              onChange: (h, d) => {
+                const g = n ? d.toString() : d;
+                l.onChange?.(h, d), u(g);
               }
             }
           )
@@ -766,12 +774,12 @@ const za = ({
     }
   );
 }, Ja = (e) => {
-  const n = !!e.rules?.required, r = e.defaultValue ?? "", { field: a, fieldState: l } = Ye({
+  const n = !!e.rules?.required, r = e.defaultValue ?? "", { field: a, fieldState: l } = Qe({
     ...e,
     defaultValue: r
   });
   return /* @__PURE__ */ t(
-    ee,
+    te,
     {
       isRequired: n,
       label: e.label,
@@ -784,7 +792,7 @@ const za = ({
           isRequired: n,
           id: e.name,
           "data-testid": e.name,
-          validated: l.error ? G.error : G.default,
+          validated: l.error ? z.error : z.default,
           isDisabled: e.isDisabled,
           ...e,
           ...a
@@ -793,38 +801,38 @@ const za = ({
     }
   );
 }, Ya = (e) => {
-  const { labelIcon: n, helperText: r, ...a } = e, l = !!de(e.rules?.required), i = e.defaultValue ?? "", { field: o, fieldState: s } = Ye({
+  const { labelIcon: n, helperText: r, ...a } = e, l = !!he(e.rules?.required), i = e.defaultValue ?? "", { field: s, fieldState: o } = Qe({
     ...e,
     defaultValue: i
   });
-  return /* @__PURE__ */ b(
-    ee,
+  return /* @__PURE__ */ C(
+    te,
     {
       name: e.name,
       label: e.label,
       labelIcon: n,
       isRequired: l,
-      error: s.error,
+      error: o.error,
       children: [
         /* @__PURE__ */ t(
-          Ie,
+          xe,
           {
             isRequired: l,
             id: e.name,
             "data-testid": e["data-testid"] || e.name,
-            validated: s.error ? G.error : G.default,
+            validated: o.error ? z.error : z.default,
             isDisabled: e.isDisabled,
             ...a,
-            ...o
+            ...s
           }
         ),
-        r && /* @__PURE__ */ t(Ke, { children: /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(We, { children: r }) }) })
+        r && /* @__PURE__ */ t(He, { children: /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(je, { children: r }) }) })
       ]
     }
   );
 }, Hr = Tt, Qa = ({ icon: e }) => {
   const n = Wr(e);
-  return /* @__PURE__ */ t(Le, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
+  return /* @__PURE__ */ t(Ne, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
 };
 function Wr(e) {
   switch (e) {
@@ -859,7 +867,7 @@ function Wr(e) {
 }
 const jr = "_title_180i0_2", Gr = {
   title: jr
-}, Ut = ({
+}, Kt = ({
   id: e,
   title: n,
   headingLevel: r = "h1",
@@ -882,44 +890,44 @@ const jr = "_title_180i0_2", Gr = {
   scrollId: r,
   className: a
 }) => {
-  const l = Et();
-  return /* @__PURE__ */ b(un, { id: l, className: a, isFlat: !0, children: [
-    /* @__PURE__ */ t(hn, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(pn, { tabIndex: 0, children: /* @__PURE__ */ t(Ut, { id: r, title: e }) }) }),
+  const l = Rt();
+  return /* @__PURE__ */ C(un, { id: l, className: a, isFlat: !0, children: [
+    /* @__PURE__ */ t(hn, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(pn, { tabIndex: 0, children: /* @__PURE__ */ t(Kt, { id: r, title: e }) }) }),
     /* @__PURE__ */ t(mn, { className: "kc-form-panel__body", children: n })
   ] });
 }, Jr = (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(K, { children: [
-    /* @__PURE__ */ t(Ut, { id: a, title: n }),
+  return /* @__PURE__ */ t("section", { ...l, style: { marginTop: "var(--pf-v5-global--spacer--lg)" }, children: /* @__PURE__ */ C(W, { children: [
+    /* @__PURE__ */ t(Kt, { id: a, title: n }),
     r
   ] }) });
-}, Yr = "_panel_1cdve_1", Qr = "_sticky_1cdve_5", ht = {
+}, Yr = "_panel_1cdve_1", Qr = "_sticky_1cdve_5", pt = {
   panel: Yr,
   sticky: Qr
-}, Xr = "kc-main-content-page-container", pt = (e) => e.replace(/\s+/g, "-"), Zr = ({
+}, Xr = "kc-main-content-page-container", mt = (e) => e.replace(/\s+/g, "-"), Zr = ({
   label: e,
   sections: n,
   borders: r = !1,
   ...a
 }) => {
-  const l = V(
+  const l = _(
     () => n.filter(({ isHidden: i }) => !i),
     [n]
   );
-  return /* @__PURE__ */ b(fn, { hasGutter: !0, ...a, children: [
-    /* @__PURE__ */ t(it, { md: 8, sm: 12, children: l.map(({ title: i, panel: o }) => {
-      const s = pt(i.toLowerCase());
-      return /* @__PURE__ */ t(Rt, { children: r ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ C(fn, { hasGutter: !0, ...a, children: [
+    /* @__PURE__ */ t(st, { md: 8, sm: 12, children: l.map(({ title: i, panel: s }) => {
+      const o = mt(i.toLowerCase());
+      return /* @__PURE__ */ t(Ot, { children: r ? /* @__PURE__ */ t(
         zr,
         {
-          scrollId: s,
+          scrollId: o,
           title: i,
-          className: ht.panel,
-          children: o
+          className: pt.panel,
+          children: s
         }
-      ) : /* @__PURE__ */ t(Jr, { scrollId: s, title: i, children: o }) }, i);
+      ) : /* @__PURE__ */ t(Jr, { scrollId: o, title: i, children: s }) }, i);
     }) }),
-    /* @__PURE__ */ t(it, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(gn, { className: ht.sticky, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t(st, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(gn, { className: pt.sticky, children: /* @__PURE__ */ t(
       yn,
       {
         isVertical: !0,
@@ -927,14 +935,14 @@ const jr = "_title_180i0_2", Gr = {
         label: e,
         offset: 100,
         children: l.map(({ title: i }) => {
-          const o = pt(i.toLowerCase());
+          const s = mt(i.toLowerCase());
           return (
             // note that JumpLinks currently does not work with spaces in the href
             /* @__PURE__ */ t(
-              vn,
+              bn,
               {
-                href: `#${o}`,
-                "data-testid": `jump-link-${o}`,
+                href: `#${s}`,
+                "data-testid": `jump-link-${s}`,
                 children: i
               },
               i
@@ -952,7 +960,7 @@ const jr = "_title_180i0_2", Gr = {
   children: l,
   ...i
 }) => /* @__PURE__ */ t(
-  B,
+  V,
   {
     variant: "primary",
     isDisabled: e && !ea(e, a, r) || n,
@@ -972,11 +980,11 @@ const jr = "_title_180i0_2", Gr = {
   supportedLocales: r,
   currentLocale: a
 }) => {
-  const l = V(
+  const l = _(
     () => r.map((i) => ({
       key: i,
       value: e(`locale_${i}`, ta(i) ?? i)
-    })).sort((i, o) => i.value.localeCompare(o.value, a)),
+    })).sort((i, s) => i.value.localeCompare(s.value, a)),
     [r, a, e]
   );
   return l.length ? /* @__PURE__ */ t(ur, { ...n, children: /* @__PURE__ */ t(
@@ -990,33 +998,33 @@ const jr = "_title_180i0_2", Gr = {
       variant: l.length >= 10 ? "typeahead" : "single"
     }
   ) }) : null;
-}, ue = ({
+}, pe = ({
   t: e,
   form: n,
   attribute: r,
   renderer: a,
   children: l
 }) => {
-  const i = Z(
+  const i = ee(
     e,
     r.annotations?.inputHelperTextBefore
   ), {
-    formState: { errors: o }
-  } = n, s = a?.(r), u = N(o, J(r.name));
-  return /* @__PURE__ */ b(
-    kt,
+    formState: { errors: s }
+  } = n, o = a?.(r), u = B(s, Y(r.name));
+  return /* @__PURE__ */ C(
+    It,
     {
-      label: $e(e, r) || "",
+      label: Ue(e, r) || "",
       fieldId: r.name,
-      isRequired: Se(r),
-      labelIcon: i ? /* @__PURE__ */ t(_t, { helpText: i, fieldLabelId: r.name }) : void 0,
+      isRequired: Ae(r),
+      labelIcon: i ? /* @__PURE__ */ t(qt, { helpText: i, fieldLabelId: r.name }) : void 0,
       children: [
-        s ? /* @__PURE__ */ b(ke, { children: [
+        o ? /* @__PURE__ */ C(we, { children: [
           l,
-          s
+          o
         ] }) : l,
         u && /* @__PURE__ */ t(
-          Vt,
+          _t,
           {
             "data-testid": `${r.name}-helper`,
             message: u.message
@@ -1032,15 +1040,15 @@ const jr = "_title_180i0_2", Gr = {
   attribute: r,
   renderer: a,
   ...l
-}) => /* @__PURE__ */ t(ue, { 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(
   aa,
   {
     t: e,
     form: n,
-    "aria-label": $e(e, r),
-    name: J(r.name),
+    "aria-label": Ue(e, r),
+    name: Y(r.name),
     addButtonLabel: e("addMultivaluedLabel", {
-      fieldLabel: $e(e, r)
+      fieldLabel: Ue(e, r)
     }),
     ...l
   }
@@ -1051,97 +1059,97 @@ const jr = "_title_180i0_2", Gr = {
   form: a,
   addButtonLabel: l,
   isDisabled: i = !1,
-  defaultValue: o,
-  id: s,
+  defaultValue: s,
+  id: o,
   ...u
 }) => {
-  const { register: d, setValue: h, control: c } = a, f = hr({
+  const { register: c, setValue: h, control: d } = a, g = hr({
     name: n,
-    control: c,
-    defaultValue: o || ""
-  }), g = V(() => Array.isArray(f) && f.length !== 0 ? f : o || [""], [f]), C = (E) => {
-    y([...g.slice(0, E), ...g.slice(E + 1)]);
-  }, w = () => {
-    y([...g, ""]);
-  }, p = (E, k) => {
-    y([...g.slice(0, E), k, ...g.slice(E + 1)]);
-  }, y = (E) => {
-    const k = E.flatMap((v) => v);
+    control: d,
+    defaultValue: s || ""
+  }), y = _(() => Array.isArray(g) && g.length !== 0 ? g : s || [""], [g]), v = (T) => {
+    m([...y.slice(0, T), ...y.slice(T + 1)]);
+  }, x = () => {
+    m([...y, ""]);
+  }, p = (T, k) => {
+    m([...y.slice(0, T), k, ...y.slice(T + 1)]);
+  }, m = (T) => {
+    const k = T.flatMap((b) => b);
     h(n, k, {
       shouldDirty: !0
     });
-  }, S = r.startsWith("html") ? r.substring(6) : "text";
-  return ne(() => {
-    d(n);
-  }, [d]), /* @__PURE__ */ t("div", { id: s, children: g.map((E, k) => /* @__PURE__ */ b(Rt, { children: [
-    /* @__PURE__ */ b(ke, { children: [
-      /* @__PURE__ */ t(Ne, { isFill: !0, children: /* @__PURE__ */ t(
-        Ie,
+  }, E = r.startsWith("html") ? r.substring(6) : "text";
+  return ae(() => {
+    c(n);
+  }, [c]), /* @__PURE__ */ t("div", { id: o, children: y.map((T, k) => /* @__PURE__ */ C(Ot, { children: [
+    /* @__PURE__ */ C(we, { children: [
+      /* @__PURE__ */ t(Be, { isFill: !0, children: /* @__PURE__ */ t(
+        xe,
         {
           "data-testid": n + k,
-          onChange: (v, T) => p(k, T),
+          onChange: (b, S) => p(k, S),
           name: `${n}.${k}.value`,
-          value: E,
+          value: T,
           isDisabled: i,
-          type: S,
+          type: E,
           ...u
         }
       ) }),
-      /* @__PURE__ */ t(Ne, { children: /* @__PURE__ */ t(
-        B,
+      /* @__PURE__ */ t(Be, { children: /* @__PURE__ */ t(
+        V,
         {
           "data-testid": "remove" + k,
-          variant: be.link,
-          onClick: () => C(k),
+          variant: ke.link,
+          onClick: () => v(k),
           tabIndex: -1,
           "aria-label": e("remove"),
-          isDisabled: g.length === 1 || i,
+          isDisabled: y.length === 1 || i,
           children: /* @__PURE__ */ t(ir, {})
         }
       ) })
     ] }),
-    k === g.length - 1 && /* @__PURE__ */ b(
-      B,
+    k === y.length - 1 && /* @__PURE__ */ C(
+      V,
       {
-        variant: be.link,
-        onClick: w,
+        variant: ke.link,
+        onClick: x,
         tabIndex: -1,
         "aria-label": e("add"),
         "data-testid": "addValue",
-        isDisabled: !E || i,
+        isDisabled: !T || i,
         children: [
-          /* @__PURE__ */ t(Pt, {}),
+          /* @__PURE__ */ t(Mt, {}),
           " ",
           e(l || "add")
         ]
       }
     )
   ] }, k)) });
-}, mt = (e) => {
-  const { form: n, inputType: r, attribute: a } = e, l = Se(a), i = r.startsWith("multiselect"), o = i ? bn : Cn, s = a.validators?.options?.options || [], u = a.annotations?.inputOptionLabels || {}, d = a.annotations?.inputOptionLabelsI18nPrefix;
-  return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
-    re,
+}, ft = (e) => {
+  const { form: n, inputType: r, attribute: a } = e, l = Ae(a), i = r.startsWith("multiselect"), s = i ? vn : Cn, o = a.validators?.options?.options || [], u = a.annotations?.inputOptionLabels || {}, c = a.annotations?.inputOptionLabelsI18nPrefix;
+  return /* @__PURE__ */ t(pe, { ...e, children: /* @__PURE__ */ t(
+    le,
     {
-      name: J(a.name),
+      name: Y(a.name),
       control: n.control,
       defaultValue: "",
-      render: ({ field: h }) => /* @__PURE__ */ t(K, { children: s.map((c) => /* @__PURE__ */ t(
-        o,
+      render: ({ field: h }) => /* @__PURE__ */ t(W, { children: o.map((d) => /* @__PURE__ */ t(
+        s,
         {
-          id: c,
-          "data-testid": c,
-          label: Z(e.t, u[c], c, d),
-          value: c,
-          isChecked: h.value.includes(c),
+          id: d,
+          "data-testid": d,
+          label: ee(e.t, u[d], d, c),
+          value: d,
+          isChecked: h.value.includes(d),
           onChange: () => {
-            i ? h.value.includes(c) ? h.onChange(
-              h.value.filter((f) => f !== c)
-            ) : h.onChange([...h.value, c]) : h.onChange([c]);
+            i ? h.value.includes(d) ? h.onChange(
+              h.value.filter((g) => g !== d)
+            ) : h.onChange([...h.value, d]) : h.onChange([d]);
           },
           readOnly: a.readOnly,
           isRequired: l
         },
-        c
+        d
       )) })
     }
   ) });
@@ -1152,57 +1160,57 @@ const jr = "_title_180i0_2", Gr = {
   selections: a,
   isOpen: l,
   menuAppendTo: i,
-  direction: o,
-  width: s,
+  direction: s,
+  width: o,
   maxHeight: u,
-  toggleIcon: d,
+  toggleIcon: c,
   className: h,
-  isDisabled: c,
-  children: f,
-  ...g
+  isDisabled: d,
+  children: g,
+  ...y
 }) => {
-  const [C, w] = R(!1), p = z(), y = () => {
-    w(!C), n(!C);
-  }, S = () => i === "parent" && p.current?.parentElement || "inline", E = Ot.toArray(
-    f
+  const [v, x] = A(!1), p = J(), m = () => {
+    x(!v), n(!v);
+  }, E = () => i === "parent" && p.current?.parentElement || "inline", T = Dt.toArray(
+    g
   );
   return /* @__PURE__ */ t(
-    we,
+    Se,
     {
       ref: p,
-      maxMenuHeight: Ce(u),
+      maxMenuHeight: Ie(u),
       isScrollable: !0,
       popperProps: {
-        appendTo: S(),
-        direction: o,
-        width: Ce(s)
+        appendTo: E(),
+        direction: s,
+        width: Ie(o)
       },
-      ...g,
-      onClick: y,
+      ...y,
+      onClick: m,
       onOpenChange: (k) => {
-        k !== C && y();
+        k !== v && m();
       },
       selected: a,
-      onSelect: (k, v) => {
-        r?.(v || ""), y();
+      onSelect: (k, b) => {
+        r?.(b || ""), m();
       },
       toggle: (k) => /* @__PURE__ */ t(
-        ce,
+        ue,
         {
           id: e,
           ref: k,
           className: h,
-          onClick: y,
+          onClick: m,
           isExpanded: l,
-          "aria-label": g["aria-label"],
-          icon: d,
-          isDisabled: c,
+          "aria-label": y["aria-label"],
+          icon: c,
+          isDisabled: d,
           isFullWidth: !0,
-          children: E.find((v) => v.props.value === a)?.props.children || a || g["aria-label"]
+          children: T.find((b) => b.props.value === a)?.props.children || a || y["aria-label"]
         }
       ),
       isOpen: l,
-      children: /* @__PURE__ */ t(xe, { children: f })
+      children: /* @__PURE__ */ t(Te, { children: g })
     }
   );
 }, ia = ({
@@ -1212,29 +1220,29 @@ const jr = "_title_180i0_2", Gr = {
   onFilter: a,
   variant: l,
   validated: i,
-  placeholderText: o,
-  maxHeight: s,
+  placeholderText: s,
+  maxHeight: o,
   width: u,
-  toggleIcon: d,
+  toggleIcon: c,
   direction: h,
-  selections: c,
-  typeAheadAriaLabel: f,
-  chipGroupComponent: g,
-  chipGroupProps: C,
-  footer: w,
+  selections: d,
+  typeAheadAriaLabel: g,
+  chipGroupComponent: y,
+  chipGroupProps: v,
+  footer: x,
   isDisabled: p,
-  children: y,
-  ...S
+  children: m,
+  ...E
 }) => {
-  const [E, k] = R(""), [v, T] = R(0), P = z(), m = Ot.toArray(
-    y
-  ), A = () => {
-    r?.(!S.isOpen);
-  }, O = (x) => {
-    const D = m[v];
-    switch (r?.(!0), x.key) {
+  const [T, k] = A(""), [b, S] = A(0), F = J(), D = Dt.toArray(
+    m
+  ), N = () => {
+    r?.(!E.isOpen);
+  }, K = (M) => {
+    const f = D[b];
+    switch (r?.(!0), M.key) {
       case "Enter": {
-        x.preventDefault(), l !== j.typeaheadMulti ? k(D.props.value) : k(""), n?.(D.props.value), r?.(!1), T(0);
+        M.preventDefault(), l !== G.typeaheadMulti ? k(f.props.value) : k(""), n?.(f.props.value), r?.(!1), S(0);
         break;
       }
       case "Escape": {
@@ -1242,159 +1250,159 @@ const jr = "_title_180i0_2", Gr = {
         break;
       }
       case "Backspace": {
-        l === j.typeahead && n?.("");
+        l === G.typeahead && n?.("");
         break;
       }
       case "ArrowUp":
       case "ArrowDown": {
-        x.preventDefault();
-        let L = 0;
-        x.key === "ArrowUp" && (v === 0 ? L = m.length - 1 : L = v - 1), x.key === "ArrowDown" && (v === m.length - 1 ? L = 0 : L = v + 1), T(L);
+        M.preventDefault();
+        let w = 0;
+        M.key === "ArrowUp" && (b === 0 ? w = D.length - 1 : w = b - 1), M.key === "ArrowDown" && (b === D.length - 1 ? w = 0 : w = b + 1), S(w);
         break;
       }
     }
   };
-  return /* @__PURE__ */ b(
-    we,
+  return /* @__PURE__ */ C(
+    Se,
     {
-      ...S,
-      onClick: A,
-      onOpenChange: (x) => r?.(x),
-      onSelect: (x, D) => {
-        n?.(D || ""), a?.(""), k("");
+      ...E,
+      onClick: N,
+      onOpenChange: (M) => r?.(M),
+      onSelect: (M, f) => {
+        n?.(f || ""), a?.(""), k("");
       },
-      maxMenuHeight: Ce(s),
-      popperProps: { direction: h, width: Ce(u) },
-      toggle: (x) => /* @__PURE__ */ t(
-        ce,
+      maxMenuHeight: Ie(o),
+      popperProps: { direction: h, width: Ie(u) },
+      toggle: (M) => /* @__PURE__ */ t(
+        ue,
         {
-          ref: x,
+          ref: M,
           id: e,
           variant: "typeahead",
           onClick: () => r?.(!0),
-          icon: d,
+          icon: c,
           isDisabled: p,
-          isExpanded: S.isOpen,
+          isExpanded: E.isOpen,
           isFullWidth: !0,
-          status: i === "error" ? Ge.danger : void 0,
-          children: /* @__PURE__ */ b(It, { isPlain: !0, children: [
+          status: i === "error" ? ze.danger : void 0,
+          children: /* @__PURE__ */ C(wt, { isPlain: !0, children: [
             /* @__PURE__ */ t(
-              wt,
+              xt,
               {
-                placeholder: o,
-                value: l === j.typeahead && c ? c : E,
-                onClick: A,
-                onChange: (D, L) => {
-                  k(L), a?.(L);
+                placeholder: s,
+                value: l === G.typeahead && d ? d : T,
+                onClick: N,
+                onChange: (f, w) => {
+                  k(w), a?.(w);
                 },
-                onKeyDown: (D) => O(D),
+                onKeyDown: (f) => K(f),
                 autoComplete: "off",
-                innerRef: P,
+                innerRef: F,
                 role: "combobox",
-                isExpanded: S.isOpen,
+                isExpanded: E.isOpen,
                 "aria-controls": "select-typeahead-listbox",
-                "aria-label": f,
-                children: l === j.typeaheadMulti && Array.isArray(c) && (g || /* @__PURE__ */ t(ze, { ...C, children: c.map((D, L) => /* @__PURE__ */ t(
-                  Je,
+                "aria-label": g,
+                children: l === G.typeaheadMulti && Array.isArray(d) && (y || /* @__PURE__ */ t(Je, { ...v, children: d.map((f, w) => /* @__PURE__ */ t(
+                  Ye,
                   {
-                    onClick: (Ae) => {
-                      Ae.stopPropagation(), n?.(D);
+                    onClick: (R) => {
+                      R.stopPropagation(), n?.(f);
                     },
-                    children: D
+                    children: f
                   },
-                  L
+                  w
                 )) }))
               }
             ),
-            /* @__PURE__ */ t(xt, { children: !!E && /* @__PURE__ */ t(
-              B,
+            /* @__PURE__ */ t(St, { children: !!T && /* @__PURE__ */ t(
+              V,
               {
                 variant: "plain",
                 onClick: () => {
-                  n?.(""), k(""), a?.(""), P?.current?.focus();
+                  n?.(""), k(""), a?.(""), F?.current?.focus();
                 },
                 "aria-label": "Clear input value",
-                children: /* @__PURE__ */ t(Ft, { "aria-hidden": !0 })
+                children: /* @__PURE__ */ t(Pt, { "aria-hidden": !0 })
               }
             ) })
           ] })
         }
       ),
       children: [
-        /* @__PURE__ */ t(xe, { children: y }),
-        w && /* @__PURE__ */ t(kn, { children: w })
+        /* @__PURE__ */ t(Te, { children: m }),
+        x && /* @__PURE__ */ t(kn, { children: x })
       ]
     }
   );
 };
-var j = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(j || {});
-const Ce = (e) => typeof e == "number" ? e + "px" : e, oa = ({
+var G = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(G || {});
+const Ie = (e) => typeof e == "number" ? e + "px" : e, sa = ({
   variant: e = "single",
   ...n
-}) => e === "single" ? /* @__PURE__ */ t(la, { ...n }) : /* @__PURE__ */ t(ia, { ...n, variant: e }), ft = (e) => {
-  const { t: n, form: r, inputType: a, attribute: l } = e, [i, o] = R(!1), [s, u] = R(""), d = a === "multiselect", h = (p, y) => {
-    d ? y.value.includes(p) ? y.onChange(y.value.filter((S) => S !== p)) : Array.isArray(y.value) ? y.onChange([...y.value, p]) : y.onChange([p]) : y.onChange(p === y.value ? "" : p);
-  }, c = l.validators?.options?.options || [], f = l.annotations?.inputOptionLabels || {}, g = l.annotations?.inputOptionLabelsI18nPrefix, C = (p) => Z(e.t, f[p], p, g), w = (p) => c.filter(
-    (y) => C(y).toLowerCase().includes(s.toLowerCase())
-  ).map((y) => /* @__PURE__ */ t(
-    je,
+}) => e === "single" ? /* @__PURE__ */ t(la, { ...n }) : /* @__PURE__ */ t(ia, { ...n, variant: e }), gt = (e) => {
+  const { t: n, form: r, inputType: a, attribute: l } = e, [i, s] = A(!1), [o, u] = A(""), c = a === "multiselect", h = (p, m) => {
+    c ? m.value.includes(p) ? m.onChange(m.value.filter((E) => E !== p)) : Array.isArray(m.value) ? m.onChange([...m.value, p]) : m.onChange([p]) : m.onChange(p === m.value ? "" : p);
+  }, d = l.validators?.options?.options || [], g = l.annotations?.inputOptionLabels || {}, y = l.annotations?.inputOptionLabelsI18nPrefix, v = (p) => ee(e.t, g[p], p, y), x = (p) => d.filter(
+    (m) => v(m).toLowerCase().includes(o.toLowerCase())
+  ).map((m) => /* @__PURE__ */ t(
+    Ge,
     {
-      selected: p === y,
-      value: y,
-      children: C(y)
+      selected: p === m,
+      value: m,
+      children: v(m)
     },
-    y
+    m
   ));
-  return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
-    re,
+  return /* @__PURE__ */ t(pe, { ...e, children: /* @__PURE__ */ t(
+    le,
     {
-      name: J(l.name),
+      name: Y(l.name),
       defaultValue: "",
       control: r.control,
       render: ({ field: p }) => /* @__PURE__ */ t(
-        oa,
+        sa,
         {
           toggleId: l.name,
-          onToggle: (y) => o(y),
+          onToggle: (m) => s(m),
           onClear: () => h("", p),
-          onSelect: (y) => {
-            const S = y.toString();
-            h(S, p), Array.isArray(p.value) || o(!1);
+          onSelect: (m) => {
+            const E = m.toString();
+            h(E, p), Array.isArray(p.value) || s(!1);
           },
-          selections: d && Array.isArray(p.value) ? p.value.map((y) => C(y)) : C(p.value),
-          variant: d ? j.typeaheadMulti : c.length >= 10 ? j.typeahead : j.single,
+          selections: c && Array.isArray(p.value) ? p.value.map((m) => v(m)) : v(p.value),
+          variant: c ? G.typeaheadMulti : d.length >= 10 ? G.typeahead : G.single,
           "aria-label": n("selectOne"),
           isOpen: i,
           isDisabled: l.readOnly,
-          onFilter: (y) => (u(y), w(p.value)),
-          children: w(p.value)
+          onFilter: (m) => (u(m), x(p.value)),
+          children: x(p.value)
         }
       )
     }
   ) });
-}, sa = (e) => {
-  const { form: n, attribute: r } = e, a = Se(r);
-  return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
+}, oa = (e) => {
+  const { form: n, attribute: r } = e, a = Ae(r);
+  return /* @__PURE__ */ t(pe, { ...e, children: /* @__PURE__ */ t(
     Hr,
     {
       id: r.name,
       "data-testid": r.name,
-      ...n.register(J(r.name)),
+      ...n.register(Y(r.name)),
       cols: r.annotations?.inputTypeCols,
       rows: r.annotations?.inputTypeRows,
       readOnly: r.readOnly,
       isRequired: a
     }
   ) });
-}, q = (e) => {
-  const { form: n, inputType: r, attribute: a } = e, l = Se(a), i = r.startsWith("html") ? r.substring(6) : "text";
-  return /* @__PURE__ */ t(ue, { ...e, children: /* @__PURE__ */ t(
-    Ie,
+}, U = (e) => {
+  const { form: n, inputType: r, attribute: a } = e, l = Ae(a), i = r.startsWith("html") ? r.substring(6) : "text";
+  return /* @__PURE__ */ t(pe, { ...e, children: /* @__PURE__ */ t(
+    xe,
     {
       id: a.name,
       "data-testid": a.name,
       type: i,
-      placeholder: a.readOnly ? "" : Z(
+      placeholder: a.readOnly ? "" : ee(
         e.t,
         a.annotations?.inputTypePlaceholder,
         "",
@@ -1402,25 +1410,25 @@ const Ce = (e) => typeof e == "number" ? e + "px" : e, oa = ({
       ),
       readOnly: a.readOnly,
       isRequired: l,
-      ...n.register(J(a.name))
+      ...n.register(Y(a.name))
     }
   ) });
-}, Ue = {
-  text: q,
-  textarea: sa,
-  select: ft,
-  "select-radiobuttons": mt,
-  multiselect: ft,
-  "multiselect-checkboxes": mt,
-  "html5-email": q,
-  "html5-tel": q,
-  "html5-url": q,
-  "html5-number": q,
-  "html5-range": q,
-  "html5-datetime-local": q,
-  "html5-date": q,
-  "html5-month": q,
-  "html5-time": q,
+}, Ke = {
+  text: U,
+  textarea: oa,
+  select: gt,
+  "select-radiobuttons": ft,
+  multiselect: gt,
+  "multiselect-checkboxes": ft,
+  "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": ra
 }, Za = ({
   t: e,
@@ -1429,20 +1437,20 @@ const Ce = (e) => typeof e == "number" ? e + "px" : e, oa = ({
   supportedLocales: a,
   currentLocale: l,
   hideReadOnly: i = !1,
-  renderer: o
+  renderer: s
 }) => {
-  const s = V(() => {
+  const o = _(() => {
     if (!r.attributes)
       return [];
-    const u = i ? r.attributes.filter(({ readOnly: d }) => !d) : r.attributes;
+    const u = i ? r.attributes.filter(({ readOnly: c }) => !c) : r.attributes;
     return [
       // Insert an empty group for attributes without a group.
       { name: void 0 },
       ...r.groups ?? []
-    ].map((d) => ({
-      group: d,
+    ].map((c) => ({
+      group: c,
       attributes: u.filter(
-        (h) => h.group === d.name
+        (h) => h.group === c.name
       )
     }));
   }, [
@@ -1450,22 +1458,22 @@ const Ce = (e) => typeof e == "number" ? e + "px" : e, oa = ({
     r.groups,
     r.attributes
   ]);
-  return s.length === 0 ? null : /* @__PURE__ */ t(
+  return o.length === 0 ? null : /* @__PURE__ */ t(
     Zr,
     {
       label: e("jumpToSection"),
-      sections: s.filter((u) => u.attributes.length > 0).map(({ group: u, attributes: d }) => ({
-        title: Z(e, u.displayHeader, u.name) || e("general"),
-        panel: /* @__PURE__ */ b("div", { className: "pf-v5-c-form", children: [
-          u.displayDescription && /* @__PURE__ */ t(Me, { className: "pf-v5-u-pb-lg", children: Z(e, u.displayDescription, "") }),
-          d.map((h) => /* @__PURE__ */ t(
+      sections: o.filter((u) => u.attributes.length > 0).map(({ group: u, attributes: c }) => ({
+        title: ee(e, u.displayHeader, u.name) || e("general"),
+        panel: /* @__PURE__ */ C("div", { className: "pf-v5-c-form", children: [
+          u.displayDescription && /* @__PURE__ */ t(Le, { className: "pf-v5-u-pb-lg", children: ee(e, u.displayDescription, "") }),
+          c.map((h) => /* @__PURE__ */ t(
             ca,
             {
               t: e,
               form: n,
               supportedLocales: a,
               currentLocale: l,
-              renderer: o,
+              renderer: s,
               attribute: h
             },
             h.name
@@ -1482,9 +1490,9 @@ const Ce = (e) => typeof e == "number" ? e + "px" : e, oa = ({
   currentLocale: l,
   attribute: i
 }) => {
-  const o = n.watch(
-    J(i.name)
-  ), s = V(() => ua(i), [i]), u = i.multivalued || pa(o) && i.annotations?.inputType === void 0 ? Ue["multi-input"] : Ue[s];
+  const s = n.watch(
+    Y(i.name)
+  ), o = _(() => ua(i), [i]), u = i.multivalued || pa(s) && i.annotations?.inputType === void 0 ? Ke["multi-input"] : Ke[o];
   return i.name === "locale" ? /* @__PURE__ */ t(
     na,
     {
@@ -1499,30 +1507,30 @@ const Ce = (e) => typeof e == "number" ? e + "px" : e, oa = ({
     {
       t: e,
       form: n,
-      inputType: s,
+      inputType: o,
       attribute: i,
       renderer: r
     }
   );
 }, da = "text";
 function ua(e) {
-  if ($t(e.name))
+  if (Ut(e.name))
     return "text";
   const n = e.annotations?.inputType;
   return ha(n) ? n : da;
 }
-const ha = (e) => typeof e == "string" && e in Ue, pa = (e) => Array.isArray(e) && e.length > 1, ma = ({
+const ha = (e) => typeof e == "string" && e in Ke, pa = (e) => Array.isArray(e) && e.length > 1, ma = ({
   className: e = "",
   border: n,
   size: r = "md"
-}) => /* @__PURE__ */ b(
+}) => /* @__PURE__ */ C(
   "svg",
   {
     className: fr(
-      fe.avatar,
-      fe.modifiers[r],
-      n === "light" && fe.modifiers.light,
-      n === "dark" && fe.modifiers.dark,
+      ye.avatar,
+      ye.modifiers[r],
+      n === "light" && ye.modifiers.light,
+      n === "dark" && ye.modifiers.dark,
       e
     ),
     enableBackground: "new 0 0 36 36",
@@ -1571,7 +1579,7 @@ const ha = (e) => typeof e == "string" && e in Ue, pa = (e) => Array.isArray(e)
           ) })
         }
       ),
-      /* @__PURE__ */ t("g", { style: { filter: 'url("#a")' }, children: /* @__PURE__ */ b("g", { transform: "translate(5.04 6.88)", children: [
+      /* @__PURE__ */ t("g", { style: { filter: 'url("#a")' }, children: /* @__PURE__ */ C("g", { transform: "translate(5.04 6.88)", children: [
         /* @__PURE__ */ t(
           "path",
           {
@@ -1631,13 +1639,13 @@ const ha = (e) => typeof e == "string" && e in Ue, pa = (e) => Array.isArray(e)
       ] }) })
     ]
   }
-), gt = ({
+), yt = ({
   isKebab: e = !1,
   title: n,
   dropDownItems: r,
   ...a
 }) => {
-  const [l, i] = R(!1);
+  const [l, i] = A(!1);
   return /* @__PURE__ */ t(
     In,
     {
@@ -1645,16 +1653,16 @@ const ha = (e) => typeof e == "string" && e in Ue, pa = (e) => Array.isArray(e)
       popperProps: {
         position: "right"
       },
-      onOpenChange: (o) => i(o),
-      toggle: (o) => /* @__PURE__ */ t(
-        ce,
+      onOpenChange: (s) => i(s),
+      toggle: (s) => /* @__PURE__ */ t(
+        ue,
         {
           "data-testid": `${a["data-testid"]}-toggle`,
-          ref: o,
+          ref: s,
           onClick: () => i(!l),
           isExpanded: l,
           variant: e ? "plain" : "default",
-          children: e ? /* @__PURE__ */ t(or, {}) : n
+          children: e ? /* @__PURE__ */ t(sr, {}) : n
         }
       ),
       isOpen: l,
@@ -1673,87 +1681,87 @@ const el = ({
   brand: { src: n, alt: r, className: a, ...l },
   avatar: i,
   features: {
-    hasLogout: o = !0,
-    hasManageAccount: s = !0,
+    hasLogout: s = !0,
+    hasManageAccount: o = !0,
     hasUsername: u = !0
   } = {},
-  kebabDropdownItems: d,
+  kebabDropdownItems: c,
   dropdownItems: h = [],
-  toolbarItems: c,
-  toolbar: f,
-  ...g
+  toolbarItems: d,
+  toolbar: g,
+  ...y
 }) => {
-  const { t: C } = _(), w = [];
-  s && w.push(
+  const { t: v } = q(), x = [];
+  o && x.push(
     /* @__PURE__ */ t(
       ot,
       {
         onClick: () => e.accountManagement(),
-        children: C("manageAccount")
+        children: v("manageAccount")
       },
       "manageAccount"
     )
-  ), o && w.push(
-    /* @__PURE__ */ t(ot, { onClick: () => e.logout(), children: C("signOut") }, "signOut")
+  ), s && x.push(
+    /* @__PURE__ */ t(ot, { onClick: () => e.logout(), children: v("signOut") }, "signOut")
   );
   const p = e.idTokenParsed?.picture;
-  return /* @__PURE__ */ b(xn, { ...g, children: [
-    /* @__PURE__ */ t(Tn, { children: /* @__PURE__ */ t(Sn, { variant: "plain", "aria-label": C("navigation"), children: /* @__PURE__ */ t(sr, {}) }) }),
-    /* @__PURE__ */ t(An, { ...l, children: /* @__PURE__ */ t("img", { src: n, alt: r, className: a }) }),
-    /* @__PURE__ */ b(En, { children: [
-      f,
-      /* @__PURE__ */ t(ve, { children: /* @__PURE__ */ b(Be, { children: [
-        c?.map((y, S) => /* @__PURE__ */ t(U, { align: { default: "alignRight" }, children: y }, S)),
+  return /* @__PURE__ */ C(xn, { ...y, children: [
+    /* @__PURE__ */ t(Sn, { children: /* @__PURE__ */ t(Tn, { variant: "plain", "aria-label": v("navigation"), children: /* @__PURE__ */ t(or, {}) }) }),
+    /* @__PURE__ */ t(En, { ...l, children: /* @__PURE__ */ t("img", { src: n, alt: r, className: a }) }),
+    /* @__PURE__ */ C(An, { children: [
+      g,
+      /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ C(Ve, { children: [
+        d?.map((m, E) => /* @__PURE__ */ t(H, { align: { default: "alignRight" }, children: m }, E)),
         /* @__PURE__ */ t(
-          U,
+          H,
           {
             visibility: {
               default: "hidden",
               md: "visible"
             },
             children: /* @__PURE__ */ t(
-              gt,
+              yt,
               {
                 "data-testid": "options",
-                dropDownItems: [...h, w],
-                title: u ? fa(e.idTokenParsed, C) : void 0
+                dropDownItems: [...h, x],
+                title: u ? fa(e.idTokenParsed, v) : void 0
               }
             )
           }
         ),
         /* @__PURE__ */ t(
-          U,
+          H,
           {
             align: { default: "alignLeft" },
             visibility: {
               md: "hidden"
             },
             children: /* @__PURE__ */ t(
-              gt,
+              yt,
               {
                 "data-testid": "options-kebab",
                 isKebab: !0,
                 dropDownItems: [
-                  ...d || h,
-                  w
+                  ...c || h,
+                  x
                 ]
               }
             )
           }
         ),
         /* @__PURE__ */ t(
-          U,
+          H,
           {
             variant: "overflow-menu",
             align: { default: "alignRight" },
             className: "pf-v5-u-m-0-on-lg",
-            children: p || i?.src ? /* @__PURE__ */ t(Rn, { src: p, alt: C("avatar"), ...i }) : /* @__PURE__ */ t(ma, { ...i })
+            children: p || i?.src ? /* @__PURE__ */ t(Rn, { src: p, alt: v("avatar"), ...i }) : /* @__PURE__ */ t(ma, { ...i })
           }
         )
       ] }) })
     ] })
   ] });
-}, Kt = Qe("ErrorBoundaryContext", void 0), Ht = () => Xe(Kt);
+}, Ht = Xe("ErrorBoundaryContext", void 0), Wt = () => Ze(Ht);
 class tl extends $n {
   state = {};
   static getDerivedStateFromError = (n) => ({ error: n });
@@ -1762,7 +1770,7 @@ class tl extends $n {
   };
   render() {
     return /* @__PURE__ */ t(
-      Kt.Provider,
+      Ht.Provider,
       {
         value: { error: this.state.error, showBoundary: this.showBoundary },
         children: this.props.children
@@ -1771,40 +1779,40 @@ class tl extends $n {
   }
 }
 const nl = ({ children: e, fallback: n }) => {
-  const { error: r } = Ht();
+  const { error: r } = Wt();
   return r ? /* @__PURE__ */ t(n, { error: r }) : e;
 };
 function ga(e, n, r) {
-  const { showBoundary: a } = Ht();
-  ne(() => {
+  const { showBoundary: a } = Wt();
+  ae(() => {
     const l = new AbortController(), { signal: i } = l;
-    return e().then((o) => {
-      i.aborted || n(o);
-    }).catch((o) => {
-      console.error(o), i.aborted || a(o);
+    return e().then((s) => {
+      i.aborted || n(s);
+    }).catch((s) => {
+      console.error(s), i.aborted || a(s);
     }), () => l.abort();
   }, r);
 }
 const ya = () => {
-  const { t: e } = _();
-  return /* @__PURE__ */ t(On, { children: /* @__PURE__ */ t(Ct, { "aria-label": e("spinnerLoading") }) });
-}, va = ({
+  const { t: e } = q();
+  return /* @__PURE__ */ t(On, { children: /* @__PURE__ */ t(kt, { "aria-label": e("spinnerLoading") }) });
+}, ba = ({
   message: e,
   instructions: n,
   onPrimaryAction: r,
   hasIcon: a = !0,
   isSearchVariant: l,
   primaryActionText: i,
-  secondaryActions: o,
-  icon: s,
+  secondaryActions: s,
+  icon: o,
   isDisabled: u = !1
-}) => /* @__PURE__ */ b(Dn, { "data-testid": "empty-state", variant: "lg", children: [
-  a && l ? /* @__PURE__ */ t(st, { icon: cr }) : a && /* @__PURE__ */ t(st, { icon: s || Pt }),
+}) => /* @__PURE__ */ C(Dn, { "data-testid": "empty-state", variant: "lg", children: [
+  a && l ? /* @__PURE__ */ t(ct, { icon: cr }) : a && /* @__PURE__ */ t(ct, { icon: o || Mt }),
   /* @__PURE__ */ t(Fn, { titleText: e, headingLevel: "h1" }),
   /* @__PURE__ */ t(Pn, { children: n }),
-  /* @__PURE__ */ b(Mn, { children: [
+  /* @__PURE__ */ C(Mn, { children: [
     i && /* @__PURE__ */ t(
-      B,
+      V,
       {
         "data-testid": `${e.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
         variant: "primary",
@@ -1813,71 +1821,71 @@ const ya = () => {
         children: i
       }
     ),
-    o && /* @__PURE__ */ t(Ln, { children: o.map((d) => /* @__PURE__ */ t(
-      B,
+    s && /* @__PURE__ */ t(Ln, { children: s.map((c) => /* @__PURE__ */ t(
+      V,
       {
-        "data-testid": `${d.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
-        variant: d.type || be.secondary,
-        onClick: d.onClick,
+        "data-testid": `${c.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
+        variant: c.type || ke.secondary,
+        onClick: c.onClick,
         isDisabled: u,
-        children: d.text
+        children: c.text
       },
-      d.text
+      c.text
     )) })
   ] })
-] }), ba = ({
+] }), va = ({
   toolbarItem: e,
   subToolbar: n,
   toolbarItemFooter: r,
   children: a,
   searchTypeComponent: l,
   inputGroupName: i,
-  inputGroupPlaceholder: o,
-  inputGroupOnEnter: s
+  inputGroupPlaceholder: s,
+  inputGroupOnEnter: o
 }) => {
-  const { t: u } = _(), [d, h] = R(""), c = (g) => {
-    h(g.trim()), s?.(g.trim());
-  }, f = (g) => {
-    g.key === "Enter" && c(d);
+  const { t: u } = q(), [c, h] = A(""), d = (y) => {
+    h(y.trim()), o?.(y.trim());
+  }, g = (y) => {
+    y.key === "Enter" && d(c);
   };
-  return /* @__PURE__ */ b(K, { children: [
-    /* @__PURE__ */ t(ve, { "data-testid": "table-toolbar", children: /* @__PURE__ */ b(Be, { children: [
-      i && /* @__PURE__ */ t(U, { children: /* @__PURE__ */ b(ke, { "data-testid": i, children: [
+  return /* @__PURE__ */ C(W, { children: [
+    /* @__PURE__ */ t(Ce, { "data-testid": "table-toolbar", children: /* @__PURE__ */ C(Ve, { children: [
+      i && /* @__PURE__ */ t(H, { children: /* @__PURE__ */ C(we, { "data-testid": i, children: [
         l,
-        o && /* @__PURE__ */ t(
+        s && /* @__PURE__ */ t(
           Nn,
           {
             "data-testid": "table-search-input",
-            placeholder: o,
+            placeholder: s,
             "aria-label": u("search"),
-            value: d,
-            onChange: (g, C) => {
-              h(C);
+            value: c,
+            onChange: (y, v) => {
+              h(v);
             },
-            onSearch: () => c(d),
-            onKeyDown: f,
-            onClear: () => c("")
+            onSearch: () => d(c),
+            onKeyDown: g,
+            onClear: () => d("")
           }
         )
       ] }) }),
       e
     ] }) }),
-    n && /* @__PURE__ */ t(ve, { children: /* @__PURE__ */ t(Be, { children: n }) }),
+    n && /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ t(Ve, { children: n }) }),
     /* @__PURE__ */ t(Bn, {}),
     a,
-    /* @__PURE__ */ t(ve, { children: r })
+    /* @__PURE__ */ t(Ce, { children: r })
   ] });
-}, yt = ({
+}, bt = ({
   id: e,
   variant: n = "top",
   count: r,
   first: a,
   max: l,
   onNextClick: i,
-  onPreviousClick: o,
-  onPerPageSelect: s
+  onPreviousClick: s,
+  onPerPageSelect: o
 }) => {
-  const { t: u } = _(), d = Math.round(a / l);
+  const { t: u } = q(), c = Math.round(a / l);
   return /* @__PURE__ */ t(
     Vn,
     {
@@ -1888,18 +1896,18 @@ const ya = () => {
       isCompact: !0,
       toggleTemplate: ({
         firstIndex: h,
-        lastIndex: c
-      }) => /* @__PURE__ */ b("b", { children: [
+        lastIndex: d
+      }) => /* @__PURE__ */ C("b", { children: [
         h,
         " - ",
-        c
+        d
       ] }),
-      itemCount: r + d * l,
-      page: d + 1,
+      itemCount: r + c * l,
+      page: c + 1,
       perPage: l,
-      onNextClick: (h, c) => i((c - 1) * l),
-      onPreviousClick: (h, c) => o((c - 1) * l),
-      onPerPageSelect: (h, c, f) => s(f - 1, c),
+      onNextClick: (h, d) => i((d - 1) * l),
+      onPreviousClick: (h, d) => s((d - 1) * l),
+      onPerPageSelect: (h, d, g) => o(g - 1, d),
       variant: n
     }
   );
@@ -1910,39 +1918,39 @@ const ya = () => {
   subToolbar: a,
   children: l,
   inputGroupName: i,
-  inputGroupPlaceholder: o,
-  inputGroupOnEnter: s,
+  inputGroupPlaceholder: s,
+  inputGroupOnEnter: o,
   ...u
 }) => /* @__PURE__ */ t(
-  ba,
+  va,
   {
     searchTypeComponent: n,
-    toolbarItem: /* @__PURE__ */ b(K, { children: [
+    toolbarItem: /* @__PURE__ */ C(W, { children: [
       r,
-      /* @__PURE__ */ t(U, { variant: "pagination", children: /* @__PURE__ */ t(yt, { count: e, ...u }) })
+      /* @__PURE__ */ t(H, { variant: "pagination", children: /* @__PURE__ */ t(bt, { count: e, ...u }) })
     ] }),
     subToolbar: a,
-    toolbarItemFooter: e !== 0 ? /* @__PURE__ */ t(U, { variant: "pagination", children: /* @__PURE__ */ t(yt, { count: e, variant: "bottom", ...u }) }) : null,
+    toolbarItemFooter: e !== 0 ? /* @__PURE__ */ t(H, { variant: "pagination", children: /* @__PURE__ */ t(bt, { count: e, variant: "bottom", ...u }) }) : null,
     inputGroupName: i,
-    inputGroupPlaceholder: o,
-    inputGroupOnEnter: s,
+    inputGroupPlaceholder: s,
+    inputGroupOnEnter: o,
     children: l
   }
-), Wt = (e) => !!e && e.title !== void 0, vt = ({
+), jt = (e) => !!e && e.title !== void 0, vt = ({
   row: e,
   index: n,
   actions: r,
   actionResolver: a
-}) => /* @__PURE__ */ b(K, { children: [
-  e.cells.map((l, i) => /* @__PURE__ */ t(te, { children: Wt(l) ? l.title : l }, `cell-${i}`)),
-  (r || a) && /* @__PURE__ */ t(te, { isActionCell: !0, children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ C(W, { children: [
+  e.cells.map((l, i) => /* @__PURE__ */ t(ne, { children: jt(l) ? l.title : l }, `cell-${i}`)),
+  (r || a) && /* @__PURE__ */ t(ne, { isActionCell: !0, children: /* @__PURE__ */ t(
     Cr,
     {
       items: r || a?.(e, {}),
       extraData: { rowIndex: n }
     }
   ) })
-] }), ka = ({ row: e }) => e.cells.map((n, r) => /* @__PURE__ */ t("div", { children: Wt(n) ? n.title : n }, `cell-${r}`));
+] }), ka = ({ row: e }) => e.cells.map((n, r) => /* @__PURE__ */ t("div", { children: jt(n) ? n.title : n }, `cell-${r}`));
 function Ia({
   columns: e,
   rows: n,
@@ -1950,94 +1958,94 @@ function Ia({
   actionResolver: a,
   ariaLabelKey: l,
   selected: i,
-  onSelect: o,
-  onCollapse: s,
+  onSelect: s,
+  onCollapse: o,
   canSelectAll: u,
-  canSelect: d,
+  canSelect: c,
   isNotCompact: h,
-  isRadio: c,
-  ...f
+  isRadio: d,
+  ...g
 }) {
-  const { t: g } = _(), [C, w] = R(i || []), [p, y] = R([]), S = V(
+  const { t: y } = q(), [v, x] = A(i || []), [p, m] = A([]), E = _(
     () => mr(
-      C,
-      n.map((v) => v.data),
+      v,
+      n.map((b) => b.data),
       "id"
     ),
-    [C, n]
+    [v, n]
   );
-  ne(() => {
+  ae(() => {
     if (u) {
-      const v = document.getElementsByName("check-all").item(0);
-      if (v) {
-        const T = v;
-        T.indeterminate = S.length < n.length && S.length > 0;
+      const b = document.getElementsByName("check-all").item(0);
+      if (b) {
+        const S = b;
+        S.indeterminate = E.length < n.length && E.length > 0;
       }
     }
-  }, [C, u, n]);
-  const E = (v) => {
-    w(v), o?.(v);
-  }, k = (v, T) => {
-    if (c) {
-      const P = T ? [n[v].data] : [];
-      E(P);
-    } else if (v === -1) {
-      const P = S.map(
-        (m) => N(m, "id")
+  }, [v, u, n]);
+  const T = (b) => {
+    x(b), s?.(b);
+  }, k = (b, S) => {
+    if (d) {
+      const F = S ? [n[b].data] : [];
+      T(F);
+    } else if (b === -1) {
+      const F = E.map(
+        (D) => B(D, "id")
       );
-      E(
-        T ? [...C, ...n.map((m) => m.data)] : C.filter(
-          (m) => !P.includes(N(m, "id"))
+      T(
+        S ? [...v, ...n.map((D) => D.data)] : v.filter(
+          (D) => !F.includes(B(D, "id"))
         )
       );
     } else
-      E(T ? [...C, n[v].data] : C.filter(
-        (P) => N(P, "id") !== n[v].data.id
+      T(S ? [...v, n[b].data] : v.filter(
+        (F) => B(F, "id") !== n[b].data.id
       ));
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ C(
     gr,
     {
-      ...f,
+      ...g,
       variant: h ? void 0 : yr.compact,
-      "aria-label": g(l),
+      "aria-label": y(l),
       children: [
-        /* @__PURE__ */ t(vr, { children: /* @__PURE__ */ b(ge, { children: [
-          s && /* @__PURE__ */ t(De, { screenReaderText: g("expandRow") }),
+        /* @__PURE__ */ t(br, { children: /* @__PURE__ */ C(be, { children: [
+          o && /* @__PURE__ */ t(Fe, { screenReaderText: y("expandRow") }),
           u && /* @__PURE__ */ t(
-            De,
+            Fe,
             {
-              screenReaderText: g("selectAll"),
-              select: c ? void 0 : {
-                onSelect: (v, T) => {
-                  k(-1, T);
+              screenReaderText: y("selectAll"),
+              select: d ? void 0 : {
+                onSelect: (b, S) => {
+                  k(-1, S);
                 },
-                isSelected: S.length === n.length
+                isSelected: E.length === n.length
               }
             }
           ),
-          e.map((v) => /* @__PURE__ */ t(
-            De,
+          e.map((b) => /* @__PURE__ */ t(
+            Fe,
             {
-              screenReaderText: g("expandRow"),
-              className: v.transforms?.[0]().className,
-              children: g(v.displayKey || v.name)
+              screenReaderText: y("expandRow"),
+              className: b.transforms?.[0]().className,
+              children: y(b.displayKey || b.name)
             },
-            v.displayKey || v.name
+            b.displayKey || b.name
           ))
         ] }) }),
-        s ? n.map((v, T) => /* @__PURE__ */ t(dt, { children: T % 2 === 0 ? /* @__PURE__ */ b(ge, { children: [
+        o ? n.map((b, S) => /* @__PURE__ */ t(ut, { children: S % 2 === 0 ? /* @__PURE__ */ C(be, { children: [
           /* @__PURE__ */ t(
-            te,
+            ne,
             {
-              expand: n[T + 1].cells.length === 0 ? void 0 : {
-                isExpanded: !!p[T],
-                rowIndex: T,
+              expand: n[S + 1].cells.length === 0 ? void 0 : {
+                isExpanded: !!p[S],
+                rowIndex: S,
                 expandId: "expandable-row-",
-                onToggle: (P, m, A) => {
-                  s(A, m);
-                  const O = [...p];
-                  O[T] = A, y(O);
+                onToggle: (F, D, N) => {
+                  o(N, D);
+                  const K = [...p];
+                  K[S] = N, m(K);
                 }
               }
             }
@@ -2045,41 +2053,41 @@ function Ia({
           /* @__PURE__ */ t(
             vt,
             {
-              row: v,
-              index: T,
+              row: b,
+              index: S,
               actions: r,
               actionResolver: a
             }
           )
-        ] }) : /* @__PURE__ */ b(ge, { isExpanded: !!p[T - 1], children: [
-          /* @__PURE__ */ t(te, {}),
-          /* @__PURE__ */ t(te, { colSpan: e.length, children: /* @__PURE__ */ t(br, { children: /* @__PURE__ */ t(ka, { row: v }) }) })
-        ] }) }, T)) : /* @__PURE__ */ t(dt, { children: n.map((v, T) => /* @__PURE__ */ b(ge, { isExpanded: p[T], children: [
-          d && /* @__PURE__ */ t(
-            te,
+        ] }) : /* @__PURE__ */ C(be, { isExpanded: !!p[S - 1], children: [
+          /* @__PURE__ */ t(ne, {}),
+          /* @__PURE__ */ t(ne, { colSpan: e.length, children: /* @__PURE__ */ t(vr, { children: /* @__PURE__ */ t(ka, { row: b }) }) })
+        ] }) }, S)) : /* @__PURE__ */ t(ut, { children: n.map((b, S) => /* @__PURE__ */ C(be, { isExpanded: p[S], children: [
+          c && /* @__PURE__ */ t(
+            ne,
             {
               select: {
-                rowIndex: T,
-                onSelect: (P, m, A) => {
-                  k(A, m);
+                rowIndex: S,
+                onSelect: (F, D, N) => {
+                  k(N, D);
                 },
-                isSelected: !!C.find(
-                  (P) => N(P, "id") === v.data.id
+                isSelected: !!v.find(
+                  (F) => B(F, "id") === b.data.id
                 ),
-                variant: c ? "radio" : "checkbox"
+                variant: d ? "radio" : "checkbox"
               }
             }
           ),
           /* @__PURE__ */ t(
             vt,
             {
-              row: v,
-              index: T,
+              row: b,
+              index: S,
               actions: r,
               actionResolver: a
             }
           )
-        ] }, T)) })
+        ] }, S)) })
       ]
     }
   );
@@ -2091,152 +2099,152 @@ function wa({
   onSelect: a,
   canSelectAll: l = !1,
   isNotCompact: i,
-  isRadio: o,
-  detailColumns: s,
+  isRadio: s,
+  detailColumns: o,
   isRowDisabled: u,
-  loader: d,
+  loader: c,
   columns: h,
-  actions: c,
-  actionResolver: f,
-  searchTypeComponent: g,
-  toolbarItem: C,
-  subToolbar: w,
+  actions: d,
+  actionResolver: g,
+  searchTypeComponent: y,
+  toolbarItem: v,
+  subToolbar: x,
   emptyState: p,
-  icon: y,
-  isSearching: S = !1,
-  ...E
+  icon: m,
+  isSearching: E = !1,
+  ...T
 }) {
-  const { t: k } = _(), [v, T] = R([]), [P, m] = R(), [A, O] = R(), [x, D] = R(!1), [L, Ae] = Nt(
+  const { t: k } = q(), [b, S] = A([]), [F, D] = A(), [N, K] = A(), [M, f] = A(!1), [w, R] = Bt(
     localStorage,
     "pageSize",
     10
-  ), [H, jt] = R(L), [$, ae] = R(0), [W, Ee] = R(""), et = z(), [he, Gt] = R(0), tt = z(), nt = () => Gt(he + 1), zt = Et(), rt = (I, F) => I.map((M) => {
-    if ("cellFormatters" in M) {
-      const Q = N(F, M.name);
-      return M.cellFormatters?.reduce((le, me) => me(le), Q);
+  ), [O, ie] = A(w), [$, se] = A(0), [j, Re] = A(""), tt = J(), [me, Gt] = A(0), nt = J(), rt = () => Gt(me + 1), zt = Rt(), at = (I, P) => I.map((L) => {
+    if ("cellFormatters" in L) {
+      const X = B(P, L.name);
+      return L.cellFormatters?.reduce((oe, ge) => ge(oe), X);
     }
-    if (M.cellRenderer) {
-      const Q = M.cellRenderer;
-      return { title: /* @__PURE__ */ t(Q, { ...F }) };
+    if (L.cellRenderer) {
+      const X = L.cellRenderer;
+      return { title: /* @__PURE__ */ t(X, { ...P }) };
     }
-    return N(F, M.name);
-  }), at = (I) => {
-    const F = (M) => s?.[0]?.enabled?.(M);
-    return I.map((M, Q) => {
-      const le = u ? u(M) : !1, me = [
+    return B(P, L.name);
+  }), lt = (I) => {
+    const P = (L) => o?.[0]?.enabled?.(L);
+    return I.map((L, X) => {
+      const oe = u ? u(L) : !1, ge = [
         {
-          data: M,
-          disableSelection: le,
-          disableActions: le,
-          selected: !!v.find((Zt) => N(Zt, "id") === N(M, "id")),
-          isOpen: F(M) ? !1 : void 0,
-          cells: rt(h, M)
+          data: L,
+          disableSelection: oe,
+          disableActions: oe,
+          selected: !!b.find((Zt) => B(Zt, "id") === B(L, "id")),
+          isOpen: P(L) ? !1 : void 0,
+          cells: at(h, L)
         }
       ];
-      return s && me.push({
-        parent: Q * 2,
-        cells: F(M) ? rt(s, M) : []
-      }), me;
+      return o && ge.push({
+        parent: X * 2,
+        cells: P(L) ? at(o, L) : []
+      }), ge;
     }).flat();
-  }, Re = (I) => ["string", "number"].includes(typeof I) ? I.toString() : I instanceof Array ? I.map(Re).join("") : typeof I == "object" ? Re(
+  }, Oe = (I) => ["string", "number"].includes(typeof I) ? I.toString() : I instanceof Array ? I.map(Oe).join("") : typeof I == "object" ? Oe(
     Un(I.title) ? I.title.props : Object.values(I)
-  ) : "", lt = V(
-    () => W === "" || r ? void 0 : at(A || []).filter(
+  ) : "", it = _(
+    () => j === "" || r ? void 0 : lt(N || []).filter(
       (I) => I.cells.some(
-        (F) => F && Re(F).toLowerCase().includes(W.toLowerCase())
+        (P) => P && Oe(P).toLowerCase().includes(j.toLowerCase())
       )
-    ).slice($, $ + H + 1),
-    [W, $, H]
+    ).slice($, $ + O + 1),
+    [j, $, O]
   );
   ga(
     async () => {
-      D(!0);
-      const I = et.current === "" && W !== "";
-      return I && ae(0), et.current = W, typeof d == "function" ? he === tt.current && A ? A : await d(I ? 0 : $, H + 1, W) : d;
+      f(!0);
+      const I = tt.current === "" && j !== "";
+      return I && se(0), tt.current = j, typeof c == "function" ? me === nt.current && N ? N : await c(I ? 0 : $, O + 1, j) : c;
     },
     (I) => {
-      tt.current = he, r || (O(I), I.length > $ ? I = I.slice($, $ + H + 1) : ae(0));
-      const F = at(I);
-      m(F), D(!1);
+      nt.current = me, r || (K(I), I.length > $ ? I = I.slice($, $ + O + 1) : se(0));
+      const P = lt(I);
+      D(P), f(!1);
     },
     [
-      he,
+      me,
       $,
-      H,
-      W,
-      typeof d != "function" ? d : void 0
+      O,
+      j,
+      typeof c != "function" ? c : void 0
     ]
   );
-  const Jt = () => c && pr(c).map((I, F) => (delete I.onRowClick, I.onClick = async (M, Q) => {
-    await c[F].onRowClick(
-      (lt || P)[Q].data
-    ) && (r || Ee(""), nt());
-  }, I)), Yt = (I, F) => {
-    Y[F].isOpen = I, m([...Y]);
-  }, Y = lt || P, pe = !Y || Y.length === 0, Oe = W !== "" || S, Qt = s ? H * 2 : H, Xt = s ? (Y?.length || 0) / 2 : Y?.length || 0;
-  return /* @__PURE__ */ b(K, { children: [
-    (!pe || Oe) && /* @__PURE__ */ b(
+  const Jt = () => d && pr(d).map((I, P) => (delete I.onRowClick, I.onClick = async (L, X) => {
+    await d[P].onRowClick(
+      (it || F)[X].data
+    ) && (r || Re(""), rt());
+  }, I)), Yt = (I, P) => {
+    Q[P].isOpen = I, D([...Q]);
+  }, Q = it || F, fe = !Q || Q.length === 0, De = j !== "" || E, Qt = o ? O * 2 : O, Xt = o ? (Q?.length || 0) / 2 : Q?.length || 0;
+  return /* @__PURE__ */ C(W, { children: [
+    (!fe || De) && /* @__PURE__ */ C(
       Ca,
       {
         id: zt,
         count: Xt,
         first: $,
-        max: H,
-        onNextClick: ae,
-        onPreviousClick: ae,
-        onPerPageSelect: (I, F) => {
-          ae(I), jt(F), Ae(F);
+        max: O,
+        onNextClick: se,
+        onPreviousClick: se,
+        onPerPageSelect: (I, P) => {
+          se(I), ie(P), R(P);
         },
         inputGroupName: n ? `${e}input` : void 0,
-        inputGroupOnEnter: Ee,
+        inputGroupOnEnter: Re,
         inputGroupPlaceholder: k(n || ""),
-        searchTypeComponent: g,
-        toolbarItem: /* @__PURE__ */ b(K, { children: [
-          C,
+        searchTypeComponent: y,
+        toolbarItem: /* @__PURE__ */ C(W, { children: [
+          v,
           " ",
-          /* @__PURE__ */ t(U, { variant: "separator" }),
+          /* @__PURE__ */ t(H, { variant: "separator" }),
           " ",
-          /* @__PURE__ */ t(U, { children: /* @__PURE__ */ b(B, { variant: "link", onClick: nt, "data-testid": "refresh", children: [
+          /* @__PURE__ */ t(H, { children: /* @__PURE__ */ C(V, { variant: "link", onClick: rt, "data-testid": "refresh", children: [
             /* @__PURE__ */ t(dr, {}),
             " ",
             k("refresh")
           ] }) })
         ] }),
-        subToolbar: w,
+        subToolbar: x,
         children: [
-          !x && !pe && /* @__PURE__ */ t(
+          !M && !fe && /* @__PURE__ */ t(
             Ia,
             {
-              ...E,
+              ...T,
               canSelectAll: l,
               canSelect: !!a,
-              selected: v,
+              selected: b,
               onSelect: (I) => {
-                T(I), a?.(I);
+                S(I), a?.(I);
               },
-              onCollapse: s ? Yt : void 0,
+              onCollapse: o ? Yt : void 0,
               actions: Jt(),
-              actionResolver: f,
-              rows: Y.slice(0, Qt),
+              actionResolver: g,
+              rows: Q.slice(0, Qt),
               columns: h,
               isNotCompact: i,
-              isRadio: o,
+              isRadio: s,
               ariaLabelKey: e
             }
           ),
-          !x && pe && Oe && /* @__PURE__ */ t(
-            va,
+          !M && fe && De && /* @__PURE__ */ t(
+            ba,
             {
               hasIcon: !0,
-              icon: y,
+              icon: m,
               isSearchVariant: !0,
               message: k("noSearchResults"),
               instructions: k("noSearchResultsInstructions"),
-              secondaryActions: S ? [] : [
+              secondaryActions: E ? [] : [
                 {
                   text: k("clearAllFilters"),
-                  onClick: () => Ee(""),
-                  type: be.link
+                  onClick: () => Re(""),
+                  type: ke.link
                 }
               ]
             }
@@ -2244,13 +2252,13 @@ function wa({
         ]
       }
     ),
-    x && /* @__PURE__ */ t(ya, {}),
-    !x && pe && !Oe && p
+    M && /* @__PURE__ */ t(ya, {}),
+    !M && fe && !De && p
   ] });
 }
 const xa = ({ link: e, organization: n }) => {
-  const { t: r } = _();
-  return /* @__PURE__ */ t(kr, { wrapModifier: "truncate", children: /* @__PURE__ */ b(e, { organization: n, children: [
+  const { t: r } = q();
+  return /* @__PURE__ */ t(kr, { wrapModifier: "truncate", children: /* @__PURE__ */ C(e, { organization: n, children: [
     n.name,
     !n.enabled && /* @__PURE__ */ t(
       _n,
@@ -2262,17 +2270,17 @@ const xa = ({ link: e, organization: n }) => {
       `${n.id}-disabled`
     )
   ] }) });
-}, Ta = (e) => {
-  const { t: n } = _();
+}, Sa = (e) => {
+  const { t: n } = q();
   return /* @__PURE__ */ t(
-    ze,
+    Je,
     {
       numChips: 2,
       expandedText: n("hide"),
       collapsedText: n("showRemaining"),
       children: e.domains?.map((r) => {
         const a = typeof r == "string" ? r : r.name;
-        return /* @__PURE__ */ t(Je, { isReadOnly: !0, children: a }, a);
+        return /* @__PURE__ */ t(Ye, { isReadOnly: !0, children: a }, a);
       })
     }
   );
@@ -2283,12 +2291,12 @@ const xa = ({ link: e, organization: n }) => {
   isSearching: a = !1,
   searchPlaceholderKey: l,
   onSelect: i,
-  onDelete: o,
-  deleteLabel: s = "delete",
+  onDelete: s,
+  deleteLabel: o = "delete",
   link: u,
-  children: d
+  children: c
 }) => {
-  const { t: h } = _();
+  const { t: h } = q();
   return /* @__PURE__ */ t(
     wa,
     {
@@ -2300,22 +2308,22 @@ const xa = ({ link: e, organization: n }) => {
       toolbarItem: n,
       onSelect: i,
       canSelectAll: i !== void 0,
-      actions: o ? [
+      actions: s ? [
         {
-          title: h(s),
-          onRowClick: o
+          title: h(o),
+          onRowClick: s
         }
       ] : void 0,
       columns: [
         {
           name: "name",
           displayKey: "name",
-          cellRenderer: (c) => /* @__PURE__ */ t(xa, { link: u, organization: c })
+          cellRenderer: (d) => /* @__PURE__ */ t(xa, { link: u, organization: d })
         },
         {
           name: "domains",
           displayKey: "domains",
-          cellRenderer: Ta
+          cellRenderer: Sa
         },
         {
           name: "description",
@@ -2326,7 +2334,7 @@ const xa = ({ link: e, organization: n }) => {
           displayKey: "membershipType"
         }
       ],
-      emptyState: d
+      emptyState: c
     }
   );
 };
@@ -2336,52 +2344,52 @@ export {
   nl as ErrorBoundaryFallback,
   tl as ErrorBoundaryProvider,
   Fr as ErrorPage,
-  Vt as FormErrorText,
+  _t as FormErrorText,
   zr as FormPanel,
   Xa as FormSubmitButton,
   Nr as Help,
-  _t as HelpItem,
+  qt as HelpItem,
   Qa as IconMapper,
   wa as KeycloakDataTable,
   el as KeycloakMasthead,
   qa as KeycloakProvider,
-  oa as KeycloakSelect,
+  sa as KeycloakSelect,
   ya as KeycloakSpinner,
   Hr as KeycloakTextArea,
-  va as ListEmptyState,
+  ba as ListEmptyState,
   Ka as NumberControl,
   rl as OrganizationTable,
   Ca as PaginatingTableToolbar,
   Ha as PasswordControl,
-  qt as PasswordInput,
+  $t as PasswordInput,
   Zr as ScrollForm,
   $r as SelectControl,
-  ie as SelectVariant,
+  ce as SelectVariant,
   za as SwitchControl,
-  ba as TableToolbar,
+  va as TableToolbar,
   Ja as TextAreaControl,
   Ya as TextControl,
   Za as UserProfileFields,
   Wa as beerify,
-  Qe as createNamedContext,
+  Xe as createNamedContext,
   Kr as debeerify,
-  Sr as generateId,
+  Tr as generateId,
   xr as getErrorDescription,
   wr as getErrorMessage,
   $a as getInjectedEnvironment,
-  Mt as getNetworkErrorDescription,
-  Tr as getNetworkErrorMessage,
-  Ar as isDefined,
+  Lt as getNetworkErrorDescription,
+  Sr as getNetworkErrorMessage,
+  Er as isDefined,
   Ga as isUserProfileError,
-  Z as label,
+  ee as label,
   Xr as mainPageContentId,
   ja as setUserProfileServerError,
   Va as useAlerts,
   _a as useEnvironment,
-  Ht as useErrorBoundary,
+  Wt as useErrorBoundary,
   ga as useFetch,
   Lr as useHelp,
-  Xe as useRequiredContext,
-  Er as useSetTimeout,
-  Nt as useStoredState
+  Ze as useRequiredContext,
+  Ar as useSetTimeout,
+  Bt as useStoredState
 };