@thunderid/react 1.0.8 → 1.2.0

package/dist/cjs/index.cjs

@@ -21,6 +21,21 @@ const require_useTheme = require('./contexts/Theme/useTheme.cjs');
 const require_useTranslation = require('./hooks/useTranslation.cjs');
 const require_flowTransformer = require('./utils/flowTransformer.cjs');
 const require_useForm = require('./hooks/useForm.cjs');
+const require_useGetApplications = require('./hooks/applications/useGetApplications.cjs');
+const require_useGetApplication = require('./hooks/applications/useGetApplication.cjs');
+const require_useCreateApplication = require('./hooks/applications/useCreateApplication.cjs');
+const require_useUpdateApplication = require('./hooks/applications/useUpdateApplication.cjs');
+const require_useDeleteApplication = require('./hooks/applications/useDeleteApplication.cjs');
+const require_useGetUsers = require('./hooks/users/useGetUsers.cjs');
+const require_useGetUser = require('./hooks/users/useGetUser.cjs');
+const require_useCreateUser = require('./hooks/users/useCreateUser.cjs');
+const require_useUpdateUser = require('./hooks/users/useUpdateUser.cjs');
+const require_useDeleteUser = require('./hooks/users/useDeleteUser.cjs');
+const require_useGetAgents = require('./hooks/agents/useGetAgents.cjs');
+const require_useGetAgent = require('./hooks/agents/useGetAgent.cjs');
+const require_useCreateAgent = require('./hooks/agents/useCreateAgent.cjs');
+const require_useUpdateAgent = require('./hooks/agents/useUpdateAgent.cjs');
+const require_useDeleteAgent = require('./hooks/agents/useDeleteAgent.cjs');
 const require_Spinner = require('./components/primitives/Spinner/Spinner.cjs');
 const require_Button = require('./components/primitives/Button/Button.cjs');
 const require_BaseSignInButton = require('./components/actions/SignInButton/BaseSignInButton.cjs');
@@ -63,6 +78,7 @@ const require_PasswordField = require('./components/primitives/PasswordField/Pas
 const require_Select = require('./components/primitives/Select/Select.cjs');
 const require_FieldFactory = require('./components/factories/FieldFactory.cjs');
 const require_Divider = require('./components/primitives/Divider/Divider.cjs');
+const require_KeyValueList = require('./components/primitives/KeyValueList/KeyValueList.cjs');
 const require_BaseSignIn = require('./components/presentation/auth/SignIn/BaseSignIn.cjs');
 const require_useOAuthCallback = require('./hooks/useOAuthCallback.cjs');
 const require_SignIn = require('./components/presentation/auth/SignIn/SignIn.cjs');
@@ -84,6 +100,9 @@ const require_MultiInput = require('./components/primitives/MultiInput/MultiInpu
 const require_BaseUserProfile = require('./components/presentation/UserProfile/BaseUserProfile.cjs');
 const require_updateMeProfile = require('./api/updateMeProfile.cjs');
 const require_UserProfile = require('./components/presentation/UserProfile/UserProfile.cjs');
+const require_BaseChangeCredential = require('./components/presentation/ChangeCredential/BaseChangeCredential.cjs');
+const require_updateMeCredentials = require('./api/updateMeCredentials.cjs');
+const require_ChangeCredential = require('./components/presentation/ChangeCredential/ChangeCredential.cjs');
 const require_BaseUserAvatar = require('./components/presentation/UserAvatar/BaseUserAvatar.cjs');
 const require_UserAvatar = require('./components/presentation/UserAvatar/UserAvatar.cjs');
 const require_BaseUserDropdown = require('./components/presentation/UserDropdown/BaseUserDropdown.cjs');
@@ -120,8 +139,21 @@ Object.defineProperty(exports, 'AVATAR_URI_SCHEME', {
   }
 });
 exports.AcceptInvite = require_AcceptInvite.default;
+Object.defineProperty(exports, 'AgentQueryKeys', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.AgentQueryKeys;
+  }
+});
 exports.Alert = require_Alert.default;
+Object.defineProperty(exports, 'ApplicationQueryKeys', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.ApplicationQueryKeys;
+  }
+});
 exports.BaseAcceptInvite = require_BaseAcceptInvite.default;
+exports.BaseChangeCredential = require_BaseChangeCredential.default;
 exports.BaseInviteUser = require_BaseInviteUser.default;
 exports.BaseLanguageSwitcher = require_BaseLanguageSwitcher.default;
 exports.BaseRecovery = require_BaseRecovery.default;
@@ -138,6 +170,7 @@ exports.BuildingAlt = require_BuildingAlt.default;
 exports.Button = require_Button.default;
 exports.Callback = require_Callback.Callback;
 exports.Card = require_Card.default;
+exports.ChangeCredential = require_ChangeCredential.default;
 exports.Checkbox = require_Checkbox.default;
 exports.CircleAlert = require_CircleAlert.default;
 exports.CircleCheck = require_CircleCheck.default;
@@ -228,6 +261,7 @@ exports.Info = require_Info.default;
 exports.InputLabel = require_InputLabel.default;
 exports.InviteUser = require_InviteUser.default;
 exports.KeyValueInput = require_KeyValueInput.default;
+exports.KeyValueList = require_KeyValueList.default;
 exports.LanguageSwitcher = require_LanguageSwitcher.default;
 exports.LinkedInButton = require_LinkedInButton.default;
 exports.Loading = require_Loading.default;
@@ -271,6 +305,12 @@ exports.UserDropdown = require_UserDropdown.default;
 exports.UserIcon = require_User.default;
 exports.UserProfile = require_UserProfile.default;
 exports.UserProvider = require_UserProvider.default;
+Object.defineProperty(exports, 'UserQueryKeys', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.UserQueryKeys;
+  }
+});
 Object.defineProperty(exports, 'buildAvatarSpec', {
   enumerable: true,
   get: function () {
@@ -283,7 +323,43 @@ Object.defineProperty(exports, 'countryCodeToFlagEmoji', {
     return __thunderid_browser.countryCodeToFlagEmoji;
   }
 });
+Object.defineProperty(exports, 'createAgent', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.createAgent;
+  }
+});
+Object.defineProperty(exports, 'createApplication', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.createApplication;
+  }
+});
 exports.createField = require_FieldFactory.createField;
+Object.defineProperty(exports, 'createUser', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.createUser;
+  }
+});
+Object.defineProperty(exports, 'deleteAgent', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.deleteAgent;
+  }
+});
+Object.defineProperty(exports, 'deleteApplication', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.deleteApplication;
+  }
+});
+Object.defineProperty(exports, 'deleteUser', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.deleteUser;
+  }
+});
 Object.defineProperty(exports, 'deriveAvatarContent', {
   enumerable: true,
   get: function () {
@@ -315,8 +391,44 @@ Object.defineProperty(exports, 'getActiveTheme', {
     return __thunderid_browser.getActiveTheme;
   }
 });
+Object.defineProperty(exports, 'getAgent', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.getAgent;
+  }
+});
+Object.defineProperty(exports, 'getAgents', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.getAgents;
+  }
+});
+Object.defineProperty(exports, 'getApplication', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.getApplication;
+  }
+});
+Object.defineProperty(exports, 'getApplications', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.getApplications;
+  }
+});
 exports.getConsentOptionalKey = require_ConsentCheckboxList.getConsentOptionalKey;
 exports.getMeProfile = require_getUsersMe.default;
+Object.defineProperty(exports, 'getUser', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.getUser;
+  }
+});
+Object.defineProperty(exports, 'getUsers', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.getUsers;
+  }
+});
 exports.getUsersMeMeta = require_getUsersMeMeta.default;
 Object.defineProperty(exports, 'http', {
   enumerable: true,
@@ -343,6 +455,12 @@ Object.defineProperty(exports, 'navigate', {
   }
 });
 exports.normalizeFlowResponse = require_flowTransformer.normalizeFlowResponse;
+Object.defineProperty(exports, 'parseKeyValuePairs', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.parseKeyValuePairs;
+  }
+});
 Object.defineProperty(exports, 'pickAnonymousAvatarName', {
   enumerable: true,
   get: function () {
@@ -391,14 +509,48 @@ Object.defineProperty(exports, 'resolveMeta', {
     return __thunderid_browser.resolveMeta;
   }
 });
+Object.defineProperty(exports, 'updateAgent', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.updateAgent;
+  }
+});
+Object.defineProperty(exports, 'updateApplication', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.updateApplication;
+  }
+});
+exports.updateMeCredentials = require_updateMeCredentials.default;
 exports.updateMeProfile = require_updateMeProfile.default;
+Object.defineProperty(exports, 'updateUser', {
+  enumerable: true,
+  get: function () {
+    return __thunderid_browser.updateUser;
+  }
+});
 exports.useBrowserUrl = require_useBrowserUrl.default;
+exports.useCreateAgent = require_useCreateAgent.default;
+exports.useCreateApplication = require_useCreateApplication.default;
+exports.useCreateUser = require_useCreateUser.default;
+exports.useDeleteAgent = require_useDeleteAgent.default;
+exports.useDeleteApplication = require_useDeleteApplication.default;
+exports.useDeleteUser = require_useDeleteUser.default;
 exports.useFlow = require_useFlow.default;
 exports.useForm = require_useForm.default;
+exports.useGetAgent = require_useGetAgent.default;
+exports.useGetAgents = require_useGetAgents.default;
+exports.useGetApplication = require_useGetApplication.default;
+exports.useGetApplications = require_useGetApplications.default;
+exports.useGetUser = require_useGetUser.default;
+exports.useGetUsers = require_useGetUsers.default;
 exports.useI18n = require_useI18n.default;
 exports.useOAuthCallback = require_useOAuthCallback.useOAuthCallback;
 exports.useTheme = require_useTheme.default;
 exports.useThunderID = require_useThunderID.default;
 exports.useTranslation = require_useTranslation.default;
+exports.useUpdateAgent = require_useUpdateAgent.default;
+exports.useUpdateApplication = require_useUpdateApplication.default;
+exports.useUpdateUser = require_useUpdateUser.default;
 exports.useUser = require_useUser.default;
 exports.validateFieldValue = require_FieldFactory.validateFieldValue;

package/dist/cjs/utils/createAuthenticatedFetcher.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+
+//#region src/utils/createAuthenticatedFetcher.ts
+const toResponse = (data, status, statusText) => ({
+	json: () => Promise.resolve(data),
+	ok: status >= 200 && status < 300,
+	status,
+	statusText: statusText ?? "",
+	text: () => Promise.resolve(typeof data === "string" ? data : JSON.stringify(data))
+});
+/**
+* Creates a fetch-compatible function backed by the SDK's HTTP client for the given instance, so
+* requests carry the signed-in user's access token.
+*
+* The HTTP client throws on a non-2xx status. This fetcher turns that back into a non-OK response
+* so callers can read the real status (for example, to tell a 403 from a 404).
+*
+* @param instanceId - The ThunderID instance whose HTTP client should be used.
+* @returns A fetcher that can be passed to any core API function.
+*/
+const createAuthenticatedFetcher = (instanceId = 0) => async (url, config) => {
+	const httpClient = __thunderid_browser.FetchHttpClient.getInstance(instanceId);
+	try {
+		const response = await httpClient.request({
+			data: typeof config.body === "string" ? JSON.parse(config.body) : void 0,
+			headers: config.headers,
+			method: config.method ?? "GET",
+			url
+		});
+		return toResponse(response.data, response.status, response.statusText);
+	} catch (error) {
+		const { response } = error;
+		if (!response) throw error;
+		return toResponse(response.data, response.status, response.statusText);
+	}
+};
+var createAuthenticatedFetcher_default = createAuthenticatedFetcher;
+
+//#endregion
+exports.default = createAuthenticatedFetcher_default;
+//# sourceMappingURL=createAuthenticatedFetcher.cjs.map

package/dist/cjs/utils/createAuthenticatedFetcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAuthenticatedFetcher.cjs","names":["httpClient: FetchHttpClient","FetchHttpClient","response: HttpResponse<unknown>"],"sources":["../../../src/utils/createAuthenticatedFetcher.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {ApiFetcher, FetchHttpClient, HttpError, HttpRequestConfig, HttpResponse} from '@thunderid/browser';\n\nconst toResponse = (data: unknown, status: number, statusText: string | undefined): Response =>\n  ({\n    json: () => Promise.resolve(data),\n    ok: status >= 200 && status < 300,\n    status,\n    statusText: statusText ?? '',\n    text: () => Promise.resolve(typeof data === 'string' ? data : JSON.stringify(data)),\n  }) as Response;\n\n/**\n * Creates a fetch-compatible function backed by the SDK's HTTP client for the given instance, so\n * requests carry the signed-in user's access token.\n *\n * The HTTP client throws on a non-2xx status. This fetcher turns that back into a non-OK response\n * so callers can read the real status (for example, to tell a 403 from a 404).\n *\n * @param instanceId - The ThunderID instance whose HTTP client should be used.\n * @returns A fetcher that can be passed to any core API function.\n */\nconst createAuthenticatedFetcher =\n  (instanceId = 0): ApiFetcher =>\n  async (url: string, config: RequestInit): Promise<Response> => {\n    const httpClient: FetchHttpClient = FetchHttpClient.getInstance(instanceId);\n\n    try {\n      const response: HttpResponse<unknown> = await httpClient.request({\n        data: typeof config.body === 'string' ? (JSON.parse(config.body) as unknown) : undefined,\n        headers: config.headers as Record<string, string>,\n        method: config.method ?? 'GET',\n        url,\n      } as HttpRequestConfig);\n\n      return toResponse(response.data, response.status, response.statusText);\n    } catch (error) {\n      const {response} = error as HttpError;\n\n      if (!response) {\n        throw error;\n      }\n\n      return toResponse(response.data, response.status, response.statusText);\n    }\n  };\n\nexport default createAuthenticatedFetcher;\n"],"mappings":";;;;;AAKA,MAAM,cAAc,MAAe,QAAgB,gBAChD;CACC,YAAY,QAAQ,QAAQ,KAAK;CACjC,IAAI,UAAU,OAAO,SAAS;CAC9B;CACA,YAAY,cAAc;CAC1B,YAAY,QAAQ,QAAQ,OAAO,SAAS,WAAW,OAAO,KAAK,UAAU,KAAK,CAAC;CACpF;;;;;;;;;;;AAYH,MAAM,8BACH,aAAa,MACd,OAAO,KAAa,WAA2C;CAC7D,MAAMA,aAA8BC,oCAAgB,YAAY,WAAW;AAE3E,KAAI;EACF,MAAMC,WAAkC,MAAM,WAAW,QAAQ;GAC/D,MAAM,OAAO,OAAO,SAAS,WAAY,KAAK,MAAM,OAAO,KAAK,GAAe;GAC/E,SAAS,OAAO;GAChB,QAAQ,OAAO,UAAU;GACzB;GACD,CAAsB;AAEvB,SAAO,WAAW,SAAS,MAAM,SAAS,QAAQ,SAAS,WAAW;UAC/D,OAAO;EACd,MAAM,EAAC,aAAY;AAEnB,MAAI,CAAC,SACH,OAAM;AAGR,SAAO,WAAW,SAAS,MAAM,SAAS,QAAQ,SAAS,WAAW;;;AAI5E,yCAAe"}

package/dist/cjs/utils/createResourceInvalidator.cjs

@@ -0,0 +1,38 @@
+
+//#region src/utils/createResourceInvalidator.ts
+const matches = (queryKey, partialKey) => partialKey.every((part, index) => JSON.stringify(part) === JSON.stringify(queryKey[index]));
+/**
+* Creates an in-memory invalidator. Invalidation matches on key prefix, so invalidating
+* `['applications']` reaches every applications list query regardless of its pagination.
+*/
+const createResourceInvalidator = () => {
+	const subscriptions = /* @__PURE__ */ new Set();
+	return {
+		invalidate: (partialKey) => {
+			subscriptions.forEach(({ listener, queryKey }) => {
+				if (matches(queryKey, partialKey)) listener();
+			});
+		},
+		subscribe: (queryKey, listener) => {
+			const subscription = {
+				listener,
+				queryKey
+			};
+			subscriptions.add(subscription);
+			return () => {
+				subscriptions.delete(subscription);
+			};
+		}
+	};
+};
+/**
+* Used when the context does not supply an invalidator, for example when an integration renders
+* its own `ThunderIDContext` value instead of using `ThunderIDProvider`.
+*/
+const fallbackResourceInvalidator = createResourceInvalidator();
+var createResourceInvalidator_default = createResourceInvalidator;
+
+//#endregion
+exports.default = createResourceInvalidator_default;
+exports.fallbackResourceInvalidator = fallbackResourceInvalidator;
+//# sourceMappingURL=createResourceInvalidator.cjs.map

package/dist/cjs/utils/createResourceInvalidator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createResourceInvalidator.cjs","names":["subscription: {listener: () => void; queryKey: ResourceQueryKey}","fallbackResourceInvalidator: ResourceInvalidator"],"sources":["../../../src/utils/createResourceInvalidator.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * A key identifying a resource query, e.g. `['applications', {limit: 10}]` or `['application', id]`.\n */\nexport type ResourceQueryKey = readonly unknown[];\n\n/**\n * Lets mutations tell mounted queries that their data is stale.\n */\nexport interface ResourceInvalidator {\n  /**\n   * Notifies every subscribed query whose key starts with `partialKey`.\n   */\n  invalidate: (partialKey: ResourceQueryKey) => void;\n  /**\n   * Registers a listener for invalidations matching `queryKey`. Returns an unsubscribe function.\n   */\n  subscribe: (queryKey: ResourceQueryKey, listener: () => void) => () => void;\n}\n\nconst matches = (queryKey: ResourceQueryKey, partialKey: ResourceQueryKey): boolean =>\n  partialKey.every((part: unknown, index: number) => JSON.stringify(part) === JSON.stringify(queryKey[index]));\n\n/**\n * Creates an in-memory invalidator. Invalidation matches on key prefix, so invalidating\n * `['applications']` reaches every applications list query regardless of its pagination.\n */\nconst createResourceInvalidator = (): ResourceInvalidator => {\n  const subscriptions = new Set<{listener: () => void; queryKey: ResourceQueryKey}>();\n\n  return {\n    invalidate: (partialKey: ResourceQueryKey): void => {\n      subscriptions.forEach(({listener, queryKey}: {listener: () => void; queryKey: ResourceQueryKey}) => {\n        if (matches(queryKey, partialKey)) {\n          listener();\n        }\n      });\n    },\n    subscribe: (queryKey: ResourceQueryKey, listener: () => void): (() => void) => {\n      const subscription: {listener: () => void; queryKey: ResourceQueryKey} = {listener, queryKey};\n      subscriptions.add(subscription);\n\n      return (): void => {\n        subscriptions.delete(subscription);\n      };\n    },\n  };\n};\n\n/**\n * Used when the context does not supply an invalidator, for example when an integration renders\n * its own `ThunderIDContext` value instead of using `ThunderIDProvider`.\n */\nexport const fallbackResourceInvalidator: ResourceInvalidator = createResourceInvalidator();\n\nexport default createResourceInvalidator;\n"],"mappings":";;AAsBA,MAAM,WAAW,UAA4B,eAC3C,WAAW,OAAO,MAAe,UAAkB,KAAK,UAAU,KAAK,KAAK,KAAK,UAAU,SAAS,OAAO,CAAC;;;;;AAM9G,MAAM,kCAAuD;CAC3D,MAAM,gCAAgB,IAAI,KAAyD;AAEnF,QAAO;EACL,aAAa,eAAuC;AAClD,iBAAc,SAAS,EAAC,UAAU,eAAkE;AAClG,QAAI,QAAQ,UAAU,WAAW,CAC/B,WAAU;KAEZ;;EAEJ,YAAY,UAA4B,aAAuC;GAC7E,MAAMA,eAAmE;IAAC;IAAU;IAAS;AAC7F,iBAAc,IAAI,aAAa;AAE/B,gBAAmB;AACjB,kBAAc,OAAO,aAAa;;;EAGvC;;;;;;AAOH,MAAaC,8BAAmD,2BAA2B;AAE3F,wCAAe"}

package/dist/components/actions/SignInButton/BaseSignInButton.js

@@ -2,7 +2,7 @@ import { cx } from "../../../styles/emotion.js";
 import Button_default from "../../primitives/Button/Button.js";
 import { withVendorCSSClassPrefix } from "@thunderid/browser";
 import { forwardRef } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
 //#region src/components/actions/SignInButton/BaseSignInButton.tsx
 /**
@@ -25,7 +25,7 @@ import { Fragment, jsx } from "react/jsx-runtime";
 * ```
 */
 const BaseSignInButton = forwardRef(({ children, className, style, signIn, isLoading, meta, preferences,...rest }, ref) => {
-	if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment, { children: children({
+	if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment$1, { children: children({
 		isLoading,
 		meta,
 		signIn

package/dist/components/actions/SignInButton/BaseSignInButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSignInButton.js","names":["BaseSignInButton: ForwardRefExoticComponent<BaseSignInButtonProps & RefAttributes<HTMLButtonElement>>","Button"],"sources":["../../../../src/components/actions/SignInButton/BaseSignInButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FlowMetadataResponse, WithPreferences, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {\n  ButtonHTMLAttributes,\n  forwardRef,\n  ForwardRefExoticComponent,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from 'react';\nimport {cx} from '../../../styles/emotion';\nimport Button from '../../primitives/Button/Button';\n\n/**\n * Common props shared by all {@link BaseSignInButton} components.\n */\nexport interface CommonBaseSignInButtonProps {\n  /**\n   * Loading state during sign-in process\n   */\n  isLoading?: boolean;\n  /**\n   * Flow metadata returned by the platform (v2 only). `null` while loading or unavailable.\n   */\n  meta?: FlowMetadataResponse | null;\n  /**\n   * Function to initiate the sign-in process\n   */\n  signIn: () => Promise<void>;\n}\n\n/**\n * Props passed to the render function of {@link BaseSignInButton}\n */\nexport type BaseSignInButtonRenderProps = CommonBaseSignInButtonProps;\n\n/**\n * Props interface of {@link BaseSignInButton}\n */\nexport interface BaseSignInButtonProps\n  extends Partial<CommonBaseSignInButtonProps>,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    WithPreferences {\n  /**\n   * Render prop function that receives sign-in props, or traditional ReactNode children\n   */\n  children?: ((props: BaseSignInButtonRenderProps) => ReactNode) | ReactNode;\n}\n\n/**\n * Base SignInButton component that supports both render props and traditional props patterns.\n *\n * @example Using render props\n * ```tsx\n * <BaseSignInButton>\n *   {({signIn, isLoading}) => (\n *     <button onClick={signIn} disabled={isLoading}>\n *       {isLoading ? 'Signing in...' : 'Sign In'}\n *     </button>\n *   )}\n * </BaseSignInButton>\n * ```\n *\n * @example Using traditional props\n * ```tsx\n * <BaseSignInButton className=\"custom-button\">Sign In</BaseSignInButton>\n * ```\n */\nconst BaseSignInButton: ForwardRefExoticComponent<BaseSignInButtonProps & RefAttributes<HTMLButtonElement>> =\n  forwardRef<HTMLButtonElement, BaseSignInButtonProps>(\n    (\n      {children, className, style, signIn, isLoading, meta, preferences, ...rest}: BaseSignInButtonProps,\n      ref: Ref<HTMLButtonElement>,\n    ): ReactElement => {\n      if (typeof children === 'function') {\n        return <>{children({isLoading, meta, signIn: signIn!})}</>;\n      }\n\n      return (\n        <Button\n          ref={ref}\n          className={cx(withVendorCSSClassPrefix('sign-in-button'), className)}\n          style={style}\n          disabled={isLoading}\n          loading={isLoading}\n          type=\"button\"\n          {...rest}\n        >\n          {children}\n        </Button>\n      );\n    },\n  );\n\nBaseSignInButton.displayName = 'BaseSignInButton';\n\nexport default BaseSignInButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAMA,mBACJ,YAEI,EAAC,UAAU,WAAW,OAAO,QAAQ,WAAW,MAAM,YAAa,GAAG,QACtE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,0CAAG,SAAS;EAAC;EAAW;EAAc;EAAQ,CAAC,GAAI;AAG5D,QACE,oBAACC;EACM;EACL,WAAW,GAAG,yBAAyB,iBAAiB,EAAE,UAAU;EAC7D;EACP,UAAU;EACV,SAAS;EACT,MAAK;EACL,GAAI;EAEH;GACM;EAGd;AAEH,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"BaseSignInButton.js","names":["BaseSignInButton: ForwardRefExoticComponent<BaseSignInButtonProps & RefAttributes<HTMLButtonElement>>","Button"],"sources":["../../../../src/components/actions/SignInButton/BaseSignInButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FlowMetadataResponse, WithPreferences, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {\n  ButtonHTMLAttributes,\n  forwardRef,\n  ForwardRefExoticComponent,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from 'react';\nimport {cx} from '../../../styles/emotion';\nimport Button from '../../primitives/Button/Button';\n\n/**\n * Common props shared by all {@link BaseSignInButton} components.\n */\nexport interface CommonBaseSignInButtonProps {\n  /**\n   * Loading state during sign-in process\n   */\n  isLoading?: boolean;\n  /**\n   * Flow metadata returned by the platform (v2 only). `null` while loading or unavailable.\n   */\n  meta?: FlowMetadataResponse | null;\n  /**\n   * Function to initiate the sign-in process\n   */\n  signIn: () => Promise<void>;\n}\n\n/**\n * Props passed to the render function of {@link BaseSignInButton}\n */\nexport type BaseSignInButtonRenderProps = CommonBaseSignInButtonProps;\n\n/**\n * Props interface of {@link BaseSignInButton}\n */\nexport interface BaseSignInButtonProps\n  extends Partial<CommonBaseSignInButtonProps>,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    WithPreferences {\n  /**\n   * Render prop function that receives sign-in props, or traditional ReactNode children\n   */\n  children?: ((props: BaseSignInButtonRenderProps) => ReactNode) | ReactNode;\n}\n\n/**\n * Base SignInButton component that supports both render props and traditional props patterns.\n *\n * @example Using render props\n * ```tsx\n * <BaseSignInButton>\n *   {({signIn, isLoading}) => (\n *     <button onClick={signIn} disabled={isLoading}>\n *       {isLoading ? 'Signing in...' : 'Sign In'}\n *     </button>\n *   )}\n * </BaseSignInButton>\n * ```\n *\n * @example Using traditional props\n * ```tsx\n * <BaseSignInButton className=\"custom-button\">Sign In</BaseSignInButton>\n * ```\n */\nconst BaseSignInButton: ForwardRefExoticComponent<BaseSignInButtonProps & RefAttributes<HTMLButtonElement>> =\n  forwardRef<HTMLButtonElement, BaseSignInButtonProps>(\n    (\n      {children, className, style, signIn, isLoading, meta, preferences, ...rest}: BaseSignInButtonProps,\n      ref: Ref<HTMLButtonElement>,\n    ): ReactElement => {\n      if (typeof children === 'function') {\n        return <>{children({isLoading, meta, signIn: signIn!})}</>;\n      }\n\n      return (\n        <Button\n          ref={ref}\n          className={cx(withVendorCSSClassPrefix('sign-in-button'), className)}\n          style={style}\n          disabled={isLoading}\n          loading={isLoading}\n          type=\"button\"\n          {...rest}\n        >\n          {children}\n        </Button>\n      );\n    },\n  );\n\nBaseSignInButton.displayName = 'BaseSignInButton';\n\nexport default BaseSignInButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAMA,mBACJ,YAEI,EAAC,UAAU,WAAW,OAAO,QAAQ,WAAW,MAAM,YAAa,GAAG,QACtE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,4CAAG,SAAS;EAAC;EAAW;EAAc;EAAQ,CAAC,GAAI;AAG5D,QACE,oBAACC;EACM;EACL,WAAW,GAAG,yBAAyB,iBAAiB,EAAE,UAAU;EAC7D;EACP,UAAU;EACV,SAAS;EACT,MAAK;EACL,GAAI;EAEH;GACM;EAGd;AAEH,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/components/actions/SignOutButton/BaseSignOutButton.js

@@ -2,7 +2,7 @@ import { cx } from "../../../styles/emotion.js";
 import Button_default from "../../primitives/Button/Button.js";
 import { withVendorCSSClassPrefix } from "@thunderid/browser";
 import { forwardRef } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
 //#region src/components/actions/SignOutButton/BaseSignOutButton.tsx
 /**
@@ -25,7 +25,7 @@ import { Fragment, jsx } from "react/jsx-runtime";
 * ```
 */
 const BaseSignOutButton = forwardRef(({ children, className, style, signOut, isLoading, meta, preferences,...rest }, ref) => {
-	if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment, { children: children({
+	if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment$1, { children: children({
 		isLoading,
 		meta,
 		signOut

package/dist/components/actions/SignOutButton/BaseSignOutButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSignOutButton.js","names":["BaseSignOutButton: ForwardRefExoticComponent<BaseSignOutButtonProps & RefAttributes<HTMLButtonElement>>","Button"],"sources":["../../../../src/components/actions/SignOutButton/BaseSignOutButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FlowMetadataResponse, WithPreferences, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {\n  forwardRef,\n  ForwardRefExoticComponent,\n  ButtonHTMLAttributes,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from 'react';\nimport {cx} from '../../../styles/emotion';\nimport Button from '../../primitives/Button/Button';\n\n/**\n * Common props shared by all {@link BaseSignOutButton} components.\n */\nexport interface CommonBaseSignOutButtonProps {\n  /**\n   * Loading state during sign-out process\n   */\n  isLoading?: boolean;\n  /**\n   * Flow metadata returned by the platform (v2 only). `null` while loading or unavailable.\n   */\n  meta?: FlowMetadataResponse | null;\n  /**\n   * Function to initiate the sign-out process\n   */\n  signOut: () => Promise<void>;\n}\n\n/**\n * Props passed to the render function of {@link BaseSignOutButton}\n */\nexport type BaseSignOutButtonRenderProps = CommonBaseSignOutButtonProps;\n\n/**\n * Props interface of {@link BaseSignOutButton}\n */\nexport interface BaseSignOutButtonProps\n  extends Partial<CommonBaseSignOutButtonProps>,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    WithPreferences {\n  /**\n   * Render prop function that receives sign-out props, or traditional ReactNode children\n   */\n  children?: ((props: BaseSignOutButtonRenderProps) => ReactNode) | ReactNode;\n}\n\n/**\n * Base SignOutButton component that supports both render props and traditional props patterns.\n *\n * @example Using render props\n * ```tsx\n * <BaseSignOutButton>\n *   {({signOut, isLoading}) => (\n *     <button onClick={signOut} disabled={isLoading}>\n *       {isLoading ? 'Signing out...' : 'Sign Out'}\n *     </button>\n *   )}\n * </BaseSignOutButton>\n * ```\n *\n * @example Using traditional props\n * ```tsx\n * <BaseSignOutButton className=\"custom-button\">Sign Out</BaseSignOutButton>\n * ```\n */\nconst BaseSignOutButton: ForwardRefExoticComponent<BaseSignOutButtonProps & RefAttributes<HTMLButtonElement>> =\n  forwardRef<HTMLButtonElement, BaseSignOutButtonProps>(\n    (\n      {children, className, style, signOut, isLoading, meta, preferences, ...rest}: BaseSignOutButtonProps,\n      ref: Ref<HTMLButtonElement>,\n    ): ReactElement => {\n      if (typeof children === 'function') {\n        return <>{children({isLoading, meta, signOut: signOut!})}</>;\n      }\n\n      return (\n        <Button\n          ref={ref}\n          className={cx(withVendorCSSClassPrefix('sign-out-button'), className)}\n          style={style}\n          disabled={isLoading}\n          loading={isLoading}\n          type=\"button\"\n          {...rest}\n        >\n          {children}\n        </Button>\n      );\n    },\n  );\n\nBaseSignOutButton.displayName = 'BaseSignOutButton';\n\nexport default BaseSignOutButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAMA,oBACJ,YAEI,EAAC,UAAU,WAAW,OAAO,SAAS,WAAW,MAAM,YAAa,GAAG,QACvE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,0CAAG,SAAS;EAAC;EAAW;EAAe;EAAS,CAAC,GAAI;AAG9D,QACE,oBAACC;EACM;EACL,WAAW,GAAG,yBAAyB,kBAAkB,EAAE,UAAU;EAC9D;EACP,UAAU;EACV,SAAS;EACT,MAAK;EACL,GAAI;EAEH;GACM;EAGd;AAEH,kBAAkB,cAAc;AAEhC,gCAAe"}
+{"version":3,"file":"BaseSignOutButton.js","names":["BaseSignOutButton: ForwardRefExoticComponent<BaseSignOutButtonProps & RefAttributes<HTMLButtonElement>>","Button"],"sources":["../../../../src/components/actions/SignOutButton/BaseSignOutButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FlowMetadataResponse, WithPreferences, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {\n  forwardRef,\n  ForwardRefExoticComponent,\n  ButtonHTMLAttributes,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from 'react';\nimport {cx} from '../../../styles/emotion';\nimport Button from '../../primitives/Button/Button';\n\n/**\n * Common props shared by all {@link BaseSignOutButton} components.\n */\nexport interface CommonBaseSignOutButtonProps {\n  /**\n   * Loading state during sign-out process\n   */\n  isLoading?: boolean;\n  /**\n   * Flow metadata returned by the platform (v2 only). `null` while loading or unavailable.\n   */\n  meta?: FlowMetadataResponse | null;\n  /**\n   * Function to initiate the sign-out process\n   */\n  signOut: () => Promise<void>;\n}\n\n/**\n * Props passed to the render function of {@link BaseSignOutButton}\n */\nexport type BaseSignOutButtonRenderProps = CommonBaseSignOutButtonProps;\n\n/**\n * Props interface of {@link BaseSignOutButton}\n */\nexport interface BaseSignOutButtonProps\n  extends Partial<CommonBaseSignOutButtonProps>,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    WithPreferences {\n  /**\n   * Render prop function that receives sign-out props, or traditional ReactNode children\n   */\n  children?: ((props: BaseSignOutButtonRenderProps) => ReactNode) | ReactNode;\n}\n\n/**\n * Base SignOutButton component that supports both render props and traditional props patterns.\n *\n * @example Using render props\n * ```tsx\n * <BaseSignOutButton>\n *   {({signOut, isLoading}) => (\n *     <button onClick={signOut} disabled={isLoading}>\n *       {isLoading ? 'Signing out...' : 'Sign Out'}\n *     </button>\n *   )}\n * </BaseSignOutButton>\n * ```\n *\n * @example Using traditional props\n * ```tsx\n * <BaseSignOutButton className=\"custom-button\">Sign Out</BaseSignOutButton>\n * ```\n */\nconst BaseSignOutButton: ForwardRefExoticComponent<BaseSignOutButtonProps & RefAttributes<HTMLButtonElement>> =\n  forwardRef<HTMLButtonElement, BaseSignOutButtonProps>(\n    (\n      {children, className, style, signOut, isLoading, meta, preferences, ...rest}: BaseSignOutButtonProps,\n      ref: Ref<HTMLButtonElement>,\n    ): ReactElement => {\n      if (typeof children === 'function') {\n        return <>{children({isLoading, meta, signOut: signOut!})}</>;\n      }\n\n      return (\n        <Button\n          ref={ref}\n          className={cx(withVendorCSSClassPrefix('sign-out-button'), className)}\n          style={style}\n          disabled={isLoading}\n          loading={isLoading}\n          type=\"button\"\n          {...rest}\n        >\n          {children}\n        </Button>\n      );\n    },\n  );\n\nBaseSignOutButton.displayName = 'BaseSignOutButton';\n\nexport default BaseSignOutButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAMA,oBACJ,YAEI,EAAC,UAAU,WAAW,OAAO,SAAS,WAAW,MAAM,YAAa,GAAG,QACvE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,4CAAG,SAAS;EAAC;EAAW;EAAe;EAAS,CAAC,GAAI;AAG9D,QACE,oBAACC;EACM;EACL,WAAW,GAAG,yBAAyB,kBAAkB,EAAE,UAAU;EAC9D;EACP,UAAU;EACV,SAAS;EACT,MAAK;EACL,GAAI;EAEH;GACM;EAGd;AAEH,kBAAkB,cAAc;AAEhC,gCAAe"}

package/dist/components/actions/SignUpButton/BaseSignUpButton.js

@@ -2,7 +2,7 @@ import { cx } from "../../../styles/emotion.js";
 import Button_default from "../../primitives/Button/Button.js";
 import { withVendorCSSClassPrefix } from "@thunderid/browser";
 import { forwardRef } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
 //#region src/components/actions/SignUpButton/BaseSignUpButton.tsx
 /**
@@ -25,7 +25,7 @@ import { Fragment, jsx } from "react/jsx-runtime";
 * ```
 */
 const BaseSignUpButton = forwardRef(({ children, className, style, signUp, isLoading, meta, preferences,...rest }, ref) => {
-	if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment, { children: children({
+	if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment$1, { children: children({
 		isLoading,
 		meta,
 		signUp

package/dist/components/actions/SignUpButton/BaseSignUpButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSignUpButton.js","names":["BaseSignUpButton: ForwardRefExoticComponent<BaseSignUpButtonProps & RefAttributes<HTMLButtonElement>>","Button"],"sources":["../../../../src/components/actions/SignUpButton/BaseSignUpButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FlowMetadataResponse, WithPreferences, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {\n  forwardRef,\n  ForwardRefExoticComponent,\n  ButtonHTMLAttributes,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from 'react';\nimport {cx} from '../../../styles/emotion';\nimport Button from '../../primitives/Button/Button';\n\n/**\n * Common props shared by all {@link BaseSignUpButton} components.\n */\nexport interface CommonBaseSignUpButtonProps {\n  /**\n   * Loading state during sign-up process\n   */\n  isLoading?: boolean;\n  /**\n   * Flow metadata returned by the platform (v2 only). `null` while loading or unavailable.\n   */\n  meta?: FlowMetadataResponse | null;\n  /**\n   * Function to initiate the sign-up process\n   */\n  signUp?: () => Promise<void>;\n}\n\n/**\n * Props passed to the render function of {@link BaseSignUpButton}\n */\nexport type BaseSignUpButtonRenderProps = CommonBaseSignUpButtonProps;\n\n/**\n * Props interface of {@link BaseSignUpButton}\n */\nexport interface BaseSignUpButtonProps\n  extends CommonBaseSignUpButtonProps,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    WithPreferences {\n  /**\n   * Render prop function that receives sign-up props, or traditional ReactNode children\n   */\n  children?: ((props: BaseSignUpButtonRenderProps) => ReactNode) | ReactNode;\n}\n\n/**\n * Base SignUpButton component that supports both render props and traditional props patterns.\n *\n * @example Using render props\n * ```tsx\n * <BaseSignUpButton>\n *   {({ signUp, isLoading }) => (\n *     <button onClick={signUp} disabled={isLoading}>\n *       {isLoading ? 'Creating account...' : 'Create Account'}\n *     </button>\n *   )}\n * </BaseSignUpButton>\n * ```\n *\n * @example Using traditional props\n * ```tsx\n * <BaseSignUpButton className=\"custom-button\">Create Account</BaseSignUpButton>\n * ```\n */\nconst BaseSignUpButton: ForwardRefExoticComponent<BaseSignUpButtonProps & RefAttributes<HTMLButtonElement>> =\n  forwardRef<HTMLButtonElement, BaseSignUpButtonProps>(\n    (\n      {children, className, style, signUp, isLoading, meta, preferences, ...rest}: BaseSignUpButtonProps,\n      ref: Ref<HTMLButtonElement>,\n    ): ReactElement => {\n      if (typeof children === 'function') {\n        return <>{children({isLoading, meta, signUp})}</>;\n      }\n\n      return (\n        <Button\n          ref={ref}\n          className={cx(withVendorCSSClassPrefix('sign-up-button'), className)}\n          style={style}\n          disabled={isLoading}\n          loading={isLoading}\n          type=\"button\"\n          color=\"primary\"\n          variant=\"solid\"\n          {...rest}\n        >\n          {children}\n        </Button>\n      );\n    },\n  );\n\nBaseSignUpButton.displayName = 'BaseSignUpButton';\n\nexport default BaseSignUpButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAMA,mBACJ,YAEI,EAAC,UAAU,WAAW,OAAO,QAAQ,WAAW,MAAM,YAAa,GAAG,QACtE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,0CAAG,SAAS;EAAC;EAAW;EAAM;EAAO,CAAC,GAAI;AAGnD,QACE,oBAACC;EACM;EACL,WAAW,GAAG,yBAAyB,iBAAiB,EAAE,UAAU;EAC7D;EACP,UAAU;EACV,SAAS;EACT,MAAK;EACL,OAAM;EACN,SAAQ;EACR,GAAI;EAEH;GACM;EAGd;AAEH,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"version":3,"file":"BaseSignUpButton.js","names":["BaseSignUpButton: ForwardRefExoticComponent<BaseSignUpButtonProps & RefAttributes<HTMLButtonElement>>","Button"],"sources":["../../../../src/components/actions/SignUpButton/BaseSignUpButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FlowMetadataResponse, WithPreferences, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {\n  forwardRef,\n  ForwardRefExoticComponent,\n  ButtonHTMLAttributes,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from 'react';\nimport {cx} from '../../../styles/emotion';\nimport Button from '../../primitives/Button/Button';\n\n/**\n * Common props shared by all {@link BaseSignUpButton} components.\n */\nexport interface CommonBaseSignUpButtonProps {\n  /**\n   * Loading state during sign-up process\n   */\n  isLoading?: boolean;\n  /**\n   * Flow metadata returned by the platform (v2 only). `null` while loading or unavailable.\n   */\n  meta?: FlowMetadataResponse | null;\n  /**\n   * Function to initiate the sign-up process\n   */\n  signUp?: () => Promise<void>;\n}\n\n/**\n * Props passed to the render function of {@link BaseSignUpButton}\n */\nexport type BaseSignUpButtonRenderProps = CommonBaseSignUpButtonProps;\n\n/**\n * Props interface of {@link BaseSignUpButton}\n */\nexport interface BaseSignUpButtonProps\n  extends CommonBaseSignUpButtonProps,\n    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    WithPreferences {\n  /**\n   * Render prop function that receives sign-up props, or traditional ReactNode children\n   */\n  children?: ((props: BaseSignUpButtonRenderProps) => ReactNode) | ReactNode;\n}\n\n/**\n * Base SignUpButton component that supports both render props and traditional props patterns.\n *\n * @example Using render props\n * ```tsx\n * <BaseSignUpButton>\n *   {({ signUp, isLoading }) => (\n *     <button onClick={signUp} disabled={isLoading}>\n *       {isLoading ? 'Creating account...' : 'Create Account'}\n *     </button>\n *   )}\n * </BaseSignUpButton>\n * ```\n *\n * @example Using traditional props\n * ```tsx\n * <BaseSignUpButton className=\"custom-button\">Create Account</BaseSignUpButton>\n * ```\n */\nconst BaseSignUpButton: ForwardRefExoticComponent<BaseSignUpButtonProps & RefAttributes<HTMLButtonElement>> =\n  forwardRef<HTMLButtonElement, BaseSignUpButtonProps>(\n    (\n      {children, className, style, signUp, isLoading, meta, preferences, ...rest}: BaseSignUpButtonProps,\n      ref: Ref<HTMLButtonElement>,\n    ): ReactElement => {\n      if (typeof children === 'function') {\n        return <>{children({isLoading, meta, signUp})}</>;\n      }\n\n      return (\n        <Button\n          ref={ref}\n          className={cx(withVendorCSSClassPrefix('sign-up-button'), className)}\n          style={style}\n          disabled={isLoading}\n          loading={isLoading}\n          type=\"button\"\n          color=\"primary\"\n          variant=\"solid\"\n          {...rest}\n        >\n          {children}\n        </Button>\n      );\n    },\n  );\n\nBaseSignUpButton.displayName = 'BaseSignUpButton';\n\nexport default BaseSignUpButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAMA,mBACJ,YAEI,EAAC,UAAU,WAAW,OAAO,QAAQ,WAAW,MAAM,YAAa,GAAG,QACtE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,4CAAG,SAAS;EAAC;EAAW;EAAM;EAAO,CAAC,GAAI;AAGnD,QACE,oBAACC;EACM;EACL,WAAW,GAAG,yBAAyB,iBAAiB,EAAE,UAAU;EAC7D;EACP,UAAU;EACV,SAAS;EACT,MAAK;EACL,OAAM;EACN,SAAQ;EACR,GAAI;EAEH;GACM;EAGd;AAEH,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/components/adapters/FlowTimer.js

@@ -1,6 +1,6 @@
 import Typography_default from "../primitives/Typography/Typography.js";
 import { useEffect, useState } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 
 //#region src/components/adapters/FlowTimer.tsx
 /**
@@ -32,7 +32,7 @@ const FlowTimer = ({ expiresIn = 0, textTemplate = "Time remaining: {time}", chi
 	};
 	const isExpired = remaining <= 0;
 	const formattedTime = formatTime(remaining);
-	if (children) return /* @__PURE__ */ jsx(Fragment, { children: children({
+	if (children) return /* @__PURE__ */ jsx(Fragment$1, { children: children({
 		formattedTime,
 		isExpired,
 		remaining

package/dist/components/adapters/FlowTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowTimer.js","names":["FlowTimer: FC<FlowTimerProps>","interval: NodeJS.Timeout","isExpired: boolean","formattedTime: string","Typography"],"sources":["../../../src/components/adapters/FlowTimer.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, ReactNode, useEffect, useState} from 'react';\nimport Typography from '../primitives/Typography/Typography';\n\n/**\n * Render props exposed by FlowTimer when using the render-prop pattern.\n */\nexport interface FlowTimerRenderProps {\n  /** Human-readable formatted time string (e.g. \"2:30\" or \"Timed out\"). */\n  formattedTime: string;\n  /** Whether the timer has expired. */\n  isExpired: boolean;\n  /** Remaining time in seconds. 0 when expired. */\n  remaining: number;\n}\n\n/**\n * Props for the FlowTimer component.\n */\nexport interface FlowTimerProps {\n  /**\n   * Render-props callback. When provided, the default countdown display is replaced\n   * with whatever JSX the callback returns.\n   *\n   * @example\n   * ```tsx\n   * <FlowTimer expiresIn={300}>\n   *   {({ remaining, isExpired, formattedTime }) => (\n   *     <span style={{ color: isExpired ? 'red' : 'inherit' }}>\n   *       {isExpired ? 'Session expired' : `Time left: ${formattedTime}`}\n   *     </span>\n   *   )}\n   * </FlowTimer>\n   * ```\n   */\n  children?: (props: FlowTimerRenderProps) => ReactNode;\n  /** Initial number of seconds for the countdown. 0 or negative means no timer. */\n  expiresIn?: number;\n  /** Text template for the countdown display. Use {time} as a placeholder. */\n  textTemplate?: string;\n}\n\n/**\n * Flow countdown timer component.\n *\n * Displays a countdown from the given number of seconds. When the time expires,\n * shows \"Timed out\". Returns null if expiresIn <= 0.\n */\nconst FlowTimer: FC<FlowTimerProps> = ({\n  expiresIn = 0,\n  textTemplate = 'Time remaining: {time}',\n  children,\n}: FlowTimerProps) => {\n  const [remaining, setRemaining] = useState<number>(expiresIn > 0 ? expiresIn : 0);\n\n  useEffect(() => {\n    if (expiresIn <= 0) {\n      return undefined;\n    }\n\n    setRemaining(expiresIn);\n\n    const interval: NodeJS.Timeout = setInterval(() => {\n      setRemaining((prev: number) => {\n        if (prev <= 1) {\n          clearInterval(interval);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [expiresIn]);\n\n  if (expiresIn <= 0) {\n    return null;\n  }\n\n  const formatTime = (seconds: number): string => {\n    if (seconds <= 0) {\n      return 'Timed out';\n    }\n    const m: number = Math.floor(seconds / 60);\n    const s: number = seconds % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  };\n\n  const isExpired: boolean = remaining <= 0;\n  const formattedTime: string = formatTime(remaining);\n\n  if (children) {\n    return <>{children({formattedTime, isExpired, remaining})}</>;\n  }\n\n  const displayText: string = isExpired ? 'Timed out' : textTemplate.replace('{time}', formattedTime);\n\n  return <Typography variant=\"body2\">{displayText}</Typography>;\n};\n\nexport default FlowTimer;\n"],"mappings":";;;;;;;;;;;AAkDA,MAAMA,aAAiC,EACrC,YAAY,GACZ,eAAe,0BACf,eACoB;CACpB,MAAM,CAAC,WAAW,gBAAgB,SAAiB,YAAY,IAAI,YAAY,EAAE;AAEjF,iBAAgB;AACd,MAAI,aAAa,EACf;AAGF,eAAa,UAAU;EAEvB,MAAMC,WAA2B,kBAAkB;AACjD,iBAAc,SAAiB;AAC7B,QAAI,QAAQ,GAAG;AACb,mBAAc,SAAS;AACvB,YAAO;;AAET,WAAO,OAAO;KACd;KACD,IAAK;AAER,eAAa,cAAc,SAAS;IACnC,CAAC,UAAU,CAAC;AAEf,KAAI,aAAa,EACf,QAAO;CAGT,MAAM,cAAc,YAA4B;AAC9C,MAAI,WAAW,EACb,QAAO;AAIT,SAAO,GAFW,KAAK,MAAM,UAAU,GAAG,CAE9B,IADM,UAAU,IACX,UAAU,CAAC,SAAS,GAAG,IAAI;;CAG9C,MAAMC,YAAqB,aAAa;CACxC,MAAMC,gBAAwB,WAAW,UAAU;AAEnD,KAAI,SACF,QAAO,0CAAG,SAAS;EAAC;EAAe;EAAW;EAAU,CAAC,GAAI;AAK/D,QAAO,oBAACC;EAAW,SAAQ;YAFC,YAAY,cAAc,aAAa,QAAQ,UAAU,cAAc;GAEtC;;AAG/D,wBAAe"}
+{"version":3,"file":"FlowTimer.js","names":["FlowTimer: FC<FlowTimerProps>","interval: NodeJS.Timeout","isExpired: boolean","formattedTime: string","Typography"],"sources":["../../../src/components/adapters/FlowTimer.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {FC, ReactNode, useEffect, useState} from 'react';\nimport Typography from '../primitives/Typography/Typography';\n\n/**\n * Render props exposed by FlowTimer when using the render-prop pattern.\n */\nexport interface FlowTimerRenderProps {\n  /** Human-readable formatted time string (e.g. \"2:30\" or \"Timed out\"). */\n  formattedTime: string;\n  /** Whether the timer has expired. */\n  isExpired: boolean;\n  /** Remaining time in seconds. 0 when expired. */\n  remaining: number;\n}\n\n/**\n * Props for the FlowTimer component.\n */\nexport interface FlowTimerProps {\n  /**\n   * Render-props callback. When provided, the default countdown display is replaced\n   * with whatever JSX the callback returns.\n   *\n   * @example\n   * ```tsx\n   * <FlowTimer expiresIn={300}>\n   *   {({ remaining, isExpired, formattedTime }) => (\n   *     <span style={{ color: isExpired ? 'red' : 'inherit' }}>\n   *       {isExpired ? 'Session expired' : `Time left: ${formattedTime}`}\n   *     </span>\n   *   )}\n   * </FlowTimer>\n   * ```\n   */\n  children?: (props: FlowTimerRenderProps) => ReactNode;\n  /** Initial number of seconds for the countdown. 0 or negative means no timer. */\n  expiresIn?: number;\n  /** Text template for the countdown display. Use {time} as a placeholder. */\n  textTemplate?: string;\n}\n\n/**\n * Flow countdown timer component.\n *\n * Displays a countdown from the given number of seconds. When the time expires,\n * shows \"Timed out\". Returns null if expiresIn <= 0.\n */\nconst FlowTimer: FC<FlowTimerProps> = ({\n  expiresIn = 0,\n  textTemplate = 'Time remaining: {time}',\n  children,\n}: FlowTimerProps) => {\n  const [remaining, setRemaining] = useState<number>(expiresIn > 0 ? expiresIn : 0);\n\n  useEffect(() => {\n    if (expiresIn <= 0) {\n      return undefined;\n    }\n\n    setRemaining(expiresIn);\n\n    const interval: NodeJS.Timeout = setInterval(() => {\n      setRemaining((prev: number) => {\n        if (prev <= 1) {\n          clearInterval(interval);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [expiresIn]);\n\n  if (expiresIn <= 0) {\n    return null;\n  }\n\n  const formatTime = (seconds: number): string => {\n    if (seconds <= 0) {\n      return 'Timed out';\n    }\n    const m: number = Math.floor(seconds / 60);\n    const s: number = seconds % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  };\n\n  const isExpired: boolean = remaining <= 0;\n  const formattedTime: string = formatTime(remaining);\n\n  if (children) {\n    return <>{children({formattedTime, isExpired, remaining})}</>;\n  }\n\n  const displayText: string = isExpired ? 'Timed out' : textTemplate.replace('{time}', formattedTime);\n\n  return <Typography variant=\"body2\">{displayText}</Typography>;\n};\n\nexport default FlowTimer;\n"],"mappings":";;;;;;;;;;;AAkDA,MAAMA,aAAiC,EACrC,YAAY,GACZ,eAAe,0BACf,eACoB;CACpB,MAAM,CAAC,WAAW,gBAAgB,SAAiB,YAAY,IAAI,YAAY,EAAE;AAEjF,iBAAgB;AACd,MAAI,aAAa,EACf;AAGF,eAAa,UAAU;EAEvB,MAAMC,WAA2B,kBAAkB;AACjD,iBAAc,SAAiB;AAC7B,QAAI,QAAQ,GAAG;AACb,mBAAc,SAAS;AACvB,YAAO;;AAET,WAAO,OAAO;KACd;KACD,IAAK;AAER,eAAa,cAAc,SAAS;IACnC,CAAC,UAAU,CAAC;AAEf,KAAI,aAAa,EACf,QAAO;CAGT,MAAM,cAAc,YAA4B;AAC9C,MAAI,WAAW,EACb,QAAO;AAIT,SAAO,GAFW,KAAK,MAAM,UAAU,GAAG,CAE9B,IADM,UAAU,IACX,UAAU,CAAC,SAAS,GAAG,IAAI;;CAG9C,MAAMC,YAAqB,aAAa;CACxC,MAAMC,gBAAwB,WAAW,UAAU;AAEnD,KAAI,SACF,QAAO,4CAAG,SAAS;EAAC;EAAe;EAAW;EAAU,CAAC,GAAI;AAK/D,QAAO,oBAACC;EAAW,SAAQ;YAFC,YAAY,cAAc,aAAa,QAAQ,UAAU,cAAc;GAEtC;;AAG/D,wBAAe"}

package/dist/components/presentation/ChangeCredential/BaseChangeCredential.d.ts

@@ -0,0 +1,100 @@
+import { PasswordPolicy, Preferences } from '@thunderid/browser';
+import { FC } from 'react';
+/**
+ * The values collected by the form and handed to `onSubmit`.
+ *
+ * There is deliberately no current-value field here. The self-service credential write
+ * endpoint does not verify the account's existing value today, so a field the server
+ * ignores would only teach the user a false sense of security.
+ */
+export interface ChangePasswordValues {
+    /**
+     * The value to set.
+     */
+    newPassword: string;
+}
+export interface BaseChangeCredentialProps {
+    /**
+     * Whether to wrap the form in a bordered card.
+     */
+    cardLayout?: boolean;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * The human-readable name of the credential, substituted into every default label,
+     * placeholder and message (for example "Change {credential}", "New {credential}").
+     * Defaults to `Password`. {@link ChangeCredential} resolves this from the attribute's own
+     * `displayName` in the user schema; set it directly here when using this presentational
+     * component without that context.
+     */
+    credentialDisplayName?: string;
+    /**
+     * A form-level error, typically a server failure that maps to no single field.
+     */
+    error?: string | null;
+    /**
+     * Server-supplied errors keyed by field name (`newPassword`).
+     */
+    fieldErrors?: Record<string, string>;
+    /**
+     * Whether a submission is in flight.
+     */
+    loading?: boolean;
+    /**
+     * Called with the collected values once client-side validation passes.
+     */
+    onSubmit?: (values: ChangePasswordValues) => void;
+    /**
+     * The rules the new value must satisfy. Defaults to no rules, in which case the checklist
+     * is empty and the only submit gate is a non-empty value; the caller is expected to source
+     * this from the user type schema (see {@link ChangeCredential}) or supply its own.
+     */
+    policy?: PasswordPolicy;
+    /**
+     * Component-level preference overrides, including i18n.
+     */
+    preferences?: Preferences;
+    /**
+     * Whether to render the live requirement checklist. Defaults to `true`.
+     */
+    showRequirements?: boolean;
+    /**
+     * Whether the last submission succeeded.
+     */
+    success?: boolean;
+    /**
+     * Overrides the default "Change {credential}" heading. Pass an empty string to omit the
+     * heading entirely, for example when an app's own surrounding layout (a card header, a
+     * dialog title) already names the credential and a second heading would be redundant.
+     * Defaults to the translated `user.change_password.heading` string.
+     */
+    title?: string;
+    /**
+     * Whether the account cannot have this credential changed at all, because the user type's
+     * schema defines no attribute of this name. The form is rendered inert behind an
+     * explanatory message rather than hidden, so an integrator who placed the component can see
+     * why it is not usable instead of finding an empty space.
+     */
+    unavailable?: boolean;
+}
+/**
+ * Presentational change-credential form with just the two fields a first-time or
+ * unverified credential change needs: new value and confirmation.
+ *
+ * Holds no context and performs no network calls: it renders the fields, evaluates the
+ * policy for the checklist and the submit gate, and hands validated values to `onSubmit`.
+ * Use {@link ChangeCredential} for the context-wired variant.
+ *
+ * @example
+ * ```tsx
+ * <BaseChangeCredential
+ *   policy={{regex: '^.{12,}$'}}
+ *   onSubmit={({newPassword}) => save(newPassword)}
+ * />
+ * ```
+ */
+declare const BaseChangeCredential: FC<BaseChangeCredentialProps>;
+export default BaseChangeCredential;
+//# sourceMappingURL=BaseChangeCredential.d.ts.map

package/dist/components/presentation/ChangeCredential/BaseChangeCredential.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseChangeCredential.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/ChangeCredential/BaseChangeCredential.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,cAAc,EAEd,WAAW,EAIZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAA6C,MAAM,OAAO,CAAC;AAYrE;;;;;;GAMG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAsOvD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}