@sikka/hawa 0.30.29-next → 0.31.0-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/commonTypes-eIwARo5g.d.mts

@@ -0,0 +1,4 @@
+type PositionType = "top" | "bottom" | "right" | "left";
+type RadiusType = "full" | "inherit" | "none";
+
+export type { PositionType as P, RadiusType as R };

package/dist/commonTypes-eIwARo5g.d.ts

@@ -0,0 +1,4 @@
+type PositionType = "top" | "bottom" | "right" | "left";
+type RadiusType = "full" | "inherit" | "none";
+
+export type { PositionType as P, RadiusType as R };

package/dist/index.css

@@ -3574,13 +3574,39 @@ body {
 .hawa-group.success .group-\[\.success\]\:hawa-border-muted\/40 {
   border-color: hsl(var(--muted) / 0.4);
 }
+.hawa-group.toaster .group-\[\.toaster\]\:hawa-border-border {
+  border-color: hsl(var(--border));
+}
 .hawa-group.warning .group-\[\.warning\]\:hawa-border-muted\/40 {
   border-color: hsl(var(--muted) / 0.4);
 }
+.hawa-group.toast .group-\[\.toast\]\:hawa-bg-muted {
+  background-color: hsl(var(--muted));
+}
+.hawa-group.toast .group-\[\.toast\]\:hawa-bg-primary {
+  background-color: hsl(var(--primary));
+}
+.hawa-group.toaster .group-\[\.toaster\]\:hawa-bg-background {
+  background-color: hsl(var(--background));
+}
 .hawa-group.destructive .group-\[\.destructive\]\:hawa-text-red-300 {
   --tw-text-opacity: 1;
   color: rgb(252 165 165 / var(--tw-text-opacity));
 }
+.hawa-group.toast .group-\[\.toast\]\:hawa-text-muted-foreground {
+  color: hsl(var(--muted-foreground));
+}
+.hawa-group.toast .group-\[\.toast\]\:hawa-text-primary-foreground {
+  color: hsl(var(--primary-foreground));
+}
+.hawa-group.toaster .group-\[\.toaster\]\:hawa-text-foreground {
+  color: hsl(var(--foreground));
+}
+.hawa-group.toaster .group-\[\.toaster\]\:hawa-shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .hawa-group.error .group-\[\.error\]\:hover\:hawa-border-error\/30:hover {
   border-color: hsl(var(--error) / 0.3);
 }

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/sonner/index.d.mts

@@ -0,0 +1,11 @@
+import * as React$1 from 'react';
+import { D as DirectionType } from '../commonTypes-2k6FnHw5.mjs';
+import { toast, Toaster } from 'sonner';
+
+type SonnerProps = React.ComponentProps<typeof Toaster> & {
+    direction?: DirectionType;
+};
+declare const Sonner: ({ ...props }: SonnerProps) => React$1.JSX.Element;
+declare const createSonner: typeof toast;
+
+export { Sonner, createSonner };

package/dist/sonner/index.d.ts

@@ -0,0 +1,11 @@
+import * as React$1 from 'react';
+import { D as DirectionType } from '../commonTypes-2k6FnHw5.js';
+import { toast, Toaster } from 'sonner';
+
+type SonnerProps = React.ComponentProps<typeof Toaster> & {
+    direction?: DirectionType;
+};
+declare const Sonner: ({ ...props }: SonnerProps) => React$1.JSX.Element;
+declare const createSonner: typeof toast;
+
+export { Sonner, createSonner };

package/dist/sonner/index.js

@@ -0,0 +1,56 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// elements/sonner/index.ts
+var sonner_exports = {};
+__export(sonner_exports, {
+  Sonner: () => Sonner,
+  createSonner: () => createSonner
+});
+module.exports = __toCommonJS(sonner_exports);
+
+// elements/sonner/Sonner.tsx
+var import_sonner = require("sonner");
+var Sonner = ({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    import_sonner.Toaster,
+    {
+      dir: props.direction,
+      position: props.direction === "rtl" ? "bottom-left" : "bottom-right",
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground",
+          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+var createSonner = import_sonner.toast;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Sonner,
+  createSonner
+});
+//# sourceMappingURL=index.js.map

package/dist/sonner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../elements/sonner/index.ts","../../elements/sonner/Sonner.tsx"],"sourcesContent":["export * from \"./Sonner\";\n","import { DirectionType } from \"@_types/commonTypes\";\nimport { Toaster as SonnerToaster, toast, ToastT } from \"sonner\";\n\ntype SonnerProps = React.ComponentProps<typeof SonnerToaster> & {\n  direction?: DirectionType;\n};\n\nconst Sonner = ({ ...props }: SonnerProps) => {\n  return (\n    <SonnerToaster\n      // theme={theme as SonnerProps[\"theme\"]}\n\n      dir={props.direction}\n      position={props.direction === \"rtl\" ? \"bottom-left\" : \"bottom-right\"}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nconst createSonner: typeof toast = toast;\n\nexport { Sonner, createSonner };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAwD;AAMxD,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AAC5C,SACE;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MAGC,KAAK,MAAM;AAAA,MACX,UAAU,MAAM,cAAc,QAAQ,gBAAgB;AAAA,MACtD,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,eAA6B;","names":["SonnerToaster"]}

package/dist/sonner/index.mjs

@@ -0,0 +1,29 @@
+"use client";
+
+// elements/sonner/Sonner.tsx
+import { Toaster as SonnerToaster, toast } from "sonner";
+var Sonner = ({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    SonnerToaster,
+    {
+      dir: props.direction,
+      position: props.direction === "rtl" ? "bottom-left" : "bottom-right",
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground",
+          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+var createSonner = toast;
+export {
+  Sonner,
+  createSonner
+};
+//# sourceMappingURL=index.mjs.map

package/dist/sonner/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../elements/sonner/Sonner.tsx"],"sourcesContent":["import { DirectionType } from \"@_types/commonTypes\";\nimport { Toaster as SonnerToaster, toast, ToastT } from \"sonner\";\n\ntype SonnerProps = React.ComponentProps<typeof SonnerToaster> & {\n  direction?: DirectionType;\n};\n\nconst Sonner = ({ ...props }: SonnerProps) => {\n  return (\n    <SonnerToaster\n      // theme={theme as SonnerProps[\"theme\"]}\n\n      dir={props.direction}\n      position={props.direction === \"rtl\" ? \"bottom-left\" : \"bottom-right\"}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nconst createSonner: typeof toast = toast;\n\nexport { Sonner, createSonner };\n"],"mappings":";;;AACA,SAAS,WAAW,eAAe,aAAqB;AAMxD,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MAGC,KAAK,MAAM;AAAA,MACX,UAAU,MAAM,cAAc,QAAQ,gBAAgB;AAAA,MACtD,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,eAA6B;","names":[]}

package/dist/switch/index.d.mts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-
-type RadiusType = "full" | "inherit" | "none";
+import { R as RadiusType } from '../commonTypes-2k6FnHw5.mjs';
 
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "default" | "sm" | "lg";

package/dist/switch/index.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-
-type RadiusType = "full" | "inherit" | "none";
+import { R as RadiusType } from '../commonTypes-2k6FnHw5.js';
 
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "default" | "sm" | "lg";

package/dist/tabs/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { R as RadiusType } from '../commonTypes-MeUyaBib.mjs';
+import { R as RadiusType } from '../commonTypes-eIwARo5g.mjs';
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/tabs/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { R as RadiusType } from '../commonTypes-MeUyaBib.js';
+import { R as RadiusType } from '../commonTypes-eIwARo5g.js';
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

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/textarea/index.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-MeUyaBib.mjs';
+import { P as PositionType } from '../commonTypes-eIwARo5g.mjs';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/textarea/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-MeUyaBib.js';
+import { P as PositionType } from '../commonTypes-eIwARo5g.js';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/toast/index.d.mts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { D as DirectionType } from '../commonTypes-MeUyaBib.mjs';
+import { D as DirectionType } from '../commonTypes-_11epZYh.mjs';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/toast/index.d.ts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { D as DirectionType } from '../commonTypes-MeUyaBib.js';
+import { D as DirectionType } from '../commonTypes-_11epZYh.js';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/toaster/index.d.mts

@@ -1,27 +1,9 @@
-import * as React from 'react';
 import React__default from 'react';
 import { D as DirectionType } from '../commonTypes-_11epZYh.mjs';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import { VariantProps } from 'class-variance-authority';
-
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-    severity?: "info" | "warning" | "error" | "success" | "none" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    direction?: DirectionType | undefined;
-} & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-type ToasterToastProps = ToastProps & {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    severity?: "info" | "warning" | "error" | "success" | "none";
-    action?: ToastActionElement;
-    size?: "default" | "sm";
-};
+import { ToasterToastProps } from '../toast/index.mjs';
+import 'class-variance-authority/types';
+import '@radix-ui/react-toast';
+import 'class-variance-authority';
 
 type ToasterProps = {
     direction?: DirectionType;

package/dist/toaster/index.d.ts

@@ -1,27 +1,9 @@
-import * as React from 'react';
 import React__default from 'react';
 import { D as DirectionType } from '../commonTypes-_11epZYh.js';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import { VariantProps } from 'class-variance-authority';
-
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-    severity?: "info" | "warning" | "error" | "success" | "none" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    direction?: DirectionType | undefined;
-} & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-type ToasterToastProps = ToastProps & {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    severity?: "info" | "warning" | "error" | "success" | "none";
-    action?: ToastActionElement;
-    size?: "default" | "sm";
-};
+import { ToasterToastProps } from '../toast/index.js';
+import 'class-variance-authority/types';
+import '@radix-ui/react-toast';
+import 'class-variance-authority';
 
 type ToasterProps = {
     direction?: DirectionType;

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.31.0-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",
@@ -80,6 +80,7 @@
     "react-hook-form": "^7.51.2",
     "react-select": "^5.8.0",
     "signature_pad": "^4.2.0",
+    "sonner": "^1.2.3",
     "tailwind-merge": "^2.2.2",
     "tailwind-variants": "^0.2.1",
     "trim-canvas": "^0.1.2",
@@ -89,17 +90,17 @@
     "@babel/preset-react": "^7.24.1",
     "@sikka/alam": "^0.0.4",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.2",
+    "@testing-library/react": "^14.3.0",
     "@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",

package/dist/commonTypes-MeUyaBib.d.mts

@@ -1,5 +0,0 @@
-type DirectionType = "rtl" | "ltr";
-type PositionType = "top" | "bottom" | "right" | "left";
-type RadiusType = "full" | "inherit" | "none";
-
-export type { DirectionType as D, PositionType as P, RadiusType as R };

package/dist/commonTypes-MeUyaBib.d.ts

@@ -1,5 +0,0 @@
-type DirectionType = "rtl" | "ltr";
-type PositionType = "top" | "bottom" | "right" | "left";
-type RadiusType = "full" | "inherit" | "none";
-
-export type { DirectionType as D, PositionType as P, RadiusType as R };