@keycloak/keycloak-ui-shared 26.6.4 → 26.7.0

package/dist/keycloak-ui-shared.js

@@ -1,53 +1,53 @@
-import { jsx as t, jsxs as k, Fragment as W } from "react/jsx-runtime";
-import { AlertGroup as Zt, Alert as en, AlertVariant as Be, AlertActionCloseButton as tn, Page as nn, Modal as vt, ModalVariant as rn, TextContent as an, Text as ke, Button as q, Spinner as Ct, FormHelperText as Ge, HelperText as We, HelperTextItem as ze, Popover as ln, Icon as Ne, FormGroup as kt, NumberInput as sn, ValidatedOptions as H, InputGroup as xe, InputGroupItem as _e, TextInput as Se, Select as Ae, SelectList as Ee, SelectOption as Je, MenuToggle as pe, MenuToggleStatus as Ye, TextInputGroup as It, TextInputGroupMain as wt, ChipGroup as Qe, Chip as Xe, TextInputGroupUtilities as Tt, Switch as on, TextArea as xt, FileUpload as cn, Title as dn, Card as un, CardHeader as hn, CardTitle as mn, CardBody as pn, Grid as fn, GridItem as st, PageSection as gn, JumpLinks as yn, JumpLinksItem as bn, ButtonVariant as we, Checkbox as vn, Radio as Cn, MenuFooter as kn, Dropdown as In, DropdownList as wn, DropdownItem as ot, Masthead as Tn, MastheadToggle as xn, PageToggleButton as Sn, MastheadBrand as An, MastheadContent as En, Toolbar as Ie, ToolbarContent as qe, ToolbarItem as G, Avatar as Rn, Bullseye as Dn, EmptyState as On, EmptyStateIcon as ct, EmptyStateHeader as Fn, EmptyStateBody as Pn, EmptyStateFooter as Vn, EmptyStateActions as Mn, SearchInput as Ln, Divider as Bn, Pagination as Nn, Badge as _n } from "@patternfly/react-core";
-import { createContext as St, useContext as At, useRef as Y, useEffect as se, useCallback as he, useState as E, useMemo as U, forwardRef as qn, useId as Et, Fragment as Rt, Children as Dt, Component as $n, isValidElement as Un } from "react";
-import { useTranslation as $ } from "react-i18next";
+import { jsx as t, jsxs as I, Fragment as W } from "react/jsx-runtime";
+import { AlertGroup as en, Alert as tn, AlertVariant as Ne, AlertActionCloseButton as nn, Page as rn, Modal as vt, ModalVariant as an, TextContent as ln, Text as Ce, Button as _, Spinner as bt, FormHelperText as We, HelperText as ze, HelperTextItem as Je, Popover as sn, Icon as _e, FormGroup as Ct, NumberInput as on, ValidatedOptions as H, InputGroup as Se, InputGroupItem as qe, TextInput as Te, Select as xe, SelectList as Ee, SelectOption as Ye, MenuToggle as pe, MenuToggleStatus as Qe, TextInputGroup as kt, TextInputGroupMain as It, ChipGroup as Xe, Chip as Ze, TextInputGroupUtilities as wt, Switch as cn, TextArea as St, FileUpload as dn, Title as un, Card as hn, CardHeader as fn, CardTitle as pn, CardBody as mn, Grid as gn, GridItem as st, PageSection as yn, JumpLinks as vn, JumpLinksItem as bn, ButtonVariant as Ie, Checkbox as Cn, Radio as kn, MenuFooter as In, Dropdown as wn, DropdownList as Sn, DropdownItem as ot, Masthead as Tn, MastheadToggle as xn, PageToggleButton as En, MastheadBrand as An, MastheadContent as Rn, Toolbar as ke, ToolbarContent as Ue, ToolbarItem as G, Avatar as Dn, Bullseye as On, EmptyState as Fn, EmptyStateIcon as ct, EmptyStateHeader as Pn, EmptyStateBody as Ln, EmptyStateFooter as Vn, EmptyStateActions as Mn, SearchInput as Bn, Divider as Nn, Pagination as _n, Badge as qn } from "@patternfly/react-core";
+import { createContext as Tt, useContext as xt, useRef as Y, useEffect as le, useCallback as he, useState as R, useMemo as U, isValidElement as Et, forwardRef as Un, useId as At, Fragment as Rt, Children as Dt, Component as $n } from "react";
+import { useTranslation as q } from "react-i18next";
 import { NetworkError as Ot } from "@keycloak/keycloak-admin-client";
 import Kn from "keycloak-js";
 import { ExclamationCircleIcon as Hn, ExclamationTriangleIcon as jn, HelpIcon as Gn, EyeIcon as Wn, EyeSlashIcon as zn, TimesIcon as Ft, CubeIcon as Jn, PaypalIcon as Yn, InstagramIcon as Qn, BitbucketIcon as Xn, MicrosoftIcon as Zn, TwitterIcon as er, StackOverflowIcon as tr, OpenshiftIcon as nr, LinkedinIcon as rr, GoogleIcon as ar, GitlabIcon as lr, FacebookSquareIcon as ir, GithubIcon as sr, MinusCircleIcon as or, PlusCircleIcon as Pt, EllipsisVIcon as cr, BarsIcon as dr, SearchIcon as ur, SyncAltIcon as hr } from "@patternfly/react-icons";
-import { useFormContext as Re, Controller as oe, useController as De, FormProvider as mr, useWatch as pr } from "react-hook-form";
-import { get as _, intersectionBy as fr, cloneDeep as gr } from "lodash-es";
+import { useFormContext as Ae, Controller as oe, useController as Re, FormProvider as fr, useWatch as pr } from "react-hook-form";
+import { get as N, intersectionBy as mr, cloneDeep as gr } from "lodash-es";
 import ve from "@patternfly/react-styles/css/components/Avatar/avatar";
 import { css as yr } from "@patternfly/react-styles";
-import { Table as br, TableVariant as vr, Thead as Cr, Tr as Ce, Th as Me, Tbody as dt, Td as le, ExpandableRowContent as kr, ActionsColumn as Ir, TableText as wr } from "@patternfly/react-table";
-import './main.css';function Ze(e, n) {
-  const r = St(n);
+import { Table as vr, TableVariant as br, Thead as Cr, Tr as be, Th as Ve, Tbody as dt, Td as ie, ExpandableRowContent as kr, ActionsColumn as Ir, TableText as wr } from "@patternfly/react-table";
+import './main.css';function et(e, n) {
+  const r = Tt(n);
   return r.displayName = e, r;
 }
-const Tr = ["error", "errorMessage"], Le = "error_description";
-function xr(e) {
+const Sr = ["error", "errorMessage"], Me = "error_description";
+function Tr(e) {
   if (typeof e == "string")
     return e;
   if (e instanceof Ot)
-    return Vt(e.responseData);
+    return Lt(e.responseData);
   if (e instanceof Error)
     return e.message;
   throw new Error("Unable to determine error message.");
 }
-function Sr(e) {
+function xr(e) {
   if (!(e instanceof Ot))
     return;
   const n = e.responseData;
-  return Ar(n);
+  return Er(n);
 }
-function Ar(e) {
-  if (typeof e == "object" && e !== null && Le in e && typeof e[Le] == "string")
-    return e[Le];
+function Er(e) {
+  if (typeof e == "object" && e !== null && Me in e && typeof e[Me] == "string")
+    return e[Me];
 }
-function Vt(e) {
+function Lt(e) {
   if (!(typeof e != "object" || e === null))
-    for (const n of Tr) {
+    for (const n of Sr) {
       const r = e[n];
       if (typeof r == "string")
         return r;
     }
 }
-const Er = () => Math.floor(Math.random() * 1e3);
+const Ar = () => Math.floor(Math.random() * 1e3);
 function Rr(e) {
   return e != null;
 }
-function et(e) {
-  const n = At(e);
+function tt(e) {
+  const n = xt(e);
   if (Rr(n))
     return n;
   throw new Error(
@@ -56,7 +56,7 @@ function et(e) {
 }
 function Dr() {
   const e = Y(!1), n = Y(/* @__PURE__ */ new Set());
-  se(() => (e.current = !1, () => {
+  le(() => (e.current = !1, () => {
     e.current = !0, r();
   }), []);
   function r() {
@@ -77,22 +77,22 @@ function Dr() {
 }
 function Or({ alerts: e, onCloseAlert: n }) {
   return /* @__PURE__ */ t(
-    Zt,
+    en,
     {
       "data-testid": "global-alerts",
       isToast: !0,
       style: { whiteSpace: "pre-wrap" },
       children: e.map(({ id: r, variant: a, message: l, description: i }, s) => /* @__PURE__ */ t(
-        en,
+        tn,
         {
           "data-testid": s === 0 ? "last-alert" : void 0,
           isLiveRegion: !0,
-          variant: Be[a],
+          variant: Ne[a],
           component: "p",
           variantLabel: "",
           title: l,
           actionClose: /* @__PURE__ */ t(
-            tn,
+            nn,
             {
               title: l,
               onClose: () => n(r)
@@ -105,63 +105,63 @@ function Or({ alerts: e, onCloseAlert: n }) {
     }
   );
 }
-const Fr = 8e3, Mt = Ze(
+const Fr = 8e3, Vt = et(
   "AlertContext",
   void 0
-), qa = () => et(Mt), Pr = ({ children: e }) => {
-  const { t: n } = $(), r = Dr(), [a, l] = E([]), i = (c) => l((u) => u.filter((d) => d.id !== c)), s = he(
-    (c, u = Be.success, d) => {
-      const g = {
-        id: Er(),
+), qa = () => tt(Vt), Pr = ({ children: e }) => {
+  const { t: n } = q(), r = Dr(), [a, l] = R([]), i = (c) => l((h) => h.filter((u) => u.id !== c)), s = he(
+    (c, h = Ne.success, u) => {
+      const m = {
+        id: Ar(),
         message: c,
-        variant: u,
-        description: d
+        variant: h,
+        description: u
       };
-      l((y) => [g, ...y]), r(() => i(g.id), Fr);
+      l((g) => [m, ...g]), r(() => i(m.id), Fr);
     },
     [r]
   ), o = he(
-    (c, u) => {
-      const d = n(c, { error: xr(u) }), g = Sr(u);
-      s(d, Be.danger, g);
+    (c, h) => {
+      const u = n(c, { error: Tr(h) }), m = xr(h);
+      s(u, Ne.danger, m);
     },
     [s, n]
-  ), h = U(() => ({ addAlert: s, addError: o }), [s, o]);
-  return /* @__PURE__ */ k(Mt.Provider, { value: h, children: [
+  ), d = U(() => ({ addAlert: s, addError: o }), [s, o]);
+  return /* @__PURE__ */ I(Vt.Provider, { value: d, children: [
     /* @__PURE__ */ t(Or, { alerts: a, onCloseAlert: i }),
     e
   ] });
-}, Vr = (e) => {
-  const { t: n, i18n: r } = $(), a = e.error, l = Mr(a), i = Vt(a);
+}, Lr = (e) => {
+  const { t: n, i18n: r } = q(), a = e.error, l = Vr(a), i = Lt(a);
   console.error(a);
   function s() {
     location.href = location.origin + location.pathname;
   }
-  return /* @__PURE__ */ t(nn, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(rn, { children: /* @__PURE__ */ t(
     vt,
     {
-      variant: rn.small,
+      variant: an.small,
       title: n("somethingWentWrong"),
       titleIconVariant: "danger",
       showClose: !1,
       isOpen: !0,
       actions: [
-        /* @__PURE__ */ t(q, { variant: "primary", onClick: s, children: n("tryAgain") }, "tryAgain")
+        /* @__PURE__ */ t(_, { variant: "primary", onClick: s, children: n("tryAgain") }, "tryAgain")
       ],
-      children: /* @__PURE__ */ t(an, { children: l ? /* @__PURE__ */ t(ke, { children: n(l) }) : i && r.exists(i) ? /* @__PURE__ */ t(ke, { children: n(i) }) : /* @__PURE__ */ t(ke, { children: n("somethingWentWrongDescription") }) })
+      children: /* @__PURE__ */ t(ln, { children: l ? /* @__PURE__ */ t(Ce, { children: n(l) }) : i && r.exists(i) ? /* @__PURE__ */ t(Ce, { children: n(i) }) : /* @__PURE__ */ t(Ce, { children: n("somethingWentWrongDescription") }) })
     }
   ) });
 };
-function Mr(e) {
+function Vr(e) {
   return e instanceof Error ? e.message : null;
 }
-function Lr(e, n, r) {
-  const [a, l] = E(
+function Mr(e, n, r) {
+  const [a, l] = R(
     () => e.getItem(n) ?? r
   ), i = he((s) => {
     l(s), e.setItem(n, s);
   }, []);
-  return se(() => {
+  return le(() => {
     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);
@@ -169,45 +169,47 @@ function Lr(e, n, r) {
     return () => window.removeEventListener("storage", s);
   }, [e, n]), [a, i];
 }
-function Lt(e, n, r) {
+function Mt(e, n, r) {
   const a = U(
     () => JSON.stringify(r),
     [r]
-  ), [l, i] = Lr(
+  ), [l, i] = Mr(
     e,
     n,
     a
   ), s = U(() => JSON.parse(l), [l]), o = he(
-    (h) => i(JSON.stringify(h)),
+    (d) => i(JSON.stringify(d)),
     []
   );
   return [s, o];
 }
-const Bt = Ze(
+const Bt = et(
   "HelpContext",
   void 0
-), Br = () => et(Bt), Nr = ({ children: e }) => {
-  const [n, r] = Lt(localStorage, "helpEnabled", !0);
+), Br = () => tt(Bt), Nr = ({ children: e }) => {
+  const [n, r] = Mt(localStorage, "helpEnabled", !0);
   function a() {
     r(!n);
   }
   return /* @__PURE__ */ t(Bt.Provider, { value: { enabled: n, toggleHelp: a }, children: e });
-}, _r = () => St(void 0);
+}, _r = () => Tt(void 0);
 let $e;
-const $a = () => {
-  const e = At($e);
+const Ua = () => {
+  const e = xt(
+    $e
+  );
   if (!e)
     throw Error(
       "no environment provider in the hierarchy make sure to add the provider"
     );
   return e;
-}, Ua = ({
+}, $a = ({
   environment: e,
   keycloak: n,
   children: r
 }) => {
   $e = _r();
-  const a = Y(!1), [l, i] = E(!!n), [s, o] = E(), h = U(() => {
+  const a = Y(!1), [l, i] = R(!!n), [s, o] = R(), d = U(() => {
     if (n)
       return n;
     const c = new Kn({
@@ -217,16 +219,16 @@ const $a = () => {
     });
     return c.onAuthLogout = () => c.login(), c;
   }, [e, n]);
-  return se(() => {
+  return le(() => {
     if (n || a.current)
       return;
-    h.init({
+    d.init({
       onLoad: "login-required",
       pkceMethod: "S256",
       responseMode: "query",
       scope: e.scope
-    }).then(() => i(!0)).catch((u) => o(u)), a.current = !0;
-  }, [h, n]), s ? /* @__PURE__ */ t(Vr, { error: s }) : l ? /* @__PURE__ */ t($e.Provider, { value: { environment: e, keycloak: h }, children: /* @__PURE__ */ t(Pr, { children: /* @__PURE__ */ t(Nr, { children: r }) }) }) : /* @__PURE__ */ t(Ct, {});
+    }).then(() => i(!0)).catch((h) => o(h)), a.current = !0;
+  }, [d, n]), s ? /* @__PURE__ */ t(Lr, { error: s }) : l ? /* @__PURE__ */ t($e.Provider, { value: { environment: e, keycloak: d }, children: /* @__PURE__ */ t(Pr, { children: /* @__PURE__ */ t(Nr, { children: r }) }) }) : /* @__PURE__ */ t(bt, {});
 };
 function Ka() {
   const n = document.getElementById("environment")?.textContent;
@@ -247,17 +249,17 @@ const Ha = ({
   buttonVariant: i,
   buttonTestRole: s,
   onContinue: o,
-  component: h = q,
+  component: d = _,
   children: c,
-  ...u
+  ...h
 }) => {
-  const [d, g] = E(!1);
-  return /* @__PURE__ */ k(W, { children: [
+  const [u, m] = R(!1);
+  return /* @__PURE__ */ I(W, { children: [
     /* @__PURE__ */ t(
-      h,
+      d,
       {
         variant: i,
-        onClick: () => g(!0),
+        onClick: () => m(!0),
         isDisabled: l,
         "data-testrole": s,
         children: a
@@ -267,29 +269,29 @@ const Ha = ({
       vt,
       {
         variant: "small",
-        ...u,
+        ...h,
         title: e,
-        isOpen: d,
-        onClose: () => g(!1),
+        isOpen: u,
+        onClose: () => m(!1),
         actions: [
           /* @__PURE__ */ t(
-            q,
+            _,
             {
               id: "modal-confirm",
               variant: "primary",
               onClick: () => {
-                g(!1), o();
+                m(!1), o();
               },
               children: n
             },
             "confirm"
           ),
           /* @__PURE__ */ t(
-            q,
+            _,
             {
               id: "modal-cancel",
               variant: "secondary",
-              onClick: () => g(!1),
+              onClick: () => m(!1),
               children: r
             },
             "cancel"
@@ -299,7 +301,7 @@ const Ha = ({
       }
     )
   ] });
-}, Nt = ({ message: e, ...n }) => /* @__PURE__ */ t(Ge, { ...n, children: /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(ze, { icon: /* @__PURE__ */ t(Hn, {}), variant: "error", children: e }) }) }), _t = ({
+}, Nt = ({ message: e, ...n }) => /* @__PURE__ */ t(We, { ...n, children: /* @__PURE__ */ t(ze, { children: /* @__PURE__ */ t(Je, { icon: /* @__PURE__ */ t(Hn, {}), variant: "error", children: e }) }) }), _t = ({
   helpText: e,
   fieldLabelId: n,
   noVerticalAlign: r = !0,
@@ -307,16 +309,17 @@ const Ha = ({
   isRecommendation: l = !1
 }) => {
   const { enabled: i } = Br(), s = l ? jn : Gn;
-  return i ? /* @__PURE__ */ t(ln, { bodyContent: e, children: /* @__PURE__ */ k(W, { children: [
+  return i ? /* @__PURE__ */ t(sn, { bodyContent: e, children: /* @__PURE__ */ I(W, { children: [
     !a && /* @__PURE__ */ t(
       "button",
       {
+        type: "button",
         "data-testid": `help-label-${n}`,
         "aria-label": n,
         onClick: (o) => o.preventDefault(),
         className: "pf-v5-c-form__group-label-help",
         children: /* @__PURE__ */ t(
-          Ne,
+          _e,
           {
             isInline: r,
             status: l ? "warning" : void 0,
@@ -326,7 +329,7 @@ const Ha = ({
       }
     ),
     a && /* @__PURE__ */ t(
-      Ne,
+      _e,
       {
         isInline: r,
         status: l ? "warning" : void 0,
@@ -347,12 +350,12 @@ const Q = ({
   error: l,
   children: i,
   ...s
-}) => /* @__PURE__ */ k(
-  kt,
+}) => /* @__PURE__ */ I(
+  Ct,
   {
     label: r || n,
     fieldId: e || n,
-    labelIcon: a ? /* @__PURE__ */ t(_t, { helpText: a, fieldLabelId: e || n }) : void 0,
+    labelIcon: Et(a) ? a : a ? /* @__PURE__ */ t(_t, { helpText: a, fieldLabelId: e || n }) : void 0,
     ...s,
     children: [
       i,
@@ -369,7 +372,7 @@ const Q = ({
   const {
     control: i,
     formState: { errors: s }
-  } = Re();
+  } = Ae();
   return /* @__PURE__ */ t(
     Q,
     {
@@ -385,24 +388,24 @@ const Q = ({
           name: e,
           control: i,
           render: ({ field: o }) => {
-            const h = !!r.rules?.required, c = ce(r.rules?.min), u = o.value ?? r.defaultValue, d = (g) => o.onChange(
-              c !== void 0 ? Math.max(g, Number(c)) : g
+            const d = !!r.rules?.required, c = ce(r.rules?.min), h = o.value ?? r.defaultValue, u = (m) => o.onChange(
+              c !== void 0 ? Math.max(m, Number(c)) : m
             );
             return /* @__PURE__ */ t(
-              sn,
+              on,
               {
                 ...l,
                 id: e,
-                value: u,
+                value: h,
                 validated: s[e] ? H.error : H.default,
-                required: h,
+                required: d,
                 min: Number(c),
                 max: Number(r.rules?.max),
-                onPlus: () => d(u + 1),
-                onMinus: () => d(u - 1),
-                onChange: (g) => {
-                  const y = Number(g.currentTarget.value);
-                  d(isNaN(y) ? r.defaultValue : y);
+                onPlus: () => u(h + 1),
+                onMinus: () => u(h - 1),
+                onChange: (m) => {
+                  const g = Number(m.currentTarget.value);
+                  u(isNaN(g) ? r.defaultValue : g);
                 }
               }
             );
@@ -416,10 +419,10 @@ const Q = ({
   innerRef: n,
   ...r
 }) => {
-  const { t: a } = $(), [l, i] = E(!0);
-  return /* @__PURE__ */ k(xe, { children: [
-    /* @__PURE__ */ t(_e, { isFill: !0, children: /* @__PURE__ */ t(
-      Se,
+  const { t: a } = q(), [l, i] = R(!0);
+  return /* @__PURE__ */ I(Se, { children: [
+    /* @__PURE__ */ t(qe, { isFill: !0, children: /* @__PURE__ */ t(
+      Te,
       {
         ...r,
         type: l ? "password" : "text",
@@ -427,7 +430,7 @@ const Q = ({
       }
     ) }),
     e && /* @__PURE__ */ t(
-      q,
+      _,
       {
         variant: "control",
         "aria-label": a("showPassword"),
@@ -436,16 +439,16 @@ const Q = ({
       }
     )
   ] });
-}, qt = qn(
+}, qt = Un(
   (e, n) => /* @__PURE__ */ t(qr, { ...e, innerRef: n })
 );
 qt.displayName = "PasswordInput";
 const Ga = (e) => {
-  const { labelIcon: n, ...r } = e, a = !!ce(e.rules?.required), l = e.defaultValue ?? "", { field: i, fieldState: s } = De({
+  const { labelIcon: n, ...r } = e, a = !!ce(e.rules?.required), l = e.defaultValue ?? "", { field: i, fieldState: s } = Re({
     ...e,
     defaultValue: l
   });
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ I(
     Q,
     {
       name: e.name,
@@ -466,11 +469,11 @@ const Ga = (e) => {
             ...i
           }
         ),
-        e.helperText && /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(ze, { children: e.helperText }) }) })
+        e.helperText && /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(ze, { children: /* @__PURE__ */ t(Je, { children: e.helperText }) }) })
       ]
     }
   );
-}, $r = ({
+}, Ur = ({
   id: e,
   name: n,
   label: r,
@@ -479,68 +482,68 @@ const Ga = (e) => {
   controller: i,
   labelIcon: s,
   isDisabled: o,
-  isFullWidth: h = !0,
+  isFullWidth: d = !0,
   onSelect: c,
-  ...u
+  ...h
 }) => {
   const {
-    control: d,
-    formState: { errors: g }
-  } = Re(), [y, C] = E(!1), R = ce(i.rules?.required) === !0;
+    control: u,
+    formState: { errors: m }
+  } = Ae(), [g, C] = R(!1), E = ce(i.rules?.required) === !0;
   return /* @__PURE__ */ t(
     Q,
     {
       id: e,
       name: n,
       label: r,
-      isRequired: R,
-      error: _(g, n),
+      isRequired: E,
+      error: N(m, n),
       labelIcon: s,
       children: /* @__PURE__ */ t(
         oe,
         {
           ...i,
           name: n,
-          control: d,
-          render: ({ field: { onChange: b, value: m } }) => /* @__PURE__ */ t(
-            Ae,
+          control: u,
+          render: ({ field: { onChange: v, value: f } }) => /* @__PURE__ */ t(
+            xe,
             {
-              ...u,
+              ...h,
               variant: "default",
-              onClick: () => C(!y),
+              onClick: () => C(!g),
               onOpenChange: () => C(!1),
               selected: re(a) ? a.filter(
-                (v) => Array.isArray(m) ? m.includes(v.key) : m === v.key
-              ).map((v) => v.value) : m,
-              toggle: (v) => /* @__PURE__ */ t(
+                (b) => Array.isArray(f) ? f.includes(b.key) : f === b.key
+              ).map((b) => b.value) : f,
+              toggle: (b) => /* @__PURE__ */ t(
                 pe,
                 {
                   id: e || n,
-                  ref: v,
-                  onClick: () => C(!y),
-                  isExpanded: y,
-                  isFullWidth: h,
-                  status: _(g, n) ? Ye.danger : void 0,
+                  ref: b,
+                  onClick: () => C(!g),
+                  isExpanded: g,
+                  isFullWidth: d,
+                  status: N(m, n) ? Qe.danger : void 0,
                   "aria-label": r,
                   isDisabled: o,
                   children: re(a) ? a.find(
-                    (A) => A.key === (Array.isArray(m) ? m[0] : m)
-                  )?.value : m
+                    (A) => A.key === (Array.isArray(f) ? f[0] : f)
+                  )?.value : f
                 }
               ),
-              onSelect: (v, A) => {
-                const I = A?.toString(), f = Array.isArray(m) ? [I] : I;
-                c ? c(f, b) : b(f), C(!1);
+              onSelect: (b, A) => {
+                const w = A?.toString(), y = Array.isArray(f) ? [w] : w;
+                c ? c(y, v) : v(y), C(!1);
               },
-              isOpen: y,
-              children: /* @__PURE__ */ t(Ee, { "data-testid": `select-${n}`, children: [...a, ...l].map((v) => /* @__PURE__ */ t(
-                Je,
+              isOpen: g,
+              children: /* @__PURE__ */ t(Ee, { "data-testid": `select-${n}`, children: [...a, ...l].map((b) => /* @__PURE__ */ t(
+                Ye,
                 {
-                  value: ie(v),
-                  description: !me(v) && "description" in v ? v.description : void 0,
-                  children: me(v) ? v : v.value
+                  value: se(b),
+                  description: !fe(b) && "description" in b ? b.description : void 0,
+                  children: fe(b) ? b : b.value
                 },
-                ie(v)
+                se(b)
               )) })
             }
           )
@@ -548,7 +551,7 @@ const Ga = (e) => {
       )
     }
   );
-}, ne = (e) => me(e) ? e : e.value, Ur = ({
+}, ne = (e) => fe(e) ? e : e.value, $r = ({
   id: e,
   name: n,
   label: r,
@@ -557,52 +560,52 @@ const Ga = (e) => {
   controller: i,
   labelIcon: s,
   placeholderText: o,
-  onFilter: h,
+  onFilter: d,
   variant: c,
-  isFullWidth: u = !0,
-  ...d
+  isFullWidth: h = !0,
+  ...u
 }) => {
   const {
-    control: g,
-    formState: { errors: y }
-  } = Re(), [C, R] = E(!1), [b, m] = E(""), [v, A] = E(0), [I, f] = E([]), T = Y(), V = ce(i.rules?.required) === !0, O = c === ue.typeaheadMulti, D = U(
+    control: m,
+    formState: { errors: g }
+  } = Ae(), [C, E] = R(!1), [v, f] = R(""), [b, A] = R(0), [w, y] = R([]), T = Y(), P = ce(i.rules?.required) === !0, O = c === ue.typeaheadMulti, D = U(
     () => [
       ...a.filter(
-        (p) => !l.map((x) => ne(x)).includes(ne(p))
+        (p) => !l.map((k) => ne(k)).includes(ne(p))
       ),
       ...l
     ],
     [l, a]
-  ), j = D.filter(
-    (p) => ne(p).toLowerCase().startsWith(b.toLowerCase())
-  ), F = (p, x) => {
-    x.value.includes(p) ? (x.onChange(x.value.filter((S) => S !== p)), re(a) && f(
-      I.filter((S) => S.key !== p)
-    )) : (x.onChange([...x.value, p]), re(D) && f([
-      ...I,
-      D.find((S) => S.key === p)
+  ), $ = D.filter(
+    (p) => ne(p).toLowerCase().startsWith(v.toLowerCase())
+  ), j = (p, k) => {
+    k.value.includes(p) ? (k.onChange(k.value.filter((x) => x !== p)), re(a) && y(
+      w.filter((x) => x.key !== p)
+    )) : (k.onChange([...k.value, p]), re(D) && y([
+      ...w,
+      D.find((x) => x.key === p)
     ]));
-  }, B = (p, x) => {
-    const S = j[v];
-    switch (R(!0), p.key) {
+  }, L = (p, k) => {
+    const x = $[b];
+    switch (E(!0), p.key) {
       case "Enter": {
-        p.preventDefault(), m(O ? "" : ne(S)), F(ie(S), x), R(!1), A(0);
+        p.preventDefault(), f(O ? "" : ne(x)), j(se(x), k), E(!1), A(0);
         break;
       }
       case "Tab":
       case "Escape": {
-        R(!1), x.onChange(void 0);
+        E(!1), k.onChange(void 0);
         break;
       }
       case "Backspace": {
-        c === ue.typeahead && x.onChange("");
+        c === ue.typeahead && k.onChange("");
         break;
       }
       case "ArrowUp":
       case "ArrowDown": {
         p.preventDefault();
-        let L = 0;
-        p.key === "ArrowUp" && (v === 0 ? L = a.length - 1 : L = v - 1), p.key === "ArrowDown" && (v === a.length - 1 ? L = 0 : L = v + 1), A(L);
+        let M = 0;
+        p.key === "ArrowUp" && (b === 0 ? M = a.length - 1 : M = b - 1), p.key === "ArrowDown" && (b === a.length - 1 ? M = 0 : M = b + 1), A(M);
         break;
       }
     }
@@ -613,81 +616,81 @@ const Ga = (e) => {
       id: e,
       name: n,
       label: r,
-      isRequired: V,
-      error: _(y, n),
+      isRequired: P,
+      error: N(g, n),
       labelIcon: s,
       children: /* @__PURE__ */ t(
         oe,
         {
           ...i,
           name: n,
-          control: g,
+          control: m,
           render: ({ field: p }) => /* @__PURE__ */ t(
-            Ae,
+            xe,
             {
-              ...d,
-              onOpenChange: () => R(!1),
+              ...u,
+              onOpenChange: () => E(!1),
               selected: re(D) ? D.filter(
-                (x) => Array.isArray(p.value) ? p.value.includes(x.key) : p.value === x.key
-              ).map((x) => x.value) : p.value,
+                (k) => Array.isArray(p.value) ? p.value.includes(k.key) : p.value === k.key
+              ).map((k) => k.value) : p.value,
               shouldFocusFirstItemOnOpen: !1,
-              toggle: (x) => /* @__PURE__ */ t(
+              toggle: (k) => /* @__PURE__ */ t(
                 pe,
                 {
-                  ref: x,
+                  ref: k,
                   id: e || n,
                   variant: "typeahead",
                   onClick: () => {
-                    R(!C), T.current?.focus();
+                    E(!C), T.current?.focus();
                   },
                   isExpanded: C,
-                  isFullWidth: u,
-                  status: _(y, n) ? Ye.danger : void 0,
-                  children: /* @__PURE__ */ k(It, { isPlain: !0, children: [
+                  isFullWidth: h,
+                  status: N(g, n) ? Qe.danger : void 0,
+                  children: /* @__PURE__ */ I(kt, { isPlain: !0, children: [
                     /* @__PURE__ */ t(
-                      wt,
+                      It,
                       {
                         placeholder: o,
                         value: c === ue.typeahead && p.value ? re(D) ? D.find(
-                          (S) => S.key === (Array.isArray(p.value) ? p.value[0] : p.value)
-                        )?.value : p.value : b,
-                        onClick: () => R(!C),
-                        onChange: (S, L) => {
-                          m(L), h?.(L);
+                          (x) => x.key === (Array.isArray(p.value) ? p.value[0] : p.value)
+                        )?.value : p.value : v,
+                        onClick: () => E(!C),
+                        onChange: (x, M) => {
+                          f(M), d?.(M);
                         },
-                        onKeyDown: (S) => B(S, p),
+                        onKeyDown: (x) => L(x, p),
                         autoComplete: "off",
                         innerRef: T,
                         role: "combobox",
                         isExpanded: C,
                         "aria-controls": "select-typeahead-listbox",
-                        children: c === ue.typeaheadMulti && Array.isArray(p.value) && /* @__PURE__ */ t(Qe, { "aria-label": "Current selections", children: p.value.map(
-                          (S, L) => /* @__PURE__ */ t(
-                            Xe,
+                        children: c === ue.typeaheadMulti && Array.isArray(p.value) && /* @__PURE__ */ t(Xe, { "aria-label": "Current selections", children: p.value.map(
+                          (x, M) => /* @__PURE__ */ t(
+                            Ze,
                             {
-                              onClick: (N) => {
-                                N.stopPropagation(), p.onChange(
+                              onClick: (B) => {
+                                B.stopPropagation(), p.onChange(
                                   p.value.filter(
-                                    (Z) => Z !== ie(S)
+                                    (Z) => Z !== se(x)
                                   )
                                 );
                               },
                               children: re(D) ? [
                                 ...D,
-                                ...I
-                              ].find((N) => S === N.key)?.value : ne(S)
+                                ...w
+                              ].find((B) => x === B.key)?.value : ne(x)
                             },
-                            L
+                            M
                           )
                         ) })
                       }
                     ),
-                    /* @__PURE__ */ t(Tt, { children: (!!b || p.value) && /* @__PURE__ */ t(
-                      q,
+                    /* @__PURE__ */ t(wt, { children: (!!v || p.value) && /* @__PURE__ */ t(
+                      _,
                       {
                         variant: "plain",
                         onClick: () => {
-                          m(""), p.onChange(O ? [] : ""), T?.current?.focus();
+                          f(""), p.onChange(O ? [] : ""), T.current?.focus();
                         },
                         "aria-label": "Clear input value",
                         children: /* @__PURE__ */ t(Ft, { "aria-hidden": !0 })
@@ -696,22 +699,22 @@ const Ga = (e) => {
                   ] })
                 }
               ),
-              onSelect: (x, S) => {
-                x?.stopPropagation();
-                const L = S?.toString();
-                O && Array.isArray(p.value) ? (m(""), F(L || "", p)) : (p.onChange(Array.isArray(p.value) ? [L] : L), R(!1));
+              onSelect: (k, x) => {
+                k?.stopPropagation();
+                const M = x?.toString();
+                O && Array.isArray(p.value) ? (f(""), j(M || "", p)) : (p.onChange(Array.isArray(p.value) ? [M] : M), E(!1));
               },
               isOpen: C,
-              children: /* @__PURE__ */ t(Ee, { children: j.map((x, S) => /* @__PURE__ */ t(
-                Je,
+              children: /* @__PURE__ */ t(Ee, { children: $.map((k, x) => /* @__PURE__ */ t(
+                Ye,
                 {
-                  value: ie(x),
-                  isFocused: v === S,
-                  isActive: p.value.includes(ne(x)),
-                  description: !me(x) && "description" in x ? x.description : void 0,
-                  children: ne(x)
+                  value: se(k),
+                  isFocused: b === x,
+                  isActive: p.value.includes(ne(k)),
+                  description: !fe(k) && "description" in k ? k.description : void 0,
+                  children: ne(k)
                 },
-                ie(x)
+                se(k)
               )) })
             }
           )
@@ -721,13 +724,13 @@ const Ga = (e) => {
   );
 };
 var ue = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(ue || {});
-const re = (e) => typeof e[0] != "string", me = (e) => typeof e == "string", ie = (e) => me(e) ? e : e.key, Kr = ({
+const re = (e) => typeof e[0] != "string", fe = (e) => typeof e == "string", se = (e) => fe(e) ? e : e.key, Kr = ({
   variant: e = "single",
   ...n
-}) => e === "single" ? /* @__PURE__ */ t($r, { ...n }) : /* @__PURE__ */ t(Ur, { ...n, variant: e }), Ue = (e) => e && typeof e == "string" ? e.includes("${") : !1, Ke = (e) => e.substring(2, e.length - 1), ae = (e, n, r, a) => {
-  const l = n || r, i = Ue(l) ? Ke(l) : l, s = a ? `${a}.${i}` : i;
+}) => e === "single" ? /* @__PURE__ */ t(Ur, { ...n }) : /* @__PURE__ */ t($r, { ...n, variant: e }), Ke = (e) => e && typeof e == "string" ? e.includes("${") : !1, He = (e) => e.substring(2, e.length - 1), ae = (e, n, r, a) => {
+  const l = n || r, i = Ke(l) ? He(l) : l, s = a ? `${a}.${i}` : i;
   return e(s || "");
-}, He = (e, n) => ae(e, n.displayName, n.name), Hr = ["username", "firstName", "lastName", "email"], $t = (e) => e && Hr.includes(e), X = (e) => `${$t(e) ? "" : "attributes."}${e?.replaceAll(
+}, je = (e, n) => ae(e, n.displayName, n.name), Hr = ["username", "firstName", "lastName", "email"], Ut = (e) => e && Hr.includes(e), X = (e) => `${Ut(e) ? "" : "attributes."}${e?.replaceAll(
   ".",
   "🍺"
 )}`, Wa = (e) => e.replaceAll(".", "🍺"), jr = (e) => e.replaceAll("🍺", ".");
@@ -735,11 +738,11 @@ function za(e, n, r) {
   (e.responseData.errors !== void 0 ? e.responseData.errors : [e.responseData]).forEach((a) => {
     const l = Object.assign(
       {},
-      a.params?.map((i) => Ue(i) ? r(Ke(i)) : i)
+      a.params?.map((i) => Ke(i) ? r(He(i)) : i)
     );
     n(X(a.field), {
       message: r(
-        Ue(a.errorMessage) ? Ke(a.errorMessage) : a.errorMessage,
+        Ke(a.errorMessage) ? He(a.errorMessage) : a.errorMessage,
         {
           /* eslint-disable @typescript-eslint/no-misused-spread */
           ...l,
@@ -750,7 +753,7 @@ function za(e, n, r) {
     });
   });
 }
-function Oe({
+function De({
   required: e
 }) {
   return e;
@@ -771,7 +774,7 @@ const Ya = ({
   labelIcon: a,
   ...l
 }) => {
-  const s = r ?? (n ? "false" : !1), { control: o } = Re();
+  const s = r ?? (n ? "false" : !1), { control: o } = Ae();
   return /* @__PURE__ */ t(
     Q,
     {
@@ -786,8 +789,8 @@ const Ya = ({
           control: o,
           name: l.name,
           defaultValue: s,
-          render: ({ field: { onChange: h, value: c } }) => /* @__PURE__ */ t(
-            on,
+          render: ({ field: { onChange: d, value: c } }) => /* @__PURE__ */ t(
+            cn,
             {
               ...l,
               id: l.name,
@@ -795,9 +798,9 @@ const Ya = ({
               label: e,
               "aria-label": l.label,
               isChecked: n ? c === "true" : c,
-              onChange: (u, d) => {
-                const g = n ? d.toString() : d;
-                l.onChange?.(u, d), h(g);
+              onChange: (h, u) => {
+                const m = n ? u.toString() : u;
+                l.onChange?.(h, u), d(m);
               }
             }
           )
@@ -806,7 +809,7 @@ const Ya = ({
     }
   );
 }, Qa = (e) => {
-  const n = !!e.rules?.required, r = e.defaultValue ?? "", { field: a, fieldState: l } = De({
+  const n = !!e.rules?.required, r = e.defaultValue ?? "", { field: a, fieldState: l } = Re({
     ...e,
     defaultValue: r
   });
@@ -819,7 +822,7 @@ const Ya = ({
       name: e.name,
       error: l.error,
       children: /* @__PURE__ */ t(
-        xt,
+        St,
         {
           isRequired: n,
           id: e.name,
@@ -833,11 +836,11 @@ const Ya = ({
     }
   );
 }, Xa = (e) => {
-  const { labelIcon: n, helperText: r, ...a } = e, l = !!ce(e.rules?.required), i = e.defaultValue ?? "", { field: s, fieldState: o } = De({
+  const { labelIcon: n, helperText: r, ...a } = e, l = !!ce(e.rules?.required), i = e.defaultValue ?? "", { field: s, fieldState: o } = Re({
     ...e,
     defaultValue: i
   });
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ I(
     Q,
     {
       name: e.name,
@@ -847,7 +850,7 @@ const Ya = ({
       error: o.error,
       children: [
         /* @__PURE__ */ t(
-          Se,
+          Te,
           {
             isRequired: l,
             id: e.name,
@@ -858,12 +861,12 @@ const Ya = ({
             ...s
           }
         ),
-        r && /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(ze, { children: r }) }) })
+        r && /* @__PURE__ */ t(We, { children: /* @__PURE__ */ t(ze, { children: /* @__PURE__ */ t(Je, { children: r }) }) })
       ]
     }
   );
-}, Gr = xt, Za = (e) => {
-  const { labelIcon: n, ...r } = e, a = !!ce(e.rules?.required), l = e.defaultValue ?? "", { t: i } = $(), [s, o] = E(""), { field: h, fieldState: c } = De({
+}, Gr = St, Za = (e) => {
+  const { labelIcon: n, ...r } = e, a = !!ce(e.rules?.required), l = e.defaultValue ?? "", { t: i } = q(), [s, o] = R(""), { field: d, fieldState: c } = Re({
     ...e,
     defaultValue: l
   });
@@ -876,7 +879,7 @@ const Ya = ({
       isRequired: a,
       error: c.error,
       children: /* @__PURE__ */ t(
-        cn,
+        dn,
         {
           isRequired: a,
           "data-testid": e["data-testid"] || e.name,
@@ -886,21 +889,21 @@ const Ya = ({
           hideDefaultPreview: !0,
           isDisabled: e.isDisabled,
           type: "text",
-          onFileInputChange: (u, d) => {
-            h.onChange(d), o(d.name);
+          onFileInputChange: (h, u) => {
+            d.onChange(u), o(u.name);
           },
           onClearClick: () => {
-            h.onChange(null), o("");
+            d.onChange(null), o("");
           },
           ...r,
-          ...h
+          ...d
         }
       )
     }
   );
 }, el = ({ icon: e }) => {
   const n = Wr(e);
-  return /* @__PURE__ */ t(Ne, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
+  return /* @__PURE__ */ t(_e, { size: "lg", children: /* @__PURE__ */ t(n, { alt: e }) });
 };
 function Wr(e) {
   switch (e) {
@@ -935,14 +938,14 @@ function Wr(e) {
 }
 const zr = "_title_180i0_2", Jr = {
   title: zr
-}, Ut = ({
+}, $t = ({
   id: e,
   title: n,
   headingLevel: r = "h1",
   size: a = "xl",
   ...l
 }) => /* @__PURE__ */ t(
-  dn,
+  un,
   {
     headingLevel: r,
     size: a,
@@ -958,70 +961,74 @@ const zr = "_title_180i0_2", Jr = {
   scrollId: r,
   className: a
 }) => {
-  const l = Et();
-  return /* @__PURE__ */ k(un, { id: l, className: a, isFlat: !0, children: [
-    /* @__PURE__ */ t(hn, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(mn, { tabIndex: 0, children: /* @__PURE__ */ t(Ut, { id: r, title: e }) }) }),
-    /* @__PURE__ */ t(pn, { className: "kc-form-panel__body", children: n })
+  const l = At();
+  return /* @__PURE__ */ I(hn, { id: l, className: a, isFlat: !0, children: [
+    /* @__PURE__ */ t(fn, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(pn, { tabIndex: 0, children: /* @__PURE__ */ t($t, { id: r, title: e }) }) }),
+    /* @__PURE__ */ t(mn, { className: "kc-form-panel__body", children: n })
   ] });
 }, Qr = (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__ */ k(W, { children: [
-    /* @__PURE__ */ t(Ut, { id: a, title: n }),
+  return /* @__PURE__ */ t("section", { ...l, style: { marginTop: "var(--pf-v5-global--spacer--lg)" }, children: /* @__PURE__ */ I(W, { children: [
+    /* @__PURE__ */ t($t, { id: a, title: n }),
     r
   ] }) });
 }, Xr = "_panel_1cdve_1", Zr = "_sticky_1cdve_5", ht = {
   panel: Xr,
   sticky: Zr
-}, ea = "kc-main-content-page-container", mt = (e) => e.replace(/\s+/g, "-"), ta = ({
+}, ea = "kc-main-content-page-container", Be = (e) => e.replace(/\s+/g, "-"), ta = ({
   label: e,
   sections: n,
   borders: r = !1,
   ...a
 }) => {
   const l = U(
-    () => n.filter(({ isHidden: i }) => !i),
+    () => n.filter(({ isHidden: o }) => !o),
     [n]
-  );
-  return /* @__PURE__ */ k(fn, { hasGutter: !0, ...a, children: [
-    /* @__PURE__ */ t(st, { md: 8, sm: 12, children: l.map(({ title: i, panel: s }) => {
-      const o = mt(i.toLowerCase());
+  ), [i, s] = R(0);
+  return le(() => {
+    const o = document.getElementById(ea);
+    if (!o) return;
+    const d = 100, c = () => {
+      const h = o.scrollTop + d;
+      let u = 0;
+      l.forEach(({ title: m }, g) => {
+        const C = Be(m.toLowerCase()), E = document.getElementById(C);
+        E && h >= E.offsetTop && (u = g);
+      }), s(u);
+    };
+    return c(), o.addEventListener("scroll", c), () => o.removeEventListener("scroll", c);
+  }, [l]), /* @__PURE__ */ I(gn, { hasGutter: !0, ...a, children: [
+    /* @__PURE__ */ t(st, { md: 8, sm: 12, children: l.map(({ title: o, panel: d }) => {
+      const c = Be(o.toLowerCase());
       return /* @__PURE__ */ t(Rt, { children: r ? /* @__PURE__ */ t(
         Yr,
         {
-          scrollId: o,
-          title: i,
+          scrollId: c,
+          title: o,
           className: ht.panel,
-          children: s
+          children: d
         }
-      ) : /* @__PURE__ */ t(Qr, { scrollId: o, title: i, children: s }) }, i);
+      ) : /* @__PURE__ */ t(Qr, { scrollId: c, title: o, children: d }) }, o);
     }) }),
-    /* @__PURE__ */ t(st, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(gn, { className: ht.sticky, children: /* @__PURE__ */ t(
-      yn,
-      {
-        isVertical: !0,
-        scrollableSelector: `#${ea}`,
-        label: e,
-        offset: 100,
-        children: l.map(({ title: i }) => {
-          const s = mt(i.toLowerCase());
-          return /* @__PURE__ */ t(
-            bn,
-            {
-              onClick: () => {
-                const o = document.getElementById(s);
-                o && o.scrollIntoView({
-                  behavior: "smooth",
-                  block: "start"
-                });
-              },
-              "data-testid": `jump-link-${s}`,
-              children: i
-            },
-            i
-          );
-        })
-      }
-    ) }) })
+    /* @__PURE__ */ t(st, { md: 4, sm: 12, order: { default: "-1", md: "1" }, children: /* @__PURE__ */ t(yn, { className: ht.sticky, children: /* @__PURE__ */ t(vn, { isVertical: !0, label: e, children: l.map(({ title: o }, d) => {
+      const c = Be(o.toLowerCase());
+      return /* @__PURE__ */ t(
+        bn,
+        {
+          isActive: i === d,
+          onClick: () => {
+            const h = document.getElementById(c);
+            h && h.scrollIntoView({
+              behavior: "smooth",
+              block: "start"
+            });
+          },
+          "data-testid": `jump-link-${c}`,
+          children: o
+        },
+        o
+      );
+    }) }) }) })
   ] });
 }, na = (e, n, r) => (e.isValid || r) && (e.isDirty || n) && !e.isLoading && !e.isValidating && !e.isSubmitting, tl = ({
   formState: e,
@@ -1031,10 +1038,10 @@ const zr = "_title_180i0_2", Jr = {
   children: l,
   ...i
 }) => /* @__PURE__ */ t(
-  q,
+  _,
   {
     variant: "primary",
-    isDisabled: e && !na(e, a, r) || n,
+    isDisabled: !na(e, a, r) || n,
     ...i,
     type: "submit",
     children: l
@@ -1058,7 +1065,7 @@ const zr = "_title_180i0_2", Jr = {
     })).sort((i, s) => i.value.localeCompare(s.value, a)),
     [r, a, e]
   );
-  return l.length ? /* @__PURE__ */ t(mr, { ...n, children: /* @__PURE__ */ t(
+  return l.length ? /* @__PURE__ */ t(fr, { ...n, children: /* @__PURE__ */ t(
     Kr,
     {
       "data-testid": "locale-select",
@@ -1069,7 +1076,7 @@ const zr = "_title_180i0_2", Jr = {
       variant: l.length >= 10 ? "typeahead" : "single"
     }
   ) }) : null;
-}, fe = ({
+}, me = ({
   t: e,
   form: n,
   attribute: r,
@@ -1081,24 +1088,24 @@ const zr = "_title_180i0_2", Jr = {
     r.annotations?.inputHelperTextBefore
   ), {
     formState: { errors: s }
-  } = n, o = a?.(r), h = _(s, X(r.name));
-  return /* @__PURE__ */ k(
-    kt,
+  } = n, o = a?.(r), d = N(s, X(r.name));
+  return /* @__PURE__ */ I(
+    Ct,
     {
-      label: He(e, r) || "",
+      label: je(e, r) || "",
       fieldId: r.name,
-      isRequired: Oe(r),
+      isRequired: De(r),
       labelIcon: i ? /* @__PURE__ */ t(_t, { helpText: i, fieldLabelId: r.name }) : void 0,
       children: [
-        o ? /* @__PURE__ */ k(xe, { children: [
+        o ? /* @__PURE__ */ I(Se, { children: [
           l,
           o
         ] }) : l,
-        h && /* @__PURE__ */ t(
+        d && /* @__PURE__ */ t(
           Nt,
           {
             "data-testid": `${r.name}-helper`,
-            message: h.message
+            message: d.message
           }
         )
       ]
@@ -1111,17 +1118,18 @@ const zr = "_title_180i0_2", Jr = {
   attribute: r,
   renderer: a,
   ...l
-}) => /* @__PURE__ */ t(fe, { t: e, form: n, attribute: r, renderer: a, children: /* @__PURE__ */ t(
+}) => /* @__PURE__ */ t(me, { t: e, form: n, attribute: r, renderer: a, children: /* @__PURE__ */ t(
   ia,
   {
     t: e,
     form: n,
-    "aria-label": He(e, r),
+    "aria-label": je(e, r),
     name: X(r.name),
     defaultValue: [r.defaultValue || ""],
     addButtonLabel: e("addMultivaluedLabel", {
-      fieldLabel: He(e, r)
+      fieldLabel: je(e, r)
     }),
+    isDisabled: r.readOnly,
     ...l
   }
 ) }), ia = ({
@@ -1133,58 +1141,58 @@ const zr = "_title_180i0_2", Jr = {
   isDisabled: i = !1,
   defaultValue: s,
   id: o,
-  ...h
+  ...d
 }) => {
-  const { register: c, setValue: u, control: d } = a, g = pr({
+  const { register: c, setValue: h, control: u } = a, m = pr({
     name: n,
-    control: d,
+    control: u,
     defaultValue: s || ""
-  }), y = U(() => Array.isArray(g) && g.length !== 0 ? g : s || [""], [g]), C = (A) => {
-    m([...y.slice(0, A), ...y.slice(A + 1)]);
-  }, R = () => {
-    m([...y, ""]);
-  }, b = (A, I) => {
-    m([...y.slice(0, A), I, ...y.slice(A + 1)]);
-  }, m = (A) => {
-    const I = A.flatMap((f) => f);
-    u(n, I, {
+  }), g = U(() => Array.isArray(m) && m.length !== 0 ? m : s || [""], [m]), C = (A) => {
+    f([...g.slice(0, A), ...g.slice(A + 1)]);
+  }, E = () => {
+    f([...g, ""]);
+  }, v = (A, w) => {
+    f([...g.slice(0, A), w, ...g.slice(A + 1)]);
+  }, f = (A) => {
+    const w = A.flatMap((y) => y);
+    h(n, w, {
       shouldDirty: !0
     });
-  }, v = r.startsWith("html") ? r.substring(6) : "text";
-  return se(() => {
+  }, b = r.startsWith("html") ? r.substring(6) : "text";
+  return le(() => {
     c(n);
-  }, [c]), /* @__PURE__ */ t("div", { id: o, children: y.map((A, I) => /* @__PURE__ */ k(Rt, { children: [
-    /* @__PURE__ */ k(xe, { children: [
-      /* @__PURE__ */ t(_e, { isFill: !0, children: /* @__PURE__ */ t(
-        Se,
+  }, [c]), /* @__PURE__ */ t("div", { id: o, children: g.map((A, w) => /* @__PURE__ */ I(Rt, { children: [
+    /* @__PURE__ */ I(Se, { children: [
+      /* @__PURE__ */ t(qe, { isFill: !0, children: /* @__PURE__ */ t(
+        Te,
         {
-          "data-testid": n + I,
-          onChange: (f, T) => b(I, T),
-          name: `${n}.${I}.value`,
+          "data-testid": n + w,
+          onChange: (y, T) => v(w, T),
+          name: `${n}.${w}.value`,
           value: A,
           isDisabled: i,
-          type: v,
-          ...h
+          type: b,
+          ...d
         }
       ) }),
-      /* @__PURE__ */ t(_e, { children: /* @__PURE__ */ t(
-        q,
+      /* @__PURE__ */ t(qe, { children: /* @__PURE__ */ t(
+        _,
         {
-          "data-testid": "remove" + I,
-          variant: we.link,
-          onClick: () => C(I),
+          "data-testid": "remove" + w,
+          variant: Ie.link,
+          onClick: () => C(w),
           tabIndex: -1,
           "aria-label": e("remove"),
-          isDisabled: y.length === 1 || i,
+          isDisabled: g.length === 1 || i,
           children: /* @__PURE__ */ t(or, {})
         }
       ) })
     ] }),
-    I === y.length - 1 && /* @__PURE__ */ k(
-      q,
+    w === g.length - 1 && /* @__PURE__ */ I(
+      _,
       {
-        variant: we.link,
-        onClick: R,
+        variant: Ie.link,
+        onClick: E,
         tabIndex: -1,
         "aria-label": e("add"),
         "data-testid": "addValue",
@@ -1196,32 +1204,32 @@ const zr = "_title_180i0_2", Jr = {
         ]
       }
     )
-  ] }, I)) });
-}, pt = (e) => {
-  const { form: n, inputType: r, attribute: a } = e, l = Oe(a), i = r.startsWith("multiselect"), s = i ? vn : Cn, o = a.validators?.options?.options || [], h = a.annotations?.inputOptionLabels || {}, c = a.annotations?.inputOptionLabelsI18nPrefix;
-  return /* @__PURE__ */ t(fe, { ...e, children: /* @__PURE__ */ t(
+  ] }, w)) });
+}, ft = (e) => {
+  const { form: n, inputType: r, attribute: a } = e, l = De(a), i = r.startsWith("multiselect"), s = i ? Cn : kn, o = a.validators?.options?.options || [], d = a.annotations?.inputOptionLabels || {}, c = a.annotations?.inputOptionLabelsI18nPrefix;
+  return /* @__PURE__ */ t(me, { ...e, children: /* @__PURE__ */ t(
     oe,
     {
       name: X(a.name),
       control: n.control,
       defaultValue: a.defaultValue,
-      render: ({ field: u }) => /* @__PURE__ */ t(W, { children: o.map((d) => /* @__PURE__ */ t(
+      render: ({ field: h }) => /* @__PURE__ */ t(W, { children: o.map((u) => /* @__PURE__ */ t(
         s,
         {
-          id: d,
-          "data-testid": d,
-          label: ae(e.t, h[d], d, c),
-          value: d,
-          isChecked: u.value?.includes(d),
+          id: u,
+          "data-testid": u,
+          label: ae(e.t, d[u], u, c),
+          value: u,
+          isChecked: h.value?.includes(u),
           onChange: () => {
-            i ? u.value?.includes(d) ? u.onChange(
-              u.value?.filter((g) => g !== d)
-            ) : u.onChange([...u.value || [], d]) : u.onChange([d]);
+            i ? h.value?.includes(u) ? h.onChange(
+              h.value?.filter((m) => m !== u)
+            ) : h.onChange([...h.value || [], u]) : h.onChange([u]);
           },
           readOnly: a.readOnly,
           isRequired: l
         },
-        d
+        u
       )) })
     }
   ) });
@@ -1234,55 +1242,55 @@ const zr = "_title_180i0_2", Jr = {
   menuAppendTo: i,
   direction: s,
   width: o,
-  maxHeight: h,
+  maxHeight: d,
   toggleIcon: c,
-  className: u,
-  isDisabled: d,
-  children: g,
-  ...y
+  className: h,
+  isDisabled: u,
+  children: m,
+  ...g
 }) => {
-  const [C, R] = E(!1), b = Y(), m = () => {
-    R(!C), n(!C);
-  }, v = () => i === "parent" && b.current?.parentElement || "inline", A = Dt.toArray(
-    g
+  const [C, E] = R(!1), v = Y(), f = () => {
+    E(!C), n(!C);
+  }, b = () => i === "parent" && v.current?.parentElement || "inline", A = Dt.toArray(
+    m
   );
   return /* @__PURE__ */ t(
-    Ae,
+    xe,
     {
-      ref: b,
-      maxMenuHeight: Te(h),
+      ref: v,
+      maxMenuHeight: we(d),
       isScrollable: !0,
       popperProps: {
-        appendTo: v(),
+        appendTo: b(),
         direction: s,
-        width: Te(o)
+        width: we(o)
       },
-      ...y,
-      onClick: m,
-      onOpenChange: (I) => {
-        I !== C && m();
+      ...g,
+      onClick: f,
+      onOpenChange: (w) => {
+        w !== C && f();
       },
       selected: a,
-      onSelect: (I, f) => {
-        r?.(f || ""), m();
+      onSelect: (w, y) => {
+        r?.(y || ""), f();
       },
-      toggle: (I) => /* @__PURE__ */ t(
+      toggle: (w) => /* @__PURE__ */ t(
         pe,
         {
           id: e,
-          ref: I,
-          className: u,
-          onClick: m,
+          ref: w,
+          className: h,
+          onClick: f,
           isExpanded: l,
-          "aria-label": y["aria-label"],
+          "aria-label": g["aria-label"],
           icon: c,
-          isDisabled: d,
+          isDisabled: u,
           isFullWidth: !0,
-          children: A.find((f) => f.props.value === a)?.props.children || a || y["aria-label"]
+          children: A.find((y) => y.props.value === a)?.props.children || a || g["aria-label"]
         }
       ),
       isOpen: l,
-      children: /* @__PURE__ */ t(Ee, { children: g })
+      children: /* @__PURE__ */ t(Ee, { children: m })
     }
   );
 }, oa = ({
@@ -1294,31 +1302,35 @@ const zr = "_title_180i0_2", Jr = {
   validated: i,
   placeholderText: s,
   maxHeight: o,
-  width: h,
+  width: d,
   toggleIcon: c,
-  direction: u,
-  selections: d,
-  typeAheadAriaLabel: g,
-  chipGroupComponent: y,
+  direction: h,
+  selections: u,
+  typeAheadAriaLabel: m,
+  chipGroupComponent: g,
   chipGroupProps: C,
-  footer: R,
-  isDisabled: b,
-  children: m,
-  ...v
+  footer: E,
+  isDisabled: v,
+  children: f,
+  ...b
 }) => {
-  const [A, I] = E(""), [f, T] = E(0), V = Y(), O = Dt.toArray(
-    m
-  ), D = () => {
-    r?.(!v.isOpen);
-  }, j = (F) => {
-    const B = O[f];
-    switch (r?.(!0), F.key) {
+  const [A, w] = R(""), [y, T] = R(0), P = Y(), O = Dt.toArray(
+    f
+  ), D = a || !A ? O : O.filter((L) => {
+    const { children: p, value: k } = L.props;
+    return (typeof p == "string" ? p : String(k ?? "")).toLowerCase().includes(A.toLowerCase());
+  }), $ = () => {
+    r(!b.isOpen);
+  }, j = (L) => {
+    const p = D.at(y);
+    switch (r(!0), L.key) {
       case "Enter": {
-        F.preventDefault(), l !== J.typeaheadMulti ? I(B.props.value) : I(""), n?.(B.props.value), r?.(!1), T(0);
+        if (L.preventDefault(), !p) break;
+        l !== J.typeaheadMulti ? w(String(p.props.value)) : w(""), n?.(p.props.value), r(!1), T(0);
         break;
       }
       case "Escape": {
-        r?.(!1);
+        r(!1);
         break;
       }
       case "Backspace": {
@@ -1327,71 +1339,71 @@ const zr = "_title_180i0_2", Jr = {
       }
       case "ArrowUp":
       case "ArrowDown": {
-        F.preventDefault();
-        let p = 0;
-        F.key === "ArrowUp" && (f === 0 ? p = O.length - 1 : p = f - 1), F.key === "ArrowDown" && (f === O.length - 1 ? p = 0 : p = f + 1), T(p);
+        if (L.preventDefault(), D.length === 0) break;
+        let k = 0;
+        L.key === "ArrowUp" && (y === 0 ? k = D.length - 1 : k = y - 1), L.key === "ArrowDown" && (y === D.length - 1 ? k = 0 : k = y + 1), T(k);
         break;
       }
     }
   };
-  return /* @__PURE__ */ k(
-    Ae,
+  return /* @__PURE__ */ I(
+    xe,
     {
-      ...v,
-      onClick: D,
-      onOpenChange: (F) => r?.(F),
-      onSelect: (F, B) => {
-        n?.(B || ""), a?.(""), I("");
+      ...b,
+      onClick: $,
+      onOpenChange: (L) => r(L),
+      onSelect: (L, p) => {
+        n?.(p || ""), a?.(""), w("");
       },
-      maxMenuHeight: Te(o),
-      popperProps: { direction: u, width: Te(h) },
-      toggle: (F) => /* @__PURE__ */ t(
+      maxMenuHeight: we(o),
+      popperProps: { direction: h, width: we(d) },
+      toggle: (L) => /* @__PURE__ */ t(
         pe,
         {
-          ref: F,
+          ref: L,
           id: e,
           variant: "typeahead",
-          onClick: () => r?.(!0),
+          onClick: () => r(!0),
           icon: c,
-          isDisabled: b,
-          isExpanded: v.isOpen,
+          isDisabled: v,
+          isExpanded: b.isOpen,
           isFullWidth: !0,
-          status: i === "error" ? Ye.danger : void 0,
-          children: /* @__PURE__ */ k(It, { isPlain: !0, children: [
+          status: i === "error" ? Qe.danger : void 0,
+          children: /* @__PURE__ */ I(kt, { isPlain: !0, children: [
             /* @__PURE__ */ t(
-              wt,
+              It,
               {
                 placeholder: s,
-                value: l === J.typeahead && d ? d : A,
-                onClick: D,
-                onChange: (B, p) => {
-                  I(p), a?.(p);
+                value: l === J.typeahead && u ? u : A,
+                onClick: $,
+                onChange: (p, k) => {
+                  w(k), T(0), a?.(k);
                 },
-                onKeyDown: (B) => j(B),
+                onKeyDown: (p) => j(p),
                 autoComplete: "off",
-                innerRef: V,
+                innerRef: P,
                 role: "combobox",
-                isExpanded: v.isOpen,
+                isExpanded: b.isOpen,
                 "aria-controls": "select-typeahead-listbox",
-                "aria-label": g,
-                children: l === J.typeaheadMulti && Array.isArray(d) && (y || /* @__PURE__ */ t(Qe, { ...C, children: d.map((B, p) => /* @__PURE__ */ t(
-                  Xe,
+                "aria-label": m,
+                children: l === J.typeaheadMulti && Array.isArray(u) && (g || /* @__PURE__ */ t(Xe, { ...C, children: u.map((p, k) => /* @__PURE__ */ t(
+                  Ze,
                   {
                     onClick: (x) => {
-                      x.stopPropagation(), n?.(B);
+                      x.stopPropagation(), n?.(p);
                     },
-                    children: B
+                    children: p
                   },
-                  p
+                  k
                 )) }))
               }
             ),
-            /* @__PURE__ */ t(Tt, { children: !!A && /* @__PURE__ */ t(
-              q,
+            /* @__PURE__ */ t(wt, { children: !!A && /* @__PURE__ */ t(
+              _,
               {
                 variant: "plain",
                 onClick: () => {
-                  n?.(""), I(""), a?.(""), V?.current?.focus();
+                  n?.(""), w(""), a?.(""), P.current?.focus();
                 },
                 "aria-label": "Clear input value",
                 children: /* @__PURE__ */ t(Ft, { "aria-hidden": !0 })
@@ -1401,60 +1413,60 @@ const zr = "_title_180i0_2", Jr = {
         }
       ),
       children: [
-        /* @__PURE__ */ t(Ee, { children: m }),
-        R && /* @__PURE__ */ t(kn, { children: R })
+        /* @__PURE__ */ t(Ee, { children: D }),
+        E && /* @__PURE__ */ t(In, { children: E })
       ]
     }
   );
 };
 var J = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(J || {});
-const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
+const we = (e) => typeof e == "number" ? e + "px" : e, ca = ({
   variant: e = "single",
   ...n
-}) => e === "single" ? /* @__PURE__ */ t(sa, { ...n }) : /* @__PURE__ */ t(oa, { ...n, variant: e }), ft = (e) => {
-  const { t: n, form: r, inputType: a, attribute: l } = e, [i, s] = E(!1), [o, h] = E(""), c = a === "multiselect", u = (b, m) => {
-    c ? m.value?.includes(b) ? m.onChange(m.value.filter((v) => v !== b)) : Array.isArray(m.value) ? m.onChange([...m.value, b]) : m.onChange([b]) : m.onChange(b === m.value ? "" : b);
-  }, d = l.validators?.options?.options || [], g = l.annotations?.inputOptionLabels || {}, y = l.annotations?.inputOptionLabelsI18nPrefix, C = (b) => ae(e.t, g[b], b, y), R = (b) => d.filter(
-    (m) => C(m).toLowerCase().includes(o.toLowerCase())
-  ).map((m) => /* @__PURE__ */ t(
-    Je,
+}) => e === "single" ? /* @__PURE__ */ t(sa, { ...n }) : /* @__PURE__ */ t(oa, { ...n, variant: e }), pt = (e) => {
+  const { t: n, form: r, inputType: a, attribute: l } = e, [i, s] = R(!1), [o, d] = R(""), c = a === "multiselect", h = (v, f) => {
+    c ? f.value?.includes(v) ? f.onChange(f.value.filter((b) => b !== v)) : Array.isArray(f.value) ? f.onChange([...f.value, v]) : f.onChange([v]) : f.onChange(v === f.value ? "" : v);
+  }, u = l.validators?.options?.options || [], m = l.annotations?.inputOptionLabels || {}, g = l.annotations?.inputOptionLabelsI18nPrefix, C = (v) => ae(e.t, m[v], v, g), E = (v) => u.filter(
+    (f) => C(f).toLowerCase().includes(o.toLowerCase())
+  ).map((f) => /* @__PURE__ */ t(
+    Ye,
     {
-      selected: Array.isArray(b) ? b.includes(m) : b === m,
-      value: m,
-      children: C(m)
+      selected: Array.isArray(v) ? v.includes(f) : v === f,
+      value: f,
+      children: C(f)
     },
-    m
+    f
   ));
-  return /* @__PURE__ */ t(fe, { ...e, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(me, { ...e, children: /* @__PURE__ */ t(
     oe,
     {
       name: X(l.name),
       defaultValue: l.defaultValue,
       control: r.control,
-      render: ({ field: b }) => /* @__PURE__ */ t(
+      render: ({ field: v }) => /* @__PURE__ */ t(
         ca,
         {
           toggleId: l.name,
-          onToggle: (m) => s(m),
-          onClear: () => u("", b),
-          onSelect: (m) => {
-            const v = m.toString();
-            u(v, b), Array.isArray(b.value) || s(!1);
+          onToggle: (f) => s(f),
+          onClear: () => h("", v),
+          onSelect: (f) => {
+            const b = f.toString();
+            h(b, v), Array.isArray(v.value) || s(!1);
           },
-          selections: c && Array.isArray(b.value) ? b.value.map((m) => C(m)) : C(b.value),
-          variant: c ? J.typeaheadMulti : d.length >= 10 ? J.typeahead : J.single,
+          selections: c && Array.isArray(v.value) ? v.value.map((f) => C(f)) : C(v.value),
+          variant: c ? J.typeaheadMulti : u.length >= 10 ? J.typeahead : J.single,
           "aria-label": n("selectOne"),
           isOpen: i,
           isDisabled: l.readOnly,
-          onFilter: (m) => (h(m), R(b.value)),
-          children: R(b.value)
+          onFilter: (f) => (d(f), E(v.value)),
+          children: E(v.value)
         }
       )
     }
   ) });
 }, da = (e) => {
-  const { form: n, attribute: r } = e, a = Oe(r);
-  return /* @__PURE__ */ t(fe, { ...e, children: /* @__PURE__ */ t(
+  const { form: n, attribute: r } = e, a = De(r);
+  return /* @__PURE__ */ t(me, { ...e, children: /* @__PURE__ */ t(
     Gr,
     {
       id: r.name,
@@ -1468,9 +1480,9 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
     }
   ) });
 }, K = (e) => {
-  const { form: n, inputType: r, attribute: a } = e, l = Oe(a), i = r.startsWith("html") ? r.substring(6) : "text";
-  return /* @__PURE__ */ t(fe, { ...e, children: /* @__PURE__ */ t(
-    Se,
+  const { form: n, inputType: r, attribute: a } = e, l = De(a), i = r.startsWith("html") ? r.substring(6) : "text";
+  return /* @__PURE__ */ t(me, { ...e, children: /* @__PURE__ */ t(
+    Te,
     {
       id: a.name,
       "data-testid": a.name,
@@ -1487,13 +1499,13 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
       ...n.register(X(a.name))
     }
   ) });
-}, je = {
+}, Ge = {
   text: K,
   textarea: da,
-  select: ft,
-  "select-radiobuttons": pt,
-  multiselect: ft,
-  "multiselect-checkboxes": pt,
+  select: pt,
+  "select-radiobuttons": ft,
+  multiselect: pt,
+  "multiselect-checkboxes": ft,
   "html5-email": K,
   "html5-tel": K,
   "html5-url": K,
@@ -1516,15 +1528,15 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
   const o = U(() => {
     if (!r.attributes)
       return [];
-    const h = i ? r.attributes.filter(({ readOnly: c }) => !c) : r.attributes;
+    const d = 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((c) => ({
       group: c,
-      attributes: h.filter(
-        (u) => u.group === c.name
+      attributes: d.filter(
+        (h) => h.group === c.name
       )
     }));
   }, [
@@ -1536,11 +1548,11 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
     ta,
     {
       label: e("jumpToSection"),
-      sections: o.filter((h) => h.attributes.length > 0).map(({ group: h, attributes: c }) => ({
-        title: ae(e, h.displayHeader, h.name) || e("general"),
-        panel: /* @__PURE__ */ k("div", { className: "pf-v5-c-form", children: [
-          h.displayDescription && /* @__PURE__ */ t(ke, { className: "pf-v5-u-pb-lg", children: ae(e, h.displayDescription, "") }),
-          c.map((u) => /* @__PURE__ */ t(
+      sections: o.filter((d) => d.attributes.length > 0).map(({ group: d, attributes: c }) => ({
+        title: ae(e, d.displayHeader, d.name) || e("general"),
+        panel: /* @__PURE__ */ I("div", { className: "pf-v5-c-form", children: [
+          d.displayDescription && /* @__PURE__ */ t(Ce, { className: "pf-v5-u-pb-lg", children: ae(e, d.displayDescription, "") }),
+          c.map((h) => /* @__PURE__ */ t(
             ua,
             {
               t: e,
@@ -1548,9 +1560,9 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
               supportedLocales: a,
               currentLocale: l,
               renderer: s,
-              attribute: u
+              attribute: h
             },
-            u.name
+            h.name
           ))
         ] })
       }))
@@ -1566,7 +1578,7 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
 }) => {
   const s = n.watch(
     X(i.name)
-  ), o = U(() => ma(i), [i]), h = i.multivalued || fa(s) && i.annotations?.inputType === void 0 ? je["multi-input"] : je[o];
+  ), o = U(() => fa(i), [i]), d = i.multivalued || ma(s) && i.annotations?.inputType === void 0 ? Ge["multi-input"] : Ge[o];
   return i.name === "locale" ? /* @__PURE__ */ t(
     aa,
     {
@@ -1577,7 +1589,7 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
       attribute: i
     }
   ) : /* @__PURE__ */ t(
-    h,
+    d,
     {
       t: e,
       form: n,
@@ -1587,17 +1599,17 @@ const Te = (e) => typeof e == "number" ? e + "px" : e, ca = ({
     }
   );
 }, ha = "text";
-function ma(e) {
-  if ($t(e.name))
+function fa(e) {
+  if (Ut(e.name))
     return "text";
   const n = e.annotations?.inputType;
   return pa(n) ? n : ha;
 }
-const pa = (e) => typeof e == "string" && e in je, fa = (e) => Array.isArray(e) && e.length > 1, ga = ({
+const pa = (e) => typeof e == "string" && e in Ge, ma = (e) => Array.isArray(e) && e.length > 1, ga = ({
   className: e = "",
   border: n,
   size: r = "md"
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ I(
   "svg",
   {
     className: yr(
@@ -1653,7 +1665,7 @@ const pa = (e) => typeof e == "string" && e in je, fa = (e) => Array.isArray(e)
           ) })
         }
       ),
-      /* @__PURE__ */ t("g", { style: { filter: 'url("#a")' }, children: /* @__PURE__ */ k("g", { transform: "translate(5.04 6.88)", children: [
+      /* @__PURE__ */ t("g", { style: { filter: 'url("#a")' }, children: /* @__PURE__ */ I("g", { transform: "translate(5.04 6.88)", children: [
         /* @__PURE__ */ t(
           "path",
           {
@@ -1713,15 +1725,15 @@ const pa = (e) => typeof e == "string" && e in je, fa = (e) => Array.isArray(e)
       ] }) })
     ]
   }
-), gt = ({
+), mt = ({
   isKebab: e = !1,
   title: n,
   dropDownItems: r,
   ...a
 }) => {
-  const [l, i] = E(!1);
+  const [l, i] = R(!1);
   return /* @__PURE__ */ t(
-    In,
+    wn,
     {
       ...a,
       popperProps: {
@@ -1740,7 +1752,7 @@ const pa = (e) => typeof e == "string" && e in je, fa = (e) => Array.isArray(e)
         }
       ),
       isOpen: l,
-      children: /* @__PURE__ */ t(wn, { children: r })
+      children: /* @__PURE__ */ t(Sn, { children: r })
     }
   );
 };
@@ -1757,16 +1769,16 @@ const rl = ({
   features: {
     hasLogout: s = !0,
     hasManageAccount: o = !0,
-    hasUsername: h = !0
+    hasUsername: d = !0
   } = {},
   kebabDropdownItems: c,
-  dropdownItems: u = [],
-  toolbarItems: d,
-  toolbar: g,
-  ...y
+  dropdownItems: h = [],
+  toolbarItems: u,
+  toolbar: m,
+  ...g
 }) => {
-  const { t: C } = $(), R = [];
-  o && R.push(
+  const { t: C } = q(), E = [];
+  o && E.push(
     /* @__PURE__ */ t(
       ot,
       {
@@ -1775,17 +1787,17 @@ const rl = ({
       },
       "manageAccount"
     )
-  ), s && R.push(
+  ), s && E.push(
     /* @__PURE__ */ t(ot, { onClick: () => e.logout(), children: C("signOut") }, "signOut")
   );
-  const b = e.idTokenParsed?.picture;
-  return /* @__PURE__ */ k(Tn, { ...y, children: [
-    /* @__PURE__ */ t(xn, { children: /* @__PURE__ */ t(Sn, { variant: "plain", "aria-label": C("navigation"), children: /* @__PURE__ */ t(dr, {}) }) }),
+  const v = e.idTokenParsed?.picture;
+  return /* @__PURE__ */ I(Tn, { ...g, children: [
+    /* @__PURE__ */ t(xn, { children: /* @__PURE__ */ t(En, { variant: "plain", "aria-label": C("navigation"), children: /* @__PURE__ */ t(dr, {}) }) }),
     /* @__PURE__ */ t(An, { ...l, children: /* @__PURE__ */ t("img", { src: n, alt: r, className: a }) }),
-    /* @__PURE__ */ k(En, { children: [
-      g,
-      /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ k(qe, { children: [
-        d?.map((m, v) => /* @__PURE__ */ t(G, { align: { default: "alignRight" }, children: m }, v)),
+    /* @__PURE__ */ I(Rn, { children: [
+      m,
+      /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ I(Ue, { children: [
+        u?.map((f, b) => /* @__PURE__ */ t(G, { align: { default: "alignRight" }, children: f }, b)),
         /* @__PURE__ */ t(
           G,
           {
@@ -1794,11 +1806,11 @@ const rl = ({
               md: "visible"
             },
             children: /* @__PURE__ */ t(
-              gt,
+              mt,
               {
                 "data-testid": "options",
-                dropDownItems: [...u, R],
-                title: h ? ya(e.idTokenParsed, C) : void 0
+                dropDownItems: [...h, E],
+                title: d ? ya(e.idTokenParsed, C) : void 0
               }
             )
           }
@@ -1811,13 +1823,13 @@ const rl = ({
               md: "hidden"
             },
             children: /* @__PURE__ */ t(
-              gt,
+              mt,
               {
                 "data-testid": "options-kebab",
                 isKebab: !0,
                 dropDownItems: [
-                  ...c || u,
-                  R
+                  ...c || h,
+                  E
                 ]
               }
             )
@@ -1829,13 +1841,13 @@ const rl = ({
             variant: "overflow-menu",
             align: { default: "alignRight" },
             className: "pf-v5-u-m-0-on-lg",
-            children: b || i?.src ? /* @__PURE__ */ t(Rn, { src: b, alt: C("avatar"), ...i }) : /* @__PURE__ */ t(ga, { ...i })
+            children: v || i?.src ? /* @__PURE__ */ t(Dn, { src: v, alt: C("avatar"), ...i }) : /* @__PURE__ */ t(ga, { ...i })
           }
         )
       ] }) })
     ] })
   ] });
-}, Kt = Ze("ErrorBoundaryContext", void 0), Ht = () => et(Kt);
+}, Kt = et("ErrorBoundaryContext", void 0), Ht = () => tt(Kt);
 class al extends $n {
   state = {};
   static getDerivedStateFromError = (n) => ({ error: n });
@@ -1856,9 +1868,9 @@ const ll = ({ children: e, fallback: n }) => {
   const { error: r } = Ht();
   return r ? /* @__PURE__ */ t(n, { error: r }) : e;
 };
-function ba(e, n, r) {
+function va(e, n, r) {
   const { showBoundary: a } = Ht();
-  se(() => {
+  le(() => {
     const l = new AbortController(), { signal: i } = l;
     return e().then((s) => {
       i.aborted || n(s);
@@ -1867,9 +1879,9 @@ function ba(e, n, r) {
     }), () => l.abort();
   }, r);
 }
-const va = () => {
-  const { t: e } = $();
-  return /* @__PURE__ */ t(Dn, { children: /* @__PURE__ */ t(Ct, { "aria-label": e("spinnerLoading") }) });
+const ba = () => {
+  const { t: e } = q();
+  return /* @__PURE__ */ t(On, { children: /* @__PURE__ */ t(bt, { "aria-label": e("spinnerLoading") }) });
 }, Ca = ({
   message: e,
   instructions: n,
@@ -1879,34 +1891,34 @@ const va = () => {
   primaryActionText: i,
   secondaryActions: s,
   icon: o,
-  isDisabled: h = !1,
+  isDisabled: d = !1,
   children: c
-}) => /* @__PURE__ */ k(On, { "data-testid": "empty-state", variant: "lg", children: [
+}) => /* @__PURE__ */ I(Fn, { "data-testid": "empty-state", variant: "lg", children: [
   a && l ? /* @__PURE__ */ t(ct, { icon: ur }) : a && /* @__PURE__ */ t(ct, { icon: o || Pt }),
-  /* @__PURE__ */ t(Fn, { titleText: e, headingLevel: "h1" }),
-  /* @__PURE__ */ t(Pn, { children: n }),
-  /* @__PURE__ */ k(Vn, { children: [
+  /* @__PURE__ */ t(Pn, { titleText: e, headingLevel: "h1" }),
+  /* @__PURE__ */ t(Ln, { children: n }),
+  /* @__PURE__ */ I(Vn, { children: [
     i && /* @__PURE__ */ t(
-      q,
+      _,
       {
         "data-testid": `${e.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
         variant: "primary",
         onClick: r,
-        isDisabled: h,
+        isDisabled: d,
         children: i
       }
     ),
     c,
-    s && /* @__PURE__ */ t(Mn, { children: s.map((u) => /* @__PURE__ */ t(
-      q,
+    s && /* @__PURE__ */ t(Mn, { children: s.map((h) => /* @__PURE__ */ t(
+      _,
       {
-        "data-testid": `${u.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
-        variant: u.type || we.secondary,
-        onClick: u.onClick,
-        isDisabled: h,
-        children: u.text
+        "data-testid": `${h.text.replace(/\W+/g, "-").toLowerCase()}-empty-action`,
+        variant: h.type || Ie.secondary,
+        onClick: h.onClick,
+        isDisabled: d,
+        children: h.text
       },
-      u.text
+      h.text
     )) })
   ] })
 ] }), ka = ({
@@ -1919,39 +1931,39 @@ const va = () => {
   inputGroupPlaceholder: s,
   inputGroupOnEnter: o
 }) => {
-  const { t: h } = $(), [c, u] = E(""), d = (y) => {
-    u(y.trim()), o?.(y.trim());
-  }, g = (y) => {
-    y.key === "Enter" && d(c);
+  const { t: d } = q(), [c, h] = R(""), u = (g) => {
+    h(g.trim()), o?.(g.trim());
+  }, m = (g) => {
+    g.key === "Enter" && u(c);
   };
-  return /* @__PURE__ */ k(W, { children: [
-    /* @__PURE__ */ t(Ie, { "data-testid": "table-toolbar", children: /* @__PURE__ */ k(qe, { children: [
-      i && /* @__PURE__ */ t(G, { children: /* @__PURE__ */ k(xe, { "data-testid": i, children: [
+  return /* @__PURE__ */ I(W, { children: [
+    /* @__PURE__ */ t(ke, { "data-testid": "table-toolbar", children: /* @__PURE__ */ I(Ue, { children: [
+      i && /* @__PURE__ */ t(G, { children: /* @__PURE__ */ I(Se, { "data-testid": i, children: [
         l,
         s && /* @__PURE__ */ t(
-          Ln,
+          Bn,
           {
             "data-testid": "table-search-input",
             placeholder: s,
-            "aria-label": h("search"),
+            "aria-label": d("search"),
             value: c,
-            onChange: (y, C) => {
-              u(C);
+            onChange: (g, C) => {
+              h(C);
             },
-            onSearch: () => d(c),
-            onKeyDown: g,
-            onClear: () => d("")
+            onSearch: () => u(c),
+            onKeyDown: m,
+            onClear: () => u("")
           }
         )
       ] }) }),
       e
     ] }) }),
-    n && /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ t(qe, { children: n }) }),
-    /* @__PURE__ */ t(Bn, {}),
+    n && /* @__PURE__ */ t(ke, { children: /* @__PURE__ */ t(Ue, { children: n }) }),
+    /* @__PURE__ */ t(Nn, {}),
     a,
-    /* @__PURE__ */ t(Ie, { children: r })
+    /* @__PURE__ */ t(ke, { children: r })
   ] });
-}, yt = ({
+}, gt = ({
   id: e,
   variant: n = "top",
   count: r,
@@ -1961,29 +1973,29 @@ const va = () => {
   onPreviousClick: s,
   onPerPageSelect: o
 }) => {
-  const { t: h } = $(), c = Math.round(a / l);
+  const { t: d } = q(), c = Math.round(a / l);
   return /* @__PURE__ */ t(
-    Nn,
+    _n,
     {
       widgetId: e,
       titles: {
-        paginationAriaLabel: `${h("pagination")} ${n} `
+        paginationAriaLabel: `${d("pagination")} ${n} `
       },
       isCompact: !0,
       toggleTemplate: ({
-        firstIndex: u,
-        lastIndex: d
-      }) => /* @__PURE__ */ k("b", { children: [
-        u,
+        firstIndex: h,
+        lastIndex: u
+      }) => /* @__PURE__ */ I("b", { children: [
+        h,
         " - ",
-        d
+        u
       ] }),
       itemCount: r + c * l,
       page: c + 1,
       perPage: l,
-      onNextClick: (u, d) => i((d - 1) * l),
-      onPreviousClick: (u, d) => s((d - 1) * l),
-      onPerPageSelect: (u, d, g) => o(g - 1, d),
+      onNextClick: (h, u) => i((u - 1) * l),
+      onPreviousClick: (h, u) => s((u - 1) * l),
+      onPerPageSelect: (h, u, m) => o(m - 1, u),
       variant: n
     }
   );
@@ -1996,35 +2008,35 @@ const va = () => {
   inputGroupName: i,
   inputGroupPlaceholder: s,
   inputGroupOnEnter: o,
-  ...h
+  ...d
 }) => /* @__PURE__ */ t(
   ka,
   {
     searchTypeComponent: n,
-    toolbarItem: /* @__PURE__ */ k(W, { children: [
+    toolbarItem: /* @__PURE__ */ I(W, { children: [
       r,
-      /* @__PURE__ */ t(G, { variant: "pagination", children: /* @__PURE__ */ t(yt, { count: e, ...h }) })
+      /* @__PURE__ */ t(G, { variant: "pagination", children: /* @__PURE__ */ t(gt, { count: e, ...d }) })
     ] }),
     subToolbar: a,
-    toolbarItemFooter: e !== 0 ? /* @__PURE__ */ t(G, { variant: "pagination", children: /* @__PURE__ */ t(yt, { count: e, variant: "bottom", ...h }) }) : null,
+    toolbarItemFooter: e !== 0 ? /* @__PURE__ */ t(G, { variant: "pagination", children: /* @__PURE__ */ t(gt, { count: e, variant: "bottom", ...d }) }) : null,
     inputGroupName: i,
     inputGroupPlaceholder: s,
     inputGroupOnEnter: o,
     children: l
   }
-), jt = (e) => !!e && e.title !== void 0, bt = ({
+), jt = (e) => !!e && e.title !== void 0, yt = ({
   row: e,
   index: n,
   actions: r,
   actionResolver: a
 }) => {
   const l = r || a?.(e, {});
-  return /* @__PURE__ */ k(W, { children: [
-    e.cells.map((i, s) => /* @__PURE__ */ t(le, { children: jt(i) ? i.title : i }, `cell-${s}`)),
-    l && l.length > 0 && !e.disableActions && /* @__PURE__ */ t(le, { isActionCell: !0, children: /* @__PURE__ */ t(Ir, { items: l, extraData: { rowIndex: n } }) })
+  return /* @__PURE__ */ I(W, { children: [
+    e.cells.map((i, s) => /* @__PURE__ */ t(ie, { children: jt(i) ? i.title : i }, `cell-${s}`)),
+    l && l.length > 0 && !e.disableActions && /* @__PURE__ */ t(ie, { isActionCell: !0, children: /* @__PURE__ */ t(Ir, { items: l, extraData: { rowIndex: n } }) })
   ] });
 }, wa = ({ row: e }) => e.cells.map((n, r) => /* @__PURE__ */ t("div", { children: jt(n) ? n.title : n }, `cell-${r}`));
-function Ta({
+function Sa({
   columns: e,
   rows: n,
   actions: r,
@@ -2033,129 +2045,129 @@ function Ta({
   selected: i,
   onSelect: s,
   onCollapse: o,
-  canSelectAll: h,
+  canSelectAll: d,
   canSelect: c,
-  isNotCompact: u,
-  isRadio: d,
-  ...g
+  isNotCompact: h,
+  isRadio: u,
+  ...m
 }) {
-  const { t: y } = $(), [C, R] = E(i || []), [b, m] = E([]), v = U(
-    () => fr(
+  const { t: g } = q(), [C, E] = R(i || []), [v, f] = R([]), b = U(
+    () => mr(
       C,
-      n.map((f) => f.data),
+      n.map((y) => y.data),
       "id"
     ),
     [C, n]
   );
-  se(() => {
-    if (h) {
-      const f = document.getElementsByName("check-all").item(0);
-      if (f) {
-        const T = f;
-        T.indeterminate = v.length < n.length && v.length > 0;
+  le(() => {
+    if (d) {
+      const y = document.getElementsByName("check-all").item(0);
+      if (y) {
+        const T = y;
+        T.indeterminate = b.length < n.length && b.length > 0;
       }
     }
-  }, [C, h, n]);
-  const A = (f) => {
-    R(f), s?.(f);
-  }, I = (f, T) => {
-    if (d) {
-      const V = T ? [n[f].data] : [];
-      A(V);
-    } else if (f === -1) {
-      const V = v.map(
-        (O) => _(O, "id")
+  }, [C, d, n]);
+  const A = (y) => {
+    E(y), s?.(y);
+  }, w = (y, T) => {
+    if (u) {
+      const P = T ? [n[y].data] : [];
+      A(P);
+    } else if (y === -1) {
+      const P = b.map(
+        (O) => N(O, "id")
       );
       A(
         T ? [...C, ...n.map((O) => O.data)] : C.filter(
-          (O) => !V.includes(_(O, "id"))
+          (O) => !P.includes(N(O, "id"))
         )
       );
     } else
-      A(T ? [...C, n[f].data] : C.filter(
-        (V) => _(V, "id") !== n[f].data.id
+      A(T ? [...C, n[y].data] : C.filter(
+        (P) => N(P, "id") !== n[y].data.id
       ));
   };
-  return /* @__PURE__ */ k(
-    br,
+  return /* @__PURE__ */ I(
+    vr,
     {
-      ...g,
-      variant: u ? void 0 : vr.compact,
-      "aria-label": y(l),
+      ...m,
+      variant: h ? void 0 : br.compact,
+      "aria-label": g(l),
       children: [
-        /* @__PURE__ */ t(Cr, { children: /* @__PURE__ */ k(Ce, { children: [
-          o && /* @__PURE__ */ t(Me, { screenReaderText: y("expandRow") }),
-          h && /* @__PURE__ */ t(
-            Me,
+        /* @__PURE__ */ t(Cr, { children: /* @__PURE__ */ I(be, { children: [
+          o && /* @__PURE__ */ t(Ve, { screenReaderText: g("expandRow") }),
+          d && /* @__PURE__ */ t(
+            Ve,
             {
-              screenReaderText: y("selectAll"),
-              select: d ? void 0 : {
-                onSelect: (f, T) => {
-                  I(-1, T);
+              screenReaderText: g("selectAll"),
+              select: u ? void 0 : {
+                onSelect: (y, T) => {
+                  w(-1, T);
                 },
-                isSelected: v.length === n.length
+                isSelected: b.length === n.length
               }
             }
           ),
-          e.map((f) => /* @__PURE__ */ t(
-            Me,
+          e.map((y) => /* @__PURE__ */ t(
+            Ve,
             {
-              screenReaderText: y("expandRow"),
-              className: f.transforms?.[0]().className,
-              children: y(f.displayKey || f.name)
+              screenReaderText: g("expandRow"),
+              className: y.transforms?.[0]().className,
+              children: g(y.displayKey || y.name)
             },
-            f.displayKey || f.name
+            y.displayKey || y.name
           ))
         ] }) }),
-        o ? n.map((f, T) => /* @__PURE__ */ t(dt, { children: T % 2 === 0 ? /* @__PURE__ */ k(Ce, { children: [
+        o ? n.map((y, T) => /* @__PURE__ */ t(dt, { children: T % 2 === 0 ? /* @__PURE__ */ I(be, { children: [
           /* @__PURE__ */ t(
-            le,
+            ie,
             {
               expand: n[T + 1].cells.length === 0 ? void 0 : {
-                isExpanded: b[T] ?? !1,
+                isExpanded: v[T] ?? !1,
                 rowIndex: T,
                 expandId: "expandable-row-",
-                onToggle: (V, O, D) => {
+                onToggle: (P, O, D) => {
                   o(D, O);
-                  const j = [...b];
-                  j[T] = D, m(j);
+                  const $ = [...v];
+                  $[T] = D, f($);
                 }
               }
             }
           ),
           /* @__PURE__ */ t(
-            bt,
+            yt,
             {
-              row: f,
+              row: y,
               index: T,
               actions: r,
               actionResolver: a
             }
           )
-        ] }) : /* @__PURE__ */ k(Ce, { isExpanded: b[T - 1] ?? !1, children: [
-          /* @__PURE__ */ t(le, {}),
-          /* @__PURE__ */ t(le, { colSpan: e.length, children: /* @__PURE__ */ t(kr, { children: /* @__PURE__ */ t(wa, { row: f }) }) })
-        ] }) }, T)) : /* @__PURE__ */ t(dt, { children: n.map((f, T) => /* @__PURE__ */ k(Ce, { isExpanded: b[T], children: [
+        ] }) : /* @__PURE__ */ I(be, { isExpanded: v[T - 1] ?? !1, children: [
+          /* @__PURE__ */ t(ie, {}),
+          /* @__PURE__ */ t(ie, { colSpan: e.length, children: /* @__PURE__ */ t(kr, { children: /* @__PURE__ */ t(wa, { row: y }) }) })
+        ] }) }, T)) : /* @__PURE__ */ t(dt, { children: n.map((y, T) => /* @__PURE__ */ I(be, { isExpanded: v[T], children: [
           c && /* @__PURE__ */ t(
-            le,
+            ie,
             {
               select: {
                 rowIndex: T,
-                onSelect: (V, O, D) => {
-                  I(D, O);
+                onSelect: (P, O, D) => {
+                  w(D, O);
                 },
                 isSelected: !!C.find(
-                  (V) => _(V, "id") === f.data.id
+                  (P) => N(P, "id") === y.data.id
                 ),
-                variant: d ? "radio" : "checkbox",
-                isDisabled: f.disableSelection
+                variant: u ? "radio" : "checkbox",
+                isDisabled: y.disableSelection
               }
             }
           ),
           /* @__PURE__ */ t(
-            bt,
+            yt,
             {
-              row: f,
+              row: y,
               index: T,
               actions: r,
               actionResolver: a
@@ -2166,7 +2178,7 @@ function Ta({
     }
   );
 }
-function xa({
+function Ta({
   ariaLabelKey: e,
   searchPlaceholderKey: n,
   isPaginated: r = !1,
@@ -2175,150 +2187,151 @@ function xa({
   isNotCompact: i,
   isRadio: s,
   detailColumns: o,
-  isRowDisabled: h,
+  isRowDisabled: d,
   loader: c,
-  columns: u,
-  actions: d,
-  actionResolver: g,
-  searchTypeComponent: y,
+  columns: h,
+  actions: u,
+  actionResolver: m,
+  searchTypeComponent: g,
   toolbarItem: C,
-  subToolbar: R,
-  emptyState: b,
-  icon: m,
-  isSearching: v = !1,
+  subToolbar: E,
+  emptyState: v,
+  icon: f,
+  isSearching: b = !1,
   ...A
 }) {
-  const { t: I } = $(), [f, T] = E([]), [V, O] = E(), [D, j] = E(), [F, B] = E(!1), [p, x] = Lt(
+  const { t: w } = q(), [y, T] = R([]), [P, O] = R(), [D, $] = R(), [j, L] = R(!1), [p, k] = Mt(
     localStorage,
     "pageSize",
     10
-  ), [S, L] = E(p), [N, Z] = E(0), [z, Fe] = E(""), tt = Y(), [ge, Gt] = E(0), nt = Y(), rt = () => Gt(ge + 1), Wt = Et(), at = (w, P) => w.map((M) => {
-    if ("cellFormatters" in M) {
-      const te = _(P, M.name);
-      return M.cellFormatters?.reduce((de, be) => be(de), te);
+  ), [x, M] = R(p), [B, Z] = R(0), [z, Oe] = R(""), nt = Y(), [Fe, Gt] = R(0), Wt = Y(), rt = () => Gt(Fe + 1), zt = At(), at = (S, F) => S.map((V) => {
+    if ("cellFormatters" in V) {
+      const te = N(F, V.name);
+      return V.cellFormatters?.reduce((de, ye) => ye(de), te);
     }
-    if (M.cellRenderer) {
-      const te = M.cellRenderer;
-      return { title: /* @__PURE__ */ t(te, { ...P }) };
+    if (V.cellRenderer) {
+      const te = V.cellRenderer;
+      return { title: /* @__PURE__ */ t(te, { ...F }) };
     }
-    return _(P, M.name);
-  }), lt = (w) => {
-    const P = (M) => o?.[0]?.enabled?.(M);
-    return w.map((M, te) => {
-      const de = h ? h(M) : !1, be = [
+    return N(F, V.name);
+  }), lt = (S) => {
+    const F = (V) => o?.[0]?.enabled?.(V);
+    return S.map((V, te) => {
+      const de = d ? d(V) : !1, ye = [
         {
-          data: M,
+          data: V,
           disableSelection: de,
           disableActions: de,
-          selected: !!f.find((Xt) => _(Xt, "id") === _(M, "id")),
-          isOpen: P(M) ? !1 : void 0,
-          cells: at(u, M)
+          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- lodash get performs dynamic property access at runtime
+          selected: !!y.find((Zt) => N(Zt, "id") === N(V, "id")),
+          isOpen: F(V) ? !1 : void 0,
+          cells: at(h, V)
         }
       ];
-      return o && be.push({
+      return o && ye.push({
         parent: te * 2,
-        cells: P(M) ? at(o, M) : []
-      }), be;
+        cells: F(V) ? at(o, V) : []
+      }), ye;
     }).flat();
-  }, Pe = (w) => ["string", "number"].includes(typeof w) ? w.toString() : w instanceof Array ? w.map(Pe).join("") : typeof w == "object" ? Pe(
-    Un(w.title) ? w.title.props : Object.values(w)
+  }, Pe = (S) => ["string", "number"].includes(typeof S) ? S.toString() : S instanceof Array ? S.map(Pe).join("") : typeof S == "object" ? Pe(
+    Et(S.title) ? S.title.props : Object.values(S)
   ) : "", it = U(
     () => z === "" || r ? void 0 : lt(D || []).filter(
-      (w) => w.cells.some(
-        (P) => P && Pe(P).toLowerCase().includes(z.toLowerCase())
+      (S) => S.cells.some(
+        (F) => F && Pe(F).toLowerCase().includes(z.toLowerCase())
       )
-    ).slice(N, N + S + 1),
-    [z, N, S]
+    ).slice(B, B + x + 1),
+    [z, B, x]
   );
-  ba(
+  va(
     async () => {
-      B(!0);
-      const w = tt.current === "" && z !== "";
-      return w && Z(0), tt.current = z, typeof c == "function" ? ge === nt.current && D ? D : await c(w ? 0 : N, S + 1, z) : c;
+      L(!0);
+      const S = nt.current === "" && z !== "";
+      return S && Z(0), nt.current = z, await (typeof c == "function" ? c : "loader" in c ? c.loader : async () => c)(S ? 0 : B, x + 1, z);
     },
-    (w) => {
-      nt.current = ge, r || (j(w), w.length > N ? w = w.slice(N, N + S + 1) : Z(0));
-      const P = lt(w);
-      O(P), B(!1);
+    (S) => {
+      Wt.current = Fe, r || ($(S), S.length > B ? S = S.slice(B, B + x + 1) : Z(0));
+      const F = lt(S);
+      O(F), L(!1);
     },
     [
-      ge,
-      N,
-      S,
+      Fe,
+      B,
+      x,
       z,
-      typeof c != "function" ? c : void 0
+      typeof c != "function" ? "signal" in c ? c.signal : c : void 0
     ]
   );
-  const zt = () => d && gr(d).map((w, P) => (delete w.onRowClick, w.onClick = async (M, te) => {
-    await d[P].onRowClick(
-      (it || V)[te].data
-    ) && (r || Fe(""), rt());
-  }, w)), Jt = (w, P) => {
-    ee[P].isOpen = w, O([...ee]);
-  }, ee = it || V, ye = !ee || ee.length === 0, Ve = z !== "" || v, Yt = o ? S * 2 : S, Qt = o ? (ee?.length || 0) / 2 : ee?.length || 0;
-  return /* @__PURE__ */ k(W, { children: [
-    (!ye || Ve) && /* @__PURE__ */ k(
+  const Jt = () => u && gr(u).map((S, F) => (delete S.onRowClick, S.onClick = async (V, te) => {
+    await u[F].onRowClick(
+      (it || P)[te].data
+    ) && (r || Oe(""), rt());
+  }, S)), Yt = (S, F) => {
+    ee[F].isOpen = S, O([...ee]);
+  }, ee = it || P, ge = !ee || ee.length === 0, Le = z !== "" || b, Qt = o ? x * 2 : x, Xt = o ? (ee?.length || 0) / 2 : ee?.length || 0;
+  return /* @__PURE__ */ I(W, { children: [
+    (!ge || Le) && /* @__PURE__ */ I(
       Ia,
       {
-        id: Wt,
-        count: Qt,
-        first: N,
-        max: S,
+        id: zt,
+        count: Xt,
+        first: B,
+        max: x,
         onNextClick: Z,
         onPreviousClick: Z,
-        onPerPageSelect: (w, P) => {
-          Z(w), L(P), x(P);
+        onPerPageSelect: (S, F) => {
+          Z(S), M(F), k(F);
         },
         inputGroupName: n ? `${e}input` : void 0,
-        inputGroupOnEnter: Fe,
-        inputGroupPlaceholder: I(n || ""),
-        searchTypeComponent: y,
-        toolbarItem: /* @__PURE__ */ k(W, { children: [
+        inputGroupOnEnter: Oe,
+        inputGroupPlaceholder: w(n || ""),
+        searchTypeComponent: g,
+        toolbarItem: /* @__PURE__ */ I(W, { children: [
           C,
           " ",
           /* @__PURE__ */ t(G, { variant: "separator" }),
           " ",
-          /* @__PURE__ */ t(G, { children: /* @__PURE__ */ k(q, { variant: "link", onClick: rt, "data-testid": "refresh", children: [
+          /* @__PURE__ */ t(G, { children: /* @__PURE__ */ I(_, { variant: "link", onClick: rt, "data-testid": "refresh", children: [
             /* @__PURE__ */ t(hr, {}),
             " ",
-            I("refresh")
+            w("refresh")
           ] }) })
         ] }),
-        subToolbar: R,
+        subToolbar: E,
         children: [
-          !F && !ye && /* @__PURE__ */ t(
-            Ta,
+          !j && !ge && /* @__PURE__ */ t(
+            Sa,
             {
               ...A,
               canSelectAll: l,
               canSelect: !!a,
-              selected: f,
-              onSelect: (w) => {
-                T(w), a?.(w);
+              selected: y,
+              onSelect: (S) => {
+                T(S), a?.(S);
               },
-              onCollapse: o ? Jt : void 0,
-              actions: zt(),
-              actionResolver: g,
-              rows: ee.slice(0, Yt),
-              columns: u,
+              onCollapse: o ? Yt : void 0,
+              actions: Jt(),
+              actionResolver: m,
+              rows: ee.slice(0, Qt),
+              columns: h,
               isNotCompact: i,
               isRadio: s,
               ariaLabelKey: e
             }
           ),
-          !F && ye && Ve && /* @__PURE__ */ t(
+          !j && ge && Le && /* @__PURE__ */ t(
             Ca,
             {
               hasIcon: !0,
-              icon: m,
+              icon: f,
               isSearchVariant: !0,
-              message: I("noSearchResults"),
-              instructions: I("noSearchResultsInstructions"),
-              secondaryActions: v ? [] : [
+              message: w("noSearchResults"),
+              instructions: w("noSearchResultsInstructions"),
+              secondaryActions: b ? [] : [
                 {
-                  text: I("clearAllFilters"),
-                  onClick: () => Fe(""),
-                  type: we.link
+                  text: w("clearAllFilters"),
+                  onClick: () => Oe(""),
+                  type: Ie.link
                 }
               ]
             }
@@ -2326,16 +2339,16 @@ function xa({
         ]
       }
     ),
-    F && /* @__PURE__ */ t(va, {}),
-    !F && ye && !Ve && b
+    j && /* @__PURE__ */ t(ba, {}),
+    !j && ge && !Le && v
   ] });
 }
-const Sa = ({ link: e, organization: n }) => {
-  const { t: r } = $();
-  return /* @__PURE__ */ t(wr, { wrapModifier: "truncate", children: /* @__PURE__ */ k(e, { organization: n, children: [
+const xa = ({ link: e, organization: n }) => {
+  const { t: r } = q();
+  return /* @__PURE__ */ t(wr, { wrapModifier: "truncate", children: /* @__PURE__ */ I(e, { organization: n, children: [
     n.name,
     !n.enabled && /* @__PURE__ */ t(
-      _n,
+      qn,
       {
         isRead: !0,
         className: "pf-v5-u-ml-sm",
@@ -2344,17 +2357,17 @@ const Sa = ({ link: e, organization: n }) => {
       `${n.id}-disabled`
     )
   ] }) });
-}, Aa = (e) => {
-  const { t: n } = $();
+}, Ea = (e) => {
+  const { t: n } = q();
   return /* @__PURE__ */ t(
-    Qe,
+    Xe,
     {
       numChips: 2,
       expandedText: n("hide"),
       collapsedText: n("showRemaining"),
       children: e.domains?.map((r) => {
         const a = typeof r == "string" ? r : r.name;
-        return /* @__PURE__ */ t(Xe, { isReadOnly: !0, children: a }, a);
+        return /* @__PURE__ */ t(Ze, { isReadOnly: !0, children: a }, a);
       })
     }
   );
@@ -2367,13 +2380,13 @@ const Sa = ({ link: e, organization: n }) => {
   onSelect: i,
   onDelete: s,
   deleteLabel: o = "delete",
-  link: h,
+  link: d,
   children: c,
-  actions: u
+  actions: h
 }) => {
-  const { t: d } = $();
+  const { t: u } = q();
   return /* @__PURE__ */ t(
-    xa,
+    Ta,
     {
       loader: e,
       isPaginated: r,
@@ -2384,19 +2397,19 @@ const Sa = ({ link: e, organization: n }) => {
       onSelect: i,
       canSelectAll: i !== void 0,
       actions: [
-        ...s ? [{ title: d(o), onRowClick: s }] : [],
-        ...u ?? []
+        ...s ? [{ title: u(o), onRowClick: s }] : [],
+        ...h ?? []
       ],
       columns: [
         {
           name: "name",
           displayKey: "name",
-          cellRenderer: (g) => /* @__PURE__ */ t(Sa, { link: h, organization: g })
+          cellRenderer: (m) => /* @__PURE__ */ t(xa, { link: d, organization: m })
         },
         {
           name: "domains",
           displayKey: "domains",
-          cellRenderer: Aa
+          cellRenderer: Ea
         },
         {
           name: "description",
@@ -2416,7 +2429,7 @@ export {
   Ha as ContinueCancelModal,
   ll as ErrorBoundaryFallback,
   al as ErrorBoundaryProvider,
-  Vr as ErrorPage,
+  Lr as ErrorPage,
   Za as FileUploadControl,
   Nt as FormErrorText,
   Yr as FormPanel,
@@ -2424,11 +2437,11 @@ export {
   Nr as Help,
   _t as HelpItem,
   el as IconMapper,
-  xa as KeycloakDataTable,
+  Ta as KeycloakDataTable,
   rl as KeycloakMasthead,
-  Ua as KeycloakProvider,
+  $a as KeycloakProvider,
   ca as KeycloakSelect,
-  va as KeycloakSpinner,
+  ba as KeycloakSpinner,
   Gr as KeycloakTextArea,
   Ca as ListEmptyState,
   ja as NumberControl,
@@ -2445,26 +2458,27 @@ export {
   Xa as TextControl,
   nl as UserProfileFields,
   Wa as beerify,
-  Ze as createNamedContext,
+  et as createNamedContext,
   jr as debeerify,
-  Er as generateId,
-  Sr as getErrorDescription,
-  xr as getErrorMessage,
+  Ar as generateId,
+  xr as getErrorDescription,
+  Tr as getErrorMessage,
   Ka as getInjectedEnvironment,
-  Ar as getNetworkErrorDescription,
-  Vt as getNetworkErrorMessage,
+  Er as getNetworkErrorDescription,
+  Lt as getNetworkErrorMessage,
+  Ke as isBundleKey,
   Rr as isDefined,
   Ja as isUserProfileError,
   ae as label,
   ea as mainPageContentId,
   za as setUserProfileServerError,
   qa as useAlerts,
-  $a as useEnvironment,
+  Ua as useEnvironment,
   Ht as useErrorBoundary,
-  ba as useFetch,
+  va as useFetch,
   Br as useHelp,
-  et as useRequiredContext,
+  tt as useRequiredContext,
   Dr as useSetTimeout,
-  Lt as useStoredState
+  Mt as useStoredState
 };
 //# sourceMappingURL=keycloak-ui-shared.js.map