@keycloak/keycloak-ui-shared 25.0.0 → 25.0.2

package/dist/context/environment.d.ts

@@ -1,12 +1,14 @@
 /** The base environment variables that are shared between the Admin and Account Consoles. */
 export type BaseEnvironment = {
     /**
-     * The URL to the root of the Keycloak server, this is **NOT** always equivalent to the URL of the Admin Console.
-     * For example, the Keycloak server could be hosted on `auth.example.com` and Admin Console may be hosted on `admin.example.com`.
+     * The URL to the root of the Keycloak server, including the path if present, this is **NOT** always equivalent to the URL of the Admin Console.
+     * For example, the Keycloak server could be hosted on `auth.example.com` and Admin Console may be hosted on `admin.example.com/some/path`.
+     *
+     * Note that this URL is normalized not to include a trailing slash, so take this into account when constructing URLs.
      *
      * @see {@link https://www.keycloak.org/server/hostname#_administration_console}
      */
-    authServerUrl: string;
+    serverBaseUrl: string;
     /** The identifier of the realm used to authenticate the user. */
     realm: string;
     /** The identifier of the client used to authenticate the user. */
@@ -19,9 +21,16 @@ export type BaseEnvironment = {
     logoUrl: string;
 };
 /**
- * Extracts the environment variables that are passed if the application is running as a Keycloak theme and combines them with the provided defaults.
- * These variables are injected by Keycloak into the `index.ftl` as a script tag, the contents of which can be parsed as JSON.
+ *  Extracts the environment variables from the document, these variables are injected by Keycloak as a script tag, the contents of which can be parsed as JSON. For example:
  *
- * @argument defaults - The default values to fall to if a value is not present in the environment.
+ *```html
+ * <script id="environment" type="application/json">
+ *   {
+ *     "realm": "master",
+ *     "clientId": "security-admin-console",
+ *     "etc": "..."
+ *   }
+ * </script>
+ * ```
  */
-export declare function getInjectedEnvironment<T>(defaults: T): T;
+export declare function getInjectedEnvironment<T>(): T;

package/dist/keycloak-ui-shared.js

@@ -1,9 +1,9 @@
 import { jsxs as v, jsx as t, Fragment as Y } from "react/jsx-runtime";
-import { AlertGroup as tt, Alert as nt, AlertVariant as re, AlertActionCloseButton as rt, Page as lt, Modal as Pe, ModalVariant as at, Button as D, TextContent as it, Text as ae, TextVariants as st, Spinner as ot, FormHelperText as ue, HelperText as he, HelperTextItem as me, Popover as ct, Icon as ie, FormGroup as Ve, NumberInput as dt, ValidatedOptions as M, InputGroup as pe, InputGroupItem as se, TextInput as Q, Select as X, MenuToggle as W, MenuToggleStatus as fe, SelectList as Z, SelectOption as ge, TextInputGroup as Me, TextInputGroupMain as Ne, ChipGroup as qe, Chip as Le, TextInputGroupUtilities as Be, Switch as ut, TextArea as _e, Title as ht, Card as mt, CardHeader as pt, CardTitle as ft, CardBody as gt, Grid as yt, GridItem as xe, PageSection as vt, JumpLinks as bt, JumpLinksItem as Ct, ButtonVariant as we, Checkbox as It, Radio as kt, MenuFooter as xt, Dropdown as wt, DropdownList as At, DropdownItem as Ae, Brand as Tt, Avatar as St } from "@patternfly/react-core";
-import { createContext as ye, useContext as ve, useState as T, useCallback as He, useEffect as be, useMemo as P, useRef as ee, forwardRef as Ft, useId as Ot, Fragment as Ue, Children as $e } from "react";
+import { AlertGroup as tt, Alert as nt, AlertVariant as re, AlertActionCloseButton as rt, Page as lt, Modal as Pe, ModalVariant as at, Button as R, TextContent as it, Text as ae, TextVariants as st, Spinner as ot, FormHelperText as ue, HelperText as he, HelperTextItem as me, Popover as ct, Icon as ie, FormGroup as Ve, NumberInput as dt, ValidatedOptions as M, InputGroup as pe, InputGroupItem as se, TextInput as Q, Select as X, MenuToggle as W, MenuToggleStatus as fe, SelectList as Z, SelectOption as ge, TextInputGroup as Me, TextInputGroupMain as Ne, ChipGroup as qe, Chip as Be, TextInputGroupUtilities as Le, Switch as ut, TextArea as _e, Title as ht, Card as mt, CardHeader as pt, CardTitle as ft, CardBody as gt, Grid as yt, GridItem as xe, PageSection as vt, JumpLinks as bt, JumpLinksItem as Ct, ButtonVariant as we, Checkbox as It, Radio as kt, MenuFooter as xt, Dropdown as wt, DropdownList as At, DropdownItem as Ae, Brand as Tt, Avatar as St } from "@patternfly/react-core";
+import { createContext as ye, useContext as ve, useState as T, useCallback as He, useEffect as be, useMemo as P, useRef as ee, forwardRef as Ot, useId as Ft, Fragment as Ue, Children as $e } from "react";
 import { useTranslation as Ce } from "react-i18next";
-import Rt from "keycloak-js";
-import { ExclamationCircleIcon as Dt, HelpIcon as Te, EyeIcon as Et, EyeSlashIcon as Pt, TimesIcon as Ge, CubeIcon as Vt, PaypalIcon as Mt, InstagramIcon as Nt, BitbucketIcon as qt, MicrosoftIcon as Lt, TwitterIcon as Bt, StackOverflowIcon as _t, OpenshiftIcon as Ht, LinkedinIcon as Ut, GoogleIcon as $t, GitlabIcon as Gt, FacebookSquareIcon as Wt, GithubIcon as Kt, MinusCircleIcon as jt, PlusCircleIcon as zt, EllipsisVIcon as Jt } from "@patternfly/react-icons";
+import Et from "keycloak-js";
+import { ExclamationCircleIcon as Rt, HelpIcon as Te, EyeIcon as Dt, EyeSlashIcon as Pt, TimesIcon as Ge, CubeIcon as Vt, PaypalIcon as Mt, InstagramIcon as Nt, BitbucketIcon as qt, MicrosoftIcon as Bt, TwitterIcon as Lt, StackOverflowIcon as _t, OpenshiftIcon as Ht, LinkedinIcon as Ut, GoogleIcon as $t, GitlabIcon as Gt, FacebookSquareIcon as Wt, GithubIcon as Kt, MinusCircleIcon as jt, PlusCircleIcon as zt, EllipsisVIcon as Jt } from "@patternfly/react-icons";
 import { useFormContext as te, Controller as U, useController as Ie, FormProvider as Yt, useWatch as Qt } from "react-hook-form";
 import { get as G } from "lodash-es";
 import { PageHeader as Xt, PageHeaderTools as Zt, PageHeaderToolsGroup as en, PageHeaderToolsItem as le } from "@patternfly/react-core/deprecated";
@@ -62,7 +62,7 @@ import './main.css';const We = ye(void 0), rr = () => ve(We), nn = ({ children:
       showClose: !1,
       isOpen: !0,
       actions: [
-        /* @__PURE__ */ t(D, { variant: "primary", onClick: a, children: n("tryAgain") }, "tryAgain")
+        /* @__PURE__ */ t(R, { variant: "primary", onClick: a, children: n("tryAgain") }, "tryAgain")
       ],
       children: /* @__PURE__ */ v(it, { children: [
         /* @__PURE__ */ t(ae, { children: n("somethingWentWrongDescription") }),
@@ -141,8 +141,8 @@ const lr = () => {
 }) => {
   oe = mn();
   const r = ee(!1), [l, a] = T(!1), [i, s] = T(), c = P(() => {
-    const o = new Rt({
-      url: e.authServerUrl,
+    const o = new Et({
+      url: e.serverBaseUrl,
       realm: e.realm,
       clientId: e.clientId
     });
@@ -158,15 +158,15 @@ const lr = () => {
     }).then(() => a(!0)).catch((d) => s(d)), r.current = !0;
   }, [c]), i ? /* @__PURE__ */ t(rn, { error: i }) : l ? /* @__PURE__ */ t(oe.Provider, { value: { environment: e, keycloak: c }, children: /* @__PURE__ */ t(nn, { children: /* @__PURE__ */ t(hn, { children: n }) }) }) : /* @__PURE__ */ t(ot, {});
 };
-function ir(e) {
-  const n = document.getElementById("environment");
-  let r = {};
+function ir() {
+  const n = document.getElementById("environment")?.textContent;
+  if (typeof n != "string")
+    throw new Error("Environment variables not found in the document.");
   try {
-    n?.textContent && (r = JSON.parse(n.textContent));
+    return JSON.parse(n);
   } catch {
-    console.error("Unable to parse environment variables.");
+    throw new Error("Unable to parse environment variables as JSON.");
   }
-  return { ...e, ...r };
 }
 const sr = ({
   modalTitle: e,
@@ -177,7 +177,7 @@ const sr = ({
   buttonVariant: i,
   buttonTestRole: s,
   onContinue: c,
-  component: o = D,
+  component: o = R,
   children: d,
   ...m
 }) => {
@@ -203,7 +203,7 @@ const sr = ({
         onClose: () => h(!1),
         actions: [
           /* @__PURE__ */ t(
-            D,
+            R,
             {
               id: "modal-confirm",
               variant: "primary",
@@ -215,7 +215,7 @@ const sr = ({
             "confirm"
           ),
           /* @__PURE__ */ t(
-            D,
+            R,
             {
               id: "modal-cancel",
               variant: "secondary",
@@ -229,7 +229,7 @@ const sr = ({
       }
     )
   ] });
-}, je = ({ message: e, ...n }) => /* @__PURE__ */ t(ue, { ...n, children: /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(me, { icon: /* @__PURE__ */ t(Dt, {}), variant: "error", children: e }) }) }), ze = ({
+}, je = ({ message: e, ...n }) => /* @__PURE__ */ t(ue, { ...n, children: /* @__PURE__ */ t(he, { children: /* @__PURE__ */ t(me, { icon: /* @__PURE__ */ t(Rt, {}), variant: "error", children: e }) }) }), ze = ({
   helpText: e,
   fieldLabelId: n,
   noVerticalAlign: r = !0,
@@ -334,16 +334,16 @@ const sr = ({
       }
     ) }),
     e && /* @__PURE__ */ t(
-      D,
+      R,
       {
         variant: "control",
         "aria-label": l("showPassword"),
         onClick: () => i(!a),
-        children: a ? /* @__PURE__ */ t(Et, {}) : /* @__PURE__ */ t(Pt, {})
+        children: a ? /* @__PURE__ */ t(Dt, {}) : /* @__PURE__ */ t(Pt, {})
       }
     )
   ] });
-}, Je = Ft(
+}, Je = Ot(
   (e, n) => /* @__PURE__ */ t(pn, { ...e, innerRef: n })
 );
 Je.displayName = "PasswordInput";
@@ -433,7 +433,7 @@ const cr = (e) => {
                 y(Array.isArray(h) ? [g] : g), m(!1);
               },
               isOpen: d,
-              children: /* @__PURE__ */ t(Z, { children: l.map((u) => /* @__PURE__ */ t(ge, { value: L(u), children: ke(u) ? u : u.value }, L(u))) })
+              children: /* @__PURE__ */ t(Z, { children: l.map((u) => /* @__PURE__ */ t(ge, { value: B(u), children: ke(u) ? u : u.value }, B(u))) })
             }
           )
         }
@@ -455,17 +455,17 @@ const cr = (e) => {
   const {
     control: m,
     formState: { errors: y }
-  } = te(), [h, u] = T(!1), [x, g] = T(""), [f, w] = T(0), E = ee(), C = l.filter(
+  } = te(), [h, u] = T(!1), [x, g] = T(""), [f, w] = T(0), D = ee(), C = l.filter(
     (p) => z(p).toLowerCase().startsWith(x.toLowerCase())
   ), b = P(
     () => C.map((p, I) => /* @__PURE__ */ t(
       ge,
       {
-        value: L(p),
+        value: B(p),
         isFocused: f === I,
         children: z(p)
       },
-      L(p)
+      B(p)
     )),
     [f, C]
   ), q = (p, I) => {
@@ -473,7 +473,7 @@ const cr = (e) => {
     switch (u(!0), p.key) {
       case "Enter": {
         p.preventDefault(), o !== H.typeaheadMulti ? g(z(A)) : g(""), I.onChange(
-          Array.isArray(I.value) ? [...I.value, L(A)] : L(A)
+          Array.isArray(I.value) ? [...I.value, B(A)] : B(A)
         ), u(!1), w(0);
         break;
       }
@@ -542,18 +542,18 @@ const cr = (e) => {
                         },
                         onKeyDown: (A) => q(A, p),
                         autoComplete: "off",
-                        innerRef: E,
+                        innerRef: D,
                         role: "combobox",
                         isExpanded: h,
                         "aria-controls": "select-typeahead-listbox",
                         children: o === H.typeaheadMulti && Array.isArray(p.value) && /* @__PURE__ */ t(qe, { "aria-label": "Current selections", children: p.value.map(
                           (A, k) => /* @__PURE__ */ t(
-                            Le,
+                            Be,
                             {
                               onClick: (S) => {
                                 S.stopPropagation(), p.onChange(
                                   p.value.filter(
-                                    (F) => F !== L(A)
+                                    (O) => O !== B(A)
                                   )
                                 );
                               },
@@ -564,12 +564,12 @@ const cr = (e) => {
                         ) })
                       }
                     ),
-                    /* @__PURE__ */ t(Be, { children: !!x && /* @__PURE__ */ t(
-                      D,
+                    /* @__PURE__ */ t(Le, { children: !!x && /* @__PURE__ */ t(
+                      R,
                       {
                         variant: "plain",
                         onClick: () => {
-                          p.onChange(void 0), g(""), E?.current?.focus();
+                          p.onChange(void 0), g(""), D?.current?.focus();
                         },
                         "aria-label": "Clear input value",
                         children: /* @__PURE__ */ t(Ge, { "aria-hidden": !0 })
@@ -595,7 +595,7 @@ const cr = (e) => {
   );
 };
 var H = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead", e.typeaheadMulti = "typeaheadMulti", e))(H || {});
-const $ = (e) => typeof e[0] != "string", ke = (e) => typeof e == "string", L = (e) => ke(e) ? e : e.key, yn = ({
+const $ = (e) => typeof e[0] != "string", ke = (e) => typeof e == "string", B = (e) => ke(e) ? e : e.key, yn = ({
   variant: e = "single",
   ...n
 }) => e === "single" ? /* @__PURE__ */ t(fn, { ...n }) : /* @__PURE__ */ t(gn, { ...n, variant: e }), dr = ({
@@ -717,9 +717,9 @@ function bn(e) {
     case "stackoverflow":
       return _t;
     case "twitter":
-      return Bt;
-    case "microsoft":
       return Lt;
+    case "microsoft":
+      return Bt;
     case "bitbucket":
       return qt;
     case "instagram":
@@ -755,7 +755,7 @@ const Cn = "_title_180i0_2", In = {
   scrollId: r,
   className: l
 }) => {
-  const a = Ot();
+  const a = Ft();
   return /* @__PURE__ */ v(mt, { id: a, className: l, isFlat: !0, children: [
     /* @__PURE__ */ t(pt, { className: "kc-form-panel__header", children: /* @__PURE__ */ t(ft, { tabIndex: 0, children: /* @__PURE__ */ t(Ye, { id: r, title: e }) }) }),
     /* @__PURE__ */ t(gt, { className: "kc-form-panel__body", children: n })
@@ -769,7 +769,7 @@ const Cn = "_title_180i0_2", In = {
 }, wn = "_panel_1cdve_1", An = "_sticky_1cdve_5", Se = {
   panel: wn,
   sticky: An
-}, Tn = "kc-main-content-page-container", Fe = (e) => e.replace(/\s+/g, "-"), Sn = ({
+}, Tn = "kc-main-content-page-container", Oe = (e) => e.replace(/\s+/g, "-"), Sn = ({
   label: e,
   sections: n,
   borders: r = !1,
@@ -781,7 +781,7 @@ const Cn = "_title_180i0_2", In = {
   );
   return /* @__PURE__ */ v(yt, { hasGutter: !0, ...l, children: [
     /* @__PURE__ */ t(xe, { md: 8, sm: 12, children: a.map(({ title: i, panel: s }) => {
-      const c = Fe(i.toLowerCase());
+      const c = Oe(i.toLowerCase());
       return /* @__PURE__ */ t(Ue, { children: r ? /* @__PURE__ */ t(
         kn,
         {
@@ -800,7 +800,7 @@ const Cn = "_title_180i0_2", In = {
         label: e,
         offset: 100,
         children: a.map(({ title: i }) => {
-          const s = Fe(i.toLowerCase());
+          const s = Oe(i.toLowerCase());
           return (
             // note that JumpLinks currently does not work with spaces in the href
             /* @__PURE__ */ t(
@@ -817,7 +817,7 @@ const Cn = "_title_180i0_2", In = {
       }
     ) }) })
   ] });
-}, Fn = (e, n, r) => (e.isValid || r) && (e.isDirty || n) && !e.isLoading && !e.isValidating && !e.isSubmitting, pr = ({
+}, On = (e, n, r) => (e.isValid || r) && (e.isDirty || n) && !e.isLoading && !e.isValidating && !e.isSubmitting, pr = ({
   formState: e,
   isDisabled: n = !1,
   allowInvalid: r = !1,
@@ -825,21 +825,21 @@ const Cn = "_title_180i0_2", In = {
   children: a,
   ...i
 }) => /* @__PURE__ */ t(
-  D,
+  R,
   {
     variant: "primary",
-    isDisabled: e && !Fn(e, l, r) || n,
+    isDisabled: e && !On(e, l, r) || n,
     ...i,
     type: "submit",
     children: a
   }
-), On = (e) => {
+), Fn = (e) => {
   try {
     return new Intl.DisplayNames([e], { type: "language" }).of(e);
   } catch {
     return e;
   }
-}, Rn = ({
+}, En = ({
   t: e,
   form: n,
   supportedLocales: r,
@@ -848,7 +848,7 @@ const Cn = "_title_180i0_2", In = {
   const a = P(
     () => r.map((i) => ({
       key: i,
-      value: e(`locale_${i}`, On(i) ?? i)
+      value: e(`locale_${i}`, Fn(i) ?? i)
     })).sort((i, s) => i.value.localeCompare(s.value, l)),
     [r, l, e]
   );
@@ -863,7 +863,7 @@ const Cn = "_title_180i0_2", In = {
       variant: a.length >= 10 ? "typeahead" : "single"
     }
   ) }) : null;
-}, Qe = (e) => e?.includes("${"), Xe = (e) => e.substring(2, e.length - 1), B = (e, n, r) => (Qe(n) ? e(Xe(n)) : n) || r, ce = (e, n) => B(e, n.displayName, n.name), Dn = ["username", "firstName", "lastName", "email"], Ze = (e) => e && Dn.includes(e), N = (e) => `${Ze(e) ? "" : "attributes."}${e?.replaceAll(
+}, Qe = (e) => e?.includes("${"), Xe = (e) => e.substring(2, e.length - 1), L = (e, n, r) => (Qe(n) ? e(Xe(n)) : n) || r, ce = (e, n) => L(e, n.displayName, n.name), Rn = ["username", "firstName", "lastName", "email"], Ze = (e) => e && Rn.includes(e), N = (e) => `${Ze(e) ? "" : "attributes."}${e?.replaceAll(
   ".",
   "🍺"
 )}`, fr = (e) => e.replaceAll(".", "🍺"), gr = (e) => e.replaceAll("🍺", ".");
@@ -886,18 +886,18 @@ function ne({
   required: e,
   validators: n
 }) {
-  return e || En(n);
+  return e || Dn(n);
 }
-function En(e) {
+function Dn(e) {
   return e && "length" in e && "min" in e.length && typeof e.length.min == "number" ? e.length.min > 0 : !1;
 }
 function vr(e) {
   if (typeof e != "object" || e === null || !("responseData" in e))
     return !1;
   const { responseData: n } = e;
-  return Oe(n) ? !0 : typeof n != "object" || n === null || !("errors" in n) || !Array.isArray(n.errors) ? !1 : n.errors.every(Oe);
+  return Fe(n) ? !0 : typeof n != "object" || n === null || !("errors" in n) || !Array.isArray(n.errors) ? !1 : n.errors.every(Fe);
 }
-function Oe(e) {
+function Fe(e) {
   return !(typeof e != "object" || e === null || !("field" in e) || typeof e.field != "string" || !("errorMessage" in e) || typeof e.errorMessage != "string");
 }
 const K = ({
@@ -907,7 +907,7 @@ const K = ({
   renderer: l,
   children: a
 }) => {
-  const i = B(
+  const i = L(
     e,
     r.annotations?.inputHelperTextBefore
   ), {
@@ -980,7 +980,7 @@ const K = ({
     m(n, b, {
       shouldDirty: !0
     });
-  }, E = r.startsWith("html") ? r.substring(6) : "text";
+  }, D = r.startsWith("html") ? r.substring(6) : "text";
   return be(() => {
     d(n);
   }, [d]), /* @__PURE__ */ t("div", { id: c, children: u.map((C, b) => /* @__PURE__ */ v(Ue, { children: [
@@ -993,12 +993,12 @@ const K = ({
           name: `${n}.${b}.value`,
           value: C,
           isDisabled: i,
-          type: E,
+          type: D,
           ...o
         }
       ) }),
       /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(
-        D,
+        R,
         {
           "data-testid": "remove" + b,
           variant: we.link,
@@ -1011,7 +1011,7 @@ const K = ({
       ) })
     ] }),
     b === u.length - 1 && /* @__PURE__ */ v(
-      D,
+      R,
       {
         variant: we.link,
         onClick: g,
@@ -1027,7 +1027,7 @@ const K = ({
       }
     )
   ] }, b)) });
-}, Re = (e) => {
+}, Ee = (e) => {
   const { form: n, inputType: r, attribute: l } = e, a = ne(l), i = r.startsWith("multiselect"), s = i ? It : kt, c = l.validators?.options?.options || [], o = l.annotations?.inputOptionLabels || {};
   return /* @__PURE__ */ t(K, { ...e, children: /* @__PURE__ */ t(
     U,
@@ -1040,7 +1040,7 @@ const K = ({
         {
           id: m,
           "data-testid": m,
-          label: B(e.t, o[m], m),
+          label: L(e.t, o[m], m),
           value: m,
           isChecked: d.value.includes(m),
           onChange: () => {
@@ -1072,7 +1072,7 @@ const K = ({
 }) => {
   const [u, x] = T(!1), g = ee(), f = () => {
     x(!u), n(!u);
-  }, w = () => i === "parent" && g.current?.parentElement || "inline", E = $e.toArray(
+  }, w = () => i === "parent" && g.current?.parentElement || "inline", D = $e.toArray(
     y
   );
   return /* @__PURE__ */ t(
@@ -1104,7 +1104,7 @@ const K = ({
           "aria-label": h["aria-label"],
           icon: d,
           isFullWidth: !0,
-          children: E.find((b) => b.props.value === l)?.props.children || l || h["aria-label"]
+          children: D.find((b) => b.props.value === l)?.props.children || l || h["aria-label"]
         }
       ),
       isOpen: a,
@@ -1131,15 +1131,15 @@ const K = ({
   children: f,
   ...w
 }) => {
-  const [E, C] = T(""), [b, q] = T(0), p = ee(), I = $e.toArray(
+  const [D, C] = T(""), [b, q] = T(0), p = ee(), I = $e.toArray(
     f
   ), A = () => {
     r?.(!w.isOpen);
   }, k = (S) => {
-    const F = I[b];
+    const O = I[b];
     switch (r?.(!0), S.key) {
       case "Enter": {
-        S.preventDefault(), a !== V.typeaheadMulti ? C(F.props.value) : C(""), n?.(F.props.value), r?.(!1), q(0);
+        S.preventDefault(), a !== V.typeaheadMulti ? C(O.props.value) : C(""), n?.(O.props.value), r?.(!1), q(0);
         break;
       }
       case "Escape": {
@@ -1153,8 +1153,8 @@ const K = ({
       case "ArrowUp":
       case "ArrowDown": {
         S.preventDefault();
-        let O = 0;
-        S.key === "ArrowUp" && (b === 0 ? O = I.length - 1 : O = b - 1), S.key === "ArrowDown" && (b === I.length - 1 ? O = 0 : O = b + 1), q(O);
+        let F = 0;
+        S.key === "ArrowUp" && (b === 0 ? F = I.length - 1 : F = b - 1), S.key === "ArrowDown" && (b === I.length - 1 ? F = 0 : F = b + 1), q(F);
         break;
       }
     }
@@ -1165,7 +1165,7 @@ const K = ({
       ...w,
       onClick: A,
       onOpenChange: () => r?.(!1),
-      onSelect: (S, F) => n?.(F || ""),
+      onSelect: (S, O) => n?.(O || ""),
       maxMenuHeight: J(c),
       popperProps: { direction: m, width: J(o) },
       toggle: (S) => /* @__PURE__ */ t(
@@ -1184,32 +1184,32 @@ const K = ({
               Ne,
               {
                 placeholder: s,
-                value: a === V.typeahead && y ? y : E,
+                value: a === V.typeahead && y ? y : D,
                 onClick: A,
-                onChange: (F, O) => {
-                  C(O), l?.(O);
+                onChange: (O, F) => {
+                  C(F), l?.(F);
                 },
-                onKeyDown: (F) => k(F),
+                onKeyDown: (O) => k(O),
                 autoComplete: "off",
                 innerRef: p,
                 role: "combobox",
                 isExpanded: w.isOpen,
                 "aria-controls": "select-typeahead-listbox",
                 "aria-label": h,
-                children: a === V.typeaheadMulti && Array.isArray(y) && (u || /* @__PURE__ */ t(qe, { ...x, children: y.map((F, O) => /* @__PURE__ */ t(
-                  Le,
+                children: a === V.typeaheadMulti && Array.isArray(y) && (u || /* @__PURE__ */ t(qe, { ...x, children: y.map((O, F) => /* @__PURE__ */ t(
+                  Be,
                   {
                     onClick: (et) => {
-                      et.stopPropagation(), n?.(F);
+                      et.stopPropagation(), n?.(O);
                     },
-                    children: F
+                    children: O
                   },
-                  O
+                  F
                 )) }))
               }
             ),
-            /* @__PURE__ */ t(Be, { children: !!E && /* @__PURE__ */ t(
-              D,
+            /* @__PURE__ */ t(Le, { children: !!D && /* @__PURE__ */ t(
+              R,
               {
                 variant: "plain",
                 onClick: () => {
@@ -1233,10 +1233,10 @@ var V = /* @__PURE__ */ ((e) => (e.single = "single", e.typeahead = "typeahead",
 const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
   variant: e = "single",
   ...n
-}) => e === "single" ? /* @__PURE__ */ t(Mn, { ...n }) : /* @__PURE__ */ t(Nn, { ...n, variant: e }), De = (e) => {
+}) => e === "single" ? /* @__PURE__ */ t(Mn, { ...n }) : /* @__PURE__ */ t(Nn, { ...n, variant: e }), Re = (e) => {
   const { t: n, form: r, inputType: l, attribute: a } = e, [i, s] = T(!1), [c, o] = T(""), d = l === "multiselect", m = (g, f) => {
     d ? f.value.includes(g) ? f.onChange(f.value.filter((w) => w !== g)) : Array.isArray(f.value) ? f.onChange([...f.value, g]) : f.onChange([g]) : f.onChange(g === f.value ? "" : g);
-  }, y = a.validators?.options?.options || [], h = a.annotations?.inputOptionLabels || {}, u = (g) => B(e.t, h[g], g), x = (g) => y.filter(
+  }, y = a.validators?.options?.options || [], h = a.annotations?.inputOptionLabels || {}, u = (g) => L(e.t, h[g], g), x = (g) => y.filter(
     (f) => u(f).toLowerCase().includes(c.toLowerCase())
   ).map((f) => /* @__PURE__ */ t(
     ge,
@@ -1274,7 +1274,7 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
       )
     }
   ) });
-}, Ln = (e) => {
+}, Bn = (e) => {
   const { form: n, attribute: r } = e, l = ne(r);
   return /* @__PURE__ */ t(K, { ...e, children: /* @__PURE__ */ t(
     vn,
@@ -1288,7 +1288,7 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
       isRequired: l
     }
   ) });
-}, R = (e) => {
+}, E = (e) => {
   const { form: n, inputType: r, attribute: l } = e, a = ne(l), i = r.startsWith("html") ? r.substring(6) : "text";
   return /* @__PURE__ */ t(K, { ...e, children: /* @__PURE__ */ t(
     Q,
@@ -1296,7 +1296,7 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
       id: l.name,
       "data-testid": l.name,
       type: i,
-      placeholder: B(
+      placeholder: L(
         e.t,
         l.annotations?.inputTypePlaceholder
       ),
@@ -1306,21 +1306,21 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
     }
   ) });
 }, de = {
-  text: R,
-  textarea: Ln,
-  select: De,
-  "select-radiobuttons": Re,
-  multiselect: De,
-  "multiselect-checkboxes": Re,
-  "html5-email": R,
-  "html5-tel": R,
-  "html5-url": R,
-  "html5-number": R,
-  "html5-range": R,
-  "html5-datetime-local": R,
-  "html5-date": R,
-  "html5-month": R,
-  "html5-time": R,
+  text: E,
+  textarea: Bn,
+  select: Re,
+  "select-radiobuttons": Ee,
+  multiselect: Re,
+  "multiselect-checkboxes": Ee,
+  "html5-email": E,
+  "html5-tel": E,
+  "html5-url": E,
+  "html5-number": E,
+  "html5-range": E,
+  "html5-datetime-local": E,
+  "html5-date": E,
+  "html5-month": E,
+  "html5-time": E,
   "multi-input": Pn
 }, br = ({
   t: e,
@@ -1355,11 +1355,11 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
     {
       label: e("jumpToSection"),
       sections: c.filter((o) => o.attributes.length > 0).map(({ group: o, attributes: d }) => ({
-        title: B(e, o.displayHeader, o.name) || e("general"),
+        title: L(e, o.displayHeader, o.name) || e("general"),
         panel: /* @__PURE__ */ v("div", { className: "pf-v5-c-form", children: [
-          o.displayDescription && /* @__PURE__ */ t(ae, { className: "pf-v5-u-pb-lg", children: B(e, o.displayDescription, "") }),
+          o.displayDescription && /* @__PURE__ */ t(ae, { className: "pf-v5-u-pb-lg", children: L(e, o.displayDescription, "") }),
           d.map((m) => /* @__PURE__ */ t(
-            Bn,
+            Ln,
             {
               t: e,
               form: n,
@@ -1374,7 +1374,7 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
       }))
     }
   );
-}, Bn = ({
+}, Ln = ({
   t: e,
   form: n,
   renderer: r,
@@ -1386,7 +1386,7 @@ const J = (e) => typeof e == "number" ? e + "px" : e, qn = ({
     N(i.name)
   ), c = P(() => Hn(i), [i]), o = i.multivalued || $n(s) && i.annotations?.inputType === void 0 ? de["multi-input"] : de[c];
   return i.name === "locale" ? /* @__PURE__ */ t(
-    Rn,
+    En,
     {
       form: n,
       supportedLocales: l,
@@ -1531,7 +1531,7 @@ const Un = (e) => typeof e == "string" && e in de, $n = (e) => Array.isArray(e)
       ] }) })
     ]
   }
-), Ee = ({
+), De = ({
   isKebab: e = !1,
   title: n,
   dropDownItems: r,
@@ -1610,7 +1610,7 @@ const Cr = ({
                 md: "hidden"
               },
               children: /* @__PURE__ */ t(
-                Ee,
+                De,
                 {
                   "data-testid": "options-kebab",
                   isKebab: !0,
@@ -1631,7 +1631,7 @@ const Cr = ({
                 md: "visible"
               },
               children: /* @__PURE__ */ t(
-                Ee,
+                De,
                 {
                   "data-testid": "options",
                   dropDownItems: [...o, h],
@@ -1676,7 +1676,7 @@ export {
   ir as getInjectedEnvironment,
   sn as isDefined,
   vr as isUserProfileError,
-  B as label,
+  L as label,
   Tn as mainPageContentId,
   yr as setUserProfileServerError,
   rr as useAlerts,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloak/keycloak-ui-shared",
-  "version": "25.0.0",
+  "version": "25.0.2",
   "type": "module",
   "main": "./dist/keycloak-ui-shared.js",
   "types": "./dist/keycloak-ui-shared.d.ts",
@@ -46,8 +46,8 @@
     "react-dom": "^18.3.1",
     "react-hook-form": "7.51.5",
     "react-i18next": "^14.1.2",
-    "@keycloak/keycloak-admin-client": "25.0.0",
-    "keycloak-js": "25.0.0"
+    "@keycloak/keycloak-admin-client": "25.0.2",
+    "keycloak-js": "25.0.2"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",