@intlayer/design-system 2.0.13 → 3.0.1

package/dist/components/Auth/SignInForm/SignInForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInForm.mjs","sources":["../../../../src/components/Auth/SignInForm/SignInForm.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport { ExternalsLoginButtons } from '../ExternalsLoginButtons';\nimport { getSignInContent } from './index.content';\nimport { getSignInSchema, type SignIn } from './SignInSchema';\n\ntype SignInFormProps = {\n  onSubmitSuccess: (data: SignIn) => Promise<void>;\n  onSubmitError: (error: Error) => void;\n  onClickForgotPassword: () => void;\n  onClickSignUp: () => void;\n};\n\nexport const SignInForm: FC<SignInFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickForgotPassword,\n  onClickSignUp,\n}) => {\n  const SignInSchema = getSignInSchema();\n  const { form, isSubmitting } = useForm(SignInSchema);\n  const signInContent = getSignInContent();\n\n  return (\n    <>\n      <Form\n        schema={SignInSchema}\n        onSubmitSuccess={onSubmitSuccess}\n        onSubmitError={onSubmitError}\n        autoComplete\n        className=\"gap-y-0\"\n        {...form}\n      >\n        <div className=\"flex flex-col gap-y-6\">\n          <Form.Input\n            name=\"email\"\n            label={signInContent.emailInput.label}\n            placeholder={signInContent.emailInput.placeholder}\n            isRequired\n            autoComplete=\"email\"\n          />\n\n          <Form.InputPassword\n            name=\"password\"\n            label={signInContent.passwordInput.label}\n            placeholder={signInContent.passwordInput.placeholder}\n            isRequired\n            autoComplete=\"current-password\"\n          />\n        </div>\n\n        <Form.Button\n          className=\"ml-auto mt-2 block\"\n          variant=\"link\"\n          label={signInContent.forgotPasswordLink.ariaLabel}\n          color=\"primary\"\n          onClick={onClickForgotPassword}\n        >\n          {signInContent.forgotPasswordLink.text}\n        </Form.Button>\n\n        <Form.Button\n          className=\"mt-12 w-full\"\n          type=\"submit\"\n          isLoading={isSubmitting}\n          label={signInContent.loginButton.ariaLabel}\n        >\n          {signInContent.loginButton.text}\n        </Form.Button>\n\n        <span className=\"text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full justify-center text-xs\">\n          {signInContent.signUpLink.message}\n          <Form.Button\n            variant=\"link\"\n            label={signInContent.signUpLink.ariaLabel}\n            color=\"primary\"\n            onClick={onClickSignUp}\n          >\n            {signInContent.signUpLink.text}\n          </Form.Button>\n        </span>\n      </Form>\n      <ExternalsLoginButtons />\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;AAeO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe;AACrB,QAAM,EAAE,MAAM,aAAa,IAAI,QAAQ,YAAY;AACnD,QAAM,gBAAgB;AAEtB,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACT,GAAG;AAAA,QAEJ,UAAA;AAAA,UAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,YAAAE,kCAAA;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,cAAc,WAAW;AAAA,gBAChC,aAAa,cAAc,WAAW;AAAA,gBACtC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YACf;AAAA,YAEAA,kCAAA;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,cAAc,cAAc;AAAA,gBACnC,aAAa,cAAc,cAAc;AAAA,gBACzC,YAAU;AAAA,gBACV,cAAa;AAAA,cAAA;AAAA,YACf;AAAA,UAAA,GACF;AAAA,UAEAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,OAAO,cAAc,mBAAmB;AAAA,cACxC,OAAM;AAAA,cACN,SAAS;AAAA,cAER,wBAAc,mBAAmB;AAAA,YAAA;AAAA,UACpC;AAAA,UAEAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,WAAW;AAAA,cACX,OAAO,cAAc,YAAY;AAAA,cAEhC,wBAAc,YAAY;AAAA,YAAA;AAAA,UAC7B;AAAA,UAEAF,kCAAAA,KAAC,QAAK,EAAA,WAAU,sFACb,UAAA;AAAA,YAAA,cAAc,WAAW;AAAA,YAC1BE,kCAAA;AAAA,cAAC,KAAK;AAAA,cAAL;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAO,cAAc,WAAW;AAAA,gBAChC,OAAM;AAAA,gBACN,SAAS;AAAA,gBAER,wBAAc,WAAW;AAAA,cAAA;AAAA,YAC5B;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,0CACC,uBAAsB,EAAA;AAAA,EACzB,EAAA,CAAA;AAEJ;"}

package/dist/components/Auth/SignInForm/SignInSchema.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactIntlayer = require("react-intlayer");
+const zod = require("zod");
+const getSignInSchema = () => {
+  const requiredErrorEmail = reactIntlayer.t({
+    en: "Please enter your username",
+    fr: "Veuillez saisir votre nom d’utilisateur",
+    es: "Por favor, ingrese su nombre de usuario"
+  });
+  const invalidTypeErrorEmail = reactIntlayer.t({
+    en: "Please enter a valid username",
+    fr: "Veuillez saisir un nom d’utilisateur valide",
+    es: "Por favor, ingrese un nombre de usuario válido"
+  });
+  const requiredErrorPassword = reactIntlayer.t({
+    en: "Please enter your password",
+    fr: "Veuillez saisir votre mot de passe",
+    es: "Por favor, ingrese su contraseña"
+  });
+  const invalidTypeErrorPassword = reactIntlayer.t({
+    en: "Please enter a valid password",
+    fr: "Veuillez saisir un mot de passe valide",
+    es: "Por favor, ingrese una contraseña válida"
+  });
+  return zod.z.object({
+    email: zod.z.string({
+      required_error: requiredErrorEmail,
+      invalid_type_error: invalidTypeErrorEmail
+    }).min(1, { message: invalidTypeErrorEmail }).default(""),
+    password: zod.z.string({
+      required_error: requiredErrorPassword,
+      invalid_type_error: invalidTypeErrorPassword
+    }).min(1, { message: invalidTypeErrorPassword }).default("")
+  });
+};
+exports.getSignInSchema = getSignInSchema;
+//# sourceMappingURL=SignInSchema.cjs.map

package/dist/components/Auth/SignInForm/SignInSchema.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInSchema.cjs","sources":["../../../../src/components/Auth/SignInForm/SignInSchema.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\nimport { z } from 'zod';\n\nexport const getSignInSchema = () => {\n  const requiredErrorEmail = t({\n    en: 'Please enter your username',\n    fr: 'Veuillez saisir votre nom d’utilisateur',\n    es: 'Por favor, ingrese su nombre de usuario',\n  });\n\n  const invalidTypeErrorEmail = t({\n    en: 'Please enter a valid username',\n    fr: 'Veuillez saisir un nom d’utilisateur valide',\n    es: 'Por favor, ingrese un nombre de usuario válido',\n  });\n\n  const requiredErrorPassword = t({\n    en: 'Please enter your password',\n    fr: 'Veuillez saisir votre mot de passe',\n    es: 'Por favor, ingrese su contraseña',\n  });\n\n  const invalidTypeErrorPassword = t({\n    en: 'Please enter a valid password',\n    fr: 'Veuillez saisir un mot de passe valide',\n    es: 'Por favor, ingrese una contraseña válida',\n  });\n\n  return z.object({\n    email: z\n      .string({\n        required_error: requiredErrorEmail,\n        invalid_type_error: invalidTypeErrorEmail,\n      })\n      .min(1, { message: invalidTypeErrorEmail })\n      .default(''),\n    password: z\n      .string({\n        required_error: requiredErrorPassword,\n        invalid_type_error: invalidTypeErrorPassword,\n      })\n      .min(1, { message: invalidTypeErrorPassword })\n      .default(''),\n  });\n};\nexport type SignIn = z.infer<ReturnType<typeof getSignInSchema>>;\n"],"names":["t","z"],"mappings":";;;;AAKO,MAAM,kBAAkB,MAAM;AACnC,QAAM,qBAAqBA,cAAAA,EAAE;AAAA,IAC3B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwBA,cAAAA,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwBA,cAAAA,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,2BAA2BA,cAAAA,EAAE;AAAA,IACjC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,SAAOC,IAAAA,EAAE,OAAO;AAAA,IACd,OAAOA,MACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EACA,IAAI,GAAG,EAAE,SAAS,uBAAuB,EACzC,QAAQ,EAAE;AAAA,IACb,UAAUA,MACP,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EACA,IAAI,GAAG,EAAE,SAAS,0BAA0B,EAC5C,QAAQ,EAAE;AAAA,EAAA,CACd;AACH;;"}

package/dist/components/Auth/SignInForm/SignInSchema.d.ts

@@ -0,0 +1,14 @@
+import { z } from 'zod';
+
+export declare const getSignInSchema: () => z.ZodObject<{
+    email: z.ZodDefault<z.ZodString>;
+    password: z.ZodDefault<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+    password: string;
+}, {
+    email?: string | undefined;
+    password?: string | undefined;
+}>;
+export type SignIn = z.infer<ReturnType<typeof getSignInSchema>>;
+//# sourceMappingURL=SignInSchema.d.ts.map

package/dist/components/Auth/SignInForm/SignInSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInSchema.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignInForm/SignInSchema.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,eAAe;;;;;;;;;EAyC3B,CAAC;AACF,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC"}

package/dist/components/Auth/SignInForm/SignInSchema.mjs

@@ -0,0 +1,38 @@
+import { t } from "react-intlayer";
+import { z } from "zod";
+const getSignInSchema = () => {
+  const requiredErrorEmail = t({
+    en: "Please enter your username",
+    fr: "Veuillez saisir votre nom d’utilisateur",
+    es: "Por favor, ingrese su nombre de usuario"
+  });
+  const invalidTypeErrorEmail = t({
+    en: "Please enter a valid username",
+    fr: "Veuillez saisir un nom d’utilisateur valide",
+    es: "Por favor, ingrese un nombre de usuario válido"
+  });
+  const requiredErrorPassword = t({
+    en: "Please enter your password",
+    fr: "Veuillez saisir votre mot de passe",
+    es: "Por favor, ingrese su contraseña"
+  });
+  const invalidTypeErrorPassword = t({
+    en: "Please enter a valid password",
+    fr: "Veuillez saisir un mot de passe valide",
+    es: "Por favor, ingrese una contraseña válida"
+  });
+  return z.object({
+    email: z.string({
+      required_error: requiredErrorEmail,
+      invalid_type_error: invalidTypeErrorEmail
+    }).min(1, { message: invalidTypeErrorEmail }).default(""),
+    password: z.string({
+      required_error: requiredErrorPassword,
+      invalid_type_error: invalidTypeErrorPassword
+    }).min(1, { message: invalidTypeErrorPassword }).default("")
+  });
+};
+export {
+  getSignInSchema
+};
+//# sourceMappingURL=SignInSchema.mjs.map

package/dist/components/Auth/SignInForm/SignInSchema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInSchema.mjs","sources":["../../../../src/components/Auth/SignInForm/SignInSchema.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\nimport { z } from 'zod';\n\nexport const getSignInSchema = () => {\n  const requiredErrorEmail = t({\n    en: 'Please enter your username',\n    fr: 'Veuillez saisir votre nom d’utilisateur',\n    es: 'Por favor, ingrese su nombre de usuario',\n  });\n\n  const invalidTypeErrorEmail = t({\n    en: 'Please enter a valid username',\n    fr: 'Veuillez saisir un nom d’utilisateur valide',\n    es: 'Por favor, ingrese un nombre de usuario válido',\n  });\n\n  const requiredErrorPassword = t({\n    en: 'Please enter your password',\n    fr: 'Veuillez saisir votre mot de passe',\n    es: 'Por favor, ingrese su contraseña',\n  });\n\n  const invalidTypeErrorPassword = t({\n    en: 'Please enter a valid password',\n    fr: 'Veuillez saisir un mot de passe valide',\n    es: 'Por favor, ingrese una contraseña válida',\n  });\n\n  return z.object({\n    email: z\n      .string({\n        required_error: requiredErrorEmail,\n        invalid_type_error: invalidTypeErrorEmail,\n      })\n      .min(1, { message: invalidTypeErrorEmail })\n      .default(''),\n    password: z\n      .string({\n        required_error: requiredErrorPassword,\n        invalid_type_error: invalidTypeErrorPassword,\n      })\n      .min(1, { message: invalidTypeErrorPassword })\n      .default(''),\n  });\n};\nexport type SignIn = z.infer<ReturnType<typeof getSignInSchema>>;\n"],"names":[],"mappings":";;AAKO,MAAM,kBAAkB,MAAM;AACnC,QAAM,qBAAqB,EAAE;AAAA,IAC3B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwB,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,wBAAwB,EAAE;AAAA,IAC9B,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,QAAM,2BAA2B,EAAE;AAAA,IACjC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA,CACL;AAED,SAAO,EAAE,OAAO;AAAA,IACd,OAAO,EACJ,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EACA,IAAI,GAAG,EAAE,SAAS,uBAAuB,EACzC,QAAQ,EAAE;AAAA,IACb,UAAU,EACP,OAAO;AAAA,MACN,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,IAAA,CACrB,EACA,IAAI,GAAG,EAAE,SAAS,0BAA0B,EAC5C,QAAQ,EAAE;AAAA,EAAA,CACd;AACH;"}

package/dist/components/Auth/SignInForm/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_Auth_SignInForm_SignInForm = require("./SignInForm.cjs");
+const components_Auth_SignInForm_SignInSchema = require("./SignInSchema.cjs");
+exports.SignInForm = components_Auth_SignInForm_SignInForm.SignInForm;
+exports.getSignInSchema = components_Auth_SignInForm_SignInSchema.getSignInSchema;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Auth/SignInForm/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Auth/SignInForm/index.content.cjs

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const reactIntlayer = require("react-intlayer");
+const getSignInContent = () => ({
+  forgotPasswordLink: {
+    ariaLabel: reactIntlayer.t({
+      en: "Forgot your password?",
+      fr: "Mot de passe oublié ?",
+      es: "¿Olvidaste tu contraseña?"
+    }),
+    text: reactIntlayer.t({
+      en: "Forgot password?",
+      fr: "Mot de passe oublié ?",
+      es: "¿Olvidaste tu contraseña?"
+    })
+  },
+  emailInput: {
+    label: reactIntlayer.t({
+      en: "Email address",
+      fr: "Adresse e-mail",
+      es: "Dirección de correo electrónico"
+    }),
+    placeholder: reactIntlayer.t({
+      en: "Enter e-mail address",
+      fr: "Entrez votre adresse e-mail",
+      es: "Ingrese su dirección de correo electrónico"
+    })
+  },
+  passwordInput: {
+    label: reactIntlayer.t({
+      en: "Password",
+      fr: "Mot de passe",
+      es: "Contraseña"
+    }),
+    placeholder: reactIntlayer.t({
+      en: "Enter password",
+      fr: "Entrez votre mot de passe",
+      es: "Ingrese su contraseña"
+    })
+  },
+  loginButton: {
+    text: reactIntlayer.t({
+      en: "Log in",
+      fr: "Se connecter",
+      es: "Iniciar sesión"
+    }),
+    ariaLabel: reactIntlayer.t({
+      en: "Click to log in",
+      fr: "Cliquez pour vous connecter",
+      es: "Haga clic para iniciar sesión"
+    })
+  },
+  signInButton: {
+    text: reactIntlayer.t({
+      en: "Log in",
+      fr: "Se connecter",
+      es: "Iniciar sesión"
+    }),
+    ariaLabel: reactIntlayer.t({
+      en: "Click to log in",
+      fr: "Cliquez pour vous connecter",
+      es: "Haga clic para iniciar sesión"
+    })
+  },
+  signUpLink: {
+    message: reactIntlayer.t({
+      en: "Don’t have an account?",
+      fr: "Vous n’avez pas de compte ?",
+      es: "¿No tienes una cuenta?"
+    }),
+    ariaLabel: reactIntlayer.t({
+      en: "Click to go to create an account page",
+      fr: "Cliquez pour aller à la page de création de compte",
+      es: "Haga clic para ir a la página de creación de cuenta"
+    }),
+    text: reactIntlayer.t({
+      en: "Create an account",
+      fr: "Créer un compte",
+      es: "Crear una cuenta"
+    })
+  }
+});
+exports.getSignInContent = getSignInContent;
+//# sourceMappingURL=index.content.cjs.map

package/dist/components/Auth/SignInForm/index.content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.content.cjs","sources":["../../../../src/components/Auth/SignInForm/index.content.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\n\nexport const getSignInContent = () => ({\n  forgotPasswordLink: {\n    ariaLabel: t({\n      en: 'Forgot your password?',\n      fr: 'Mot de passe oublié ?',\n      es: '¿Olvidaste tu contraseña?',\n    }),\n    text: t({\n      en: 'Forgot password?',\n      fr: 'Mot de passe oublié ?',\n      es: '¿Olvidaste tu contraseña?',\n    }),\n  },\n  emailInput: {\n    label: t({\n      en: 'Email address',\n      fr: 'Adresse e-mail',\n      es: 'Dirección de correo electrónico',\n    }),\n    placeholder: t({\n      en: 'Enter e-mail address',\n      fr: 'Entrez votre adresse e-mail',\n      es: 'Ingrese su dirección de correo electrónico',\n    }),\n  },\n  passwordInput: {\n    label: t({\n      en: 'Password',\n      fr: 'Mot de passe',\n      es: 'Contraseña',\n    }),\n    placeholder: t({\n      en: 'Enter password',\n      fr: 'Entrez votre mot de passe',\n      es: 'Ingrese su contraseña',\n    }),\n  },\n  loginButton: {\n    text: t({\n      en: 'Log in',\n      fr: 'Se connecter',\n      es: 'Iniciar sesión',\n    }),\n    ariaLabel: t({\n      en: 'Click to log in',\n      fr: 'Cliquez pour vous connecter',\n      es: 'Haga clic para iniciar sesión',\n    }),\n  },\n  signInButton: {\n    text: t({\n      en: 'Log in',\n      fr: 'Se connecter',\n      es: 'Iniciar sesión',\n    }),\n    ariaLabel: t({\n      en: 'Click to log in',\n      fr: 'Cliquez pour vous connecter',\n      es: 'Haga clic para iniciar sesión',\n    }),\n  },\n  signUpLink: {\n    message: t({\n      en: 'Don’t have an account?',\n      fr: 'Vous n’avez pas de compte ?',\n      es: '¿No tienes una cuenta?',\n    }),\n    ariaLabel: t({\n      en: 'Click to go to create an account page',\n      fr: 'Cliquez pour aller à la page de création de compte',\n      es: 'Haga clic para ir a la página de creación de cuenta',\n    }),\n    text: t({\n      en: 'Create an account',\n      fr: 'Créer un compte',\n      es: 'Crear una cuenta',\n    }),\n  },\n});\n"],"names":["t"],"mappings":";;;AAIO,MAAM,mBAAmB,OAAO;AAAA,EACrC,oBAAoB;AAAA,IAClB,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,MAAMA,cAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,YAAY;AAAA,IACV,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAaA,cAAAA,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,eAAe;AAAA,IACb,OAAOA,cAAAA,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAaA,cAAAA,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX,MAAMA,cAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,cAAc;AAAA,IACZ,MAAMA,cAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,YAAY;AAAA,IACV,SAASA,cAAAA,EAAE;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAWA,cAAAA,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,MAAMA,cAAAA,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AACF;;"}

package/dist/components/Auth/SignInForm/index.content.d.ts

@@ -0,0 +1,28 @@
+export declare const getSignInContent: () => {
+    forgotPasswordLink: {
+        ariaLabel: any;
+        text: any;
+    };
+    emailInput: {
+        label: any;
+        placeholder: any;
+    };
+    passwordInput: {
+        label: any;
+        placeholder: any;
+    };
+    loginButton: {
+        text: any;
+        ariaLabel: any;
+    };
+    signInButton: {
+        text: any;
+        ariaLabel: any;
+    };
+    signUpLink: {
+        message: any;
+        ariaLabel: any;
+        text: any;
+    };
+};
+//# sourceMappingURL=index.content.d.ts.map

package/dist/components/Auth/SignInForm/index.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.content.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignInForm/index.content.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;CA8E3B,CAAC"}

package/dist/components/Auth/SignInForm/index.content.mjs

@@ -0,0 +1,84 @@
+import { t } from "react-intlayer";
+const getSignInContent = () => ({
+  forgotPasswordLink: {
+    ariaLabel: t({
+      en: "Forgot your password?",
+      fr: "Mot de passe oublié ?",
+      es: "¿Olvidaste tu contraseña?"
+    }),
+    text: t({
+      en: "Forgot password?",
+      fr: "Mot de passe oublié ?",
+      es: "¿Olvidaste tu contraseña?"
+    })
+  },
+  emailInput: {
+    label: t({
+      en: "Email address",
+      fr: "Adresse e-mail",
+      es: "Dirección de correo electrónico"
+    }),
+    placeholder: t({
+      en: "Enter e-mail address",
+      fr: "Entrez votre adresse e-mail",
+      es: "Ingrese su dirección de correo electrónico"
+    })
+  },
+  passwordInput: {
+    label: t({
+      en: "Password",
+      fr: "Mot de passe",
+      es: "Contraseña"
+    }),
+    placeholder: t({
+      en: "Enter password",
+      fr: "Entrez votre mot de passe",
+      es: "Ingrese su contraseña"
+    })
+  },
+  loginButton: {
+    text: t({
+      en: "Log in",
+      fr: "Se connecter",
+      es: "Iniciar sesión"
+    }),
+    ariaLabel: t({
+      en: "Click to log in",
+      fr: "Cliquez pour vous connecter",
+      es: "Haga clic para iniciar sesión"
+    })
+  },
+  signInButton: {
+    text: t({
+      en: "Log in",
+      fr: "Se connecter",
+      es: "Iniciar sesión"
+    }),
+    ariaLabel: t({
+      en: "Click to log in",
+      fr: "Cliquez pour vous connecter",
+      es: "Haga clic para iniciar sesión"
+    })
+  },
+  signUpLink: {
+    message: t({
+      en: "Don’t have an account?",
+      fr: "Vous n’avez pas de compte ?",
+      es: "¿No tienes una cuenta?"
+    }),
+    ariaLabel: t({
+      en: "Click to go to create an account page",
+      fr: "Cliquez pour aller à la page de création de compte",
+      es: "Haga clic para ir a la página de creación de cuenta"
+    }),
+    text: t({
+      en: "Create an account",
+      fr: "Créer un compte",
+      es: "Crear una cuenta"
+    })
+  }
+});
+export {
+  getSignInContent
+};
+//# sourceMappingURL=index.content.mjs.map

package/dist/components/Auth/SignInForm/index.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.content.mjs","sources":["../../../../src/components/Auth/SignInForm/index.content.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore react-intlayer not build yet\nimport { t } from 'react-intlayer';\n\nexport const getSignInContent = () => ({\n  forgotPasswordLink: {\n    ariaLabel: t({\n      en: 'Forgot your password?',\n      fr: 'Mot de passe oublié ?',\n      es: '¿Olvidaste tu contraseña?',\n    }),\n    text: t({\n      en: 'Forgot password?',\n      fr: 'Mot de passe oublié ?',\n      es: '¿Olvidaste tu contraseña?',\n    }),\n  },\n  emailInput: {\n    label: t({\n      en: 'Email address',\n      fr: 'Adresse e-mail',\n      es: 'Dirección de correo electrónico',\n    }),\n    placeholder: t({\n      en: 'Enter e-mail address',\n      fr: 'Entrez votre adresse e-mail',\n      es: 'Ingrese su dirección de correo electrónico',\n    }),\n  },\n  passwordInput: {\n    label: t({\n      en: 'Password',\n      fr: 'Mot de passe',\n      es: 'Contraseña',\n    }),\n    placeholder: t({\n      en: 'Enter password',\n      fr: 'Entrez votre mot de passe',\n      es: 'Ingrese su contraseña',\n    }),\n  },\n  loginButton: {\n    text: t({\n      en: 'Log in',\n      fr: 'Se connecter',\n      es: 'Iniciar sesión',\n    }),\n    ariaLabel: t({\n      en: 'Click to log in',\n      fr: 'Cliquez pour vous connecter',\n      es: 'Haga clic para iniciar sesión',\n    }),\n  },\n  signInButton: {\n    text: t({\n      en: 'Log in',\n      fr: 'Se connecter',\n      es: 'Iniciar sesión',\n    }),\n    ariaLabel: t({\n      en: 'Click to log in',\n      fr: 'Cliquez pour vous connecter',\n      es: 'Haga clic para iniciar sesión',\n    }),\n  },\n  signUpLink: {\n    message: t({\n      en: 'Don’t have an account?',\n      fr: 'Vous n’avez pas de compte ?',\n      es: '¿No tienes una cuenta?',\n    }),\n    ariaLabel: t({\n      en: 'Click to go to create an account page',\n      fr: 'Cliquez pour aller à la page de création de compte',\n      es: 'Haga clic para ir a la página de creación de cuenta',\n    }),\n    text: t({\n      en: 'Create an account',\n      fr: 'Créer un compte',\n      es: 'Crear una cuenta',\n    }),\n  },\n});\n"],"names":[],"mappings":";AAIO,MAAM,mBAAmB,OAAO;AAAA,EACrC,oBAAoB;AAAA,IAClB,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,YAAY;AAAA,IACV,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,eAAe;AAAA,IACb,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,aAAa;AAAA,IACX,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,cAAc;AAAA,IACZ,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AAAA,EACA,YAAY;AAAA,IACV,SAAS,EAAE;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,WAAW,EAAE;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,MAAM,EAAE;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,EACH;AACF;"}

package/dist/components/Auth/SignInForm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SignInForm';
+export * from './SignInSchema';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Auth/SignInForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignInForm/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/components/Auth/SignInForm/index.mjs

@@ -0,0 +1,7 @@
+import { SignInForm } from "./SignInForm.mjs";
+import { getSignInSchema } from "./SignInSchema.mjs";
+export {
+  SignInForm,
+  getSignInSchema
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/Auth/SignInForm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Auth/SignUpForm/SignUpForm.cjs

@@ -0,0 +1,96 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../jsx-runtime-DvCoRj5u.cjs");
+const components_Form_FormBase = require("../../Form/FormBase.cjs");
+require("../../Form/FormField.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-wWTTkxTp.cjs");
+const components_Auth_SignUpForm_index_content = require("./index.content.cjs");
+const components_Auth_SignUpForm_SignUpSchema = require("./SignUpSchema.cjs");
+const SignUpForm = ({
+  onSubmitSuccess,
+  onSubmitError,
+  onClickBackToSignIn
+}) => {
+  const {
+    emailInput,
+    passwordInput,
+    passwordConfirmationInput,
+    signUpButton,
+    loginLink
+  } = components_Auth_SignUpForm_index_content.getSignUpContent();
+  const SignUpSchema = components_Auth_SignUpForm_SignUpSchema.getSignUpSchema();
+  const { form, isSubmitting } = components_Form_FormBase.useForm(SignUpSchema);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    components_Form_layout_FormItemLayout.Form,
+    {
+      schema: SignUpSchema,
+      onSubmitSuccess,
+      onSubmitError,
+      autoComplete: true,
+      ...form,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-y-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            components_Form_layout_FormItemLayout.Form.Input,
+            {
+              name: "email",
+              label: emailInput.label,
+              placeholder: emailInput.placeholder,
+              isRequired: true,
+              autoComplete: "email",
+              minLength: 5,
+              maxLength: 50
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            components_Form_layout_FormItemLayout.Form.InputPassword,
+            {
+              name: "password",
+              label: passwordInput.label,
+              placeholder: passwordInput.placeholder,
+              autoComplete: "new-password",
+              isRequired: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            components_Form_layout_FormItemLayout.Form.InputPassword,
+            {
+              name: "passwordConfirmation",
+              label: passwordConfirmationInput.label,
+              placeholder: passwordConfirmationInput.placeholder,
+              autoComplete: "new-password",
+              isRequired: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Form_layout_FormItemLayout.Form.Button,
+          {
+            className: "mt-12 w-full",
+            type: "submit",
+            isLoading: isSubmitting,
+            label: signUpButton.ariaLabel,
+            children: signUpButton.text
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("span", { className: "text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full justify-center text-center align-middle text-xs", children: [
+          loginLink.message,
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            components_Form_layout_FormItemLayout.Form.Button,
+            {
+              variant: "link",
+              label: loginLink.ariaLabel,
+              color: "primary",
+              onClick: onClickBackToSignIn,
+              "aria-label": loginLink.ariaLabel,
+              children: loginLink.text
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+exports.SignUpForm = SignUpForm;
+//# sourceMappingURL=SignUpForm.cjs.map

package/dist/components/Auth/SignUpForm/SignUpForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpForm.cjs","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport { getSignUpContent } from './index.content';\nimport { getSignUpSchema, type SignUp } from './SignUpSchema';\n\ntype SignUpFormProps = {\n  onSubmitSuccess: (data: SignUp) => Promise<void>;\n  onSubmitError: (error: Error) => void;\n  onClickBackToSignIn: () => void;\n};\n\nexport const SignUpForm: FC<SignUpFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToSignIn,\n}) => {\n  const {\n    emailInput,\n    passwordInput,\n    passwordConfirmationInput,\n    signUpButton,\n    loginLink,\n  } = getSignUpContent();\n  const SignUpSchema = getSignUpSchema();\n  const { form, isSubmitting } = useForm(SignUpSchema);\n\n  return (\n    <Form\n      schema={SignUpSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label}\n          placeholder={emailInput.placeholder}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n\n        <Form.InputPassword\n          name=\"password\"\n          label={passwordInput.label}\n          placeholder={passwordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n\n        <Form.InputPassword\n          name=\"passwordConfirmation\"\n          label={passwordConfirmationInput.label}\n          placeholder={passwordConfirmationInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        isLoading={isSubmitting}\n        label={signUpButton.ariaLabel}\n      >\n        {signUpButton.text}\n      </Form.Button>\n\n      <span className=\"text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full justify-center text-center align-middle text-xs\">\n        {loginLink.message}\n        <Form.Button\n          variant=\"link\"\n          label={loginLink.ariaLabel}\n          color=\"primary\"\n          onClick={onClickBackToSignIn}\n          aria-label={loginLink.ariaLabel}\n        >\n          {loginLink.text}\n        </Form.Button>\n      </span>\n    </Form>\n  );\n};\n"],"names":["getSignUpContent","getSignUpSchema","useForm","jsxs","Form","jsx"],"mappings":";;;;;;;;;AAaO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,yCAAiB,iBAAA;AACrB,QAAM,eAAeC,wCAAAA;AACrB,QAAM,EAAE,MAAM,aAAa,IAAIC,iCAAQ,YAAY;AAGjD,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAE,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW;AAAA,cAClB,aAAa,WAAW;AAAA,cACxB,YAAU;AAAA,cACV,cAAa;AAAA,cACb,WAAW;AAAA,cACX,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,cAAc;AAAA,cACrB,aAAa,cAAc;AAAA,cAC3B,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAC,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,0BAA0B;AAAA,cACjC,aAAa,0BAA0B;AAAA,cACvC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QAEAC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW;AAAA,YACX,OAAO,aAAa;AAAA,YAEnB,UAAa,aAAA;AAAA,UAAA;AAAA,QAChB;AAAA,QAEAD,2BAAAA,kBAAAA,KAAC,QAAK,EAAA,WAAU,+GACb,UAAA;AAAA,UAAU,UAAA;AAAA,UACXE,2BAAA,kBAAA;AAAA,YAACD,sCAAAA,KAAK;AAAA,YAAL;AAAA,cACC,SAAQ;AAAA,cACR,OAAO,UAAU;AAAA,cACjB,OAAM;AAAA,cACN,SAAS;AAAA,cACT,cAAY,UAAU;AAAA,cAErB,UAAU,UAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/Auth/SignUpForm/SignUpForm.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { SignUp } from './SignUpSchema';
+
+type SignUpFormProps = {
+    onSubmitSuccess: (data: SignUp) => Promise<void>;
+    onSubmitError: (error: Error) => void;
+    onClickBackToSignIn: () => void;
+};
+export declare const SignUpForm: FC<SignUpFormProps>;
+export {};
+//# sourceMappingURL=SignUpForm.d.ts.map

package/dist/components/Auth/SignUpForm/SignUpForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAmB,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE9D,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0E1C,CAAC"}

package/dist/components/Auth/SignUpForm/SignUpForm.mjs

@@ -0,0 +1,96 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
+import { useForm } from "../../Form/FormBase.mjs";
+import "../../Form/FormField.mjs";
+import { F as Form } from "../../../Form-Cbu7ff1e.js";
+import { getSignUpContent } from "./index.content.mjs";
+import { getSignUpSchema } from "./SignUpSchema.mjs";
+const SignUpForm = ({
+  onSubmitSuccess,
+  onSubmitError,
+  onClickBackToSignIn
+}) => {
+  const {
+    emailInput,
+    passwordInput,
+    passwordConfirmationInput,
+    signUpButton,
+    loginLink
+  } = getSignUpContent();
+  const SignUpSchema = getSignUpSchema();
+  const { form, isSubmitting } = useForm(SignUpSchema);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Form,
+    {
+      schema: SignUpSchema,
+      onSubmitSuccess,
+      onSubmitError,
+      autoComplete: true,
+      ...form,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-y-6", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Form.Input,
+            {
+              name: "email",
+              label: emailInput.label,
+              placeholder: emailInput.placeholder,
+              isRequired: true,
+              autoComplete: "email",
+              minLength: 5,
+              maxLength: 50
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Form.InputPassword,
+            {
+              name: "password",
+              label: passwordInput.label,
+              placeholder: passwordInput.placeholder,
+              autoComplete: "new-password",
+              isRequired: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Form.InputPassword,
+            {
+              name: "passwordConfirmation",
+              label: passwordConfirmationInput.label,
+              placeholder: passwordConfirmationInput.placeholder,
+              autoComplete: "new-password",
+              isRequired: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Form.Button,
+          {
+            className: "mt-12 w-full",
+            type: "submit",
+            isLoading: isSubmitting,
+            label: signUpButton.ariaLabel,
+            children: signUpButton.text
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full justify-center text-center align-middle text-xs", children: [
+          loginLink.message,
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Form.Button,
+            {
+              variant: "link",
+              label: loginLink.ariaLabel,
+              color: "primary",
+              onClick: onClickBackToSignIn,
+              "aria-label": loginLink.ariaLabel,
+              children: loginLink.text
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  SignUpForm
+};
+//# sourceMappingURL=SignUpForm.mjs.map

package/dist/components/Auth/SignUpForm/SignUpForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpForm.mjs","sources":["../../../../src/components/Auth/SignUpForm/SignUpForm.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { Form, useForm } from '../../Form';\nimport { getSignUpContent } from './index.content';\nimport { getSignUpSchema, type SignUp } from './SignUpSchema';\n\ntype SignUpFormProps = {\n  onSubmitSuccess: (data: SignUp) => Promise<void>;\n  onSubmitError: (error: Error) => void;\n  onClickBackToSignIn: () => void;\n};\n\nexport const SignUpForm: FC<SignUpFormProps> = ({\n  onSubmitSuccess,\n  onSubmitError,\n  onClickBackToSignIn,\n}) => {\n  const {\n    emailInput,\n    passwordInput,\n    passwordConfirmationInput,\n    signUpButton,\n    loginLink,\n  } = getSignUpContent();\n  const SignUpSchema = getSignUpSchema();\n  const { form, isSubmitting } = useForm(SignUpSchema);\n\n  return (\n    <Form\n      schema={SignUpSchema}\n      onSubmitSuccess={onSubmitSuccess}\n      onSubmitError={onSubmitError}\n      autoComplete\n      {...form}\n    >\n      <div className=\"flex flex-col gap-y-6\">\n        <Form.Input\n          name=\"email\"\n          label={emailInput.label}\n          placeholder={emailInput.placeholder}\n          isRequired\n          autoComplete=\"email\"\n          minLength={5}\n          maxLength={50}\n        />\n\n        <Form.InputPassword\n          name=\"password\"\n          label={passwordInput.label}\n          placeholder={passwordInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n\n        <Form.InputPassword\n          name=\"passwordConfirmation\"\n          label={passwordConfirmationInput.label}\n          placeholder={passwordConfirmationInput.placeholder}\n          autoComplete=\"new-password\"\n          isRequired\n        />\n      </div>\n\n      <Form.Button\n        className=\"mt-12 w-full\"\n        type=\"submit\"\n        isLoading={isSubmitting}\n        label={signUpButton.ariaLabel}\n      >\n        {signUpButton.text}\n      </Form.Button>\n\n      <span className=\"text-neutral dark:text-neutral-dark m-auto mt-3 flex w-full justify-center text-center align-middle text-xs\">\n        {loginLink.message}\n        <Form.Button\n          variant=\"link\"\n          label={loginLink.ariaLabel}\n          color=\"primary\"\n          onClick={onClickBackToSignIn}\n          aria-label={loginLink.ariaLabel}\n        >\n          {loginLink.text}\n        </Form.Button>\n      </span>\n    </Form>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;AAaO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,iBAAiB;AACrB,QAAM,eAAe;AACrB,QAAM,EAAE,MAAM,aAAa,IAAI,QAAQ,YAAY;AAGjD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACX,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAAC,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW;AAAA,cAClB,aAAa,WAAW;AAAA,cACxB,YAAU;AAAA,cACV,cAAa;AAAA,cACb,WAAW;AAAA,cACX,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,cAAc;AAAA,cACrB,aAAa,cAAc;AAAA,cAC3B,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAEAA,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,MAAK;AAAA,cACL,OAAO,0BAA0B;AAAA,cACjC,aAAa,0BAA0B;AAAA,cACvC,cAAa;AAAA,cACb,YAAU;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA,GACF;AAAA,QAEAA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,WAAW;AAAA,YACX,OAAO,aAAa;AAAA,YAEnB,UAAa,aAAA;AAAA,UAAA;AAAA,QAChB;AAAA,QAEAD,kCAAAA,KAAC,QAAK,EAAA,WAAU,+GACb,UAAA;AAAA,UAAU,UAAA;AAAA,UACXC,kCAAA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,SAAQ;AAAA,cACR,OAAO,UAAU;AAAA,cACjB,OAAM;AAAA,cACN,SAAS;AAAA,cACT,cAAY,UAAU;AAAA,cAErB,UAAU,UAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}