@niledatabase/react 3.0.0-alpha.25 → 3.0.0-alpha.27

package/dist/index.d.mts

@@ -2,7 +2,6 @@ import * as React from 'react';
 import React__default from 'react';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
-import * as _niledatabase_browser from '@niledatabase/browser';
 import { CreateBasicUserRequest } from '@niledatabase/browser';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient } from '@tanstack/react-query';
@@ -27,7 +26,9 @@ declare const GoogleSSOButton: React__default.ForwardRefExoticComponent<ButtonPr
     callbackUrl: string;
 } & React__default.RefAttributes<HTMLButtonElement>>;
 
-type SignUpInfo = CreateBasicUserRequest;
+type SignUpInfo = CreateBasicUserRequest & {
+    tenantId?: string;
+};
 type SignInSuccess = (response: Response, formValues: SignUpInfo) => void;
 type AllowedAny$1 = any;
 interface Props$1 {
@@ -40,7 +41,7 @@ interface Props$1 {
 
 declare function SigningUp(props: Props$1): React__default.JSX.Element;
 
-declare function useSignUp<T = SignUpInfo>(params: Props$1): _tanstack_react_query.UseMutateFunction<Response, Error, _niledatabase_browser.CreateBasicUserRequest, unknown>;
+declare function useSignUp<T extends SignUpInfo>(params: Props$1): _tanstack_react_query.UseMutateFunction<Response, Error, SignUpInfo, unknown>;
 
 type AllowedAny = any;
 type LoginInfo = {
@@ -60,4 +61,7 @@ declare function SigningIn(props: Props): React__default.JSX.Element;
 
 declare function useSignIn(params?: Props): _tanstack_react_query.UseMutateFunction<next_auth_react.SignInResponse | undefined, Error, LoginInfo, any>;
 
-export { GoogleSSOButton as Google, SigningIn as SignInForm, SigningUp as SignUpForm, useSignIn, useSignUp };
+declare const Email: () => React.JSX.Element;
+declare const Password: () => React.JSX.Element;
+
+export { Email, GoogleSSOButton as Google, Password, SigningIn as SignInForm, SigningUp as SignUpForm, useSignIn, useSignUp };

package/dist/index.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 import React__default from 'react';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
-import * as _niledatabase_browser from '@niledatabase/browser';
 import { CreateBasicUserRequest } from '@niledatabase/browser';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { QueryClient } from '@tanstack/react-query';
@@ -27,7 +26,9 @@ declare const GoogleSSOButton: React__default.ForwardRefExoticComponent<ButtonPr
     callbackUrl: string;
 } & React__default.RefAttributes<HTMLButtonElement>>;
 
-type SignUpInfo = CreateBasicUserRequest;
+type SignUpInfo = CreateBasicUserRequest & {
+    tenantId?: string;
+};
 type SignInSuccess = (response: Response, formValues: SignUpInfo) => void;
 type AllowedAny$1 = any;
 interface Props$1 {
@@ -40,7 +41,7 @@ interface Props$1 {
 
 declare function SigningUp(props: Props$1): React__default.JSX.Element;
 
-declare function useSignUp<T = SignUpInfo>(params: Props$1): _tanstack_react_query.UseMutateFunction<Response, Error, _niledatabase_browser.CreateBasicUserRequest, unknown>;
+declare function useSignUp<T extends SignUpInfo>(params: Props$1): _tanstack_react_query.UseMutateFunction<Response, Error, SignUpInfo, unknown>;
 
 type AllowedAny = any;
 type LoginInfo = {
@@ -60,4 +61,7 @@ declare function SigningIn(props: Props): React__default.JSX.Element;
 
 declare function useSignIn(params?: Props): _tanstack_react_query.UseMutateFunction<next_auth_react.SignInResponse | undefined, Error, LoginInfo, any>;
 
-export { GoogleSSOButton as Google, SigningIn as SignInForm, SigningUp as SignUpForm, useSignIn, useSignUp };
+declare const Email: () => React.JSX.Element;
+declare const Password: () => React.JSX.Element;
+
+export { Email, GoogleSSOButton as Google, Password, SigningIn as SignInForm, SigningUp as SignUpForm, useSignIn, useSignUp };

package/dist/index.js

@@ -31,7 +31,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Email: () => Email,
   Google: () => GoogleLoginButton_default,
+  Password: () => Password,
   SignInForm: () => SigningIn2,
   SignUpForm: () => SigningUp,
   useSignIn: () => useSignIn,
@@ -2682,7 +2684,7 @@ var import_react_query2 = require("@tanstack/react-query");
 var import_react_hook_form2 = require("react-hook-form");
 
 // components/ui/form.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
 
@@ -2702,17 +2704,37 @@ var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
 
+// components/ui/input.tsx
+var React4 = __toESM(require("react"));
+var Input = React4.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ React4.createElement(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
 // components/ui/form.tsx
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React4.createContext(
+var FormFieldContext = React5.createContext(
   {}
 );
 var FormField = ({ ...props }) => {
-  return /* @__PURE__ */ React4.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React4.createElement(import_react_hook_form.Controller, { ...props }));
+  return /* @__PURE__ */ React5.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React5.createElement(import_react_hook_form.Controller, { ...props }));
 };
 var useFormField = () => {
-  const fieldContext = React4.useContext(FormFieldContext);
-  const itemContext = React4.useContext(FormItemContext);
+  const fieldContext = React5.useContext(FormFieldContext);
+  const itemContext = React5.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -2728,17 +2750,17 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React4.createContext(
+var FormItemContext = React5.createContext(
   {}
 );
-var FormItem = React4.forwardRef(({ className, ...props }, ref) => {
-  const id = React4.useId();
-  return /* @__PURE__ */ React4.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React4.createElement("div", { ref, className: cn("space-y-2", className), ...props }));
+var FormItem = React5.forwardRef(({ className, ...props }, ref) => {
+  const id = React5.useId();
+  return /* @__PURE__ */ React5.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React5.createElement("div", { ref, className: cn("space-y-2", className), ...props }));
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React4.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React5.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     Label,
     {
       ref,
@@ -2749,9 +2771,9 @@ var FormLabel = React4.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React4.forwardRef(({ ...props }, ref) => {
+var FormControl = React5.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     import_react_slot3.Slot,
     {
       ref,
@@ -2763,9 +2785,9 @@ var FormControl = React4.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React4.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React5.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "p",
     {
       ref,
@@ -2776,13 +2798,13 @@ var FormDescription = React4.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React4.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React5.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "p",
     {
       ref,
@@ -2794,26 +2816,47 @@ var FormMessage = React4.forwardRef(({ className, children, ...props }, ref) =>
   );
 });
 FormMessage.displayName = "FormMessage";
-
-// components/ui/input.tsx
-var React5 = __toESM(require("react"));
-var Input = React5.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ React5.createElement(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref,
-        ...props
+var Email = () => {
+  const form = (0, import_react_hook_form.useFormContext)();
+  return /* @__PURE__ */ React5.createElement(
+    FormField,
+    {
+      control: form.control,
+      name: "email",
+      render: ({ field }) => {
+        return /* @__PURE__ */ React5.createElement(FormItem, null, /* @__PURE__ */ React5.createElement(FormLabel, null, "Email"), /* @__PURE__ */ React5.createElement(FormControl, null, /* @__PURE__ */ React5.createElement(
+          Input,
+          {
+            placeholder: "Email",
+            ...field,
+            autoComplete: "current-email"
+          }
+        )), /* @__PURE__ */ React5.createElement(FormDescription, null, "Your email address"), /* @__PURE__ */ React5.createElement(FormMessage, null));
       }
-    );
-  }
-);
-Input.displayName = "Input";
+    }
+  );
+};
+var Password = () => {
+  const form = (0, import_react_hook_form.useFormContext)();
+  return /* @__PURE__ */ React5.createElement(
+    FormField,
+    {
+      control: form.control,
+      name: "password",
+      render: ({ field }) => {
+        return /* @__PURE__ */ React5.createElement(FormItem, null, /* @__PURE__ */ React5.createElement(FormLabel, null, "Password"), /* @__PURE__ */ React5.createElement(FormControl, null, /* @__PURE__ */ React5.createElement(
+          Input,
+          {
+            placeholder: "Password",
+            ...field,
+            type: "password",
+            autoComplete: "current-password"
+          }
+        )), /* @__PURE__ */ React5.createElement(FormDescription, null, "The desired password"), /* @__PURE__ */ React5.createElement(FormMessage, null));
+      }
+    }
+  );
+};
 
 // src/SignUpForm/hooks.tsx
 var import_react_query = require("@tanstack/react-query");
@@ -2823,8 +2866,20 @@ function useSignUp(params) {
     mutationFn: async (_data) => {
       const possibleData = beforeMutate && beforeMutate(_data);
       const payload = { ..._data, ...possibleData };
-      return await fetch(`${window.location.origin}/api/users`, {
-        body: JSON.stringify(payload),
+      const { tenantId, newTenantName, ...body } = payload;
+      let fetchUrl = `${window.location.origin}/api/users`;
+      const searchParams = new URLSearchParams();
+      if (newTenantName) {
+        searchParams.set("newTenantName", newTenantName);
+      }
+      if (tenantId) {
+        searchParams.set("tenantId", tenantId);
+      }
+      if (searchParams.size > 0) {
+        fetchUrl += `?${searchParams}`;
+      }
+      return await fetch(fetchUrl, {
+        body: JSON.stringify(body),
         method: "POST"
       });
     },
@@ -2851,41 +2906,8 @@ function SignInForm(props) {
       ),
       className: "space-y-8"
     },
-    /* @__PURE__ */ import_react3.default.createElement(
-      FormField,
-      {
-        control: form.control,
-        name: "email",
-        render: ({ field }) => {
-          return /* @__PURE__ */ import_react3.default.createElement(FormItem, null, /* @__PURE__ */ import_react3.default.createElement(FormLabel, null, "Email"), /* @__PURE__ */ import_react3.default.createElement(FormControl, null, /* @__PURE__ */ import_react3.default.createElement(
-            Input,
-            {
-              placeholder: "Email",
-              ...field,
-              autoComplete: "current-email"
-            }
-          )), /* @__PURE__ */ import_react3.default.createElement(FormDescription, null, "Your email address."), /* @__PURE__ */ import_react3.default.createElement(FormMessage, null));
-        }
-      }
-    ),
-    /* @__PURE__ */ import_react3.default.createElement(
-      FormField,
-      {
-        control: form.control,
-        name: "password",
-        render: ({ field }) => {
-          return /* @__PURE__ */ import_react3.default.createElement(FormItem, null, /* @__PURE__ */ import_react3.default.createElement(FormLabel, null, "Password"), /* @__PURE__ */ import_react3.default.createElement(FormControl, null, /* @__PURE__ */ import_react3.default.createElement(
-            Input,
-            {
-              placeholder: "Password",
-              ...field,
-              type: "password",
-              autoComplete: "current-password"
-            }
-          )), /* @__PURE__ */ import_react3.default.createElement(FormDescription, null, "Your password."), /* @__PURE__ */ import_react3.default.createElement(FormMessage, null));
-        }
-      }
-    ),
+    /* @__PURE__ */ import_react3.default.createElement(Email, null),
+    /* @__PURE__ */ import_react3.default.createElement(Password, null),
     /* @__PURE__ */ import_react3.default.createElement(Button, null, "Sign up")
   ));
 }
@@ -2938,41 +2960,8 @@ function SignInForm2(props) {
       ),
       className: "space-y-8"
     },
-    /* @__PURE__ */ import_react6.default.createElement(
-      FormField,
-      {
-        control: form.control,
-        name: "email",
-        render: ({ field }) => {
-          return /* @__PURE__ */ import_react6.default.createElement(FormItem, null, /* @__PURE__ */ import_react6.default.createElement(FormLabel, null, "Email"), /* @__PURE__ */ import_react6.default.createElement(FormControl, null, /* @__PURE__ */ import_react6.default.createElement(
-            Input,
-            {
-              placeholder: "Email",
-              ...field,
-              autoComplete: "current-email"
-            }
-          )), /* @__PURE__ */ import_react6.default.createElement(FormDescription, null, "The email of a user."), /* @__PURE__ */ import_react6.default.createElement(FormMessage, null));
-        }
-      }
-    ),
-    /* @__PURE__ */ import_react6.default.createElement(
-      FormField,
-      {
-        control: form.control,
-        name: "password",
-        render: ({ field }) => {
-          return /* @__PURE__ */ import_react6.default.createElement(FormItem, null, /* @__PURE__ */ import_react6.default.createElement(FormLabel, null, "Password"), /* @__PURE__ */ import_react6.default.createElement(FormControl, null, /* @__PURE__ */ import_react6.default.createElement(
-            Input,
-            {
-              placeholder: "Password",
-              ...field,
-              type: "password",
-              autoComplete: "current-password"
-            }
-          )), /* @__PURE__ */ import_react6.default.createElement(FormDescription, null, "The desired password."), /* @__PURE__ */ import_react6.default.createElement(FormMessage, null));
-        }
-      }
-    ),
+    /* @__PURE__ */ import_react6.default.createElement(Email, null),
+    /* @__PURE__ */ import_react6.default.createElement(Password, null),
     /* @__PURE__ */ import_react6.default.createElement(Button, { type: "submit" }, "Sign In")
   ));
 }
@@ -2986,7 +2975,9 @@ function SigningIn2(props) {
 __reExport(src_exports, require("next-auth/react"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Email,
   Google,
+  Password,
   SignInForm,
   SignUpForm,
   useSignIn,

package/dist/index.mjs

@@ -2641,7 +2641,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useForm } from "react-hook-form";
 
 // components/ui/form.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import {
   Controller,
@@ -2665,17 +2665,37 @@ var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
 
+// components/ui/input.tsx
+import * as React4 from "react";
+var Input = React4.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ React4.createElement(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
 // components/ui/form.tsx
 var Form = FormProvider;
-var FormFieldContext = React4.createContext(
+var FormFieldContext = React5.createContext(
   {}
 );
 var FormField = ({ ...props }) => {
-  return /* @__PURE__ */ React4.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React4.createElement(Controller, { ...props }));
+  return /* @__PURE__ */ React5.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React5.createElement(Controller, { ...props }));
 };
 var useFormField = () => {
-  const fieldContext = React4.useContext(FormFieldContext);
-  const itemContext = React4.useContext(FormItemContext);
+  const fieldContext = React5.useContext(FormFieldContext);
+  const itemContext = React5.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -2691,17 +2711,17 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React4.createContext(
+var FormItemContext = React5.createContext(
   {}
 );
-var FormItem = React4.forwardRef(({ className, ...props }, ref) => {
-  const id = React4.useId();
-  return /* @__PURE__ */ React4.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React4.createElement("div", { ref, className: cn("space-y-2", className), ...props }));
+var FormItem = React5.forwardRef(({ className, ...props }, ref) => {
+  const id = React5.useId();
+  return /* @__PURE__ */ React5.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React5.createElement("div", { ref, className: cn("space-y-2", className), ...props }));
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React4.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React5.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     Label,
     {
       ref,
@@ -2712,9 +2732,9 @@ var FormLabel = React4.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React4.forwardRef(({ ...props }, ref) => {
+var FormControl = React5.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     Slot3,
     {
       ref,
@@ -2726,9 +2746,9 @@ var FormControl = React4.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React4.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React5.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "p",
     {
       ref,
@@ -2739,13 +2759,13 @@ var FormDescription = React4.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React4.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React5.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "p",
     {
       ref,
@@ -2757,26 +2777,47 @@ var FormMessage = React4.forwardRef(({ className, children, ...props }, ref) =>
   );
 });
 FormMessage.displayName = "FormMessage";
-
-// components/ui/input.tsx
-import * as React5 from "react";
-var Input = React5.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ React5.createElement(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref,
-        ...props
+var Email = () => {
+  const form = useFormContext();
+  return /* @__PURE__ */ React5.createElement(
+    FormField,
+    {
+      control: form.control,
+      name: "email",
+      render: ({ field }) => {
+        return /* @__PURE__ */ React5.createElement(FormItem, null, /* @__PURE__ */ React5.createElement(FormLabel, null, "Email"), /* @__PURE__ */ React5.createElement(FormControl, null, /* @__PURE__ */ React5.createElement(
+          Input,
+          {
+            placeholder: "Email",
+            ...field,
+            autoComplete: "current-email"
+          }
+        )), /* @__PURE__ */ React5.createElement(FormDescription, null, "Your email address"), /* @__PURE__ */ React5.createElement(FormMessage, null));
       }
-    );
-  }
-);
-Input.displayName = "Input";
+    }
+  );
+};
+var Password = () => {
+  const form = useFormContext();
+  return /* @__PURE__ */ React5.createElement(
+    FormField,
+    {
+      control: form.control,
+      name: "password",
+      render: ({ field }) => {
+        return /* @__PURE__ */ React5.createElement(FormItem, null, /* @__PURE__ */ React5.createElement(FormLabel, null, "Password"), /* @__PURE__ */ React5.createElement(FormControl, null, /* @__PURE__ */ React5.createElement(
+          Input,
+          {
+            placeholder: "Password",
+            ...field,
+            type: "password",
+            autoComplete: "current-password"
+          }
+        )), /* @__PURE__ */ React5.createElement(FormDescription, null, "The desired password"), /* @__PURE__ */ React5.createElement(FormMessage, null));
+      }
+    }
+  );
+};
 
 // src/SignUpForm/hooks.tsx
 import { useMutation } from "@tanstack/react-query";
@@ -2786,8 +2827,20 @@ function useSignUp(params) {
     mutationFn: async (_data) => {
       const possibleData = beforeMutate && beforeMutate(_data);
       const payload = { ..._data, ...possibleData };
-      return await fetch(`${window.location.origin}/api/users`, {
-        body: JSON.stringify(payload),
+      const { tenantId, newTenantName, ...body } = payload;
+      let fetchUrl = `${window.location.origin}/api/users`;
+      const searchParams = new URLSearchParams();
+      if (newTenantName) {
+        searchParams.set("newTenantName", newTenantName);
+      }
+      if (tenantId) {
+        searchParams.set("tenantId", tenantId);
+      }
+      if (searchParams.size > 0) {
+        fetchUrl += `?${searchParams}`;
+      }
+      return await fetch(fetchUrl, {
+        body: JSON.stringify(body),
         method: "POST"
       });
     },
@@ -2814,41 +2867,8 @@ function SignInForm(props) {
       ),
       className: "space-y-8"
     },
-    /* @__PURE__ */ React6.createElement(
-      FormField,
-      {
-        control: form.control,
-        name: "email",
-        render: ({ field }) => {
-          return /* @__PURE__ */ React6.createElement(FormItem, null, /* @__PURE__ */ React6.createElement(FormLabel, null, "Email"), /* @__PURE__ */ React6.createElement(FormControl, null, /* @__PURE__ */ React6.createElement(
-            Input,
-            {
-              placeholder: "Email",
-              ...field,
-              autoComplete: "current-email"
-            }
-          )), /* @__PURE__ */ React6.createElement(FormDescription, null, "Your email address."), /* @__PURE__ */ React6.createElement(FormMessage, null));
-        }
-      }
-    ),
-    /* @__PURE__ */ React6.createElement(
-      FormField,
-      {
-        control: form.control,
-        name: "password",
-        render: ({ field }) => {
-          return /* @__PURE__ */ React6.createElement(FormItem, null, /* @__PURE__ */ React6.createElement(FormLabel, null, "Password"), /* @__PURE__ */ React6.createElement(FormControl, null, /* @__PURE__ */ React6.createElement(
-            Input,
-            {
-              placeholder: "Password",
-              ...field,
-              type: "password",
-              autoComplete: "current-password"
-            }
-          )), /* @__PURE__ */ React6.createElement(FormDescription, null, "Your password."), /* @__PURE__ */ React6.createElement(FormMessage, null));
-        }
-      }
-    ),
+    /* @__PURE__ */ React6.createElement(Email, null),
+    /* @__PURE__ */ React6.createElement(Password, null),
     /* @__PURE__ */ React6.createElement(Button, null, "Sign up")
   ));
 }
@@ -2901,41 +2921,8 @@ function SignInForm2(props) {
       ),
       className: "space-y-8"
     },
-    /* @__PURE__ */ React8.createElement(
-      FormField,
-      {
-        control: form.control,
-        name: "email",
-        render: ({ field }) => {
-          return /* @__PURE__ */ React8.createElement(FormItem, null, /* @__PURE__ */ React8.createElement(FormLabel, null, "Email"), /* @__PURE__ */ React8.createElement(FormControl, null, /* @__PURE__ */ React8.createElement(
-            Input,
-            {
-              placeholder: "Email",
-              ...field,
-              autoComplete: "current-email"
-            }
-          )), /* @__PURE__ */ React8.createElement(FormDescription, null, "The email of a user."), /* @__PURE__ */ React8.createElement(FormMessage, null));
-        }
-      }
-    ),
-    /* @__PURE__ */ React8.createElement(
-      FormField,
-      {
-        control: form.control,
-        name: "password",
-        render: ({ field }) => {
-          return /* @__PURE__ */ React8.createElement(FormItem, null, /* @__PURE__ */ React8.createElement(FormLabel, null, "Password"), /* @__PURE__ */ React8.createElement(FormControl, null, /* @__PURE__ */ React8.createElement(
-            Input,
-            {
-              placeholder: "Password",
-              ...field,
-              type: "password",
-              autoComplete: "current-password"
-            }
-          )), /* @__PURE__ */ React8.createElement(FormDescription, null, "The desired password."), /* @__PURE__ */ React8.createElement(FormMessage, null));
-        }
-      }
-    ),
+    /* @__PURE__ */ React8.createElement(Email, null),
+    /* @__PURE__ */ React8.createElement(Password, null),
     /* @__PURE__ */ React8.createElement(Button, { type: "submit" }, "Sign In")
   ));
 }
@@ -2948,7 +2935,9 @@ function SigningIn2(props) {
 // src/index.ts
 export * from "next-auth/react";
 export {
+  Email,
   GoogleLoginButton_default as Google,
+  Password,
   SigningIn2 as SignInForm,
   SigningUp as SignUpForm,
   useSignIn,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@niledatabase/react",
-  "version": "3.0.0-alpha.25",
+  "version": "3.0.0-alpha.27",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -119,7 +119,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.9.0",
-    "@niledatabase/browser": "^3.0.0-alpha.25",
+    "@niledatabase/browser": "^3.0.0-alpha.27",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@tanstack/react-query": "^5.23.0",
@@ -129,5 +129,5 @@
     "react-hook-form": "^7.53.0",
     "react-is": "^18.2.0"
   },
-  "gitHead": "e1efd27d3fe15003fd3599274e3461c566b125d9"
+  "gitHead": "ce5a43c0d003ceb130211b8f4d5e0c422820e964"
 }