@sikka/hawa 0.30.28-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;
     }
@@ -4038,9 +4040,7 @@ var RegisterForm = ({
                   isSearchable: false,
                   isClearable: false,
                   options: props.userReferenceOptions || [],
-                  onChange: (e) => {
-                    field.onChange(e.value);
-                  }
+                  onChange: (e) => field.onChange(e)
                 }
               );
             }
@@ -4198,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 }),
@@ -4279,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",
@@ -4297,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;
@@ -4340,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;
     }
@@ -3132,9 +3134,7 @@ var RegisterForm = ({
                   isSearchable: false,
                   isClearable: false,
                   options: props.userReferenceOptions || [],
-                  onChange: (e) => {
-                    field.onChange(e.value);
-                  }
+                  onChange: (e) => field.onChange(e)
                 }
               );
             }
@@ -3292,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 }),
@@ -3373,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",
@@ -3391,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;
@@ -3434,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/feedback/index.js

@@ -970,7 +970,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChange: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );

package/dist/blocks/feedback/index.mjs

@@ -145,7 +145,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChange: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );

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;
     }
@@ -4195,9 +4197,7 @@ var RegisterForm = ({
                   isSearchable: false,
                   isClearable: false,
                   options: props.userReferenceOptions || [],
-                  onChange: (e) => {
-                    field.onChange(e.value);
-                  }
+                  onChange: (e) => field.onChange(e)
                 }
               );
             }
@@ -4355,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 }),
@@ -4436,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",
@@ -4454,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;
@@ -4497,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",
@@ -5081,7 +5094,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChange: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );
@@ -5722,7 +5735,7 @@ var FloatBox = ({
   side = "bottom",
   sideOffset = 40,
   align = "center",
-  arrow = true,
+  withArrow = false,
   ...props
 }) => {
   let stylesMap = {
@@ -5764,7 +5777,7 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    arrow && /* @__PURE__ */ React43.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
+    withArrow && /* @__PURE__ */ React43.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
     /* @__PURE__ */ React43.createElement("span", null, props.children)
   );
 };
@@ -5877,6 +5890,7 @@ var TabsTrigger = React44.forwardRef(({ className, chipProps, ...props }, ref) =
     /* @__PURE__ */ React44.createElement(
       FloatBox,
       {
+        withArrow: true,
         align: orientation === "vertical" ? "start" : "start",
         side: orientation === "vertical" ? "right" : "bottom",
         sideOffset: orientation === "vertical" ? width + 30 : 45,

package/dist/blocks/index.mjs

@@ -26,7 +26,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-MNK7PSNG.mjs";
+} from "../chunk-XTGWVGTN.mjs";
 import "../chunk-R2SKHHDK.mjs";
 import {
   Button,
@@ -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;
     }
@@ -754,9 +756,7 @@ var RegisterForm = ({
                   isSearchable: false,
                   isClearable: false,
                   options: props.userReferenceOptions || [],
-                  onChange: (e) => {
-                    field.onChange(e.value);
-                  }
+                  onChange: (e) => field.onChange(e)
                 }
               );
             }
@@ -914,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 }),
@@ -995,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",
@@ -1013,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;
@@ -1056,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",
@@ -1289,7 +1302,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChange: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );

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/misc/index.js

@@ -271,7 +271,7 @@ var FloatBox = ({
   side = "bottom",
   sideOffset = 40,
   align = "center",
-  arrow = true,
+  withArrow = false,
   ...props
 }) => {
   let stylesMap = {
@@ -313,7 +313,7 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    arrow && /* @__PURE__ */ React11.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
+    withArrow && /* @__PURE__ */ React11.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
     /* @__PURE__ */ React11.createElement("span", null, props.children)
   );
 };
@@ -426,6 +426,7 @@ var TabsTrigger = React12.forwardRef(({ className, chipProps, ...props }, ref) =
     /* @__PURE__ */ React12.createElement(
       FloatBox,
       {
+        withArrow: true,
         align: orientation === "vertical" ? "start" : "start",
         side: orientation === "vertical" ? "right" : "bottom",
         sideOffset: orientation === "vertical" ? width + 30 : 45,

package/dist/blocks/misc/index.mjs

@@ -122,7 +122,7 @@ var FloatBox = ({
   side = "bottom",
   sideOffset = 40,
   align = "center",
-  arrow = true,
+  withArrow = false,
   ...props
 }) => {
   let stylesMap = {
@@ -164,7 +164,7 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    arrow && /* @__PURE__ */ React9.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
+    withArrow && /* @__PURE__ */ React9.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
     /* @__PURE__ */ React9.createElement("span", null, props.children)
   );
 };
@@ -277,6 +277,7 @@ var TabsTrigger = React10.forwardRef(({ className, chipProps, ...props }, ref) =
     /* @__PURE__ */ React10.createElement(
       FloatBox,
       {
+        withArrow: true,
         align: orientation === "vertical" ? "start" : "start",
         side: orientation === "vertical" ? "right" : "bottom",
         sideOffset: orientation === "vertical" ? width + 30 : 45,

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/{chunk-MNK7PSNG.mjs → chunk-XTGWVGTN.mjs}

@@ -2870,7 +2870,7 @@ var FloatBox = ({
   side = "bottom",
   sideOffset = 40,
   align = "center",
-  arrow = true,
+  withArrow = false,
   ...props
 }) => {
   let stylesMap = {
@@ -2912,7 +2912,7 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    arrow && /* @__PURE__ */ React13.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
+    withArrow && /* @__PURE__ */ React13.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
     /* @__PURE__ */ React13.createElement("span", null, props.children)
   );
 };
@@ -3025,6 +3025,7 @@ var TabsTrigger = React14.forwardRef(({ className, chipProps, ...props }, ref) =
     /* @__PURE__ */ React14.createElement(
       FloatBox,
       {
+        withArrow: true,
         align: orientation === "vertical" ? "start" : "start",
         side: orientation === "vertical" ? "right" : "bottom",
         sideOffset: orientation === "vertical" ? width + 30 : 45,