@sikka/hawa 0.42.6-next → 0.42.8-next

package/dist/blocks/auth/index.d.mts

@@ -103,8 +103,8 @@ type LoginFormTypes = {
     onTwitterLogin?: () => void;
     /** Additional buttons to add under the login button */
     additionalButtons?: any;
-    /** The allowed length of the password input field */
-    passwordLength?: number;
+    /** The minimum length of the password input field */
+    minPasswordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
     /** Props to pass to the PhoneInput component */
@@ -183,6 +183,8 @@ type RegisterFormTypes = {
         form?: string;
         card?: string;
     };
+    /** The minimum length of the password input field */
+    minPasswordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
 };

package/dist/blocks/auth/index.d.ts

@@ -103,8 +103,8 @@ type LoginFormTypes = {
     onTwitterLogin?: () => void;
     /** Additional buttons to add under the login button */
     additionalButtons?: any;
-    /** The allowed length of the password input field */
-    passwordLength?: number;
+    /** The minimum length of the password input field */
+    minPasswordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
     /** Props to pass to the PhoneInput component */
@@ -183,6 +183,8 @@ type RegisterFormTypes = {
         form?: string;
         card?: string;
     };
+    /** The minimum length of the password input field */
+    minPasswordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
 };

package/dist/blocks/auth/index.js

@@ -3528,7 +3528,7 @@ var import_react13 = __toESM(require("react"));
 // blocks/auth/LoginForm.tsx
 var LoginForm = ({
   loginType = "email",
-  passwordLength = 8,
+  minPasswordLength = 8,
   texts,
   ...props
 }) => {
@@ -3549,7 +3549,7 @@ var LoginForm = ({
       email: z.string({ required_error: ((_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required) || "Email Required" }).min(1, { message: ((_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required) || "Email Required" }).email({ message: ((_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid) || "Email Invalid" }),
       password: z.string({
         required_error: ((_d = texts == null ? void 0 : texts.password) == null ? void 0 : _d.required) || "Password Required"
-      }).min(1, { message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Password Required" }).min(passwordLength, {
+      }).min(1, { message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Password Required" }).min(minPasswordLength, {
         message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.tooShort) || "Password too short"
       })
     });
@@ -3566,7 +3566,7 @@ var LoginForm = ({
       ),
       password: z.string({
         required_error: ((_j = texts == null ? void 0 : texts.password) == null ? void 0 : _j.required) || "Password Required"
-      }).min(1, { message: ((_k = texts == null ? void 0 : texts.password) == null ? void 0 : _k.required) || "Password Required" }).min(passwordLength, {
+      }).min(1, { message: ((_k = texts == null ? void 0 : texts.password) == null ? void 0 : _k.required) || "Password Required" }).min(minPasswordLength, {
         message: ((_l = texts == null ? void 0 : texts.password) == null ? void 0 : _l.tooShort) || "Password too short"
       })
     });
@@ -4006,11 +4006,12 @@ var StopPropagationWrapper = (props) => {
 var RegisterForm = ({
   texts,
   registerFields = ["email"],
+  minPasswordLength = 8,
   showTermsOption = false,
   showNewsletterOption = false,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const [passwordVisible, setPasswordVisible] = (0, import_react17.useState)(false);
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
@@ -4055,15 +4056,17 @@ var RegisterForm = ({
     ...fieldSchemas,
     password: z2.string({
       required_error: ((_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required) || "Password is required"
-    }).min(5, {
+    }).min(minPasswordLength, {
       message: ((_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.tooShort) || "Password is too short"
     }).refine((value) => value !== "", {
       message: ((_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.required) || "Password is required"
     }),
     confirm_password: z2.string({
       required_error: ((_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required) || "Confirm password required"
+    }).min(minPasswordLength, {
+      message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.tooShort) || "Password is too short"
     }).refine((value) => value !== "", {
-      message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Confirm password is required"
+      message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.required) || "Confirm password is required"
     }),
     refCode: z2.string().optional(),
     reference: z2.string().optional(),
@@ -4072,7 +4075,7 @@ var RegisterForm = ({
     }),
     newsletter_accepted: z2.boolean().optional()
   }).refine((data) => data.password === data.confirm_password, {
-    message: ((_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch) || "Passwords don't match",
+    message: ((_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch) || "Passwords don't match",
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
@@ -4083,7 +4086,7 @@ var RegisterForm = ({
     {
       className: cn(
         "hawa-flex hawa-flex-col hawa-gap-4",
-        (_g = props.classNames) == null ? void 0 : _g.root
+        (_h = props.classNames) == null ? void 0 : _h.root
       )
     },
     /* @__PURE__ */ import_react17.default.createElement(
@@ -4091,7 +4094,7 @@ var RegisterForm = ({
       {
         dir: props.direction,
         className: cn(
-          (_h = props.classNames) == null ? void 0 : _h.card,
+          (_i = props.classNames) == null ? void 0 : _i.card,
           props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
         )
       },
@@ -4641,19 +4644,19 @@ var z5 = __toESM(require("zod"));
 var React25 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react23 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string6) => string6.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react22 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -4666,7 +4669,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react22.forwardRef)(
   ({
     color = "currentColor",
@@ -4698,7 +4701,7 @@ var Icon = (0, import_react22.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react23.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react23.createElement)(Icon, {
@@ -4712,7 +4715,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -4890,7 +4893,7 @@ var CodeConfirmation = ({
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -4898,7 +4901,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -4906,7 +4909,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -4914,7 +4917,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -4922,7 +4925,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -4930,7 +4933,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/blocks/auth/index.mjs

@@ -2555,7 +2555,7 @@ var PhoneInput = ({
 // blocks/auth/LoginForm.tsx
 var LoginForm = ({
   loginType = "email",
-  passwordLength = 8,
+  minPasswordLength = 8,
   texts,
   ...props
 }) => {
@@ -2576,7 +2576,7 @@ var LoginForm = ({
       email: z.string({ required_error: ((_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required) || "Email Required" }).min(1, { message: ((_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required) || "Email Required" }).email({ message: ((_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid) || "Email Invalid" }),
       password: z.string({
         required_error: ((_d = texts == null ? void 0 : texts.password) == null ? void 0 : _d.required) || "Password Required"
-      }).min(1, { message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Password Required" }).min(passwordLength, {
+      }).min(1, { message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Password Required" }).min(minPasswordLength, {
         message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.tooShort) || "Password too short"
       })
     });
@@ -2593,7 +2593,7 @@ var LoginForm = ({
       ),
       password: z.string({
         required_error: ((_j = texts == null ? void 0 : texts.password) == null ? void 0 : _j.required) || "Password Required"
-      }).min(1, { message: ((_k = texts == null ? void 0 : texts.password) == null ? void 0 : _k.required) || "Password Required" }).min(passwordLength, {
+      }).min(1, { message: ((_k = texts == null ? void 0 : texts.password) == null ? void 0 : _k.required) || "Password Required" }).min(minPasswordLength, {
         message: ((_l = texts == null ? void 0 : texts.password) == null ? void 0 : _l.tooShort) || "Password too short"
       })
     });
@@ -3024,11 +3024,12 @@ CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 var RegisterForm = ({
   texts,
   registerFields = ["email"],
+  minPasswordLength = 8,
   showTermsOption = false,
   showNewsletterOption = false,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const [passwordVisible, setPasswordVisible] = useState4(false);
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
@@ -3073,15 +3074,17 @@ var RegisterForm = ({
     ...fieldSchemas,
     password: z2.string({
       required_error: ((_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required) || "Password is required"
-    }).min(5, {
+    }).min(minPasswordLength, {
       message: ((_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.tooShort) || "Password is too short"
     }).refine((value) => value !== "", {
       message: ((_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.required) || "Password is required"
     }),
     confirm_password: z2.string({
       required_error: ((_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required) || "Confirm password required"
+    }).min(minPasswordLength, {
+      message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.tooShort) || "Password is too short"
     }).refine((value) => value !== "", {
-      message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Confirm password is required"
+      message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.required) || "Confirm password is required"
     }),
     refCode: z2.string().optional(),
     reference: z2.string().optional(),
@@ -3090,7 +3093,7 @@ var RegisterForm = ({
     }),
     newsletter_accepted: z2.boolean().optional()
   }).refine((data) => data.password === data.confirm_password, {
-    message: ((_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch) || "Passwords don't match",
+    message: ((_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch) || "Passwords don't match",
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = useForm2({
@@ -3101,7 +3104,7 @@ var RegisterForm = ({
     {
       className: cn(
         "hawa-flex hawa-flex-col hawa-gap-4",
-        (_g = props.classNames) == null ? void 0 : _g.root
+        (_h = props.classNames) == null ? void 0 : _h.root
       )
     },
     /* @__PURE__ */ React7.createElement(
@@ -3109,7 +3112,7 @@ var RegisterForm = ({
       {
         dir: props.direction,
         className: cn(
-          (_h = props.classNames) == null ? void 0 : _h.card,
+          (_i = props.classNames) == null ? void 0 : _i.card,
           props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
         )
       },
@@ -3659,19 +3662,19 @@ import * as z5 from "zod";
 import * as React12 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef3, createElement as createElement3 } from "react";
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string6) => string6.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -3684,7 +3687,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = forwardRef2(
   ({
     color = "currentColor",
@@ -3716,7 +3719,7 @@ var Icon = forwardRef2(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = forwardRef3(
     ({ className, ...props }, ref) => createElement3(Icon, {
@@ -3730,7 +3733,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -3907,7 +3910,7 @@ export {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3915,7 +3918,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3923,7 +3926,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3931,7 +3934,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3939,7 +3942,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -3947,7 +3950,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/blocks/index.d.mts

@@ -85,8 +85,8 @@ type LoginFormTypes = {
     onTwitterLogin?: () => void;
     /** Additional buttons to add under the login button */
     additionalButtons?: any;
-    /** The allowed length of the password input field */
-    passwordLength?: number;
+    /** The minimum length of the password input field */
+    minPasswordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
     /** Props to pass to the PhoneInput component */
@@ -160,6 +160,8 @@ type RegisterFormTypes = {
         form?: string;
         card?: string;
     };
+    /** The minimum length of the password input field */
+    minPasswordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
 };

package/dist/blocks/index.d.ts

@@ -85,8 +85,8 @@ type LoginFormTypes = {
     onTwitterLogin?: () => void;
     /** Additional buttons to add under the login button */
     additionalButtons?: any;
-    /** The allowed length of the password input field */
-    passwordLength?: number;
+    /** The minimum length of the password input field */
+    minPasswordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
     /** Props to pass to the PhoneInput component */
@@ -160,6 +160,8 @@ type RegisterFormTypes = {
         form?: string;
         card?: string;
     };
+    /** The minimum length of the password input field */
+    minPasswordLength?: number;
     /** If true, the form is displayed without a card container styling.*/
     cardless?: boolean;
 };

package/dist/blocks/index.js

@@ -3685,7 +3685,7 @@ var UncheckMark = ({ size = "default", className }) => {
 // blocks/auth/LoginForm.tsx
 var LoginForm = ({
   loginType = "email",
-  passwordLength = 8,
+  minPasswordLength = 8,
   texts,
   ...props
 }) => {
@@ -3706,7 +3706,7 @@ var LoginForm = ({
       email: z.string({ required_error: ((_a = texts == null ? void 0 : texts.email) == null ? void 0 : _a.required) || "Email Required" }).min(1, { message: ((_b = texts == null ? void 0 : texts.email) == null ? void 0 : _b.required) || "Email Required" }).email({ message: ((_c = texts == null ? void 0 : texts.email) == null ? void 0 : _c.invalid) || "Email Invalid" }),
       password: z.string({
         required_error: ((_d = texts == null ? void 0 : texts.password) == null ? void 0 : _d.required) || "Password Required"
-      }).min(1, { message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Password Required" }).min(passwordLength, {
+      }).min(1, { message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Password Required" }).min(minPasswordLength, {
         message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.tooShort) || "Password too short"
       })
     });
@@ -3723,7 +3723,7 @@ var LoginForm = ({
       ),
       password: z.string({
         required_error: ((_j = texts == null ? void 0 : texts.password) == null ? void 0 : _j.required) || "Password Required"
-      }).min(1, { message: ((_k = texts == null ? void 0 : texts.password) == null ? void 0 : _k.required) || "Password Required" }).min(passwordLength, {
+      }).min(1, { message: ((_k = texts == null ? void 0 : texts.password) == null ? void 0 : _k.required) || "Password Required" }).min(minPasswordLength, {
         message: ((_l = texts == null ? void 0 : texts.password) == null ? void 0 : _l.tooShort) || "Password too short"
       })
     });
@@ -4163,11 +4163,12 @@ var StopPropagationWrapper = (props) => {
 var RegisterForm = ({
   texts,
   registerFields = ["email"],
+  minPasswordLength = 8,
   showTermsOption = false,
   showNewsletterOption = false,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const [passwordVisible, setPasswordVisible] = (0, import_react17.useState)(false);
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
@@ -4212,15 +4213,17 @@ var RegisterForm = ({
     ...fieldSchemas,
     password: z2.string({
       required_error: ((_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required) || "Password is required"
-    }).min(5, {
+    }).min(minPasswordLength, {
       message: ((_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.tooShort) || "Password is too short"
     }).refine((value) => value !== "", {
       message: ((_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.required) || "Password is required"
     }),
     confirm_password: z2.string({
       required_error: ((_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required) || "Confirm password required"
+    }).min(minPasswordLength, {
+      message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.tooShort) || "Password is too short"
     }).refine((value) => value !== "", {
-      message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Confirm password is required"
+      message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.required) || "Confirm password is required"
     }),
     refCode: z2.string().optional(),
     reference: z2.string().optional(),
@@ -4229,7 +4232,7 @@ var RegisterForm = ({
     }),
     newsletter_accepted: z2.boolean().optional()
   }).refine((data) => data.password === data.confirm_password, {
-    message: ((_f = texts == null ? void 0 : texts.confirm) == null ? void 0 : _f.dontMatch) || "Passwords don't match",
+    message: ((_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch) || "Passwords don't match",
     path: ["confirm_password"]
   });
   const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
@@ -4240,7 +4243,7 @@ var RegisterForm = ({
     {
       className: cn(
         "hawa-flex hawa-flex-col hawa-gap-4",
-        (_g = props.classNames) == null ? void 0 : _g.root
+        (_h = props.classNames) == null ? void 0 : _h.root
       )
     },
     /* @__PURE__ */ import_react17.default.createElement(
@@ -4248,7 +4251,7 @@ var RegisterForm = ({
       {
         dir: props.direction,
         className: cn(
-          (_h = props.classNames) == null ? void 0 : _h.card,
+          (_i = props.classNames) == null ? void 0 : _i.card,
           props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
         )
       },
@@ -4798,19 +4801,19 @@ var z5 = __toESM(require("zod"));
 var React25 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react23 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react22 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -4823,7 +4826,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react22.forwardRef)(
   ({
     color = "currentColor",
@@ -4855,7 +4858,7 @@ var Icon = (0, import_react22.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react23.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react23.createElement)(Icon, {
@@ -4869,7 +4872,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.396.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.403.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -7920,7 +7923,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7928,7 +7931,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7936,7 +7939,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7944,7 +7947,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7952,7 +7955,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -7960,7 +7963,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.396.0 - ISC
+   * @license lucide-react v0.403.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.