@sikka/hawa 0.47.0-next → 0.48.1-next

package/dist/blocks/auth/index.js

@@ -3883,9 +3883,10 @@ var LoginForm = ({
 };
 
 // blocks/auth/RegisterForm.tsx
-var import_react17 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
+var import_libphonenumber_js2 = require("libphonenumber-js");
 var z2 = __toESM(require("zod"));
 
 // elements/checkbox/Checkbox.tsx
@@ -4033,6 +4034,475 @@ var StopPropagationWrapper = (props) => {
   return /* @__PURE__ */ import_react16.default.createElement("div", { onClick: handleClick }, props.children);
 };
 
+// elements/tabs/Tabs.tsx
+var React30 = __toESM(require("react"));
+
+// hooks/useIsomorphicEffect.ts
+var import_react17 = require("react");
+
+// hooks/useDiscloser.ts
+var import_react18 = require("react");
+
+// hooks/useHover.ts
+var import_react19 = require("react");
+
+// hooks/useToast.ts
+var React22 = __toESM(require("react"));
+
+// hooks/useCarousel.ts
+var import_react20 = require("react");
+
+// hooks/useDialogCarousel.ts
+var import_react21 = require("react");
+var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
+
+// hooks/useDialogSteps.ts
+var import_react22 = require("react");
+
+// hooks/useClipboard.ts
+var import_react23 = require("react");
+
+// hooks/useBreakpoint.ts
+var import_react24 = require("react");
+
+// hooks/useWindowSize.ts
+var import_react25 = require("react");
+
+// hooks/useFocusWithin.ts
+var import_react26 = require("react");
+
+// hooks/useMediaQuery.ts
+var import_react27 = require("react");
+
+// hooks/useScrollPosition.ts
+var import_react28 = require("react");
+
+// hooks/useTable.ts
+var import_react29 = require("react");
+
+// hooks/useTabs.ts
+var import_react30 = require("react");
+
+// hooks/useMeasureDirty.ts
+var import_react31 = require("react");
+
+// hooks/useClickOutside.ts
+var import_react32 = require("react");
+
+// hooks/useShortcuts.ts
+var import_react33 = require("react");
+
+// hooks/useWindowEvent.ts
+var import_react34 = require("react");
+function useWindowEvent(type, listener, options) {
+  (0, import_react34.useEffect)(() => {
+    window.addEventListener(type, listener, options);
+    return () => window.removeEventListener(type, listener, options);
+  }, [type, listener]);
+}
+
+// hooks/useViewportSize.ts
+var import_react35 = require("react");
+var eventListerOptions = {
+  passive: true
+};
+function useViewportSize() {
+  const [windowSize, setWindowSize] = (0, import_react35.useState)({
+    width: 0,
+    height: 0
+  });
+  const setSize = (0, import_react35.useCallback)(() => {
+    setWindowSize({
+      width: window.innerWidth || 0,
+      height: window.innerHeight || 0
+    });
+  }, []);
+  useWindowEvent("resize", setSize, eventListerOptions);
+  useWindowEvent("orientationchange", setSize, eventListerOptions);
+  (0, import_react35.useEffect)(setSize, []);
+  return windowSize;
+}
+
+// elements/tabs/Tabs.tsx
+var Popover = __toESM(require("@radix-ui/react-popover"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var import_tailwind_variants = require("tailwind-variants");
+
+// elements/chip/Chip.tsx
+var import_react36 = __toESM(require("react"));
+var Chip = import_react36.default.forwardRef(
+  ({
+    label,
+    size = "normal",
+    icon,
+    color,
+    radius = "inherit",
+    dot,
+    dotStatus = "none",
+    ...rest
+  }, ref) => {
+    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
+    let radiusStyles = {
+      inherit: " hawa-rounded",
+      full: "hawa-rounded-full",
+      none: "hawa-rounded-none"
+    };
+    let sizeStyles = {
+      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
+      normal: "hawa-h-fit hawa-text-xs",
+      large: "hawa-text-base"
+    };
+    let dotStyles = {
+      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
+      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
+      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    };
+    let dotStatusStyles = {
+      none: "hawa-bg-gray-500 dark:hawa-bg-gray-800",
+      available: "hawa-bg-green-500",
+      unavailable: "hawa-bg-red-500"
+    };
+    let colorStyles = {
+      green: "hawa-bg-green-200 hawa-text-green-700 dark:hawa-bg-green-700 dark:hawa-text-green-200",
+      blue: "hawa-bg-blue-200 hawa-text-blue-700 dark:hawa-bg-blue-700 dark:hawa-text-blue-100",
+      red: "hawa-bg-red-200 hawa-text-red-700 dark:hawa-bg-red-700 dark:hawa-text-red-100",
+      yellow: "hawa-bg-yellow-200 hawa-text-yellow-700 dark:hawa-bg-yellow-600 dark:hawa-text-black",
+      orange: "hawa-bg-orange-200 hawa-text-orange-700 dark:hawa-bg-orange-700 dark:hawa-text-orange-100",
+      purple: "hawa-bg-purple-200 hawa-text-purple-700 dark:hawa-bg-purple-700 dark:hawa-text-purple-100",
+      cyan: "hawa-bg-cyan-200 hawa-text-cyan-700 dark:hawa-bg-cyan-700 dark:hawa-text-cyan-100",
+      hyper: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
+      oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
+    };
+    if (label) {
+      return /* @__PURE__ */ import_react36.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            defaultStyles,
+            sizeStyles[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none",
+            rest.className
+          )
+        },
+        dot && /* @__PURE__ */ import_react36.default.createElement(
+          "span",
+          {
+            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
+          }
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ import_react36.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            "hawa-h-2 hawa-w-2 hawa-rounded-full",
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        }
+      );
+    }
+  }
+);
+
+// elements/scrollArea/ScrollArea.tsx
+var React29 = __toESM(require("react"));
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
+var ScrollArea = React29.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => {
+  const scrollAreaRef = React29.useRef(null);
+  const isDragging = React29.useRef(false);
+  const startPos = React29.useRef({ x: 0, y: 0 });
+  const scrollPos = React29.useRef({ top: 0, left: 0 });
+  const [showLeftFade, setShowLeftFade] = React29.useState(false);
+  const [showRightFade, setShowRightFade] = React29.useState(false);
+  const checkOverflow = () => {
+    if (scrollAreaRef.current) {
+      const { scrollLeft, scrollWidth, clientWidth } = scrollAreaRef.current;
+      setShowLeftFade(scrollLeft > 0);
+      setShowRightFade(scrollLeft + clientWidth < scrollWidth);
+    }
+  };
+  const onMouseDown = (e) => {
+    isDragging.current = true;
+    startPos.current = { x: e.clientX, y: e.clientY };
+    if (scrollAreaRef.current) {
+      scrollPos.current = {
+        top: scrollAreaRef.current.scrollTop,
+        left: scrollAreaRef.current.scrollLeft
+      };
+    }
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+  };
+  const onMouseMove = (e) => {
+    if (!isDragging.current || !scrollAreaRef.current) return;
+    const dx = e.clientX - startPos.current.x;
+    const dy = e.clientY - startPos.current.y;
+    if (orientation === "vertical") {
+      scrollAreaRef.current.scrollTop = scrollPos.current.top - dy;
+    } else {
+      scrollAreaRef.current.scrollLeft = scrollPos.current.left - dx;
+      checkOverflow();
+    }
+  };
+  const onMouseUp = () => {
+    isDragging.current = false;
+    document.removeEventListener("mousemove", onMouseMove);
+    document.removeEventListener("mouseup", onMouseUp);
+  };
+  React29.useEffect(() => {
+    checkOverflow();
+    if (scrollAreaRef.current) {
+      scrollAreaRef.current.addEventListener("scroll", checkOverflow);
+      window.addEventListener("resize", checkOverflow);
+    }
+    return () => {
+      if (scrollAreaRef.current) {
+        scrollAreaRef.current.removeEventListener("scroll", checkOverflow);
+      }
+      window.removeEventListener("resize", checkOverflow);
+    };
+  }, []);
+  return /* @__PURE__ */ React29.createElement(
+    ScrollAreaPrimitive.Root,
+    {
+      ref,
+      className: cn("hawa-relative hawa-overflow-hidden", className),
+      ...props
+    },
+    /* @__PURE__ */ React29.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-h-full hawa-w-[50px] hawa-z-10 hawa-start-0 hawa-mask-fade-right",
+          showLeftFade ? "hawa-block" : "hawa-hidden"
+        )
+      }
+    ),
+    /* @__PURE__ */ React29.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-pointer-events-none hawa-absolute hawa-bg-background hawa-mask-fade-left hawa-end-0 hawa-h-full hawa-w-[50px] hawa-z-10",
+          showRightFade ? "hawa-block" : "hawa-hidden"
+        )
+      }
+    ),
+    /* @__PURE__ */ React29.createElement(
+      ScrollAreaPrimitive.Viewport,
+      {
+        ref: scrollAreaRef,
+        className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]",
+        onMouseDown
+      },
+      children
+    ),
+    /* @__PURE__ */ React29.createElement(ScrollBar, { orientation }),
+    /* @__PURE__ */ React29.createElement(ScrollAreaPrimitive.Corner, null)
+  );
+});
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React29.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React29.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
+      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
+      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React29.createElement(
+    ScrollAreaPrimitive.ScrollAreaThumb,
+    {
+      className: cn(
+        "hawa-relative hawa-rounded-full hawa-bg-border",
+        orientation === "vertical" && "hawa-flex-1"
+      )
+    }
+  )
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// elements/tabs/Tabs.tsx
+var tabsListVariant = (0, import_tailwind_variants.tv)({
+  base: "",
+  variants: {
+    variant: {
+      default: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
+      underlined: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded  hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
+      underlined_tabs: "hawa-flex hawa-w-fit hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
+    },
+    orientation: { horizontal: "", vertical: "" }
+  },
+  compoundVariants: [
+    {
+      variant: "underlined_tabs",
+      orientation: "vertical",
+      class: "hawa-border-e-2 hawa-border-e-primary"
+    },
+    {
+      variant: "underlined_tabs",
+      orientation: "horizontal",
+      class: "hawa-border-b-2 hawa-border-b-primary"
+    }
+  ],
+  defaultVariants: { variant: "default", orientation: "horizontal" }
+});
+var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
+  base: "",
+  variants: {
+    variant: {
+      default: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm  dark:hawa-border-primary/10",
+      underlined: "hawa-inline-flex  hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+      underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded   hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground  dark:hawa-border-primary/10"
+    },
+    orientation: { horizontal: "", vertical: "" }
+  },
+  compoundVariants: [
+    {
+      variant: "underlined",
+      orientation: "horizontal",
+      class: "data-[state=active]:hawa-border-b-primary hawa-border-b hawa-border-b-2"
+    },
+    {
+      variant: "underlined",
+      orientation: "vertical",
+      class: "data-[state=active]:hawa-border-e-primary hawa-border-e hawa-border-e-2"
+    },
+    {
+      variant: "underlined_tabs",
+      orientation: "horizontal",
+      class: "hawa-rounded-b-none"
+    },
+    {
+      variant: "underlined_tabs",
+      orientation: "vertical",
+      class: "hawa-rounded-e-none"
+    }
+  ],
+  defaultVariants: { variant: "default", orientation: "horizontal" }
+});
+var TabsContext = React30.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
+var Tabs = React30.forwardRef(
+  ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React30.createElement(
+    TabsPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-gap-2",
+        orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React30.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
+  )
+);
+var TabsList = React30.forwardRef(({ className, classNames, ...props }, ref) => {
+  const { orientation, variant, scrollable } = React30.useContext(TabsContext);
+  const { width } = useViewportSize();
+  if (scrollable && width < 768 && orientation === "horizontal") {
+    return /* @__PURE__ */ React30.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React30.createElement(
+      TabsPrimitive.List,
+      {
+        ref,
+        className: cn(
+          tabsListVariant({ variant, orientation }),
+          "hawa-flex-row hawa-flex-nowrap",
+          className
+        ),
+        ...props
+      }
+    ));
+  } else {
+    return /* @__PURE__ */ React30.createElement(
+      TabsPrimitive.List,
+      {
+        ref,
+        className: cn(
+          tabsListVariant({ variant, orientation }),
+          orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
+          "hawa-flex-wrap",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+});
+var TabsTrigger = React30.forwardRef(
+  ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
+    const { orientation, variant } = React30.useContext(TabsContext);
+    if (withPopover) {
+      return /* @__PURE__ */ React30.createElement(Popover.Root, { open: props.showPopover }, /* @__PURE__ */ React30.createElement(Popover.Anchor, { asChild: true }, /* @__PURE__ */ React30.createElement(
+        TabsPrimitive.Trigger,
+        {
+          className: cn(
+            tabsTriggerVariant({ variant, orientation }),
+            "hawa-relative",
+            className
+          ),
+          ...props
+        },
+        props.children,
+        chipProps && /* @__PURE__ */ React30.createElement(Chip, { ...chipProps })
+      )), /* @__PURE__ */ React30.createElement(
+        Popover.Content,
+        {
+          onClick: onPopoverClick,
+          asChild: true,
+          className: cn(
+            "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+            "hawa-arrow-default-top hawa-mt-2"
+          )
+        },
+        /* @__PURE__ */ React30.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
+      ));
+    } else {
+      return /* @__PURE__ */ React30.createElement(
+        TabsPrimitive.Trigger,
+        {
+          className: cn(
+            tabsTriggerVariant({ variant, orientation }),
+            "hawa-relative",
+            className
+          ),
+          ...props
+        },
+        props.children,
+        chipProps && /* @__PURE__ */ React30.createElement(Chip, { ...chipProps })
+      );
+    }
+  }
+);
+var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "hawa-ring-offset-hawa-background hawa-w-full focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+Tabs.displayName = TabsPrimitive.Root.displayName;
+TabsList.displayName = TabsPrimitive.List.displayName;
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
 // blocks/auth/RegisterForm.tsx
 var RegisterForm = ({
   texts,
@@ -4040,10 +4510,15 @@ var RegisterForm = ({
   minPasswordLength = 8,
   showTermsOption = false,
   showNewsletterOption = false,
+  registerTypes,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const [passwordVisible, setPasswordVisible] = (0, import_react17.useState)(false);
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  const [passwordVisible, setPasswordVisible] = (0, import_react37.useState)(false);
+  const [selectedRegisterType, setSelectedRegisterType] = (0, import_react37.useState)({
+    value: ((_a = registerTypes == null ? void 0 : registerTypes[0]) == null ? void 0 : _a.value) || "password",
+    label: ((_b = registerTypes == null ? void 0 : registerTypes[0]) == null ? void 0 : _b.label) || "Password"
+  });
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
     continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
@@ -4055,8 +4530,12 @@ var RegisterForm = ({
   };
   const methods = (0, import_react_hook_form2.useForm)();
   let fieldSchemas = {};
+  const hasPhoneType = registerTypes == null ? void 0 : registerTypes.some((type) => type.value === "phone");
+  if (hasPhoneType && selectedRegisterType.value === "phone") {
+    registerFields = ["phone"];
+  }
   registerFields.forEach((field) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     switch (field) {
       case "fullname":
         fieldSchemas["fullName"] = z2.string().optional();
@@ -4081,351 +4560,506 @@ var RegisterForm = ({
           { message: ((_g2 = texts == null ? void 0 : texts.username) == null ? void 0 : _g2.invalid) || "Invalid username" }
         );
         break;
+      case "phone":
+        fieldSchemas["phone"] = z2.string({
+          required_error: ((_h2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _h2.required) || "Phone Number Required"
+        }).refine(
+          (value) => {
+            let isPhoneValid = (0, import_libphonenumber_js2.isPossiblePhoneNumber)(value) && (0, import_libphonenumber_js2.isValidPhoneNumber)(value) && (0, import_libphonenumber_js2.validatePhoneNumberLength)(value) === void 0;
+            return isPhoneValid;
+          },
+          { message: ((_i2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _i2.invalid) || "Phone Number Invalid" }
+        );
+        break;
     }
   });
-  const formSchema = z2.object({
-    ...fieldSchemas,
-    password: z2.string({
-      required_error: ((_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required) || "Password is required"
-    }).min(minPasswordLength, {
-      message: ((_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.tooShort) || "Password is too short"
-    }).refine((value) => value !== "", {
-      message: ((_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.required) || "Password is required"
-    }),
-    confirm_password: z2.string({
-      required_error: ((_d = texts == null ? void 0 : texts.confirm) == null ? void 0 : _d.required) || "Confirm password required"
-    }).min(minPasswordLength, {
-      message: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.tooShort) || "Password is too short"
-    }).refine((value) => value !== "", {
-      message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.required) || "Confirm password is required"
-    }),
-    refCode: z2.string().optional(),
-    reference: z2.string().optional(),
-    terms_accepted: z2.boolean({ required_error: (texts == null ? void 0 : texts.termsRequired) || "Terms required" }).refine((value) => value, {
-      message: (texts == null ? void 0 : texts.termsRequired) || "Terms required"
-    }),
-    newsletter_accepted: z2.boolean().optional()
-  }).refine((data) => data.password === data.confirm_password, {
-    message: ((_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch) || "Passwords don't match",
-    path: ["confirm_password"]
-  });
+  let formSchema;
+  if (selectedRegisterType.value === "phone") {
+    formSchema = z2.object({
+      phone: z2.string({
+        required_error: ((_c = texts == null ? void 0 : texts.phone) == null ? void 0 : _c.required) || "Phone Number Required"
+      }).refine(
+        (value) => {
+          let isPhoneValid = (0, import_libphonenumber_js2.isPossiblePhoneNumber)(value) && (0, import_libphonenumber_js2.isValidPhoneNumber)(value) && (0, import_libphonenumber_js2.validatePhoneNumberLength)(value) === void 0;
+          return isPhoneValid;
+        },
+        { message: ((_d = texts == null ? void 0 : texts.phone) == null ? void 0 : _d.invalid) || "Phone Number Invalid" }
+      ),
+      refCode: z2.string().optional(),
+      reference: z2.string().optional(),
+      terms_accepted: z2.boolean({ required_error: (texts == null ? void 0 : texts.termsRequired) || "Terms required" }).refine((value) => value, {
+        message: (texts == null ? void 0 : texts.termsRequired) || "Terms required"
+      }),
+      newsletter_accepted: z2.boolean().optional()
+    });
+  } else {
+    formSchema = z2.object({
+      ...fieldSchemas,
+      password: z2.string({
+        required_error: ((_e = texts == null ? void 0 : texts.password) == null ? void 0 : _e.required) || "Password is required"
+      }).min(minPasswordLength, {
+        message: ((_f = texts == null ? void 0 : texts.password) == null ? void 0 : _f.tooShort) || "Password is too short"
+      }).refine((value) => value !== "", {
+        message: ((_g = texts == null ? void 0 : texts.password) == null ? void 0 : _g.required) || "Password is required"
+      }),
+      confirm_password: z2.string({
+        required_error: ((_h = texts == null ? void 0 : texts.confirm) == null ? void 0 : _h.required) || "Confirm password required"
+      }).min(minPasswordLength, {
+        message: ((_i = texts == null ? void 0 : texts.password) == null ? void 0 : _i.tooShort) || "Password is too short"
+      }).refine((value) => value !== "", {
+        message: ((_j = texts == null ? void 0 : texts.password) == null ? void 0 : _j.required) || "Confirm password is required"
+      }),
+      refCode: z2.string().optional(),
+      reference: z2.string().optional(),
+      terms_accepted: z2.boolean({ required_error: (texts == null ? void 0 : texts.termsRequired) || "Terms required" }).refine((value) => value, {
+        message: (texts == null ? void 0 : texts.termsRequired) || "Terms required"
+      }),
+      newsletter_accepted: z2.boolean().optional()
+    }).refine((data) => data.password === data.confirm_password, {
+      message: ((_k = texts == null ? void 0 : texts.confirm) == null ? void 0 : _k.dontMatch) || "Passwords don't match",
+      path: ["confirm_password"]
+    });
+  }
   const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
     resolver: (0, import_zod2.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react17.default.createElement(
-    "div",
+  return /* @__PURE__ */ import_react37.default.createElement("div", { className: cn("hawa-flex hawa-flex-col", (_l = props.classNames) == null ? void 0 : _l.root) }, /* @__PURE__ */ import_react37.default.createElement(
+    Card,
     {
+      dir: props.direction,
       className: cn(
-        "hawa-flex hawa-flex-col hawa-gap-4",
-        (_h = props.classNames) == null ? void 0 : _h.root
+        (_m = props.classNames) == null ? void 0 : _m.card,
+        props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
       )
     },
-    /* @__PURE__ */ import_react17.default.createElement(
-      Card,
+    /* @__PURE__ */ import_react37.default.createElement(
+      CardContent,
       {
-        dir: props.direction,
-        className: cn(
-          (_i = props.classNames) == null ? void 0 : _i.card,
-          props.cardless && "hawa-border-none hawa-bg-transparent !hawa-shadow-none !hawa-drop-shadow-none"
-        )
+        headless: registerTypes ? registerTypes.length <= 1 : true,
+        noPadding: props.cardless
       },
-      /* @__PURE__ */ import_react17.default.createElement(CardContent, { headless: true, noPadding: props.cardless }, /* @__PURE__ */ import_react17.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react17.default.createElement(
-        Alert,
+      /* @__PURE__ */ import_react37.default.createElement(
+        "div",
         {
-          direction: props.direction,
-          title: props.errorTitle,
-          text: props.errorText,
-          severity: "error",
-          onAlertClosed: () => {
-            if (props.onErrorDismissed) {
-              props.onErrorDismissed();
+          className: cn(registerTypes && registerTypes.length > 1 ? "hawa-mt-6 hawa-mb-0" : "")
+        },
+        props.showError && /* @__PURE__ */ import_react37.default.createElement(
+          Alert,
+          {
+            direction: props.direction,
+            title: props.errorTitle,
+            text: props.errorText,
+            severity: "error",
+            onAlertClosed: () => {
+              if (props.onErrorDismissed) {
+                props.onErrorDismissed();
+              }
             }
           }
-        }
-      ), /* @__PURE__ */ import_react17.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react17.default.createElement(
-        "form",
-        {
-          noValidate: true,
-          onSubmit: handleSubmit((e) => {
-            if (props.onRegister) {
-              return props.onRegister(e);
-            } else {
-              console.log(
-                "Form is submitted but onRegister prop is missing"
-              );
-            }
-          }),
-          className: "hawa-flex hawa-flex-col hawa-gap-4"
-        },
-        /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
-          if (fld === "fullname") {
-            return /* @__PURE__ */ import_react17.default.createElement(
-              import_react_hook_form2.Controller,
+        ),
+        /* @__PURE__ */ import_react37.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react37.default.createElement(
+          "form",
+          {
+            noValidate: true,
+            onSubmit: handleSubmit((e) => {
+              if (props.onRegister) {
+                return props.onRegister(e);
+              } else {
+                console.log("Form is submitted but onRegister prop is missing");
+              }
+            }),
+            className: "hawa-flex hawa-flex-col hawa-gap-4"
+          },
+          /* @__PURE__ */ import_react37.default.createElement(
+            Tabs,
+            {
+              dir: props.direction,
+              value: selectedRegisterType.value,
+              onValueChange: (e) => {
+                if (props.onRegisterTypeChange) {
+                  props.onRegisterTypeChange(e);
+                }
+                setSelectedRegisterType(
+                  (registerTypes == null ? void 0 : registerTypes.find((r) => r.value === e)) || registerTypes && registerTypes[0] || {
+                    label: "Password",
+                    value: "password"
+                  }
+                );
+              }
+            },
+            registerTypes && registerTypes.length > 1 && /* @__PURE__ */ import_react37.default.createElement(CardHeader, { className: "hawa-w-full hawa-px-0 hawa-py-0 hawa-mb-4" }, /* @__PURE__ */ import_react37.default.createElement(TabsList, { className: "hawa-w-full" }, registerTypes.map((registerType) => /* @__PURE__ */ import_react37.default.createElement(TabsTrigger, { value: registerType.value }, registerType.label)))),
+            /* @__PURE__ */ import_react37.default.createElement(
+              TabsContent,
               {
-                key: i,
-                control,
-                name: "fullName",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
-                  return /* @__PURE__ */ import_react17.default.createElement(
-                    Input,
+                value: "password",
+                className: cn(
+                  "hawa-flex hawa-flex-col hawa-gap-4",
+                  selectedRegisterType.value === "password" ? "hawa-block" : "hawa-hidden"
+                ),
+                dir: props.direction
+              },
+              /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+                if (fld === "fullname") {
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    import_react_hook_form2.Controller,
                     {
-                      width: "full",
-                      label: ((_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label) || "Full Name",
-                      placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
-                      helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
-                      ...field
+                      key: i,
+                      control,
+                      name: "fullName",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2;
+                        return /* @__PURE__ */ import_react37.default.createElement(
+                          Input,
+                          {
+                            width: "full",
+                            label: ((_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label) || "Full Name",
+                            placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
+                            helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
+                            ...field
+                          }
+                        );
+                      }
                     }
                   );
                 }
-              }
-            );
-          }
-          if (fld === "email") {
-            return /* @__PURE__ */ import_react17.default.createElement(
-              import_react_hook_form2.Controller,
-              {
-                key: i,
-                control,
-                name: "email",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
-                  return /* @__PURE__ */ import_react17.default.createElement(
-                    Input,
+                if (fld === "email") {
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    import_react_hook_form2.Controller,
                     {
-                      dir: "ltr",
-                      inputProps: {
-                        className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
-                      },
-                      width: "full",
-                      autoComplete: "email",
-                      label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
-                      helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
-                      placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
-                      ...field,
-                      onChange: (e) => {
-                        field.onChange(
-                          e.target.value.toLowerCase().trim()
+                      key: i,
+                      control,
+                      name: "email",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2;
+                        return /* @__PURE__ */ import_react37.default.createElement(
+                          Input,
+                          {
+                            dir: "ltr",
+                            inputProps: {
+                              className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
+                            },
+                            width: "full",
+                            autoComplete: "email",
+                            label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
+                            helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
+                            placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
+                            ...field,
+                            onChange: (e) => {
+                              field.onChange(e.target.value.toLowerCase().trim());
+                            }
+                          }
                         );
                       }
                     }
                   );
                 }
-              }
-            );
-          }
-          if (fld === "username") {
-            return /* @__PURE__ */ import_react17.default.createElement(
-              import_react_hook_form2.Controller,
-              {
-                key: i,
-                control,
-                name: "username",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2, _d2;
-                  return /* @__PURE__ */ import_react17.default.createElement(
-                    Input,
+                if (fld === "username") {
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    import_react_hook_form2.Controller,
                     {
-                      width: "full",
-                      autoComplete: "username",
-                      label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
-                      labelProps: {
-                        ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
-                      },
-                      helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
-                      placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
-                      ...field
+                      key: i,
+                      control,
+                      name: "username",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2, _d2;
+                        return /* @__PURE__ */ import_react37.default.createElement(
+                          Input,
+                          {
+                            width: "full",
+                            autoComplete: "username",
+                            label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
+                            labelProps: {
+                              ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
+                            },
+                            helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
+                            placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
+                            ...field
+                          }
+                        );
+                      }
                     }
                   );
                 }
-              }
-            );
-          }
-        })),
-        /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "password",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Input,
+              })),
+              /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
                 {
-                  width: "full",
-                  type: passwordVisible ? "text" : "password",
-                  endIcon: /* @__PURE__ */ import_react17.default.createElement(
-                    "div",
-                    {
-                      className: "hawa-cursor-pointer",
-                      onClick: () => setPasswordVisible(!passwordVisible)
-                    },
-                    passwordVisible ? /* @__PURE__ */ import_react17.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react17.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                    " "
-                  ),
-                  autoComplete: "new-password",
-                  label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                  placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-                  helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                  ...field
+                  control,
+                  name: "password",
+                  render: ({ field }) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        type: passwordVisible ? "text" : "password",
+                        autoComplete: "new-password",
+                        label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+                        helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+                        endIcon: /* @__PURE__ */ import_react37.default.createElement(
+                          "div",
+                          {
+                            className: "hawa-cursor-pointer",
+                            onClick: () => setPasswordVisible(!passwordVisible)
+                          },
+                          passwordVisible ? /* @__PURE__ */ import_react37.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react37.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                          " "
+                        ),
+                        ...field
+                      }
+                    );
+                  }
                 }
-              );
-            }
-          }
-        ),
-        /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "confirm_password",
-            render: ({ field }) => {
-              var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Input,
+              ),
+              /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
                 {
-                  width: "full",
-                  type: "password",
-                  autoComplete: "new-password",
-                  label: ((_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label) || "Confirm Password",
-                  placeholder: ((_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder) || "Confirm your Password",
-                  helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-                  ...field
+                  control,
+                  name: "confirm_password",
+                  render: ({ field }) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        type: passwordVisible ? "text" : "password",
+                        autoComplete: "new-password",
+                        label: ((_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label) || "Confirm Password",
+                        placeholder: ((_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder) || "Confirm your Password",
+                        helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+                        endIcon: /* @__PURE__ */ import_react37.default.createElement(
+                          "div",
+                          {
+                            className: "hawa-cursor-pointer",
+                            onClick: () => setPasswordVisible(!passwordVisible)
+                          },
+                          passwordVisible ? /* @__PURE__ */ import_react37.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react37.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                          " "
+                        ),
+                        ...field
+                      }
+                    );
+                  }
                 }
-              );
-            }
-          }
-        ),
-        props.additionalInputs,
-        props.showRefCode && /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "refCode",
-            render: ({ field }) => {
-              var _a2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Input,
+              ),
+              props.additionalInputs,
+              props.showRefCode && /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
                 {
-                  width: "full",
-                  label: texts == null ? void 0 : texts.refCode,
-                  placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
-                  helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
-                  ...field
+                  control,
+                  name: "refCode",
+                  render: ({ field }) => {
+                    var _a2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        label: texts == null ? void 0 : texts.refCode,
+                        placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
+                        helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
+                        ...field
+                      }
+                    );
+                  }
                 }
-              );
-            }
-          }
-        ),
-        props.showUserSource && /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "reference",
-            render: ({ field }) => {
-              var _a2, _b2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Select,
+              ),
+              props.showUserSource && /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
                 {
-                  label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
-                  placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
-                  isCreatable: false,
-                  isMulti: false,
-                  isSearchable: false,
-                  isClearable: false,
-                  options: props.userReferenceOptions || [],
-                  onChange: (e) => field.onChange(e)
+                  control,
+                  name: "reference",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Select,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+                        isCreatable: false,
+                        isMulti: false,
+                        isSearchable: false,
+                        isClearable: false,
+                        options: props.userReferenceOptions || [],
+                        onChange: (e) => field.onChange(e)
+                      }
+                    );
+                  }
                 }
-              );
-            }
-          }
-        ),
-        showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "terms_accepted",
-            render: ({ field }) => {
-              var _a2, _b2;
-              return /* @__PURE__ */ import_react17.default.createElement(
-                Checkbox,
+              )
+            ),
+            /* @__PURE__ */ import_react37.default.createElement(
+              TabsContent,
+              {
+                value: "phone",
+                className: cn(
+                  "hawa-flex hawa-flex-col hawa-gap-4",
+                  selectedRegisterType.value === "phone" ? "hawa-block" : "hawa-hidden"
+                ),
+                dir: props.direction
+              },
+              /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
                 {
-                  id: "terms_accepted",
-                  helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
-                  onCheckedChange: (e) => field.onChange(e),
-                  label: /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react17.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react17.default.createElement(
-                    "span",
-                    {
-                      onClick: (e) => {
-                        e.preventDefault();
-                        if (props.onRouteToTOS) {
-                          props.onRouteToTOS();
+                  control,
+                  name: "phone",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      PhoneInput,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
+                        helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
+                        preferredCountry: { label: "+966" },
+                        ...props.phoneInputProps,
+                        handleChange: (e) => {
+                          if ((0, import_libphonenumber_js2.isValidPhoneNumber)(e) && (0, import_libphonenumber_js2.isPossiblePhoneNumber)(e) && (0, import_libphonenumber_js2.validatePhoneNumberLength)(e) === void 0) {
+                            let parsed = (0, import_libphonenumber_js2.parsePhoneNumber)(e);
+                            field.onChange(parsed.number);
+                          } else {
+                            field.onChange(e);
+                          }
                         }
-                      },
-                      className: "clickable-link"
-                    },
-                    (texts == null ? void 0 : texts.termsText) || "Terms of Service"
-                  )))
+                      }
+                    );
+                  }
                 }
-              );
-            }
-          }
-        ), showNewsletterOption && /* @__PURE__ */ import_react17.default.createElement(
-          import_react_hook_form2.Controller,
-          {
-            control,
-            name: "newsletter_accepted",
-            render: ({ field }) => /* @__PURE__ */ import_react17.default.createElement(
-              Checkbox,
+              ),
+              props.additionalInputs,
+              props.showRefCode && /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "refCode",
+                  render: ({ field }) => {
+                    var _a2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        label: texts == null ? void 0 : texts.refCode,
+                        placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
+                        helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
+                        ...field
+                      }
+                    );
+                  }
+                }
+              ),
+              props.showUserSource && /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "reference",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Select,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+                        isCreatable: false,
+                        isMulti: false,
+                        isSearchable: false,
+                        isClearable: false,
+                        options: props.userReferenceOptions || [],
+                        onChange: (e) => field.onChange(e)
+                      }
+                    );
+                  }
+                }
+              )
+            ),
+            showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
               {
-                id: "newsletter_accepted",
-                label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
-                onCheckedChange: field.onChange
+                control,
+                name: "terms_accepted",
+                render: ({ field }) => {
+                  var _a2, _b2;
+                  return /* @__PURE__ */ import_react37.default.createElement(
+                    Checkbox,
+                    {
+                      id: "terms_accepted",
+                      helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
+                      onCheckedChange: (e) => field.onChange(e),
+                      label: /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react37.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react37.default.createElement(
+                        "span",
+                        {
+                          onClick: (e) => {
+                            e.preventDefault();
+                            if (props.onRouteToTOS) {
+                              props.onRouteToTOS();
+                            }
+                          },
+                          className: "clickable-link"
+                        },
+                        (texts == null ? void 0 : texts.termsText) || "Terms of Service"
+                      )))
+                    }
+                  );
+                }
               }
-            )
-          }
-        )) : null,
-        /* @__PURE__ */ import_react17.default.createElement(
-          Button,
-          {
-            className: "hawa-w-full",
-            type: "submit",
-            isLoading: props.isLoading,
-            disabled: props.isLoading
-          },
-          (texts == null ? void 0 : texts.registerText) || "Register"
-        ),
-        props.additionalButtons
-      )), props.onRouteToLogin && /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react17.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react17.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))),
-      props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react17.default.createElement(
-        CardFooter,
-        {
-          noPadding: props.cardless,
-          className: cn(
-            props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
-          )
-        },
-        /* @__PURE__ */ import_react17.default.createElement(
-          AuthButtons,
-          {
-            texts: thirdPartyAuthTexts,
-            viaGoogle: props.viaGoogle,
-            viaGithub: props.viaGithub,
-            viaTwitter: props.viaTwitter,
-            isGoogleLoading: props.isGoogleLoading,
-            isGithubLoading: props.isGithubLoading,
-            isTwitterLoading: props.isTwitterLoading,
-            handleGoogle: props.onGoogleRegister,
-            handleGithub: props.onGithubRegister,
-            handleTwitter: props.onTwitterRegister
-          }
+            ), showNewsletterOption && /* @__PURE__ */ import_react37.default.createElement(
+              import_react_hook_form2.Controller,
+              {
+                control,
+                name: "newsletter_accepted",
+                render: ({ field }) => /* @__PURE__ */ import_react37.default.createElement(
+                  Checkbox,
+                  {
+                    id: "newsletter_accepted",
+                    label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
+                    onCheckedChange: field.onChange
+                  }
+                )
+              }
+            )) : null
+          ),
+          /* @__PURE__ */ import_react37.default.createElement(
+            Button,
+            {
+              className: "hawa-w-full",
+              type: "submit",
+              isLoading: props.isLoading,
+              disabled: props.isLoading
+            },
+            (texts == null ? void 0 : texts.registerText) || "Register"
+          ),
+          props.additionalButtons
+        )),
+        props.onRouteToLogin && /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react37.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react37.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login"))
+      )
+    ),
+    props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react37.default.createElement(
+      CardFooter,
+      {
+        noPadding: props.cardless,
+        className: cn(
+          props.logosOnly ? "hawa-flex hawa-flex-row hawa-justify-center hawa-gap-2" : "hawa-grid hawa-grid-cols-1 hawa-gap-2"
         )
-      ) : null
-    )
-  );
+      },
+      /* @__PURE__ */ import_react37.default.createElement(
+        AuthButtons,
+        {
+          texts: thirdPartyAuthTexts,
+          viaGoogle: props.viaGoogle,
+          viaGithub: props.viaGithub,
+          viaTwitter: props.viaTwitter,
+          isGoogleLoading: props.isGoogleLoading,
+          isGithubLoading: props.isGithubLoading,
+          isTwitterLoading: props.isTwitterLoading,
+          handleGoogle: props.onGoogleRegister,
+          handleGithub: props.onGithubRegister,
+          handleTwitter: props.onTwitterRegister
+        }
+      )
+    ) : null
+  ));
 };
 
 // blocks/auth/AppLanding.tsx
-var import_react18 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 var AppLanding = ({ texts, ...props }) => {
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
@@ -4436,7 +5070,7 @@ var AppLanding = ({ texts, ...props }) => {
     continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
     continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
   };
-  return /* @__PURE__ */ import_react18.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react18.default.createElement(Card, null, /* @__PURE__ */ import_react18.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react38.default.createElement(Card, null, /* @__PURE__ */ import_react38.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react38.default.createElement(
     AuthButtons,
     {
       texts: thirdPartyAuthTexts,
@@ -4455,7 +5089,7 @@ var AppLanding = ({ texts, ...props }) => {
       handleEmail: props.handleEmail,
       handlePhone: props.handlePhone
     }
-  ), props.allowRegister && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react18.default.createElement(
+  ), props.allowRegister && /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react38.default.createElement(
     "span",
     {
       onClick: props.handleRouteToRegister,
@@ -4466,9 +5100,9 @@ var AppLanding = ({ texts, ...props }) => {
 };
 
 // blocks/auth/CheckEmail.tsx
-var import_react19 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 var CheckEmail = ({ texts, handleResend }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(Card, null, /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react39.default.createElement(Card, null, /* @__PURE__ */ import_react39.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react39.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -4481,13 +5115,13 @@ var CheckEmail = ({ texts, handleResend }) => {
       width: "0.5em",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react19.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
-    /* @__PURE__ */ import_react19.default.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ import_react19.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react19.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
+    /* @__PURE__ */ import_react39.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
+    /* @__PURE__ */ import_react39.default.createElement("polyline", { points: "22,6 12,13 2,6" })
+  )), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ import_react39.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react39.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 
 // blocks/auth/NewPassword.tsx
-var import_react20 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
@@ -4509,7 +5143,7 @@ var NewPasswordForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
     resolver: (0, import_zod3.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react20.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement(Card, { dir: props.direction }, props.showSuccess ? /* @__PURE__ */ import_react40.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react40.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4523,7 +5157,7 @@ var NewPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ import_react20.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react20.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col" }, props.showError && /* @__PURE__ */ import_react40.default.createElement(
       Alert,
       {
         direction: props.direction,
@@ -4531,14 +5165,14 @@ var NewPasswordForm = ({
         text: props.errorText,
         severity: "error"
       }
-    ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react20.default.createElement(
+    ), /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-mb-4" }, /* @__PURE__ */ import_react40.default.createElement(
       import_react_hook_form3.Controller,
       {
         control,
         name: "password",
         render: ({ field }) => {
           var _a2, _b2, _c2;
-          return /* @__PURE__ */ import_react20.default.createElement(
+          return /* @__PURE__ */ import_react40.default.createElement(
             Input,
             {
               width: "full",
@@ -4552,14 +5186,14 @@ var NewPasswordForm = ({
           );
         }
       }
-    ), /* @__PURE__ */ import_react20.default.createElement(
+    ), /* @__PURE__ */ import_react40.default.createElement(
       import_react_hook_form3.Controller,
       {
         control,
         name: "confirm_password",
         render: ({ field }) => {
           var _a2, _b2, _c2;
-          return /* @__PURE__ */ import_react20.default.createElement(
+          return /* @__PURE__ */ import_react40.default.createElement(
             Input,
             {
               width: "full",
@@ -4573,7 +5207,7 @@ var NewPasswordForm = ({
           );
         }
       }
-    )), /* @__PURE__ */ import_react20.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react20.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react20.default.createElement(
+    )), /* @__PURE__ */ import_react40.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react40.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -4585,7 +5219,7 @@ var NewPasswordForm = ({
 };
 
 // blocks/auth/ResetPassword.tsx
-var import_react21 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
@@ -4603,7 +5237,7 @@ var ResetPasswordForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
     resolver: (0, import_zod4.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react21.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react21.default.createElement(CardHeader, null, /* @__PURE__ */ import_react21.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react21.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react41.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react41.default.createElement(import_react41.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react41.default.createElement(CardHeader, null, /* @__PURE__ */ import_react41.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react41.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react41.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4615,7 +5249,7 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ import_react21.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react21.default.createElement(
+    /* @__PURE__ */ import_react41.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, props.showError && /* @__PURE__ */ import_react41.default.createElement(
       Alert,
       {
         direction: props.direction,
@@ -4623,14 +5257,14 @@ var ResetPasswordForm = ({
         text: props.errorText,
         severity: "error"
       }
-    ), /* @__PURE__ */ import_react21.default.createElement(
+    ), /* @__PURE__ */ import_react41.default.createElement(
       import_react_hook_form4.Controller,
       {
         control,
         name: "email",
         render: ({ field }) => {
           var _a2, _b2, _c2, _d2, _e2;
-          return /* @__PURE__ */ import_react21.default.createElement(
+          return /* @__PURE__ */ import_react41.default.createElement(
             Input,
             {
               width: "full",
@@ -4646,7 +5280,7 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react21.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react21.default.createElement(
+    /* @__PURE__ */ import_react41.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react41.default.createElement(
       Button,
       {
         type: "submit",
@@ -4654,7 +5288,7 @@ var ResetPasswordForm = ({
         isLoading
       },
       ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
-    ), allowRegister && /* @__PURE__ */ import_react21.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_react21.default.createElement(
+    ), allowRegister && /* @__PURE__ */ import_react41.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_react41.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -4662,21 +5296,21 @@ var ResetPasswordForm = ({
       },
       (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
     )))
-  )) : /* @__PURE__ */ import_react21.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
+  )) : /* @__PURE__ */ import_react41.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
 };
 
 // blocks/auth/CodeConfirmation.tsx
-var import_react24 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var z5 = __toESM(require("zod"));
 
 // elements/pinInput/PinInput.tsx
-var React25 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
 // ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react23 = require("react");
+var import_react43 = require("react");
 
 // ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string6) => string6.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
@@ -4685,7 +5319,7 @@ var mergeClasses = (...classes) => classes.filter((className, index, array) => {
 }).join(" ");
 
 // ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
-var import_react22 = require("react");
+var import_react42 = require("react");
 
 // ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
@@ -4701,7 +5335,7 @@ var defaultAttributes = {
 };
 
 // ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
-var Icon = (0, import_react22.forwardRef)(
+var Icon = (0, import_react42.forwardRef)(
   ({
     color = "currentColor",
     size = 24,
@@ -4712,7 +5346,7 @@ var Icon = (0, import_react22.forwardRef)(
     iconNode,
     ...rest
   }, ref) => {
-    return (0, import_react22.createElement)(
+    return (0, import_react42.createElement)(
       "svg",
       {
         ref,
@@ -4725,7 +5359,7 @@ var Icon = (0, import_react22.forwardRef)(
         ...rest
       },
       [
-        ...iconNode.map(([tag, attrs]) => (0, import_react22.createElement)(tag, attrs)),
+        ...iconNode.map(([tag, attrs]) => (0, import_react42.createElement)(tag, attrs)),
         ...Array.isArray(children) ? children : [children]
       ]
     );
@@ -4734,8 +5368,8 @@ var Icon = (0, import_react22.forwardRef)(
 
 // ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react23.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react23.createElement)(Icon, {
+  const Component = (0, import_react43.forwardRef)(
+    ({ className, ...props }, ref) => (0, import_react43.createElement)(Icon, {
       ref,
       iconNode,
       className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
@@ -4752,7 +5386,7 @@ var Dot = createLucideIcon("Dot", [
 ]);
 
 // elements/pinInput/PinInput.tsx
-var PinInputRoot = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ React25.createElement(
+var PinInputRoot = React36.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ React36.createElement(
   import_input_otp.OTPInput,
   {
     ref,
@@ -4765,12 +5399,12 @@ var PinInputRoot = React25.forwardRef(({ className, containerClassName, ...props
   }
 ));
 PinInputRoot.displayName = "PinInputRoot";
-var PinInputGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React25.createElement("div", { ref, className: cn("hawa-flex hawa-items-center", className), ...props }));
+var PinInputGroup = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement("div", { ref, className: cn("hawa-flex hawa-items-center", className), ...props }));
 PinInputGroup.displayName = "PinInputGroup";
-var PinInputSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
-  const pinInputContext = React25.useContext(import_input_otp.OTPInputContext);
+var PinInputSlot = React36.forwardRef(({ index, className, ...props }, ref) => {
+  const pinInputContext = React36.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = pinInputContext.slots[index];
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React36.createElement(
     "div",
     {
       ref,
@@ -4782,25 +5416,25 @@ var PinInputSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
       ...props
     },
     char,
-    hasFakeCaret && /* @__PURE__ */ React25.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-inset-0 hawa-flex hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React25.createElement("div", { className: "hawa-animate-caret-blink hawa-bg-foreground hawa-h-4 hawa-w-px hawa-duration-1000" }))
+    hasFakeCaret && /* @__PURE__ */ React36.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-inset-0 hawa-flex hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-animate-caret-blink hawa-bg-foreground hawa-h-4 hawa-w-px hawa-duration-1000" }))
   );
 });
 PinInputSlot.displayName = "PinInputSlot";
-var PinInputSeperator = React25.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React25.createElement("div", { ref, role: "separator", ...props }, /* @__PURE__ */ React25.createElement(Dot, null)));
+var PinInputSeperator = React36.forwardRef(({ ...props }, ref) => /* @__PURE__ */ React36.createElement("div", { ref, role: "separator", ...props }, /* @__PURE__ */ React36.createElement(Dot, null)));
 PinInputSeperator.displayName = "PinInputSeperator";
 var PinInput = ({ separatorPosition = 0, ...props }) => {
   const maxLength = props.maxLength || 6;
   const clampedSeparatorPosition = Math.min(separatorPosition, maxLength);
   const firstGroupLength = clampedSeparatorPosition > 0 ? clampedSeparatorPosition : 0;
   const secondGroupLength = maxLength - firstGroupLength;
-  return /* @__PURE__ */ React25.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2", dir: "ltr" }, /* @__PURE__ */ React25.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React25.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React25.createElement(PinInputSlot, { key: index, index, className: "hawa-w-full hawa-border" }))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React25.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React25.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2", dir: "ltr" }, /* @__PURE__ */ React36.createElement(PinInputRoot, { ...props }, firstGroupLength > 0 && /* @__PURE__ */ React36.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(firstGroupLength)].map((_, index) => /* @__PURE__ */ React36.createElement(PinInputSlot, { key: index, index, className: "hawa-w-full hawa-border" }))), separatorPosition > 0 && separatorPosition < props.maxLength && /* @__PURE__ */ React36.createElement(PinInputSeperator, null), secondGroupLength > 0 && /* @__PURE__ */ React36.createElement(PinInputGroup, { className: "hawa-w-full hawa-gap-2" }, [...Array(secondGroupLength)].map((_, index) => /* @__PURE__ */ React36.createElement(
     PinInputSlot,
     {
       key: index + firstGroupLength,
       index: index + firstGroupLength,
       className: "hawa-w-full hawa-border"
     }
-  )))), /* @__PURE__ */ React25.createElement(HelperText, { helperText: props.helperText }));
+  )))), /* @__PURE__ */ React36.createElement(HelperText, { helperText: props.helperText }));
 };
 
 // blocks/auth/CodeConfirmation.tsx
@@ -4812,9 +5446,9 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
   const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
     resolver: (0, import_zod5.zodResolver)(formSchema)
   });
-  const [resendTimer, setResendTimer] = (0, import_react24.useState)(null);
-  const [remainingTime, setRemainingTime] = (0, import_react24.useState)(0);
-  const [showResendTimer, setShowResendTimer] = (0, import_react24.useState)(false);
+  const [resendTimer, setResendTimer] = (0, import_react44.useState)(null);
+  const [remainingTime, setRemainingTime] = (0, import_react44.useState)(0);
+  const [showResendTimer, setShowResendTimer] = (0, import_react44.useState)(false);
   const startResendTimer = () => {
     if (resendTimer !== null) {
       clearInterval(resendTimer);
@@ -4836,14 +5470,14 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
     }, 1e3);
     setResendTimer(newTimer);
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     return () => {
       if (resendTimer !== null) {
         clearInterval(resendTimer);
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react24.default.createElement(Card, null, /* @__PURE__ */ import_react24.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react24.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react24.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react24.default.createElement("span", null, props.identifier))), /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react44.default.createElement("span", null, props.identifier))), /* @__PURE__ */ import_react44.default.createElement(
     "form",
     {
       noValidate: true,
@@ -4855,14 +5489,14 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         }
       })
     },
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react44.default.createElement(
       import_react_hook_form5.Controller,
       {
         control,
         name: "otp_code",
         render: ({ field }) => {
           var _a2;
-          return /* @__PURE__ */ import_react24.default.createElement(
+          return /* @__PURE__ */ import_react44.default.createElement(
             PinInput,
             {
               maxLength: codeLength,
@@ -4873,7 +5507,7 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         }
       }
     ),
-    showResendTimer ? /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react24.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react24.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react24.default.createElement(
+    showResendTimer ? /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, (_e = props.texts) == null ? void 0 : _e.resendCodeTimer, " ", /* @__PURE__ */ import_react44.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react44.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -4884,7 +5518,7 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       },
       ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
     )),
-    /* @__PURE__ */ import_react24.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react44.default.createElement(
       Button,
       {
         type: "button",
@@ -4898,7 +5532,7 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
         variant: "outline"
       },
       ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"
-    ), /* @__PURE__ */ import_react24.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    ), /* @__PURE__ */ import_react44.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
   )));
 };
 // Annotate the CommonJS export names for ESM import in node: