@thunderid/react 1.4.1 → 1.6.0

package/dist/cjs/components/auth/buttons/SignInButton/BaseSignInButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSignInButton.cjs","names":["BaseSignInButton: ForwardRefExoticComponent<BaseSignInButtonProps & RefAttributes<HTMLButtonElement>>","Button","cx"],"sources":["../../../../../../src/components/auth/buttons/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,0CAGA,EAAC,UAAU,WAAW,OAAO,QAAQ,WAAW,MAAM,YAAa,GAAG,QACtE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,mFAAG,SAAS;EAAC;EAAW;EAAc;EAAQ,CAAC,GAAI;AAG5D,QACE,2CAACC;EACM;EACL,WAAWC,qEAA4B,iBAAiB,EAAE,UAAU;EAC7D;EACP,UAAU;EACV,SAAS;EACT,MAAK;EACL,GAAI;EAEH;GACM;EAGd;AAEH,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/cjs/components/auth/buttons/SignInButton/SignInButton.cjs

@@ -0,0 +1,88 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../../contexts/ThunderID/useThunderID.cjs');
+const require_useTranslation = require('../../../../hooks/useTranslation.cjs');
+const require_BaseSignInButton = require('./BaseSignInButton.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/auth/buttons/SignInButton/SignInButton.tsx
+/**
+* SignInButton component that supports both render props and traditional props patterns.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example Using render props
+* ```tsx
+* <SignInButton>
+*   {({signIn, isLoading}) => (
+*     <button onClick={signIn} disabled={isLoading}>
+*       {isLoading ? 'Signing in...' : 'Sign In'}
+*     </button>
+*   )}
+* </SignInButton>
+* ```
+*
+* @example Using traditional props
+* ```tsx
+* <SignInButton className="custom-button">Sign In</SignInButton>
+* ```
+*
+* @example Using component-level preferences
+* ```tsx
+* <SignInButton
+*   preferences={{
+*     i18n: {
+*       bundles: {
+*         'en-US': {
+*           translations: {
+*             'buttons.signIn': 'Custom Sign In Text'
+*           }
+*         }
+*       }
+*     }
+*   }}
+* >
+*   Custom Sign In
+* </SignInButton>
+* ```
+*/
+const SignInButton = (0, react.forwardRef)(({ children, onClick, preferences, signInOptions: overriddenSignInOptions, tokenRequest: overriddenTokenRequest,...rest }, ref) => {
+	const { signIn, signInUrl, signInOptions, tokenRequest, meta } = require_useThunderID.default();
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [isLoading, setIsLoading] = (0, react.useState)(false);
+	const handleSignIn = async (e) => {
+		try {
+			setIsLoading(true);
+			if (signInUrl) (0, __thunderid_browser.navigate)(signInUrl);
+			else {
+				const mergedParams = (overriddenTokenRequest ?? tokenRequest)?.params;
+				await signIn(overriddenSignInOptions ?? signInOptions, void 0, void 0, void 0, mergedParams && Object.keys(mergedParams).length > 0 ? { params: mergedParams } : void 0);
+			}
+			if (onClick) onClick(e);
+		} catch (error) {
+			throw new __thunderid_browser.ThunderIDRuntimeError(`Sign in failed: ${error instanceof Error ? error.message : String(JSON.stringify(error))}`, "SignInButton-handleSignIn-RuntimeError-001", "react", "Something went wrong while trying to sign in. Please try again later.");
+		} finally {
+			setIsLoading(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseSignInButton.default, {
+		ref,
+		onClick: handleSignIn,
+		isLoading,
+		meta,
+		signIn: handleSignIn,
+		preferences,
+		...rest,
+		children: children ?? t("elements.buttons.signin.text")
+	});
+});
+SignInButton.displayName = "SignInButton";
+var SignInButton_default = SignInButton;
+
+//#endregion
+exports.default = SignInButton_default;
+//# sourceMappingURL=SignInButton.cjs.map

package/dist/cjs/components/auth/buttons/SignInButton/SignInButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInButton.cjs","names":["SignInButton: ForwardRefExoticComponent<SignInButtonProps & RefAttributes<HTMLButtonElement>>","useThunderID","useTranslation","ThunderIDRuntimeError","BaseSignInButton"],"sources":["../../../../../../src/components/auth/buttons/SignInButton/SignInButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {ThunderIDRuntimeError, navigate} from '@thunderid/browser';\nimport {forwardRef, ForwardRefExoticComponent, MouseEvent, ReactElement, Ref, RefAttributes, useState} from 'react';\nimport BaseSignInButton, {BaseSignInButtonProps} from './BaseSignInButton';\nimport useThunderID from '../../../../contexts/ThunderID/useThunderID';\nimport useTranslation from '../../../../hooks/useTranslation';\n\n/**\n * Props interface of {@link SignInButton}\n */\nexport type SignInButtonProps = BaseSignInButtonProps & {\n  /**\n   * Additional parameters to pass to the `authorize` request.\n   */\n  signInOptions?: Record<string, any>;\n  /**\n   * Additional parameters to pass to the token request body.\n   */\n  tokenRequest?: {params?: Record<string, unknown>};\n};\n\n/**\n * SignInButton component that supports both render props and traditional props patterns.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example Using render props\n * ```tsx\n * <SignInButton>\n *   {({signIn, isLoading}) => (\n *     <button onClick={signIn} disabled={isLoading}>\n *       {isLoading ? 'Signing in...' : 'Sign In'}\n *     </button>\n *   )}\n * </SignInButton>\n * ```\n *\n * @example Using traditional props\n * ```tsx\n * <SignInButton className=\"custom-button\">Sign In</SignInButton>\n * ```\n *\n * @example Using component-level preferences\n * ```tsx\n * <SignInButton\n *   preferences={{\n *     i18n: {\n *       bundles: {\n *         'en-US': {\n *           translations: {\n *             'buttons.signIn': 'Custom Sign In Text'\n *           }\n *         }\n *       }\n *     }\n *   }}\n * >\n *   Custom Sign In\n * </SignInButton>\n * ```\n */\nconst SignInButton: ForwardRefExoticComponent<SignInButtonProps & RefAttributes<HTMLButtonElement>> = forwardRef<\n  HTMLButtonElement,\n  SignInButtonProps\n>(\n  (\n    {\n      children,\n      onClick,\n      preferences,\n      signInOptions: overriddenSignInOptions,\n      tokenRequest: overriddenTokenRequest,\n      ...rest\n    }: SignInButtonProps,\n    ref: Ref<HTMLButtonElement>,\n  ): ReactElement => {\n    const {signIn, signInUrl, signInOptions, tokenRequest, meta} = useThunderID();\n    const {t} = useTranslation(preferences?.i18n);\n\n    const [isLoading, setIsLoading] = useState(false);\n\n    const handleSignIn = async (e?: MouseEvent<HTMLButtonElement>): Promise<void> => {\n      try {\n        setIsLoading(true);\n\n        // If a custom `signInUrl` is provided, use it for navigation.\n        if (signInUrl) {\n          navigate(signInUrl);\n        } else {\n          const mergedParams = (overriddenTokenRequest ?? tokenRequest)?.params;\n          await signIn(\n            overriddenSignInOptions ?? signInOptions,\n            undefined,\n            undefined,\n            undefined,\n            mergedParams && Object.keys(mergedParams).length > 0 ? {params: mergedParams} : undefined,\n          );\n        }\n\n        if (onClick) {\n          onClick(e!);\n        }\n      } catch (error) {\n        throw new ThunderIDRuntimeError(\n          `Sign in failed: ${error instanceof Error ? error.message : String(JSON.stringify(error))}`,\n          'SignInButton-handleSignIn-RuntimeError-001',\n          'react',\n          'Something went wrong while trying to sign in. Please try again later.',\n        );\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    return (\n      <BaseSignInButton\n        ref={ref}\n        onClick={handleSignIn}\n        isLoading={isLoading}\n        meta={meta}\n        signIn={handleSignIn}\n        preferences={preferences}\n        {...rest}\n      >\n        {children ?? t('elements.buttons.signin.text')}\n      </BaseSignInButton>\n    );\n  },\n);\n\nSignInButton.displayName = 'SignInButton';\n\nexport default SignInButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,MAAMA,sCAKF,EACE,UACA,SACA,aACA,eAAe,yBACf,cAAc,uBACd,GAAG,QAEL,QACiB;CACjB,MAAM,EAAC,QAAQ,WAAW,eAAe,cAAc,SAAQC,8BAAc;CAC7E,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAM,CAAC,WAAW,oCAAyB,MAAM;CAEjD,MAAM,eAAe,OAAO,MAAqD;AAC/E,MAAI;AACF,gBAAa,KAAK;AAGlB,OAAI,UACF,mCAAS,UAAU;QACd;IACL,MAAM,gBAAgB,0BAA0B,eAAe;AAC/D,UAAM,OACJ,2BAA2B,eAC3B,QACA,QACA,QACA,gBAAgB,OAAO,KAAK,aAAa,CAAC,SAAS,IAAI,EAAC,QAAQ,cAAa,GAAG,OACjF;;AAGH,OAAI,QACF,SAAQ,EAAG;WAEN,OAAO;AACd,SAAM,IAAIC,0CACR,mBAAmB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,UAAU,MAAM,CAAC,IACzF,8CACA,SACA,wEACD;YACO;AACR,gBAAa,MAAM;;;AAIvB,QACE,2CAACC;EACM;EACL,SAAS;EACE;EACL;EACN,QAAQ;EACK;EACb,GAAI;YAEH,YAAY,EAAE,+BAA+B;GAC7B;EAGxB;AAED,aAAa,cAAc;AAE3B,2BAAe"}

package/dist/cjs/components/auth/buttons/SignInWithEthereumButton.cjs

@@ -0,0 +1,38 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Button = require('../../primitives/Button/Button.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/auth/buttons/SignInWithEthereumButton.tsx
+/**
+* Sign In With Ethereum Button Component.
+* Handles authentication with Sign In With Ethereum identity provider.
+*/
+const SignInWithEthereumButton = ({ isLoading, preferences, children,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+		...rest,
+		fullWidth: true,
+		type: "button",
+		color: "secondary",
+		variant: "solid",
+		disabled: isLoading,
+		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#627EEA",
+				d: "M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z"
+			})
+		}),
+		children: children ?? t("elements.buttons.ethereum.text")
+	});
+};
+var SignInWithEthereumButton_default = SignInWithEthereumButton;
+
+//#endregion
+exports.default = SignInWithEthereumButton_default;
+//# sourceMappingURL=SignInWithEthereumButton.cjs.map

package/dist/cjs/components/auth/buttons/SignInWithEthereumButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInWithEthereumButton.cjs","names":["SignInWithEthereumButton: FC<SignInWithEthereumButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../../src/components/auth/buttons/SignInWithEthereumButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {WithPreferences} from '@thunderid/browser';\nimport {FC, HTMLAttributes} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\n\nexport interface SignInWithEthereumButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * Sign In With Ethereum Button Component.\n * Handles authentication with Sign In With Ethereum identity provider.\n */\nconst SignInWithEthereumButton: FC<SignInWithEthereumButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: SignInWithEthereumButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  return (\n    <Button\n      {...rest}\n      fullWidth\n      type=\"button\"\n      color=\"secondary\"\n      variant=\"solid\"\n      disabled={isLoading}\n      startIcon={\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fill=\"#627EEA\"\n            d=\"M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z\"\n          />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.ethereum.text')}\n    </Button>\n  );\n};\n\nexport default SignInWithEthereumButton;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,4BAAmG,EACvG,WACA,aACA,SACA,GAAG,WACoE;CACvE,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,2CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,OAAM;aACpD,2CAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,iCAAiC;GACzC;;AAIb,uCAAe"}

package/dist/cjs/components/auth/buttons/SignOutButton/BaseSignOutButton.cjs

@@ -0,0 +1,53 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_emotion = require('../../../../styles/emotion.cjs');
+const require_Button = require('../../../primitives/Button/Button.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/auth/buttons/SignOutButton/BaseSignOutButton.tsx
+/**
+* Base SignOutButton component that supports both render props and traditional props patterns.
+*
+* @example Using render props
+* ```tsx
+* <BaseSignOutButton>
+*   {({signOut, isLoading}) => (
+*     <button onClick={signOut} disabled={isLoading}>
+*       {isLoading ? 'Signing out...' : 'Sign Out'}
+*     </button>
+*   )}
+* </BaseSignOutButton>
+* ```
+*
+* @example Using traditional props
+* ```tsx
+* <BaseSignOutButton className="custom-button">Sign Out</BaseSignOutButton>
+* ```
+*/
+const BaseSignOutButton = (0, react.forwardRef)(({ children, className, style, signOut, isLoading, meta, preferences,...rest }, ref) => {
+	if (typeof children === "function") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
+		isLoading,
+		meta,
+		signOut
+	}) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+		ref,
+		className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)("sign-out-button"), className),
+		style,
+		disabled: isLoading,
+		loading: isLoading,
+		type: "button",
+		...rest,
+		children
+	});
+});
+BaseSignOutButton.displayName = "BaseSignOutButton";
+var BaseSignOutButton_default = BaseSignOutButton;
+
+//#endregion
+exports.default = BaseSignOutButton_default;
+//# sourceMappingURL=BaseSignOutButton.cjs.map

package/dist/cjs/components/auth/buttons/SignOutButton/BaseSignOutButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSignOutButton.cjs","names":["BaseSignOutButton: ForwardRefExoticComponent<BaseSignOutButtonProps & RefAttributes<HTMLButtonElement>>","Button","cx"],"sources":["../../../../../../src/components/auth/buttons/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,2CAGA,EAAC,UAAU,WAAW,OAAO,SAAS,WAAW,MAAM,YAAa,GAAG,QACvE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,mFAAG,SAAS;EAAC;EAAW;EAAe;EAAS,CAAC,GAAI;AAG9D,QACE,2CAACC;EACM;EACL,WAAWC,qEAA4B,kBAAkB,EAAE,UAAU;EAC9D;EACP,UAAU;EACV,SAAS;EACT,MAAK;EACL,GAAI;EAEH;GACM;EAGd;AAEH,kBAAkB,cAAc;AAEhC,gCAAe"}

package/dist/cjs/components/auth/buttons/SignOutButton/SignOutButton.cjs

@@ -0,0 +1,84 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../../contexts/ThunderID/useThunderID.cjs');
+const require_useTranslation = require('../../../../hooks/useTranslation.cjs');
+const require_BaseSignOutButton = require('./BaseSignOutButton.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/auth/buttons/SignOutButton/SignOutButton.tsx
+/**
+* SignOutButton component that supports both render props and traditional props patterns.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example Using render props pattern
+* ```tsx
+* <SignOutButton>
+*   {({signOut, isLoading}) => (
+*     <button onClick={signOut} disabled={isLoading}>
+*       {isLoading ? 'Signing out...' : 'Sign Out'}
+*     </button>
+*   )}
+* </SignOutButton>
+* ```
+*
+* @example Using traditional props pattern
+* ```tsx
+* <SignOutButton className="custom-button">Sign Out</SignOutButton>
+* ```
+*
+* @example Using component-level preferences
+* ```tsx
+* <SignOutButton
+*   preferences={{
+*     i18n: {
+*       bundles: {
+*         'en-US': {
+*           translations: {
+*             'buttons.signOut': 'Custom Sign Out Text'
+*           }
+*         }
+*       }
+*     }
+*   }}
+* >
+*   Custom Sign Out
+* </SignOutButton>
+* ```
+*/
+const SignOutButton = (0, react.forwardRef)(({ children, onClick, preferences,...rest }, ref) => {
+	const { signOut, meta } = require_useThunderID.default();
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [isLoading, setIsLoading] = (0, react.useState)(false);
+	const handleSignOut = async (e) => {
+		try {
+			setIsLoading(true);
+			await signOut();
+			if (onClick) onClick(e);
+		} catch (error) {
+			throw new __thunderid_browser.ThunderIDRuntimeError(`Sign out failed: ${error instanceof Error ? error.message : String(error)}`, "SignOutButton-handleSignOut-RuntimeError-001", "react", "Something went wrong while trying to sign out. Please try again later.");
+		} finally {
+			setIsLoading(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseSignOutButton.default, {
+		ref,
+		onClick: handleSignOut,
+		isLoading,
+		meta,
+		signOut: handleSignOut,
+		preferences,
+		...rest,
+		children: children ?? t("elements.buttons.signout.text")
+	});
+});
+SignOutButton.displayName = "SignOutButton";
+var SignOutButton_default = SignOutButton;
+
+//#endregion
+exports.default = SignOutButton_default;
+//# sourceMappingURL=SignOutButton.cjs.map

package/dist/cjs/components/auth/buttons/SignOutButton/SignOutButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignOutButton.cjs","names":["SignOutButton: ForwardRefExoticComponent<SignOutButtonProps & RefAttributes<HTMLButtonElement>>","useThunderID","useTranslation","ThunderIDRuntimeError","BaseSignOutButton"],"sources":["../../../../../../src/components/auth/buttons/SignOutButton/SignOutButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {ThunderIDRuntimeError} from '@thunderid/browser';\nimport {forwardRef, ForwardRefExoticComponent, MouseEvent, ReactElement, Ref, RefAttributes, useState} from 'react';\nimport BaseSignOutButton, {BaseSignOutButtonProps} from './BaseSignOutButton';\nimport useThunderID from '../../../../contexts/ThunderID/useThunderID';\nimport useTranslation from '../../../../hooks/useTranslation';\n\n/**\n * Props interface of {@link SignOutButton}\n */\nexport type SignOutButtonProps = BaseSignOutButtonProps;\n\n/**\n * SignOutButton component that supports both render props and traditional props patterns.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example Using render props pattern\n * ```tsx\n * <SignOutButton>\n *   {({signOut, isLoading}) => (\n *     <button onClick={signOut} disabled={isLoading}>\n *       {isLoading ? 'Signing out...' : 'Sign Out'}\n *     </button>\n *   )}\n * </SignOutButton>\n * ```\n *\n * @example Using traditional props pattern\n * ```tsx\n * <SignOutButton className=\"custom-button\">Sign Out</SignOutButton>\n * ```\n *\n * @example Using component-level preferences\n * ```tsx\n * <SignOutButton\n *   preferences={{\n *     i18n: {\n *       bundles: {\n *         'en-US': {\n *           translations: {\n *             'buttons.signOut': 'Custom Sign Out Text'\n *           }\n *         }\n *       }\n *     }\n *   }}\n * >\n *   Custom Sign Out\n * </SignOutButton>\n * ```\n */\nconst SignOutButton: ForwardRefExoticComponent<SignOutButtonProps & RefAttributes<HTMLButtonElement>> = forwardRef<\n  HTMLButtonElement,\n  SignOutButtonProps\n>(({children, onClick, preferences, ...rest}: SignOutButtonProps, ref: Ref<HTMLButtonElement>): ReactElement => {\n  const {signOut, meta} = useThunderID();\n  const {t} = useTranslation(preferences?.i18n);\n\n  const [isLoading, setIsLoading] = useState(false);\n\n  const handleSignOut = async (e?: MouseEvent<HTMLButtonElement>): Promise<void> => {\n    try {\n      setIsLoading(true);\n\n      await signOut();\n\n      if (onClick) {\n        onClick(e!);\n      }\n    } catch (error) {\n      throw new ThunderIDRuntimeError(\n        `Sign out failed: ${error instanceof Error ? error.message : String(error)}`,\n        'SignOutButton-handleSignOut-RuntimeError-001',\n        'react',\n        'Something went wrong while trying to sign out. Please try again later.',\n      );\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <BaseSignOutButton\n      ref={ref}\n      onClick={handleSignOut}\n      isLoading={isLoading}\n      meta={meta}\n      signOut={handleSignOut}\n      preferences={preferences}\n      {...rest}\n    >\n      {children ?? t('elements.buttons.signout.text')}\n    </BaseSignOutButton>\n  );\n});\n\nSignOutButton.displayName = 'SignOutButton';\n\nexport default SignOutButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAMA,uCAGH,EAAC,UAAU,SAAS,YAAa,GAAG,QAA2B,QAA8C;CAC9G,MAAM,EAAC,SAAS,SAAQC,8BAAc;CACtC,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAM,CAAC,WAAW,oCAAyB,MAAM;CAEjD,MAAM,gBAAgB,OAAO,MAAqD;AAChF,MAAI;AACF,gBAAa,KAAK;AAElB,SAAM,SAAS;AAEf,OAAI,QACF,SAAQ,EAAG;WAEN,OAAO;AACd,SAAM,IAAIC,0CACR,oBAAoB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,IAC1E,gDACA,SACA,yEACD;YACO;AACR,gBAAa,MAAM;;;AAIvB,QACE,2CAACC;EACM;EACL,SAAS;EACE;EACL;EACN,SAAS;EACI;EACb,GAAI;YAEH,YAAY,EAAE,gCAAgC;GAC7B;EAEtB;AAEF,cAAc,cAAc;AAE5B,4BAAe"}

package/dist/cjs/components/auth/buttons/SignUpButton/BaseSignUpButton.cjs

@@ -0,0 +1,55 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_emotion = require('../../../../styles/emotion.cjs');
+const require_Button = require('../../../primitives/Button/Button.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/auth/buttons/SignUpButton/BaseSignUpButton.tsx
+/**
+* Base SignUpButton component that supports both render props and traditional props patterns.
+*
+* @example Using render props
+* ```tsx
+* <BaseSignUpButton>
+*   {({ signUp, isLoading }) => (
+*     <button onClick={signUp} disabled={isLoading}>
+*       {isLoading ? 'Creating account...' : 'Create Account'}
+*     </button>
+*   )}
+* </BaseSignUpButton>
+* ```
+*
+* @example Using traditional props
+* ```tsx
+* <BaseSignUpButton className="custom-button">Create Account</BaseSignUpButton>
+* ```
+*/
+const BaseSignUpButton = (0, react.forwardRef)(({ children, className, style, signUp, isLoading, meta, preferences,...rest }, ref) => {
+	if (typeof children === "function") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children({
+		isLoading,
+		meta,
+		signUp
+	}) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+		ref,
+		className: require_emotion.cx((0, __thunderid_browser.withVendorCSSClassPrefix)("sign-up-button"), className),
+		style,
+		disabled: isLoading,
+		loading: isLoading,
+		type: "button",
+		color: "primary",
+		variant: "solid",
+		...rest,
+		children
+	});
+});
+BaseSignUpButton.displayName = "BaseSignUpButton";
+var BaseSignUpButton_default = BaseSignUpButton;
+
+//#endregion
+exports.default = BaseSignUpButton_default;
+//# sourceMappingURL=BaseSignUpButton.cjs.map

package/dist/cjs/components/auth/buttons/SignUpButton/BaseSignUpButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSignUpButton.cjs","names":["BaseSignUpButton: ForwardRefExoticComponent<BaseSignUpButtonProps & RefAttributes<HTMLButtonElement>>","Button","cx"],"sources":["../../../../../../src/components/auth/buttons/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,0CAGA,EAAC,UAAU,WAAW,OAAO,QAAQ,WAAW,MAAM,YAAa,GAAG,QACtE,QACiB;AACjB,KAAI,OAAO,aAAa,WACtB,QAAO,mFAAG,SAAS;EAAC;EAAW;EAAM;EAAO,CAAC,GAAI;AAGnD,QACE,2CAACC;EACM;EACL,WAAWC,qEAA4B,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/cjs/components/auth/buttons/SignUpButton/SignUpButton.cjs

@@ -0,0 +1,86 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../../contexts/ThunderID/useThunderID.cjs');
+const require_useTranslation = require('../../../../hooks/useTranslation.cjs');
+const require_BaseSignUpButton = require('./BaseSignUpButton.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/auth/buttons/SignUpButton/SignUpButton.tsx
+/**
+* SignUpButton component that supports both render props and traditional props patterns.
+* It redirects the user to the ThunderID sign-up page configured for the application.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example Using render props pattern
+* ```tsx
+* <SignUpButton>
+*   {({ signUp, isLoading }) => (
+*     <button onClick={signUp} disabled={isLoading}>
+*       {isLoading ? 'Creating Account...' : 'Create Account'}
+*     </button>
+*   )}
+* </SignUpButton>
+* ```
+*
+* @example Using traditional props pattern
+* ```tsx
+* <SignUpButton className="custom-button">Create Account</SignUpButton>
+* ```
+*
+* @example Using component-level preferences
+* ```tsx
+* <SignUpButton
+*   preferences={{
+*     i18n: {
+*       bundles: {
+*         'en-US': {
+*           translations: {
+*             'buttons.signUp': 'Custom Sign Up Text'
+*           }
+*         }
+*       }
+*     }
+*   }}
+* >
+*   Custom Sign Up
+* </SignUpButton>
+* ```
+*/
+const SignUpButton = (0, react.forwardRef)(({ children, onClick, preferences,...rest }, ref) => {
+	const { signUp, signUpUrl, meta } = require_useThunderID.default();
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [isLoading, setIsLoading] = (0, react.useState)(false);
+	const handleSignUp = async (e) => {
+		try {
+			setIsLoading(true);
+			if (signUpUrl) (0, __thunderid_browser.navigate)(signUpUrl);
+			else await signUp();
+			if (onClick) onClick(e);
+		} catch (error) {
+			throw new __thunderid_browser.ThunderIDRuntimeError(`Sign up failed: ${error instanceof Error ? error.message : String(error)}`, "SignUpButton-handleSignUp-RuntimeError-001", "react", "Something went wrong while trying to sign up. Please try again later.");
+		} finally {
+			setIsLoading(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseSignUpButton.default, {
+		ref,
+		onClick: handleSignUp,
+		isLoading,
+		meta,
+		signUp: handleSignUp,
+		preferences,
+		...rest,
+		children: children ?? t("elements.buttons.signup.text")
+	});
+});
+SignUpButton.displayName = "SignUpButton";
+var SignUpButton_default = SignUpButton;
+
+//#endregion
+exports.default = SignUpButton_default;
+//# sourceMappingURL=SignUpButton.cjs.map

package/dist/cjs/components/auth/buttons/SignUpButton/SignUpButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpButton.cjs","names":["SignUpButton: ForwardRefExoticComponent<SignUpButtonProps & RefAttributes<HTMLButtonElement>>","useThunderID","useTranslation","ThunderIDRuntimeError","BaseSignUpButton"],"sources":["../../../../../../src/components/auth/buttons/SignUpButton/SignUpButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {ThunderIDRuntimeError, navigate} from '@thunderid/browser';\nimport {forwardRef, ForwardRefExoticComponent, MouseEvent, ReactElement, Ref, RefAttributes, useState} from 'react';\nimport BaseSignUpButton, {BaseSignUpButtonProps} from './BaseSignUpButton';\nimport useThunderID from '../../../../contexts/ThunderID/useThunderID';\nimport useTranslation from '../../../../hooks/useTranslation';\n\n/**\n * Props interface of {@link SignUpButton}\n */\nexport type SignUpButtonProps = BaseSignUpButtonProps;\n\n/**\n * SignUpButton component that supports both render props and traditional props patterns.\n * It redirects the user to the ThunderID sign-up page configured for the application.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example Using render props pattern\n * ```tsx\n * <SignUpButton>\n *   {({ signUp, isLoading }) => (\n *     <button onClick={signUp} disabled={isLoading}>\n *       {isLoading ? 'Creating Account...' : 'Create Account'}\n *     </button>\n *   )}\n * </SignUpButton>\n * ```\n *\n * @example Using traditional props pattern\n * ```tsx\n * <SignUpButton className=\"custom-button\">Create Account</SignUpButton>\n * ```\n *\n * @example Using component-level preferences\n * ```tsx\n * <SignUpButton\n *   preferences={{\n *     i18n: {\n *       bundles: {\n *         'en-US': {\n *           translations: {\n *             'buttons.signUp': 'Custom Sign Up Text'\n *           }\n *         }\n *       }\n *     }\n *   }}\n * >\n *   Custom Sign Up\n * </SignUpButton>\n * ```\n */\nconst SignUpButton: ForwardRefExoticComponent<SignUpButtonProps & RefAttributes<HTMLButtonElement>> = forwardRef<\n  HTMLButtonElement,\n  SignUpButtonProps\n>(({children, onClick, preferences, ...rest}: SignUpButtonProps, ref: Ref<HTMLButtonElement>): ReactElement => {\n  const {signUp, signUpUrl, meta} = useThunderID();\n  const {t} = useTranslation(preferences?.i18n);\n\n  const [isLoading, setIsLoading] = useState(false);\n\n  const handleSignUp = async (e?: MouseEvent<HTMLButtonElement>): Promise<void> => {\n    try {\n      setIsLoading(true);\n\n      // If a custom `signUpUrl` is provided, use it for navigation.\n      if (signUpUrl) {\n        navigate(signUpUrl);\n      } else {\n        await signUp();\n      }\n\n      if (onClick) {\n        onClick(e!);\n      }\n    } catch (error) {\n      throw new ThunderIDRuntimeError(\n        `Sign up failed: ${error instanceof Error ? error.message : String(error)}`,\n        'SignUpButton-handleSignUp-RuntimeError-001',\n        'react',\n        'Something went wrong while trying to sign up. Please try again later.',\n      );\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <BaseSignUpButton\n      ref={ref}\n      onClick={handleSignUp}\n      isLoading={isLoading}\n      meta={meta}\n      signUp={handleSignUp}\n      preferences={preferences}\n      {...rest}\n    >\n      {children ?? t('elements.buttons.signup.text')}\n    </BaseSignUpButton>\n  );\n});\n\nSignUpButton.displayName = 'SignUpButton';\n\nexport default SignUpButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAMA,sCAGH,EAAC,UAAU,SAAS,YAAa,GAAG,QAA0B,QAA8C;CAC7G,MAAM,EAAC,QAAQ,WAAW,SAAQC,8BAAc;CAChD,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAM,CAAC,WAAW,oCAAyB,MAAM;CAEjD,MAAM,eAAe,OAAO,MAAqD;AAC/E,MAAI;AACF,gBAAa,KAAK;AAGlB,OAAI,UACF,mCAAS,UAAU;OAEnB,OAAM,QAAQ;AAGhB,OAAI,QACF,SAAQ,EAAG;WAEN,OAAO;AACd,SAAM,IAAIC,0CACR,mBAAmB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,IACzE,8CACA,SACA,wEACD;YACO;AACR,gBAAa,MAAM;;;AAIvB,QACE,2CAACC;EACM;EACL,SAAS;EACE;EACL;EACN,QAAQ;EACK;EACb,GAAI;YAEH,YAAY,EAAE,+BAA+B;GAC7B;EAErB;AAEF,aAAa,cAAc;AAE3B,2BAAe"}

package/dist/cjs/components/auth/buttons/SmsOtpButton.cjs

@@ -0,0 +1,38 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Button = require('../../primitives/Button/Button.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/auth/buttons/SmsOtpButton.tsx
+/**
+* SMS OTP Sign-In Button Component.
+* Handles authentication with SMS OTP.
+*/
+const SmsOtpButton = ({ isLoading, preferences, children,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+		...rest,
+		fullWidth: true,
+		type: "button",
+		color: "secondary",
+		variant: "solid",
+		disabled: isLoading,
+		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "currentColor",
+				d: "M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.074 15.074 0 0 1-6.59-6.59l2.2-2.2c.27-.27.35-.67.24-1.02A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1M12 3v10l3-3h6V3z"
+			})
+		}),
+		children: children ?? t("elements.buttons.smsotp.text")
+	});
+};
+var SmsOtpButton_default = SmsOtpButton;
+
+//#endregion
+exports.default = SmsOtpButton_default;
+//# sourceMappingURL=SmsOtpButton.cjs.map

package/dist/cjs/components/auth/buttons/SmsOtpButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmsOtpButton.cjs","names":["SmsOtpButton: FC<SmsOtpButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../../src/components/auth/buttons/SmsOtpButton.tsx"],"sourcesContent":["// Copyright 2025 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {WithPreferences} from '@thunderid/browser';\nimport {FC, HTMLAttributes} from 'react';\nimport useTranslation from '../../../hooks/useTranslation';\nimport Button from '../../primitives/Button/Button';\n\nexport interface SmsOtpButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * SMS OTP Sign-In Button Component.\n * Handles authentication with SMS OTP.\n */\nconst SmsOtpButton: FC<SmsOtpButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: SmsOtpButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  return (\n    <Button\n      {...rest}\n      fullWidth\n      type=\"button\"\n      color=\"secondary\"\n      variant=\"solid\"\n      disabled={isLoading}\n      startIcon={\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fill=\"currentColor\"\n            d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.074 15.074 0 0 1-6.59-6.59l2.2-2.2c.27-.27.35-.67.24-1.02A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1M12 3v10l3-3h6V3z\"\n          />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.smsotp.text')}\n    </Button>\n  );\n};\n\nexport default SmsOtpButton;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,gBAA2E,EAC/E,WACA,aACA,SACA,GAAG,WACwD;CAC3D,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,2CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,OAAM;aACpD,2CAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,+BAA+B;GACvC;;AAIb,2BAAe"}