@monocloud/auth-react 0.1.1-canary-20260605042109

package/dist/components/protected.mjs

@@ -0,0 +1,83 @@
+"use client";
+import { useAuth } from "../use-auth.mjs";
+import React from "react";
+import { isUserInGroup } from "@monocloud/auth-web-js/utils";
+//#region src/components/protected.tsx
+/**
+* `<Protected>` conditionally renders its children based on the user’s authentication state and (optionally) group membership.
+*
+* > `<Protected>` runs on the client and only affects what is rendered. It does **not** prevent data from being sent to the browser. Always enforce authorization on your APIs as well.
+*
+* @example Basic Usage
+*
+* ```tsx:src/Home.tsx tab="Basic Usage" tab-group="Protected"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return (
+*     <Protected fallback={<>Sign in to view the message.</>}>
+*       <>This is the protected content.</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @example With Groups
+*
+* ```tsx:src/Home.tsx tab="With Groups" tab-group="Protected"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return (
+*     <Protected
+*       groups={["admin"]}
+*       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access admin content.</>}
+*     >
+*       <>Signed in as admin</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @example Requiring all groups
+*
+* ```tsx:src/Home.tsx tab="Requiring all groups" tab-group="Protected"
+* "use client";
+*
+* import { Protected } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return (
+*     <Protected
+*       groups={["admin", "billing"]}
+*       matchAllGroups
+*       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access billing content.</>}
+*     >
+*       <>Sensitive settings</>
+*     </Protected>
+*   );
+* }
+* ```
+*
+* @param props - Props for customizing the Protected component.
+* @returns The children if authorized, the `fallback` or `onGroupAccessDenied` content if unauthenticated or unauthorized, or `null` while loading.
+*
+* @category Components
+*/
+const Protected = ({ children, groups, groupsClaim, matchAllGroups = false, fallback = null, onGroupAccessDenied = () => /* @__PURE__ */ React.createElement(React.Fragment, null) }) => {
+	const { isLoading, error, isAuthenticated, user } = useAuth();
+	if (isLoading) return null;
+	if (error || !isAuthenticated || !user) {
+		if (fallback) return fallback;
+		return null;
+	}
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, !groups || isUserInGroup(user, groups, groupsClaim, matchAllGroups) ? children : onGroupAccessDenied(user));
+};
+//#endregion
+export { Protected };
+
+//# sourceMappingURL=protected.mjs.map

package/dist/components/protected.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"protected.mjs","names":[],"sources":["../../src/components/protected.tsx"],"sourcesContent":["'use client';\n\nimport { isUserInGroup } from '@monocloud/auth-web-js/utils';\nimport React from 'react';\nimport type { MonoCloudUser } from '@monocloud/auth-web-js';\nimport { useAuth } from '../use-auth';\n\n/**\n * Props for the `<Protected />` component.\n *\n * @category Types\n */\nexport interface ProtectedComponentProps {\n  /**\n   * Content to render when access is allowed.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Groups required to view the protected content. By default, the user must belong to **any** of the specified groups.\n   */\n  groups?: string[];\n\n  /**\n   * Name of the claim that contains groups in the user profile.\n   * @defaultValue 'groups'\n   */\n  groupsClaim?: string;\n\n  /**\n   * If `true`, the user must belong to **all** specified `groups` (instead of any).\n   * @defaultValue false\n   */\n  matchAllGroups?: boolean;\n\n  /**\n   * Content to render when the user is not authenticated.\n   */\n  fallback?: React.ReactNode;\n\n  /**\n   * Rendered when the user is authenticated but does not meet the `groups` requirement. If omitted, nothing is rendered (or `fallback` is used only for unauthenticated users).\n   */\n  onGroupAccessDenied?: (user: MonoCloudUser) => React.ReactNode;\n}\n\n/**\n * `<Protected>` conditionally renders its children based on the user’s authentication state and (optionally) group membership.\n *\n * > `<Protected>` runs on the client and only affects what is rendered. It does **not** prevent data from being sent to the browser. Always enforce authorization on your APIs as well.\n *\n * @example Basic Usage\n *\n * ```tsx:src/Home.tsx tab=\"Basic Usage\" tab-group=\"Protected\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return (\n *     <Protected fallback={<>Sign in to view the message.</>}>\n *       <>This is the protected content.</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @example With Groups\n *\n * ```tsx:src/Home.tsx tab=\"With Groups\" tab-group=\"Protected\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return (\n *     <Protected\n *       groups={[\"admin\"]}\n *       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access admin content.</>}\n *     >\n *       <>Signed in as admin</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @example Requiring all groups\n *\n * ```tsx:src/Home.tsx tab=\"Requiring all groups\" tab-group=\"Protected\"\n * \"use client\";\n *\n * import { Protected } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return (\n *     <Protected\n *       groups={[\"admin\", \"billing\"]}\n *       matchAllGroups\n *       onGroupAccessDenied={(user) => <>User {user.email} is not allowed to access billing content.</>}\n *     >\n *       <>Sensitive settings</>\n *     </Protected>\n *   );\n * }\n * ```\n *\n * @param props - Props for customizing the Protected component.\n * @returns The children if authorized, the `fallback` or `onGroupAccessDenied` content if unauthenticated or unauthorized, or `null` while loading.\n *\n * @category Components\n */\nexport const Protected = ({\n  children,\n  groups,\n  groupsClaim,\n  matchAllGroups = false,\n  fallback = null,\n  onGroupAccessDenied = (): React.ReactNode => <></>,\n}: ProtectedComponentProps): React.ReactNode | null => {\n  const { isLoading, error, isAuthenticated, user } = useAuth();\n\n  if (isLoading) {\n    return null;\n  }\n\n  if (error || !isAuthenticated || !user) {\n    if (fallback) {\n      return fallback;\n    }\n\n    return null;\n  }\n\n  return (\n    <>\n      {!groups || isUserInGroup(user, groups, groupsClaim, matchAllGroups)\n        ? children\n        : onGroupAccessDenied(user)}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA,MAAa,aAAa,EACxB,UACA,QACA,aACA,iBAAiB,OACjB,WAAW,MACX,4BAA6C,sBAAA,cAAA,MAAA,UAAA,IAAI,QACI;CACrD,MAAM,EAAE,WAAW,OAAO,iBAAiB,SAAS,QAAQ;CAE5D,IAAI,WACF,OAAO;CAGT,IAAI,SAAS,CAAC,mBAAmB,CAAC,MAAM;EACtC,IAAI,UACF,OAAO;EAGT,OAAO;CACT;CAEA,OACE,sBAAA,cAAA,MAAA,UAAA,MACG,CAAC,UAAU,cAAc,MAAM,QAAQ,aAAa,cAAc,IAC/D,WACA,oBAAoB,IAAI,CAC5B;AAEN"}

package/dist/components/signin.cjs

@@ -0,0 +1,69 @@
+"use client";
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_use_auth = require("../use-auth.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/components/signin.tsx
+/**
+* `<SignIn>` renders a button that starts the sign-in flow when clicked.
+*
+* @example Basic Usage
+*
+* ```tsx:src/SignInButton.tsx tab="Basic Usage" tab-group="SignIn"
+* "use client";
+*
+* import { SignIn } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return <SignIn>Sign In</SignIn>;
+* }
+* ```
+*
+* @example Customized
+*
+* ```tsx:src/SignInButton.tsx tab="Customized" tab-group="SignIn"
+* "use client";
+*
+* import { SignIn } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return (
+*     <SignIn authenticatorHint="google">
+*       Sign in with Google
+*     </SignIn>
+*   );
+* }
+* ```
+*
+* @param props - Sign-in options.
+* @returns A button that triggers sign-in on click.
+*
+* @category Components
+*/
+const SignIn = ({ children, authenticatorHint, maxAge, loginHint, uiLocales, mode, acrValues, display, prompt, resource, returnUrl, scopes, appState, ...props }) => {
+	const { signIn } = require_use_auth.useAuth();
+	return /* @__PURE__ */ react.default.createElement("button", {
+		...props,
+		type: "button",
+		onClick: () => {
+			signIn({
+				authenticatorHint,
+				maxAge,
+				loginHint,
+				uiLocales,
+				mode,
+				acrValues,
+				display,
+				prompt,
+				resource,
+				returnUrl,
+				scopes,
+				appState
+			});
+		}
+	}, children);
+};
+//#endregion
+exports.SignIn = SignIn;
+
+//# sourceMappingURL=signin.cjs.map

package/dist/components/signin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signin.cjs","names":["useAuth"],"sources":["../../src/components/signin.tsx"],"sourcesContent":["'use client';\n\nimport type { SignInOptions } from '@monocloud/auth-web-js';\nimport React from 'react';\nimport { useAuth } from '../use-auth';\n\n/**\n * Props for the `<SignIn />` component.\n *\n * @category Types\n */\nexport interface SignInProps\n  extends\n    Omit<SignInOptions, 'signUp'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Content rendered inside the button.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * `<SignIn>` renders a button that starts the sign-in flow when clicked.\n *\n * @example Basic Usage\n *\n * ```tsx:src/SignInButton.tsx tab=\"Basic Usage\" tab-group=\"SignIn\"\n * \"use client\";\n *\n * import { SignIn } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return <SignIn>Sign In</SignIn>;\n * }\n * ```\n *\n * @example Customized\n *\n * ```tsx:src/SignInButton.tsx tab=\"Customized\" tab-group=\"SignIn\"\n * \"use client\";\n *\n * import { SignIn } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return (\n *     <SignIn authenticatorHint=\"google\">\n *       Sign in with Google\n *     </SignIn>\n *   );\n * }\n * ```\n *\n * @param props - Sign-in options.\n * @returns A button that triggers sign-in on click.\n *\n * @category Components\n */\nexport const SignIn = ({\n  children,\n  authenticatorHint,\n  maxAge,\n  loginHint,\n  uiLocales,\n  mode,\n  acrValues,\n  display,\n  prompt,\n  resource,\n  returnUrl,\n  scopes,\n  appState,\n  ...props\n}: SignInProps): React.JSX.Element => {\n  const { signIn } = useAuth();\n\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      onClick={() => {\n        void signIn({\n          authenticatorHint,\n          maxAge,\n          loginHint,\n          uiLocales,\n          mode,\n          acrValues,\n          display,\n          prompt,\n          resource,\n          returnUrl,\n          scopes,\n          appState,\n        });\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,MAAa,UAAU,EACrB,UACA,mBACA,QACA,WACA,WACA,MACA,WACA,SACA,QACA,UACA,WACA,QACA,UACA,GAAG,YACiC;CACpC,MAAM,EAAE,WAAWA,iBAAAA,QAAQ;CAE3B,OACE,sBAAA,QAAA,cAAC,UAAD;EACE,GAAI;EACJ,MAAK;EACL,eAAe;GACb,OAAY;IACV;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH;CAGM,GADL,QACK;AAEZ"}

package/dist/components/signin.d.mts

@@ -0,0 +1,70 @@
+import { SignInOptions } from "@monocloud/auth-web-js";
+import React from "react";
+
+//#region src/components/signin.d.ts
+/**
+ * Props for the `<SignIn />` component.
+ *
+ * @category Types
+ */
+interface SignInProps extends Omit<SignInOptions, 'signUp'>, React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Content rendered inside the button.
+   */
+  children: React.ReactNode;
+}
+/**
+ * `<SignIn>` renders a button that starts the sign-in flow when clicked.
+ *
+ * @example Basic Usage
+ *
+ * ```tsx:src/SignInButton.tsx tab="Basic Usage" tab-group="SignIn"
+ * "use client";
+ *
+ * import { SignIn } from "@monocloud/auth-react";
+ *
+ * export default function Home() {
+ *   return <SignIn>Sign In</SignIn>;
+ * }
+ * ```
+ *
+ * @example Customized
+ *
+ * ```tsx:src/SignInButton.tsx tab="Customized" tab-group="SignIn"
+ * "use client";
+ *
+ * import { SignIn } from "@monocloud/auth-react";
+ *
+ * export default function Home() {
+ *   return (
+ *     <SignIn authenticatorHint="google">
+ *       Sign in with Google
+ *     </SignIn>
+ *   );
+ * }
+ * ```
+ *
+ * @param props - Sign-in options.
+ * @returns A button that triggers sign-in on click.
+ *
+ * @category Components
+ */
+declare const SignIn: ({
+  children,
+  authenticatorHint,
+  maxAge,
+  loginHint,
+  uiLocales,
+  mode,
+  acrValues,
+  display,
+  prompt,
+  resource,
+  returnUrl,
+  scopes,
+  appState,
+  ...props
+}: SignInProps) => React.JSX.Element;
+//#endregion
+export { SignIn, SignInProps };
+//# sourceMappingURL=signin.d.mts.map

package/dist/components/signin.mjs

@@ -0,0 +1,67 @@
+"use client";
+import { useAuth } from "../use-auth.mjs";
+import React from "react";
+//#region src/components/signin.tsx
+/**
+* `<SignIn>` renders a button that starts the sign-in flow when clicked.
+*
+* @example Basic Usage
+*
+* ```tsx:src/SignInButton.tsx tab="Basic Usage" tab-group="SignIn"
+* "use client";
+*
+* import { SignIn } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return <SignIn>Sign In</SignIn>;
+* }
+* ```
+*
+* @example Customized
+*
+* ```tsx:src/SignInButton.tsx tab="Customized" tab-group="SignIn"
+* "use client";
+*
+* import { SignIn } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return (
+*     <SignIn authenticatorHint="google">
+*       Sign in with Google
+*     </SignIn>
+*   );
+* }
+* ```
+*
+* @param props - Sign-in options.
+* @returns A button that triggers sign-in on click.
+*
+* @category Components
+*/
+const SignIn = ({ children, authenticatorHint, maxAge, loginHint, uiLocales, mode, acrValues, display, prompt, resource, returnUrl, scopes, appState, ...props }) => {
+	const { signIn } = useAuth();
+	return /* @__PURE__ */ React.createElement("button", {
+		...props,
+		type: "button",
+		onClick: () => {
+			signIn({
+				authenticatorHint,
+				maxAge,
+				loginHint,
+				uiLocales,
+				mode,
+				acrValues,
+				display,
+				prompt,
+				resource,
+				returnUrl,
+				scopes,
+				appState
+			});
+		}
+	}, children);
+};
+//#endregion
+export { SignIn };
+
+//# sourceMappingURL=signin.mjs.map

package/dist/components/signin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signin.mjs","names":[],"sources":["../../src/components/signin.tsx"],"sourcesContent":["'use client';\n\nimport type { SignInOptions } from '@monocloud/auth-web-js';\nimport React from 'react';\nimport { useAuth } from '../use-auth';\n\n/**\n * Props for the `<SignIn />` component.\n *\n * @category Types\n */\nexport interface SignInProps\n  extends\n    Omit<SignInOptions, 'signUp'>,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Content rendered inside the button.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * `<SignIn>` renders a button that starts the sign-in flow when clicked.\n *\n * @example Basic Usage\n *\n * ```tsx:src/SignInButton.tsx tab=\"Basic Usage\" tab-group=\"SignIn\"\n * \"use client\";\n *\n * import { SignIn } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return <SignIn>Sign In</SignIn>;\n * }\n * ```\n *\n * @example Customized\n *\n * ```tsx:src/SignInButton.tsx tab=\"Customized\" tab-group=\"SignIn\"\n * \"use client\";\n *\n * import { SignIn } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return (\n *     <SignIn authenticatorHint=\"google\">\n *       Sign in with Google\n *     </SignIn>\n *   );\n * }\n * ```\n *\n * @param props - Sign-in options.\n * @returns A button that triggers sign-in on click.\n *\n * @category Components\n */\nexport const SignIn = ({\n  children,\n  authenticatorHint,\n  maxAge,\n  loginHint,\n  uiLocales,\n  mode,\n  acrValues,\n  display,\n  prompt,\n  resource,\n  returnUrl,\n  scopes,\n  appState,\n  ...props\n}: SignInProps): React.JSX.Element => {\n  const { signIn } = useAuth();\n\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      onClick={() => {\n        void signIn({\n          authenticatorHint,\n          maxAge,\n          loginHint,\n          uiLocales,\n          mode,\n          acrValues,\n          display,\n          prompt,\n          resource,\n          returnUrl,\n          scopes,\n          appState,\n        });\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,MAAa,UAAU,EACrB,UACA,mBACA,QACA,WACA,WACA,MACA,WACA,SACA,QACA,UACA,WACA,QACA,UACA,GAAG,YACiC;CACpC,MAAM,EAAE,WAAW,QAAQ;CAE3B,OACE,sBAAA,cAAC,UAAD;EACE,GAAI;EACJ,MAAK;EACL,eAAe;GACb,OAAY;IACV;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH;CAGM,GADL,QACK;AAEZ"}

package/dist/components/signout.cjs

@@ -0,0 +1,61 @@
+"use client";
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_use_auth = require("../use-auth.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/components/signout.tsx
+/**
+* `<SignOut>` renders a button that starts the sign-out flow when clicked.
+*
+* @example Basic Usage
+*
+* ```tsx:src/SignOutButton.tsx tab="Basic Usage" tab-group="SignOut"
+* "use client";
+*
+* import { SignOut } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return <SignOut>Sign Out</SignOut>;
+* }
+* ```
+*
+* @example Customized
+*
+* ```tsx:src/SignOutButton.tsx tab="Customized" tab-group="SignOut"
+* "use client";
+*
+* import { SignOut } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return (
+*     <SignOut federatedSignOut>
+*       Log out
+*     </SignOut>
+*   );
+* }
+* ```
+*
+* @param props - Sign-out options.
+* @returns A button that triggers sign-out on click.
+*
+* @category Components
+*/
+const SignOut = ({ children, postLogoutRedirectUri, mode, federatedSignOut, returnUrl, ...props }) => {
+	const { signOut } = require_use_auth.useAuth();
+	return /* @__PURE__ */ react.default.createElement("button", {
+		...props,
+		type: "button",
+		onClick: () => {
+			signOut({
+				postLogoutRedirectUri,
+				mode,
+				federatedSignOut,
+				returnUrl
+			});
+		}
+	}, children);
+};
+//#endregion
+exports.SignOut = SignOut;
+
+//# sourceMappingURL=signout.cjs.map

package/dist/components/signout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signout.cjs","names":["useAuth"],"sources":["../../src/components/signout.tsx"],"sourcesContent":["'use client';\n\nimport type { SignOutOptions } from '@monocloud/auth-web-js';\nimport React from 'react';\nimport { useAuth } from '../use-auth';\n\n/**\n * Props for the `<SignOut />` component.\n *\n * @category Types\n */\nexport interface SignOutProps\n  extends SignOutOptions, React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Content rendered inside the button.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * `<SignOut>` renders a button that starts the sign-out flow when clicked.\n *\n * @example Basic Usage\n *\n * ```tsx:src/SignOutButton.tsx tab=\"Basic Usage\" tab-group=\"SignOut\"\n * \"use client\";\n *\n * import { SignOut } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return <SignOut>Sign Out</SignOut>;\n * }\n * ```\n *\n * @example Customized\n *\n * ```tsx:src/SignOutButton.tsx tab=\"Customized\" tab-group=\"SignOut\"\n * \"use client\";\n *\n * import { SignOut } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return (\n *     <SignOut federatedSignOut>\n *       Log out\n *     </SignOut>\n *   );\n * }\n * ```\n *\n * @param props - Sign-out options.\n * @returns A button that triggers sign-out on click.\n *\n * @category Components\n */\nexport const SignOut = ({\n  children,\n  postLogoutRedirectUri,\n  mode,\n  federatedSignOut,\n  returnUrl,\n  ...props\n}: SignOutProps): React.JSX.Element => {\n  const { signOut } = useAuth();\n\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      onClick={() => {\n        void signOut({\n          postLogoutRedirectUri,\n          mode,\n          federatedSignOut,\n          returnUrl,\n        });\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAa,WAAW,EACtB,UACA,uBACA,MACA,kBACA,WACA,GAAG,YACkC;CACrC,MAAM,EAAE,YAAYA,iBAAAA,QAAQ;CAE5B,OACE,sBAAA,QAAA,cAAC,UAAD;EACE,GAAI;EACJ,MAAK;EACL,eAAe;GACb,QAAa;IACX;IACA;IACA;IACA;GACF,CAAC;EACH;CAGM,GADL,QACK;AAEZ"}

package/dist/components/signout.d.mts

@@ -0,0 +1,62 @@
+import { SignOutOptions } from "@monocloud/auth-web-js";
+import React from "react";
+
+//#region src/components/signout.d.ts
+/**
+ * Props for the `<SignOut />` component.
+ *
+ * @category Types
+ */
+interface SignOutProps extends SignOutOptions, React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Content rendered inside the button.
+   */
+  children: React.ReactNode;
+}
+/**
+ * `<SignOut>` renders a button that starts the sign-out flow when clicked.
+ *
+ * @example Basic Usage
+ *
+ * ```tsx:src/SignOutButton.tsx tab="Basic Usage" tab-group="SignOut"
+ * "use client";
+ *
+ * import { SignOut } from "@monocloud/auth-react";
+ *
+ * export default function Home() {
+ *   return <SignOut>Sign Out</SignOut>;
+ * }
+ * ```
+ *
+ * @example Customized
+ *
+ * ```tsx:src/SignOutButton.tsx tab="Customized" tab-group="SignOut"
+ * "use client";
+ *
+ * import { SignOut } from "@monocloud/auth-react";
+ *
+ * export default function Home() {
+ *   return (
+ *     <SignOut federatedSignOut>
+ *       Log out
+ *     </SignOut>
+ *   );
+ * }
+ * ```
+ *
+ * @param props - Sign-out options.
+ * @returns A button that triggers sign-out on click.
+ *
+ * @category Components
+ */
+declare const SignOut: ({
+  children,
+  postLogoutRedirectUri,
+  mode,
+  federatedSignOut,
+  returnUrl,
+  ...props
+}: SignOutProps) => React.JSX.Element;
+//#endregion
+export { SignOut, SignOutProps };
+//# sourceMappingURL=signout.d.mts.map

package/dist/components/signout.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { useAuth } from "../use-auth.mjs";
+import React from "react";
+//#region src/components/signout.tsx
+/**
+* `<SignOut>` renders a button that starts the sign-out flow when clicked.
+*
+* @example Basic Usage
+*
+* ```tsx:src/SignOutButton.tsx tab="Basic Usage" tab-group="SignOut"
+* "use client";
+*
+* import { SignOut } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return <SignOut>Sign Out</SignOut>;
+* }
+* ```
+*
+* @example Customized
+*
+* ```tsx:src/SignOutButton.tsx tab="Customized" tab-group="SignOut"
+* "use client";
+*
+* import { SignOut } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return (
+*     <SignOut federatedSignOut>
+*       Log out
+*     </SignOut>
+*   );
+* }
+* ```
+*
+* @param props - Sign-out options.
+* @returns A button that triggers sign-out on click.
+*
+* @category Components
+*/
+const SignOut = ({ children, postLogoutRedirectUri, mode, federatedSignOut, returnUrl, ...props }) => {
+	const { signOut } = useAuth();
+	return /* @__PURE__ */ React.createElement("button", {
+		...props,
+		type: "button",
+		onClick: () => {
+			signOut({
+				postLogoutRedirectUri,
+				mode,
+				federatedSignOut,
+				returnUrl
+			});
+		}
+	}, children);
+};
+//#endregion
+export { SignOut };
+
+//# sourceMappingURL=signout.mjs.map

package/dist/components/signout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signout.mjs","names":[],"sources":["../../src/components/signout.tsx"],"sourcesContent":["'use client';\n\nimport type { SignOutOptions } from '@monocloud/auth-web-js';\nimport React from 'react';\nimport { useAuth } from '../use-auth';\n\n/**\n * Props for the `<SignOut />` component.\n *\n * @category Types\n */\nexport interface SignOutProps\n  extends SignOutOptions, React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Content rendered inside the button.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * `<SignOut>` renders a button that starts the sign-out flow when clicked.\n *\n * @example Basic Usage\n *\n * ```tsx:src/SignOutButton.tsx tab=\"Basic Usage\" tab-group=\"SignOut\"\n * \"use client\";\n *\n * import { SignOut } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return <SignOut>Sign Out</SignOut>;\n * }\n * ```\n *\n * @example Customized\n *\n * ```tsx:src/SignOutButton.tsx tab=\"Customized\" tab-group=\"SignOut\"\n * \"use client\";\n *\n * import { SignOut } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return (\n *     <SignOut federatedSignOut>\n *       Log out\n *     </SignOut>\n *   );\n * }\n * ```\n *\n * @param props - Sign-out options.\n * @returns A button that triggers sign-out on click.\n *\n * @category Components\n */\nexport const SignOut = ({\n  children,\n  postLogoutRedirectUri,\n  mode,\n  federatedSignOut,\n  returnUrl,\n  ...props\n}: SignOutProps): React.JSX.Element => {\n  const { signOut } = useAuth();\n\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      onClick={() => {\n        void signOut({\n          postLogoutRedirectUri,\n          mode,\n          federatedSignOut,\n          returnUrl,\n        });\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAa,WAAW,EACtB,UACA,uBACA,MACA,kBACA,WACA,GAAG,YACkC;CACrC,MAAM,EAAE,YAAY,QAAQ;CAE5B,OACE,sBAAA,cAAC,UAAD;EACE,GAAI;EACJ,MAAK;EACL,eAAe;GACb,QAAa;IACX;IACA;IACA;IACA;GACF,CAAC;EACH;CAGM,GADL,QACK;AAEZ"}

package/dist/components/signup.cjs

@@ -0,0 +1,68 @@
+"use client";
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_use_auth = require("../use-auth.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/components/signup.tsx
+/**
+* `<SignUp>` renders a button that starts the sign-up (registration) flow when
+* clicked.
+*
+* @example Basic Usage
+*
+* ```tsx:src/SignUpButton.tsx tab="Basic Usage" tab-group="SignUp"
+* "use client";
+*
+* import { SignUp } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return <SignUp>Create account</SignUp>;
+* }
+* ```
+*
+* @example Customized
+*
+* ```tsx:src/SignUpButton.tsx tab="Customized" tab-group="SignUp"
+* "use client";
+*
+* import { SignUp } from "@monocloud/auth-react";
+*
+* export default function Home() {
+*   return (
+*     <SignUp returnUrl="/welcome">
+*       Sign-up now
+*     </SignUp>
+*   );
+* }
+* ```
+*
+* @param props - Sign-up options.
+* @returns A button that triggers sign-up on click.
+*
+* @category Components
+*/
+const SignUp = ({ children, maxAge, uiLocales, mode, acrValues, display, resource, returnUrl, scopes, appState, ...props }) => {
+	const { signIn } = require_use_auth.useAuth();
+	return /* @__PURE__ */ react.default.createElement("button", {
+		...props,
+		type: "button",
+		onClick: () => {
+			signIn({
+				signUp: true,
+				maxAge,
+				uiLocales,
+				mode,
+				acrValues,
+				display,
+				resource,
+				returnUrl,
+				scopes,
+				appState
+			});
+		}
+	}, children);
+};
+//#endregion
+exports.SignUp = SignUp;
+
+//# sourceMappingURL=signup.cjs.map

package/dist/components/signup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup.cjs","names":["useAuth"],"sources":["../../src/components/signup.tsx"],"sourcesContent":["'use client';\n\nimport type { SignInOptions } from '@monocloud/auth-web-js';\nimport React from 'react';\nimport { useAuth } from '../use-auth';\n\n/**\n * Props for the `<SignUp />` component.\n *\n * @category Types\n */\nexport interface SignUpProps\n  extends\n    Omit<\n      SignInOptions,\n      'signUp' | 'authenticatorHint' | 'loginHint' | 'prompt'\n    >,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Content rendered inside the button.\n   */\n  children: React.ReactNode;\n}\n\n/**\n * `<SignUp>` renders a button that starts the sign-up (registration) flow when\n * clicked.\n *\n * @example Basic Usage\n *\n * ```tsx:src/SignUpButton.tsx tab=\"Basic Usage\" tab-group=\"SignUp\"\n * \"use client\";\n *\n * import { SignUp } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return <SignUp>Create account</SignUp>;\n * }\n * ```\n *\n * @example Customized\n *\n * ```tsx:src/SignUpButton.tsx tab=\"Customized\" tab-group=\"SignUp\"\n * \"use client\";\n *\n * import { SignUp } from \"@monocloud/auth-react\";\n *\n * export default function Home() {\n *   return (\n *     <SignUp returnUrl=\"/welcome\">\n *       Sign-up now\n *     </SignUp>\n *   );\n * }\n * ```\n *\n * @param props - Sign-up options.\n * @returns A button that triggers sign-up on click.\n *\n * @category Components\n */\nexport const SignUp = ({\n  children,\n  maxAge,\n  uiLocales,\n  mode,\n  acrValues,\n  display,\n  resource,\n  returnUrl,\n  scopes,\n  appState,\n  ...props\n}: SignUpProps): React.JSX.Element => {\n  const { signIn } = useAuth();\n\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      onClick={() => {\n        void signIn({\n          signUp: true,\n          maxAge,\n          uiLocales,\n          mode,\n          acrValues,\n          display,\n          resource,\n          returnUrl,\n          scopes,\n          appState,\n        });\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,MAAa,UAAU,EACrB,UACA,QACA,WACA,MACA,WACA,SACA,UACA,WACA,QACA,UACA,GAAG,YACiC;CACpC,MAAM,EAAE,WAAWA,iBAAAA,QAAQ;CAE3B,OACE,sBAAA,QAAA,cAAC,UAAD;EACE,GAAI;EACJ,MAAK;EACL,eAAe;GACb,OAAY;IACV,QAAQ;IACR;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH;CAGM,GADL,QACK;AAEZ"}

package/dist/components/signup.d.mts

@@ -0,0 +1,68 @@
+import { SignInOptions } from "@monocloud/auth-web-js";
+import React from "react";
+
+//#region src/components/signup.d.ts
+/**
+ * Props for the `<SignUp />` component.
+ *
+ * @category Types
+ */
+interface SignUpProps extends Omit<SignInOptions, 'signUp' | 'authenticatorHint' | 'loginHint' | 'prompt'>, React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Content rendered inside the button.
+   */
+  children: React.ReactNode;
+}
+/**
+ * `<SignUp>` renders a button that starts the sign-up (registration) flow when
+ * clicked.
+ *
+ * @example Basic Usage
+ *
+ * ```tsx:src/SignUpButton.tsx tab="Basic Usage" tab-group="SignUp"
+ * "use client";
+ *
+ * import { SignUp } from "@monocloud/auth-react";
+ *
+ * export default function Home() {
+ *   return <SignUp>Create account</SignUp>;
+ * }
+ * ```
+ *
+ * @example Customized
+ *
+ * ```tsx:src/SignUpButton.tsx tab="Customized" tab-group="SignUp"
+ * "use client";
+ *
+ * import { SignUp } from "@monocloud/auth-react";
+ *
+ * export default function Home() {
+ *   return (
+ *     <SignUp returnUrl="/welcome">
+ *       Sign-up now
+ *     </SignUp>
+ *   );
+ * }
+ * ```
+ *
+ * @param props - Sign-up options.
+ * @returns A button that triggers sign-up on click.
+ *
+ * @category Components
+ */
+declare const SignUp: ({
+  children,
+  maxAge,
+  uiLocales,
+  mode,
+  acrValues,
+  display,
+  resource,
+  returnUrl,
+  scopes,
+  appState,
+  ...props
+}: SignUpProps) => React.JSX.Element;
+//#endregion
+export { SignUp, SignUpProps };
+//# sourceMappingURL=signup.d.mts.map