@asgardeo/nextjs 0.0.3 → 0.1.0

package/dist/cjs/index.js

@@ -34,26 +34,41 @@ __export(index_exports, {
   SignIn: () => import_SignIn.default,
   SignInButton: () => import_SignInButton.default,
   SignOutButton: () => import_SignOutButton.default,
+  SignUp: () => import_SignUp.default,
+  SignUpButton: () => import_SignUpButton.default,
   SignedIn: () => import_SignedIn.default,
   SignedInProps: () => import_SignedIn2.SignedInProps,
   SignedOut: () => import_SignedOut.default,
   SignedOutProps: () => import_SignedOut2.SignedOutProps,
   User: () => import_User.default,
-  isSignedIn: () => import_isSignedIn.default
+  UserDropdown: () => import_UserDropdown.default,
+  UserProfile: () => import_UserProfile.default,
+  asgardeoMiddleware: () => import_asgardeoMiddleware.default,
+  handleOAuthCallback: () => import_handleOAuthCallbackAction.default,
+  isSignedIn: () => import_isSignedIn.default,
+  useAsgardeo: () => import_useAsgardeo.default
 });
 module.exports = __toCommonJS(index_exports);
 var import_AsgardeoProvider = __toESM(require("./server/AsgardeoProvider"), 1);
 __reExport(index_exports, require("./server/AsgardeoProvider"), module.exports);
+var import_useAsgardeo = __toESM(require("./client/contexts/Asgardeo/useAsgardeo"), 1);
+__reExport(index_exports, require("./client/contexts/Asgardeo/useAsgardeo"), module.exports);
 var import_isSignedIn = __toESM(require("./server/actions/isSignedIn"), 1);
+var import_handleOAuthCallbackAction = __toESM(require("./server/actions/handleOAuthCallbackAction"), 1);
 var import_SignedIn = __toESM(require("./client/components/control/SignedIn/SignedIn"), 1);
 var import_SignedIn2 = require("./client/components/control/SignedIn/SignedIn");
 var import_SignedOut = __toESM(require("./client/components/control/SignedOut/SignedOut"), 1);
 var import_SignedOut2 = require("./client/components/control/SignedOut/SignedOut");
 var import_SignInButton = __toESM(require("./client/components/actions/SignInButton/SignInButton"), 1);
+var import_SignUpButton = __toESM(require("./client/components/actions/SignUpButton/SignUpButton"), 1);
 var import_SignIn = __toESM(require("./client/components/presentation/SignIn/SignIn"), 1);
 var import_SignOutButton = __toESM(require("./client/components/actions/SignOutButton/SignOutButton"), 1);
 var import_User = __toESM(require("./client/components/presentation/User/User"), 1);
+var import_SignUp = __toESM(require("./client/components/presentation/SignUp/SignUp"), 1);
+var import_UserDropdown = __toESM(require("./client/components/presentation/UserDropdown/UserDropdown"), 1);
+var import_UserProfile = __toESM(require("./client/components/presentation/UserProfile/UserProfile"), 1);
 var import_AsgardeoNextClient = __toESM(require("./AsgardeoNextClient"), 1);
+var import_asgardeoMiddleware = __toESM(require("./middleware/asgardeoMiddleware"), 1);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AsgardeoNext,
@@ -61,12 +76,20 @@ var import_AsgardeoNextClient = __toESM(require("./AsgardeoNextClient"), 1);
   SignIn,
   SignInButton,
   SignOutButton,
+  SignUp,
+  SignUpButton,
   SignedIn,
   SignedInProps,
   SignedOut,
   SignedOutProps,
   User,
+  UserDropdown,
+  UserProfile,
+  asgardeoMiddleware,
+  handleOAuthCallback,
   isSignedIn,
-  ...require("./server/AsgardeoProvider")
+  useAsgardeo,
+  ...require("./server/AsgardeoProvider"),
+  ...require("./client/contexts/Asgardeo/useAsgardeo")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nexport {default as AsgardeoProvider} from './server/AsgardeoProvider';\nexport * from './server/AsgardeoProvider';\n\nexport {default as isSignedIn} from './server/actions/isSignedIn';\n\nexport {default as SignedIn} from './client/components/control/SignedIn/SignedIn';\nexport {SignedInProps} from './client/components/control/SignedIn/SignedIn';\n\nexport {default as SignedOut} from './client/components/control/SignedOut/SignedOut';\nexport {SignedOutProps} from './client/components/control/SignedOut/SignedOut';\n\nexport {default as SignInButton} from './client/components/actions/SignInButton/SignInButton';\nexport type {SignInButtonProps} from './client/components/actions/SignInButton/SignInButton';\n\nexport {default as SignIn} from './client/components/presentation/SignIn/SignIn';\nexport type {SignInProps} from './client/components/presentation/SignIn/SignIn';\n\nexport {default as SignOutButton} from './client/components/actions/SignOutButton/SignOutButton';\nexport type {SignOutButtonProps} from './client/components/actions/SignOutButton/SignOutButton';\n\nexport {default as User} from './client/components/presentation/User/User';\nexport type {UserProps} from './client/components/presentation/User/User';\n\nexport {default as AsgardeoNext} from './AsgardeoNextClient';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA,8BAA0C;AAC1C,0BAAc,sCAnBd;AAqBA,wBAAoC;AAEpC,sBAAkC;AAClC,IAAAA,mBAA4B;AAE5B,uBAAmC;AACnC,IAAAC,oBAA6B;AAE7B,0BAAsC;AAGtC,oBAAgC;AAGhC,2BAAuC;AAGvC,kBAA8B;AAG9B,gCAAsC;",
+  "sourcesContent": ["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nexport {default as AsgardeoProvider} from './server/AsgardeoProvider';\nexport * from './server/AsgardeoProvider';\n\nexport {default as useAsgardeo} from './client/contexts/Asgardeo/useAsgardeo';\nexport * from './client/contexts/Asgardeo/useAsgardeo';\n\nexport {default as isSignedIn} from './server/actions/isSignedIn';\n\nexport {default as handleOAuthCallback} from './server/actions/handleOAuthCallbackAction';\n\nexport {default as SignedIn} from './client/components/control/SignedIn/SignedIn';\nexport {SignedInProps} from './client/components/control/SignedIn/SignedIn';\n\nexport {default as SignedOut} from './client/components/control/SignedOut/SignedOut';\nexport {SignedOutProps} from './client/components/control/SignedOut/SignedOut';\n\nexport {default as SignInButton} from './client/components/actions/SignInButton/SignInButton';\nexport type {SignInButtonProps} from './client/components/actions/SignInButton/SignInButton';\n\nexport {default as SignUpButton} from './client/components/actions/SignUpButton/SignUpButton';\nexport type {SignUpButtonProps} from './client/components/actions/SignUpButton/SignUpButton';\n\nexport {default as SignIn} from './client/components/presentation/SignIn/SignIn';\nexport type {SignInProps} from './client/components/presentation/SignIn/SignIn';\n\nexport {default as SignOutButton} from './client/components/actions/SignOutButton/SignOutButton';\nexport type {SignOutButtonProps} from './client/components/actions/SignOutButton/SignOutButton';\n\nexport {default as User} from './client/components/presentation/User/User';\nexport type {UserProps} from './client/components/presentation/User/User';\n\nexport {default as SignUp} from './client/components/presentation/SignUp/SignUp';\nexport type {SignUpProps} from './client/components/presentation/SignUp/SignUp';\n\nexport {default as UserDropdown} from './client/components/presentation/UserDropdown/UserDropdown';\nexport type {UserDropdownProps} from './client/components/presentation/UserDropdown/UserDropdown';\n\nexport {default as UserProfile} from './client/components/presentation/UserProfile/UserProfile';\nexport type {UserProfileProps} from './client/components/presentation/UserProfile/UserProfile';\n\nexport {default as AsgardeoNext} from './AsgardeoNextClient';\n\nexport {default as asgardeoMiddleware} from './middleware/asgardeoMiddleware';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA,8BAA0C;AAC1C,0BAAc,sCAnBd;AAqBA,yBAAqC;AACrC,0BAAc,mDAtBd;AAwBA,wBAAoC;AAEpC,uCAA6C;AAE7C,sBAAkC;AAClC,IAAAA,mBAA4B;AAE5B,uBAAmC;AACnC,IAAAC,oBAA6B;AAE7B,0BAAsC;AAGtC,0BAAsC;AAGtC,oBAAgC;AAGhC,2BAAuC;AAGvC,kBAA8B;AAG9B,oBAAgC;AAGhC,0BAAsC;AAGtC,yBAAqC;AAGrC,gCAAsC;AAEtC,gCAA4C;",
   "names": ["import_SignedIn", "import_SignedOut"]
 }

package/dist/client/components/actions/SignInButton/SignInButton.d.ts

@@ -22,7 +22,7 @@ import { BaseSignInButtonProps } from '@asgardeo/react';
  */
 export type SignInButtonProps = BaseSignInButtonProps;
 /**
- * SignInButton component that supports both render props and traditional props patterns for Next.js.
+ * SignInButton component that uses server actions for authentication in Next.js.
  *
  * @example Using render props
  * ```tsx
@@ -41,7 +41,7 @@ export type SignInButtonProps = BaseSignInButtonProps;
  * ```
  *
  * @remarks
- * In Next.js with server actions, the sign-in is handled via form submission.
+ * In Next.js with server actions, the sign-in is handled via the server action.
  * When using render props, the custom button should use `type="submit"` instead of `onClick={signIn}`.
  * The `signIn` function in render props is provided for API consistency but should not be used directly.
  */

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

@@ -17,11 +17,13 @@
  */
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import InternalAuthAPIRoutesConfig from '../../../../configs/InternalAuthAPIRoutesConfig';
-import { BaseSignInButton } from '@asgardeo/react';
+import { forwardRef, useState } from 'react';
+import { AsgardeoRuntimeError } from '@asgardeo/node';
+import { BaseSignInButton, useTranslation } from '@asgardeo/react';
+import useAsgardeo from '../../../../client/contexts/Asgardeo/useAsgardeo';
+import { useRouter } from 'next/navigation';
 /**
- * SignInButton component that supports both render props and traditional props patterns for Next.js.
+ * SignInButton component that uses server actions for authentication in Next.js.
  *
  * @example Using render props
  * ```tsx
@@ -40,12 +42,37 @@ import { BaseSignInButton } from '@asgardeo/react';
  * ```
  *
  * @remarks
- * In Next.js with server actions, the sign-in is handled via form submission.
+ * In Next.js with server actions, the sign-in is handled via the server action.
  * When using render props, the custom button should use `type="submit"` instead of `onClick={signIn}`.
  * The `signIn` function in render props is provided for API consistency but should not be used directly.
  */
-const SignInButton = forwardRef(({ className, style, ...rest }, ref) => {
-    return (_jsx("form", { action: InternalAuthAPIRoutesConfig.signIn, children: _jsx(BaseSignInButton, { className: className, style: style, ref: ref, type: "submit", ...rest }) }));
+const SignInButton = forwardRef(({ className, style, children, preferences, onClick, ...rest }, ref) => {
+    const { signIn, signInUrl } = useAsgardeo();
+    const router = useRouter();
+    const { t } = useTranslation(preferences?.i18n);
+    const [isLoading, setIsLoading] = useState(false);
+    const handleOnClick = async (e) => {
+        try {
+            setIsLoading(true);
+            // If a custom `signInUrl` is provided, use it for navigation.
+            if (signInUrl) {
+                router.push(signInUrl);
+            }
+            else {
+                await signIn();
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        }
+        catch (error) {
+            throw new AsgardeoRuntimeError(`Sign in failed: ${error instanceof Error ? error.message : String(error)}`, 'SignInButton-handleSignIn-RuntimeError-001', 'nextjs', 'Something went wrong while trying to sign in. Please try again later.');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (_jsx(BaseSignInButton, { className: className, style: style, ref: ref, preferences: preferences, onClick: handleOnClick, ...rest, children: children ?? t('elements.buttons.signIn') }));
 });
 SignInButton.displayName = 'SignInButton';
 export default SignInButton;

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

@@ -1 +1 @@
-{"version":3,"file":"SignInButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignInButton/SignInButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAA8D,MAAM,OAAO,CAAC;AAC9F,OAAO,2BAA2B,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAC,gBAAgB,EAAwB,MAAM,iBAAiB,CAAC;AAOxE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAoB,EAAE,GAA2B,EAAgB,EAAE;IAC5F,OAAO,CACL,eAAM,MAAM,EAAE,2BAA2B,CAAC,MAAM,YAC9C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,GAAI,GACrF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SignInButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignInButton/SignInButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAA+D,QAAQ,EAAa,MAAM,OAAO,CAAC;AACpH,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAyB,cAAc,EAAC,MAAM,iBAAiB,CAAC;AACxF,OAAO,WAAW,MAAM,kDAAkD,CAAC;AAC3E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAO1C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAI,EAAoB,EAC9E,GAA2B,EACb,EAAE;IAChB,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,WAAW,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,KAAK,EAAE,CAAgC,EAAiB,EAAE;QAC9E,IAAI,CAAC;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,8DAA8D;YAC9D,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,MAAM,MAAM,EAAE,CAAC;YACjB,CAAC;YAED,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACb,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,IAAI,oBAAoB,CAC5B,mBAAmB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAC3E,4CAA4C,EAC5C,QAAQ,EACR,uEAAuE,CACxE,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,aAAa,KAClB,IAAI,YAEP,QAAQ,IAAI,CAAC,CAAC,yBAAyB,CAAC,GACxB,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/client/components/actions/SignOutButton/SignOutButton.d.ts

@@ -15,7 +15,6 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, PropsWithChildren } from 'react';
 import { BaseSignOutButtonProps } from '@asgardeo/react';
 /**
  * Interface for SignInButton component props.
@@ -38,5 +37,5 @@ export type SignOutButtonProps = BaseSignOutButtonProps;
  * }
  * ```
  */
-declare const SignOutButton: FC<PropsWithChildren<SignOutButtonProps>>;
+declare const SignOutButton: import("react").ForwardRefExoticComponent<BaseSignOutButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default SignOutButton;

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

@@ -17,9 +17,10 @@
  */
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import InternalAuthAPIRoutesConfig from '../../../../configs/InternalAuthAPIRoutesConfig';
-import { BaseSignOutButton } from '@asgardeo/react';
+import { forwardRef, useState } from 'react';
+import { BaseSignOutButton, useTranslation } from '@asgardeo/react';
+import { AsgardeoRuntimeError } from '@asgardeo/node';
+import useAsgardeo from '../../../../client/contexts/Asgardeo/useAsgardeo';
 /**
  * SignInButton component. This button initiates the sign-in process when clicked.
  *
@@ -37,6 +38,26 @@ import { BaseSignOutButton } from '@asgardeo/react';
  * }
  * ```
  */
-const SignOutButton = forwardRef(({ className, style, ...rest }, ref) => (_jsx("form", { action: InternalAuthAPIRoutesConfig.signOut, children: _jsx(BaseSignOutButton, { className: className, style: style, ref: ref, type: "submit", ...rest }) })));
+const SignOutButton = forwardRef(({ className, style, preferences, onClick, children, ...rest }, ref) => {
+    const { signOut } = useAsgardeo();
+    const { t } = useTranslation(preferences?.i18n);
+    const [isLoading, setIsLoading] = useState(false);
+    const handleOnClick = async (e) => {
+        try {
+            setIsLoading(true);
+            await signOut();
+            if (onClick) {
+                onClick(e);
+            }
+        }
+        catch (error) {
+            throw new AsgardeoRuntimeError(`Sign out failed: ${error instanceof Error ? error.message : String(error)}`, 'SignOutButton-handleOnClick-RuntimeError-001', 'next', 'Something went wrong while trying to sign out. Please try again later.');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (_jsx(BaseSignOutButton, { ref: ref, onClick: handleOnClick, isLoading: isLoading, preferences: preferences, ...rest, children: children ?? t('elements.buttons.signOut') }));
+});
 export default SignOutButton;
 //# sourceMappingURL=SignOutButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignOutButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignOutButton/SignOutButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAK,UAAU,EAAuC,MAAM,OAAO,CAAC;AAC3E,OAAO,2BAA2B,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAC,iBAAiB,EAAyB,MAAM,iBAAiB,CAAC;AAO1E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,aAAa,GAA8C,UAAU,CAIzE,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAwC,EAAE,GAA2B,EAAgB,EAAE,CAAC,CACjH,eAAM,MAAM,EAAE,2BAA2B,CAAC,OAAO,YAC/C,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,GAAI,GACtF,CACR,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SignOutButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignOutButton/SignOutButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAK,UAAU,EAAwC,QAAQ,EAAa,MAAM,OAAO,CAAC;AACjG,OAAO,EAAC,iBAAiB,EAA0B,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAC1F,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,WAAW,MAAM,kDAAkD,CAAC;AAO3E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB,EAAE,GAA2B,EAAgB,EAAE;IAC7H,MAAM,EAAC,OAAO,EAAC,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,KAAK,EAAE,CAAgC,EAAiB,EAAE;QAC9E,IAAI,CAAC;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,OAAO,EAAE,CAAC;YAEhB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACb,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,IAAI,oBAAoB,CAC5B,oBAAoB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAC5E,8CAA8C,EAC9C,MAAM,EACN,wEAAwE,CACzE,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,KACpB,IAAI,YAEP,QAAQ,IAAI,CAAC,CAAC,0BAA0B,CAAC,GACxB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/client/components/actions/SignUpButton/SignUpButton.d.ts

@@ -15,28 +15,52 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, PropsWithChildren } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { BaseSignUpButtonProps } from '@asgardeo/react';
 /**
- * Interface for SignInButton component props.
+ * Props interface of {@link SignUpButton}
  */
 export type SignUpButtonProps = BaseSignUpButtonProps;
 /**
- * SignInButton component. This button initiates the sign-in process when clicked.
+ * SignUpButton component that supports both render props and traditional props patterns.
+ * It redirects the user to the Asgardeo sign-up page configured for the application.
  *
- * @example
+ * @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
- * import { SignInButton } from '@asgardeo/auth-react';
+ * <SignUpButton className="custom-button">Create Account</SignUpButton>
+ * ```
  *
- * const App = () => {
- *   const buttonRef = useRef<HTMLButtonElement>(null);
- *   return (
- *     <SignInButton ref={buttonRef} className="custom-class" style={{ backgroundColor: 'blue' }}>
- *       Sign In
- *     </SignInButton>
- *   );
- * }
+ * @example Using component-level preferences
+ * ```tsx
+ * <SignUpButton
+ *   preferences={{
+ *     i18n: {
+ *       bundles: {
+ *         'en-US': {
+ *           translations: {
+ *             'buttons.signUp': 'Custom Sign Up Text'
+ *           }
+ *         }
+ *       }
+ *     }
+ *   }}
+ * >
+ *   Custom Sign Up
+ * </SignUpButton>
  * ```
  */
-declare const SignUpButton: FC<PropsWithChildren<SignUpButtonProps>>;
+declare const SignUpButton: ForwardRefExoticComponent<SignUpButtonProps & RefAttributes<HTMLButtonElement>>;
 export default SignUpButton;

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

@@ -17,26 +17,80 @@
  */
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import InternalAuthAPIRoutesConfig from '../../../../configs/InternalAuthAPIRoutesConfig';
-import { BaseSignUpButton } from '@asgardeo/react';
+import { AsgardeoRuntimeError } from '@asgardeo/node';
+import { forwardRef, useState } from 'react';
+import { BaseSignUpButton, useTranslation } from '@asgardeo/react';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
+import { useRouter } from 'next/navigation';
 /**
- * SignInButton component. This button initiates the sign-in process when clicked.
+ * SignUpButton component that supports both render props and traditional props patterns.
+ * It redirects the user to the Asgardeo sign-up page configured for the application.
  *
- * @example
+ * @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
- * import { SignInButton } from '@asgardeo/auth-react';
+ * <SignUpButton className="custom-button">Create Account</SignUpButton>
+ * ```
  *
- * const App = () => {
- *   const buttonRef = useRef<HTMLButtonElement>(null);
- *   return (
- *     <SignInButton ref={buttonRef} className="custom-class" style={{ backgroundColor: 'blue' }}>
- *       Sign In
- *     </SignInButton>
- *   );
- * }
+ * @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 = forwardRef(({ className, style, ...rest }, ref) => (_jsx("form", { action: InternalAuthAPIRoutesConfig.signUp, children: _jsx(BaseSignUpButton, { className: className, style: style, ref: ref, type: "submit", ...rest }) })));
+const SignUpButton = forwardRef(({ children, onClick, preferences, ...rest }, ref) => {
+    const { signUp, signUpUrl } = useAsgardeo();
+    const router = useRouter();
+    const { t } = useTranslation(preferences?.i18n);
+    const [isLoading, setIsLoading] = useState(false);
+    const handleSignUp = async (e) => {
+        try {
+            setIsLoading(true);
+            // If a custom `signUpUrl` is provided, use it for navigation.
+            if (signUpUrl) {
+                router.push(signUpUrl);
+            }
+            else {
+                await signUp();
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        }
+        catch (error) {
+            throw new AsgardeoRuntimeError(`Sign up failed: ${error instanceof Error ? error.message : String(error)}`, 'SignUpButton-handleSignUp-RuntimeError-001', 'nextjs', 'Something went wrong while trying to sign up. Please try again later.');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (_jsx(BaseSignUpButton, { ref: ref, onClick: handleSignUp, isLoading: isLoading, signUp: handleSignUp, preferences: preferences, ...rest, children: children ?? t('elements.buttons.signUp') }));
+});
+SignUpButton.displayName = 'SignUpButton';
 export default SignUpButton;
 //# sourceMappingURL=SignUpButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignUpButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignUpButton/SignUpButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAK,UAAU,EAAuC,MAAM,OAAO,CAAC;AAC3E,OAAO,2BAA2B,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAC,gBAAgB,EAAwB,MAAM,iBAAiB,CAAC;AAOxE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,YAAY,GAA6C,UAAU,CAIvE,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAuC,EAAE,GAA2B,EAAgB,EAAE,CAAC,CAChH,eAAM,MAAM,EAAE,2BAA2B,CAAC,MAAM,YAC9C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,GAAI,GACrF,CACR,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SignUpButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignUpButton/SignUpButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,UAAU,EAA2E,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpH,OAAO,EAAC,gBAAgB,EAAyB,cAAc,EAAC,MAAM,iBAAiB,CAAC;AACxF,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAO1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,YAAY,GAAoF,UAAU,CAG9G,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,EAAoB,EAAE,GAA2B,EAAgB,EAAE;IAC5G,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,WAAW,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,KAAK,EAAE,CAAiC,EAAiB,EAAE;QAC9E,IAAI,CAAC;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,8DAA8D;YAC9D,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,MAAM,MAAM,EAAE,CAAC;YACjB,CAAC;YAED,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,CAAkC,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,IAAI,oBAAoB,CAC5B,mBAAmB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAC3E,4CAA4C,EAC5C,QAAQ,EACR,uEAAuE,CACxE,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,YAAY,EACpB,WAAW,EAAE,WAAW,KACpB,IAAI,YAEP,QAAQ,IAAI,CAAC,CAAC,yBAAyB,CAAC,GACxB,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/client/components/control/SignedIn/SignedIn.js

@@ -17,8 +17,7 @@
  */
 'use client';
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import isSignedIn from '../../../../server/actions/isSignedIn';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
 /**
  * A component that only renders its children when the user is signed in.
  *
@@ -36,21 +35,8 @@ import isSignedIn from '../../../../server/actions/isSignedIn';
  * ```
  */
 const SignedIn = ({ children, fallback = null, }) => {
-    const [isSignedInSync, setIsSignedInSync] = useState(null);
-    useEffect(() => {
-        (async () => {
-            try {
-                const result = await isSignedIn();
-                setIsSignedInSync(result);
-            }
-            catch (error) {
-                setIsSignedInSync(false);
-            }
-        })();
-    }, []);
-    if (isSignedInSync === null)
-        return null;
-    return _jsx(_Fragment, { children: isSignedInSync ? children : fallback });
+    const { isSignedIn } = useAsgardeo();
+    return _jsx(_Fragment, { children: isSignedIn ? children : fallback });
 };
 export default SignedIn;
 //# sourceMappingURL=SignedIn.js.map

package/dist/client/components/control/SignedIn/SignedIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignedIn.js","sourceRoot":"","sources":["../../../../../src/client/components/control/SignedIn/SignedIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAmC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAY/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,QAAQ,GAAyC,CAAC,EACtD,QAAQ,EACR,QAAQ,GAAG,IAAI,GACkB,EAAE,EAAE;IACrC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,KAAK,IAAmB,EAAE;YACzB,IAAI,CAAC;gBACH,MAAM,MAAM,GAAY,MAAM,UAAU,EAAE,CAAC;gBAE3C,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,cAAc,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEzC,OAAO,4BAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AACrD,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"SignedIn.js","sourceRoot":"","sources":["../../../../../src/client/components/control/SignedIn/SignedIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAGb,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAYjE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,QAAQ,GAAyC,CAAC,EACtD,QAAQ,EACR,QAAQ,GAAG,IAAI,GACkB,EAAE,EAAE;IACrC,MAAM,EAAC,UAAU,EAAC,GAAG,WAAW,EAAE,CAAC;IAEnC,OAAO,4BAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/client/components/control/SignedOut/SignedOut.js

@@ -17,8 +17,7 @@
  */
 'use client';
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import isSignedIn from '../../../../server/actions/isSignedIn';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
 /**
  * A component that only renders its children when the user is signed out.
  *
@@ -36,21 +35,8 @@ import isSignedIn from '../../../../server/actions/isSignedIn';
  * ```
  */
 const SignedOut = ({ children, fallback = null, }) => {
-    const [isSignedInSync, setIsSignedInSync] = useState(null);
-    useEffect(() => {
-        (async () => {
-            try {
-                const result = await isSignedIn();
-                setIsSignedInSync(result);
-            }
-            catch (error) {
-                setIsSignedInSync(false);
-            }
-        })();
-    }, []);
-    if (isSignedInSync === null)
-        return null;
-    return _jsx(_Fragment, { children: !isSignedInSync ? children : fallback });
+    const { isSignedIn } = useAsgardeo();
+    return _jsx(_Fragment, { children: !isSignedIn ? children : fallback });
 };
 export default SignedOut;
 //# sourceMappingURL=SignedOut.js.map

package/dist/client/components/control/SignedOut/SignedOut.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignedOut.js","sourceRoot":"","sources":["../../../../../src/client/components/control/SignedOut/SignedOut.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAmC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAY/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,SAAS,GAA0C,CAAC,EACxD,QAAQ,EACR,QAAQ,GAAG,IAAI,GACmB,EAAE,EAAE;IACtC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,KAAK,IAAmB,EAAE;YACzB,IAAI,CAAC;gBACH,MAAM,MAAM,GAAY,MAAM,UAAU,EAAE,CAAC;gBAE3C,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,cAAc,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEzC,OAAO,4BAAG,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AACtD,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SignedOut.js","sourceRoot":"","sources":["../../../../../src/client/components/control/SignedOut/SignedOut.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAGb,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAYjE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,SAAS,GAA0C,CAAC,EACxD,QAAQ,EACR,QAAQ,GAAG,IAAI,GACmB,EAAE,EAAE;IACtC,MAAM,EAAC,UAAU,EAAC,GAAG,WAAW,EAAE,CAAC;IAEnC,OAAO,4BAAG,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/client/components/presentation/SignIn/SignIn.d.ts

@@ -21,7 +21,7 @@ import { FC } from 'react';
  * Props for the SignIn component.
  * Extends BaseSignInProps for full compatibility with the React BaseSignIn component
  */
-export type SignInProps = BaseSignInProps;
+export type SignInProps = Pick<BaseSignInProps, 'className' | 'onSuccess' | 'onError' | 'variant' | 'size'>;
 /**
  * A SignIn component for Next.js that provides native authentication flow.
  * This component delegates to the BaseSignIn from @asgardeo/react and requires

package/dist/client/components/presentation/SignIn/SignIn.js

@@ -62,8 +62,8 @@ import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
  * };
  * ```
  */
-const SignIn = ({ afterSignInUrl, className, onError, onFlowChange, onInitialize, onSubmit, onSuccess, size = 'medium', variant = 'outlined', ...rest }) => {
-    const { signIn } = useAsgardeo();
+const SignIn = ({ size = 'medium', variant = 'outlined', ...rest }) => {
+    const { signIn, afterSignInUrl } = useAsgardeo();
     const handleInitialize = async () => await signIn({
         flowId: '',
         selectedAuthenticator: {
@@ -71,11 +71,14 @@ const SignIn = ({ afterSignInUrl, className, onError, onFlowChange, onInitialize
             params: {},
         },
     });
-    const handleOnSubmit = async (payload, request) => await signIn(payload, request);
-    const handleError = (error) => {
-        onError?.(error);
+    const handleOnSubmit = async (payload, request) => {
+        return await signIn(payload, request);
     };
-    return (_jsx(BaseSignIn, { afterSignInUrl: afterSignInUrl, onInitialize: handleInitialize, onSubmit: handleOnSubmit, onSuccess: onSuccess, onError: handleError, onFlowChange: onFlowChange, className: className, size: size, variant: variant, ...rest }));
+    return (_jsx(BaseSignIn
+    // isLoading={isLoading || !isInitialized}
+    , { 
+        // isLoading={isLoading || !isInitialized}
+        afterSignInUrl: afterSignInUrl, onInitialize: handleInitialize, onSubmit: handleOnSubmit, size: size, variant: variant, ...rest }));
 };
 SignIn.displayName = 'SignIn';
 export default SignIn;

package/dist/client/components/presentation/SignIn/SignIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignIn.js","sourceRoot":"","sources":["../../../../../src/client/components/presentation/SignIn/SignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAQb,OAAO,EAAC,UAAU,EAAkB,MAAM,iBAAiB,CAAC;AAE5D,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,MAAM,GAAoB,CAAC,EAC/B,cAAc,EACd,SAAS,EACT,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,UAAU,EACpB,GAAG,IAAI,EACK,EAAE,EAAE;IAChB,MAAM,EAAC,MAAM,EAAC,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,KAAK,IAAiD,EAAE,CAC/E,MAAM,MAAM,CAAC;QACX,MAAM,EAAE,EAAE;QACV,qBAAqB,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,MAAM,EAAE,EAAE;SACX;KACF,CAAC,CAAC;IAEL,MAAM,cAAc,GAAG,KAAK,EAC1B,OAA+C,EAC/C,OAAyC,EACE,EAAE,CAAC,MAAM,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAE/E,MAAM,WAAW,GAAG,CAAC,KAAY,EAAQ,EAAE;QACzC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"SignIn.js","sourceRoot":"","sources":["../../../../../src/client/components/presentation/SignIn/SignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAQb,OAAO,EAAC,UAAU,EAAkB,MAAM,iBAAiB,CAAC;AAE5D,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,MAAM,GAAoB,CAAC,EAAC,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,UAAU,EAAE,GAAG,IAAI,EAAc,EAAE,EAAE;IAChG,MAAM,EAAC,MAAM,EAAE,cAAc,EAAC,GAAG,WAAW,EAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,KAAK,IAAiD,EAAE,CAC/E,MAAM,MAAM,CAAC;QACX,MAAM,EAAE,EAAE;QACV,qBAAqB,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,MAAM,EAAE,EAAE;SACX;KACF,CAAC,CAAC;IAEL,MAAM,cAAc,GAAG,KAAK,EAC1B,OAA+C,EAC/C,OAAyC,EACE,EAAE;QAC7C,OAAO,MAAM,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU;IACT,0CAA0C;;QAA1C,0CAA0C;QAC1C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}

package/dist/client/components/presentation/SignUp/SignUp.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { FC } from 'react';
+import { BaseSignUpProps } from '@asgardeo/react';
+/**
+ * Props for the SignUp component.
+ */
+export type SignUpProps = BaseSignUpProps;
+/**
+ * A styled SignUp component that provides embedded sign-up flow with pre-built styling.
+ * This component handles the API calls for sign-up and delegates UI logic to BaseSignUp.
+ *
+ * @example
+ * ```tsx
+ * import { SignUp } from '@asgardeo/react';
+ *
+ * const App = () => {
+ *   return (
+ *     <SignUp
+ *       onSuccess={(response) => {
+ *         console.log('Sign-up successful:', response);
+ *         // Handle successful sign-up (e.g., redirect, show confirmation)
+ *       }}
+ *       onError={(error) => {
+ *         console.error('Sign-up failed:', error);
+ *       }}
+ *       onComplete={(redirectUrl) => {
+ *         // Platform-specific redirect handling (e.g., Next.js router.push)
+ *         router.push(redirectUrl); // or window.location.href = redirectUrl
+ *       }}
+ *       size="medium"
+ *       variant="outlined"
+ *       afterSignUpUrl="/welcome"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const SignUp: FC<SignUpProps>;
+export default SignUp;