@sikka/hawa 0.30.29-next → 0.30.30-next

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
-import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-DAgkNov8.mjs';
+import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-0bvyKoeH.mjs';
 
 type AuthButtonsType = {
     texts?: ThirdPartyAuthTextsTypes;
@@ -211,6 +211,7 @@ declare const CheckEmail: FC<CheckEmailBlocks>;
 type NewPasswordTypes = {
     handleNewPassword: (e: any) => void;
     handleRouteToRegister: () => void;
+    isLoading: boolean;
     direction?: DirectionType;
     headless?: boolean;
     allowRegister?: boolean;
@@ -223,6 +224,7 @@ type ResetPasswordType = {
     handleResetPassword: (e: any) => void;
     handleRouteToRegister: () => void;
     sent: any;
+    isLoading: boolean;
     headless?: boolean;
     allowRegister?: boolean;
     direction?: DirectionType;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
-import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-DAgkNov8.js';
+import { a as ThirdPartyAuthTextsTypes, L as LoginFormTextsTypes, D as DirectionType, P as PositionType, b as RegisterFormTextsTypes, N as NewPasswordTextsTypes, c as ResetPasswordTextsTypes } from '../../textTypes-0bvyKoeH.js';
 
 type AuthButtonsType = {
     texts?: ThirdPartyAuthTextsTypes;
@@ -211,6 +211,7 @@ declare const CheckEmail: FC<CheckEmailBlocks>;
 type NewPasswordTypes = {
     handleNewPassword: (e: any) => void;
     handleRouteToRegister: () => void;
+    isLoading: boolean;
     direction?: DirectionType;
     headless?: boolean;
     allowRegister?: boolean;
@@ -223,6 +224,7 @@ type ResetPasswordType = {
     handleResetPassword: (e: any) => void;
     handleRouteToRegister: () => void;
     sent: any;
+    isLoading: boolean;
     headless?: boolean;
     allowRegister?: boolean;
     direction?: DirectionType;

package/dist/blocks/auth/index.js

@@ -3770,7 +3770,7 @@ var RegisterForm = ({
   const methods = (0, import_react_hook_form2.useForm)();
   let fieldSchemas = {};
   registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     switch (field) {
       case "fullname":
         fieldSchemas["fullName"] = z2.string().optional();
@@ -3785,12 +3785,14 @@ var RegisterForm = ({
           required_error: ((_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required) || "Username is required"
         }).min(1, {
           message: ((_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required) || "Username is required"
+        }).max(14, {
+          message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.tooLong) || "Username is too long"
         }).refine(
           (value) => {
             const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
             return isValid;
           },
-          { message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.invalid) || "Invalid username" }
+          { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
         );
         break;
     }
@@ -4196,7 +4198,11 @@ var import_react18 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
-var NewPasswordForm = ({ texts, ...props }) => {
+var NewPasswordForm = ({
+  texts,
+  isLoading,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
@@ -4277,7 +4283,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ import_react18.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react18.default.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react18.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ import_react18.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -4295,6 +4301,7 @@ var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var ResetPasswordForm = ({
   allowRegister = true,
+  isLoading,
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -4338,7 +4345,15 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react19.default.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react19.default.createElement(
+      Button,
+      {
+        type: "submit",
+        className: "hawa-w-full",
+        isLoading
+      },
+      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
+    ), allowRegister && /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react19.default.createElement(
       "span",
       {
         className: "clickable-link",

package/dist/blocks/auth/index.mjs

@@ -2864,7 +2864,7 @@ var RegisterForm = ({
   const methods = useForm2();
   let fieldSchemas = {};
   registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     switch (field) {
       case "fullname":
         fieldSchemas["fullName"] = z2.string().optional();
@@ -2879,12 +2879,14 @@ var RegisterForm = ({
           required_error: ((_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required) || "Username is required"
         }).min(1, {
           message: ((_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required) || "Username is required"
+        }).max(14, {
+          message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.tooLong) || "Username is too long"
         }).refine(
           (value) => {
             const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
             return isValid;
           },
-          { message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.invalid) || "Invalid username" }
+          { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
         );
         break;
     }
@@ -3290,7 +3292,11 @@ import React10, { useState as useState5 } from "react";
 import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
-var NewPasswordForm = ({ texts, ...props }) => {
+var NewPasswordForm = ({
+  texts,
+  isLoading,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
@@ -3371,7 +3377,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ React10.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React10.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React10.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React10.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React10.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React10.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React10.createElement(
       "span",
       {
         className: "clickable-link",
@@ -3389,6 +3395,7 @@ import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 var ResetPasswordForm = ({
   allowRegister = true,
+  isLoading,
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -3432,7 +3439,15 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ React11.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React11.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React11.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React11.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React11.createElement(
+      Button,
+      {
+        type: "submit",
+        className: "hawa-w-full",
+        isLoading
+      },
+      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
+    ), allowRegister && /* @__PURE__ */ React11.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React11.createElement(
       "span",
       {
         className: "clickable-link",

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

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { D as DirectionType, B as BaseInputType } from '../../textTypes-DAgkNov8.mjs';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-0bvyKoeH.mjs';
 
 type RadioOptionsTypes = {
     value: any;

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

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { D as DirectionType, B as BaseInputType } from '../../textTypes-DAgkNov8.js';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-0bvyKoeH.js';
 
 type RadioOptionsTypes = {
     value: any;

package/dist/blocks/index.d.mts

@@ -202,6 +202,7 @@ declare const CheckEmail: FC<CheckEmailBlocks>;
 type NewPasswordTypes = {
     handleNewPassword: (e: any) => void;
     handleRouteToRegister: () => void;
+    isLoading: boolean;
     direction?: DirectionType;
     headless?: boolean;
     allowRegister?: boolean;
@@ -214,6 +215,7 @@ type ResetPasswordType = {
     handleResetPassword: (e: any) => void;
     handleRouteToRegister: () => void;
     sent: any;
+    isLoading: boolean;
     headless?: boolean;
     allowRegister?: boolean;
     direction?: DirectionType;

package/dist/blocks/index.d.ts

@@ -202,6 +202,7 @@ declare const CheckEmail: FC<CheckEmailBlocks>;
 type NewPasswordTypes = {
     handleNewPassword: (e: any) => void;
     handleRouteToRegister: () => void;
+    isLoading: boolean;
     direction?: DirectionType;
     headless?: boolean;
     allowRegister?: boolean;
@@ -214,6 +215,7 @@ type ResetPasswordType = {
     handleResetPassword: (e: any) => void;
     handleRouteToRegister: () => void;
     sent: any;
+    isLoading: boolean;
     headless?: boolean;
     allowRegister?: boolean;
     direction?: DirectionType;

package/dist/blocks/index.js

@@ -3927,7 +3927,7 @@ var RegisterForm = ({
   const methods = (0, import_react_hook_form2.useForm)();
   let fieldSchemas = {};
   registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     switch (field) {
       case "fullname":
         fieldSchemas["fullName"] = z2.string().optional();
@@ -3942,12 +3942,14 @@ var RegisterForm = ({
           required_error: ((_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required) || "Username is required"
         }).min(1, {
           message: ((_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required) || "Username is required"
+        }).max(14, {
+          message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.tooLong) || "Username is too long"
         }).refine(
           (value) => {
             const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
             return isValid;
           },
-          { message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.invalid) || "Invalid username" }
+          { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
         );
         break;
     }
@@ -4353,7 +4355,11 @@ var import_react18 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
-var NewPasswordForm = ({ texts, ...props }) => {
+var NewPasswordForm = ({
+  texts,
+  isLoading,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
@@ -4434,7 +4440,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ import_react18.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react18.default.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react18.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ import_react18.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -4452,6 +4458,7 @@ var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var ResetPasswordForm = ({
   allowRegister = true,
+  isLoading,
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -4495,7 +4502,15 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react19.default.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react19.default.createElement(
+      Button,
+      {
+        type: "submit",
+        className: "hawa-w-full",
+        isLoading
+      },
+      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
+    ), allowRegister && /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react19.default.createElement(
       "span",
       {
         className: "clickable-link",

package/dist/blocks/index.mjs

@@ -486,7 +486,7 @@ var RegisterForm = ({
   const methods = useForm2();
   let fieldSchemas = {};
   registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     switch (field) {
       case "fullname":
         fieldSchemas["fullName"] = z2.string().optional();
@@ -501,12 +501,14 @@ var RegisterForm = ({
           required_error: ((_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required) || "Username is required"
         }).min(1, {
           message: ((_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required) || "Username is required"
+        }).max(14, {
+          message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.tooLong) || "Username is too long"
         }).refine(
           (value) => {
             const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
             return isValid;
           },
-          { message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.invalid) || "Invalid username" }
+          { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
         );
         break;
     }
@@ -912,7 +914,11 @@ import React6, { useState as useState3 } from "react";
 import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
-var NewPasswordForm = ({ texts, ...props }) => {
+var NewPasswordForm = ({
+  texts,
+  isLoading,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
@@ -993,7 +999,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ React6.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React6.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React6.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React6.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React6.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React6.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React6.createElement(
       "span",
       {
         className: "clickable-link",
@@ -1011,6 +1017,7 @@ import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 var ResetPasswordForm = ({
   allowRegister = true,
+  isLoading,
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -1054,7 +1061,15 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ React7.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React7.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React7.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React7.createElement(
+      Button,
+      {
+        type: "submit",
+        className: "hawa-w-full",
+        isLoading
+      },
+      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
+    ), allowRegister && /* @__PURE__ */ React7.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React7.createElement(
       "span",
       {
         className: "clickable-link",

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

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { T as TextInputType, R as RadioOptionType } from '../../textTypes-DAgkNov8.mjs';
+import { T as TextInputType, R as RadioOptionType } from '../../textTypes-0bvyKoeH.mjs';
 
 type TabType = {
     title: string;

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

@@ -1,5 +1,5 @@
 import React__default, { FC } from 'react';
-import { T as TextInputType, R as RadioOptionType } from '../../textTypes-DAgkNov8.js';
+import { T as TextInputType, R as RadioOptionType } from '../../textTypes-0bvyKoeH.js';
 
 type TabType = {
     title: string;

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

@@ -1,5 +1,5 @@
 import { FC, InputHTMLAttributes } from 'react';
-import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-DAgkNov8.mjs';
+import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-0bvyKoeH.mjs';
 
 type PlanFeature = {
     soon?: boolean;

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

@@ -1,5 +1,5 @@
 import { FC, InputHTMLAttributes } from 'react';
-import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-DAgkNov8.js';
+import { P as PositionType, D as DirectionType, d as PricingPlanTexts, R as RadioOptionType } from '../../textTypes-0bvyKoeH.js';
 
 type PlanFeature = {
     soon?: boolean;

package/dist/index.d.mts

@@ -1408,6 +1408,7 @@ type PasswordInputType = BaseInputType & {
 };
 type UsernameInputType = TextInputType & {
     tooShort?: string;
+    tooLong?: string;
 };
 type ConfirmInputType = BaseInputType & {
     required?: string;
@@ -1680,6 +1681,7 @@ declare const CheckEmail: FC<CheckEmailBlocks>;
 type NewPasswordTypes = {
     handleNewPassword: (e: any) => void;
     handleRouteToRegister: () => void;
+    isLoading: boolean;
     direction?: DirectionType;
     headless?: boolean;
     allowRegister?: boolean;
@@ -1692,6 +1694,7 @@ type ResetPasswordType = {
     handleResetPassword: (e: any) => void;
     handleRouteToRegister: () => void;
     sent: any;
+    isLoading: boolean;
     headless?: boolean;
     allowRegister?: boolean;
     direction?: DirectionType;

package/dist/index.d.ts

@@ -1408,6 +1408,7 @@ type PasswordInputType = BaseInputType & {
 };
 type UsernameInputType = TextInputType & {
     tooShort?: string;
+    tooLong?: string;
 };
 type ConfirmInputType = BaseInputType & {
     required?: string;
@@ -1680,6 +1681,7 @@ declare const CheckEmail: FC<CheckEmailBlocks>;
 type NewPasswordTypes = {
     handleNewPassword: (e: any) => void;
     handleRouteToRegister: () => void;
+    isLoading: boolean;
     direction?: DirectionType;
     headless?: boolean;
     allowRegister?: boolean;
@@ -1692,6 +1694,7 @@ type ResetPasswordType = {
     handleResetPassword: (e: any) => void;
     handleRouteToRegister: () => void;
     sent: any;
+    isLoading: boolean;
     headless?: boolean;
     allowRegister?: boolean;
     direction?: DirectionType;

package/dist/index.js

@@ -10432,7 +10432,7 @@ var RegisterForm = ({
   const methods = (0, import_react_hook_form2.useForm)();
   let fieldSchemas = {};
   registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     switch (field) {
       case "fullname":
         fieldSchemas["fullName"] = z2.string().optional();
@@ -10447,12 +10447,14 @@ var RegisterForm = ({
           required_error: ((_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required) || "Username is required"
         }).min(1, {
           message: ((_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required) || "Username is required"
+        }).max(14, {
+          message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.tooLong) || "Username is too long"
         }).refine(
           (value) => {
             const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
             return isValid;
           },
-          { message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.invalid) || "Invalid username" }
+          { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
         );
         break;
     }
@@ -10858,7 +10860,11 @@ var import_react64 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
-var NewPasswordForm = ({ texts, ...props }) => {
+var NewPasswordForm = ({
+  texts,
+  isLoading,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
@@ -10939,7 +10945,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ import_react64.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react64.default.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ import_react64.default.createElement(
+    /* @__PURE__ */ import_react64.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react64.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ import_react64.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -10957,6 +10963,7 @@ var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
 var ResetPasswordForm = ({
   allowRegister = true,
+  isLoading,
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -11000,7 +11007,15 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react65.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react65.default.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react65.default.createElement(
+    /* @__PURE__ */ import_react65.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react65.default.createElement(
+      Button,
+      {
+        type: "submit",
+        className: "hawa-w-full",
+        isLoading
+      },
+      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
+    ), allowRegister && /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react65.default.createElement(
       "span",
       {
         className: "clickable-link",

package/dist/index.mjs

@@ -10209,7 +10209,7 @@ var RegisterForm = ({
   const methods = useForm2();
   let fieldSchemas = {};
   registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     switch (field) {
       case "fullname":
         fieldSchemas["fullName"] = z2.string().optional();
@@ -10224,12 +10224,14 @@ var RegisterForm = ({
           required_error: ((_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.required) || "Username is required"
         }).min(1, {
           message: ((_e2 = texts == null ? void 0 : texts.username) == null ? void 0 : _e2.required) || "Username is required"
+        }).max(14, {
+          message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.tooLong) || "Username is too long"
         }).refine(
           (value) => {
             const isValid = /^[a-zA-Z][a-zA-Z0-9_-]{2,14}$/.test(value);
             return isValid;
           },
-          { message: ((_f2 = texts == null ? void 0 : texts.username) == null ? void 0 : _f2.invalid) || "Invalid username" }
+          { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
         );
         break;
     }
@@ -10635,7 +10637,11 @@ import React86, { useState as useState41 } from "react";
 import { Controller as Controller3, useForm as useForm3 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import * as z3 from "zod";
-var NewPasswordForm = ({ texts, ...props }) => {
+var NewPasswordForm = ({
+  texts,
+  isLoading,
+  ...props
+}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
@@ -10716,7 +10722,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ React86.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React86.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React86.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React86.createElement(
+    /* @__PURE__ */ React86.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React86.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ React86.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_h = texts == null ? void 0 : texts.dontHaveAccount) != null ? _h : "Don't have an account? ", /* @__PURE__ */ React86.createElement(
       "span",
       {
         className: "clickable-link",
@@ -10734,6 +10740,7 @@ import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
 import * as z4 from "zod";
 var ResetPasswordForm = ({
   allowRegister = true,
+  isLoading,
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
@@ -10777,7 +10784,15 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ React87.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React87.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React87.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React87.createElement(
+    /* @__PURE__ */ React87.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React87.createElement(
+      Button,
+      {
+        type: "submit",
+        className: "hawa-w-full",
+        isLoading
+      },
+      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
+    ), allowRegister && /* @__PURE__ */ React87.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React87.createElement(
       "span",
       {
         className: "clickable-link",

package/dist/{textTypes-DAgkNov8.d.mts → textTypes-0bvyKoeH.d.mts}

@@ -44,6 +44,7 @@ type PasswordInputType = BaseInputType & {
 };
 type UsernameInputType = TextInputType & {
     tooShort?: string;
+    tooLong?: string;
 };
 type ConfirmInputType = BaseInputType & {
     required?: string;

package/dist/{textTypes-DAgkNov8.d.ts → textTypes-0bvyKoeH.d.ts}

@@ -44,6 +44,7 @@ type PasswordInputType = BaseInputType & {
 };
 type UsernameInputType = TextInputType & {
     tooShort?: string;
+    tooLong?: string;
 };
 type ConfirmInputType = BaseInputType & {
     required?: string;

package/dist/types/index.d.mts

@@ -65,6 +65,7 @@ type PasswordInputType = BaseInputType & {
 };
 type UsernameInputType = TextInputType & {
     tooShort?: string;
+    tooLong?: string;
 };
 type ConfirmInputType = BaseInputType & {
     required?: string;

package/dist/types/index.d.ts

@@ -65,6 +65,7 @@ type PasswordInputType = BaseInputType & {
 };
 type UsernameInputType = TextInputType & {
     tooShort?: string;
+    tooLong?: string;
 };
 type ConfirmInputType = BaseInputType & {
     required?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.30.29-next",
+  "version": "0.30.30-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",
@@ -66,11 +66,11 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
-    "embla-carousel-auto-height": "^8.0.0",
-    "embla-carousel-react": "^8.0.0",
-    "eslint": "^8.57.0",
+    "embla-carousel-auto-height": "^8.0.1",
+    "embla-carousel-react": "^8.0.1",
+    "eslint": "^9.0.0",
     "eslint-config-next": "^14.1.4",
-    "libphonenumber-js": "^1.10.59",
+    "libphonenumber-js": "^1.10.60",
     "prism-react-renderer": "^2.3.1",
     "prismjs": "^1.29.0",
     "react": "18.2.0",
@@ -91,15 +91,15 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.73",
-    "@types/react-dom": "^18.2.23",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
     "autoprefixer": "^10.4.19",
     "boxen": "^7.1.1",
     "chalk": "^5.3.0",
-    "embla-carousel": "8.0.0",
+    "embla-carousel": "8.0.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lucide-react": "^0.363.0",
+    "lucide-react": "^0.365.0",
     "postcss": "^8.4.38",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.1.0",