@sikka/hawa 0.28.2-next → 0.29.0-next

package/dist/index.js

@@ -163,6 +163,7 @@ __export(components_exports, {
   PasswordInput: () => PasswordInput,
   PasswordStrengthIndicator: () => PasswordStrengthIndicator,
   PhoneInput: () => PhoneInput,
+  PhoneMockup: () => PhoneMockup,
   PinInput: () => PinInput,
   Popover: () => Popover,
   PopoverContent: () => PopoverContent,
@@ -8036,8 +8037,18 @@ var InterfaceSettings = ({
   ));
 };
 
-// layout/stats/Stats.tsx
+// elements/phoneMockup/PhoneMockup.tsx
 var import_react36 = __toESM(require("react"));
+var PhoneMockup = ({
+  children,
+  upperOverlayGradiant,
+  lowerOverlayGradiant,
+  phone,
+  hideButtons
+}) => /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-relative hawa-mx-auto hawa-h-[600px] hawa-w-[300px] hawa-rounded-[2.5rem] hawa-border-[14px] hawa-border-gray-800 hawa-bg-gray-800 hawa-dark:border-gray-800" }, !hideButtons && /* @__PURE__ */ import_react36.default.createElement(import_react36.default.Fragment, null, /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[72px] hawa-h-[32px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[124px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[178px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-absolute hawa--right-[16px] hawa-top-[142px] hawa-h-[64px] hawa-w-[3px] hawa-rounded-r-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" })), /* @__PURE__ */ import_react36.default.createElement("div", { className: "no-scrollbar hawa-left-0 hawa-h-[572px] hawa-w-[272px] hawa-overflow-y-scroll hawa-rounded-[2rem] hawa-bg-white hawa-[clip-path:inset(0px_-1px_0px_0px_round_2rem)] hawa-dark:bg-gray-800" }, children), upperOverlayGradiant && /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-left-0 hawa-top-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-t-[2rem] hawa-bg-gradient-to-t hawa-from-transparent hawa-to-black hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }), lowerOverlayGradiant && /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-bottom-0 hawa-left-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-b-[2rem] hawa-bg-gradient-to-t hawa-from-black hawa-to-transparent hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }));
+
+// layout/stats/Stats.tsx
+var import_react37 = __toESM(require("react"));
 var Stats = ({
   label,
   icon,
@@ -8056,7 +8067,7 @@ var Stats = ({
     negative: "hawa-text-red-600 dark:hawa-text-red-500",
     muted: "hawa-text-muted-foreground"
   };
-  return /* @__PURE__ */ import_react36.default.createElement(Card, { ...props, clickable }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4" }, /* @__PURE__ */ import_react36.default.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ import_react36.default.createElement("span", null, icon)), /* @__PURE__ */ import_react36.default.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ import_react36.default.createElement(
+  return /* @__PURE__ */ import_react37.default.createElement(Card, { ...props, clickable }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4" }, /* @__PURE__ */ import_react37.default.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ import_react37.default.createElement("span", null, icon)), /* @__PURE__ */ import_react37.default.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ import_react37.default.createElement(
     "div",
     {
       className: cn(
@@ -8065,18 +8076,18 @@ var Stats = ({
         helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
       )
     },
-    isLoading ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
-  ), chart && (isLoading ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
+    isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
+  ), chart && (isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
 };
 
 // layout/sidebar/Sidebar.tsx
-var React62 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 var AccordionPrimitive6 = __toESM(require("@radix-ui/react-accordion"));
 var Accordion2 = AccordionPrimitive6.Root;
 var triggerStyles = "hawa-flex hawa-flex-1 hawa-items-center hawa-duration-75 hawa-select-none hawa-cursor-pointer  hawa-rounded hawa-justify-between hawa-p-2 hawa-px-3 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa--rotate-90";
-var AccordionItem2 = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React62.createElement(AccordionPrimitive6.Item, { ref, className: cn(className), ...props }));
+var AccordionItem2 = React63.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React63.createElement(AccordionPrimitive6.Item, { ref, className: cn(className), ...props }));
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React62.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React62.createElement(AccordionPrimitive6.Header, { className: "flex" }, /* @__PURE__ */ React62.createElement(
+var AccordionTrigger2 = React63.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React63.createElement(AccordionPrimitive6.Header, { className: "flex" }, /* @__PURE__ */ React63.createElement(
   AccordionPrimitive6.Trigger,
   {
     ref,
@@ -8084,7 +8095,7 @@ var AccordionTrigger2 = React62.forwardRef(({ className, showArrow, children, ..
     ...props
   },
   children,
-  showArrow && /* @__PURE__ */ React62.createElement(
+  showArrow && /* @__PURE__ */ React63.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -8095,11 +8106,11 @@ var AccordionTrigger2 = React62.forwardRef(({ className, showArrow, children, ..
       width: "1em",
       className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
     },
-    /* @__PURE__ */ React62.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+    /* @__PURE__ */ React63.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
   )
 )));
 AccordionTrigger2.displayName = AccordionPrimitive6.Trigger.displayName;
-var AccordionContent2 = React62.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React62.createElement(
+var AccordionContent2 = React63.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React63.createElement(
   AccordionPrimitive6.Content,
   {
     ref,
@@ -8109,7 +8120,7 @@ var AccordionContent2 = React62.forwardRef(({ className, children, ...props }, r
     ),
     ...props
   },
-  /* @__PURE__ */ React62.createElement("div", null, children)
+  /* @__PURE__ */ React63.createElement("div", null, children)
 ));
 AccordionContent2.displayName = AccordionPrimitive6.Content.displayName;
 var SidebarGroup = ({
@@ -8123,7 +8134,7 @@ var SidebarGroup = ({
   direction,
   isOpen
 }) => {
-  return /* @__PURE__ */ React62.createElement("div", { className: "hawa-m-2" }, title && /* @__PURE__ */ React62.createElement("h3", { className: "hawa-mb-1 hawa-font-bold" }, title), /* @__PURE__ */ React62.createElement("ul", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React62.createElement(
+  return /* @__PURE__ */ React63.createElement("div", { className: "hawa-m-2" }, title && /* @__PURE__ */ React63.createElement("h3", { className: "hawa-mb-1 hawa-font-bold" }, title), /* @__PURE__ */ React63.createElement("ul", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React63.createElement(
     Accordion2,
     {
       value: openedItem,
@@ -8134,7 +8145,7 @@ var SidebarGroup = ({
       collapsible: true,
       className: "hawa-flex hawa-flex-col hawa-gap-1"
     },
-    items.map((item, idx) => /* @__PURE__ */ React62.createElement(
+    items.map((item, idx) => /* @__PURE__ */ React63.createElement(
       SidebarItem,
       {
         isOpen,
@@ -8160,14 +8171,14 @@ var SidebarItem = ({
     return props.selectedItem === value ? "hawa-bg-primary/90 hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
   };
   if (item.subitems) {
-    return /* @__PURE__ */ React62.createElement(
+    return /* @__PURE__ */ React63.createElement(
       AccordionItem2,
       {
         value: item.value,
         className: "hawa-overflow-x-clip ",
         dir: direction
       },
-      /* @__PURE__ */ React62.createElement(
+      /* @__PURE__ */ React63.createElement(
         AccordionTrigger2,
         {
           className: cn(
@@ -8179,7 +8190,7 @@ var SidebarItem = ({
           ),
           showArrow: isOpen
         },
-        /* @__PURE__ */ React62.createElement(
+        /* @__PURE__ */ React63.createElement(
           "div",
           {
             className: cn(
@@ -8187,7 +8198,7 @@ var SidebarItem = ({
             )
           },
           item.icon && item.icon,
-          /* @__PURE__ */ React62.createElement(
+          /* @__PURE__ */ React63.createElement(
             "span",
             {
               className: cn(
@@ -8199,14 +8210,14 @@ var SidebarItem = ({
           )
         )
       ),
-      item.subitems && /* @__PURE__ */ React62.createElement(AccordionContent2, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React62.createElement(
+      item.subitems && /* @__PURE__ */ React63.createElement(AccordionContent2, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React63.createElement(
         "div",
         {
           className: cn(
             "hawa-flex hawa-h-full hawa-flex-col hawa-gap-2 hawa-bg-foreground/5 hawa-p-1"
           )
         },
-        item.subitems.map((subitem, idx) => /* @__PURE__ */ React62.createElement(
+        item.subitems.map((subitem, idx) => /* @__PURE__ */ React63.createElement(
           "a",
           {
             href: subitem.slug,
@@ -8237,7 +8248,7 @@ var SidebarItem = ({
       ))
     );
   } else {
-    return /* @__PURE__ */ React62.createElement(
+    return /* @__PURE__ */ React63.createElement(
       "a",
       {
         href: item.slug,
@@ -8261,7 +8272,7 @@ var SidebarItem = ({
           "hawa-overflow-x-clip "
         )
       },
-      /* @__PURE__ */ React62.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React62.createElement(
+      /* @__PURE__ */ React63.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React63.createElement(
         "span",
         {
           className: cn(
@@ -8271,20 +8282,20 @@ var SidebarItem = ({
         },
         item.label,
         " ",
-        item.badge && /* @__PURE__ */ React62.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
+        item.badge && /* @__PURE__ */ React63.createElement(Chip, { label: item.badge.label, color: "hyper", size: "small" })
       ))
     );
   }
 };
 
 // layout/copyrights/Copyrights.tsx
-var import_react37 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 var Copyrights = (props) => {
-  return /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ import_react37.default.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ import_react37.default.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ import_react37.default.createElement("div", null, props.version), props.credits ? props.credits : null);
+  return /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ import_react38.default.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ import_react38.default.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ import_react38.default.createElement("div", null, props.version), props.credits ? props.credits : null);
 };
 
 // layout/navbar/Navbar.tsx
-var import_react38 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 
 // elements/collapsible/Collapsible.tsx
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
@@ -8300,14 +8311,14 @@ var Navbar = ({
   ...props
 }) => {
   var _a, _b;
-  const [isOpen, setIsOpen] = (0, import_react38.useState)(false);
-  return /* @__PURE__ */ import_react38.default.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ import_react38.default.createElement(
+  const [isOpen, setIsOpen] = (0, import_react39.useState)(false);
+  return /* @__PURE__ */ import_react39.default.createElement("nav", { className: " hawa-sticky hawa-top-2 hawa-transition-all" }, /* @__PURE__ */ import_react39.default.createElement(
     Collapsible,
     {
       className: "hawa-relative hawa-m-2 hawa-rounded  hawa-p-2",
       style: { backgroundColor: backgroundColor || "#1f2937" }
     },
-    /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ import_react38.default.createElement(
+    /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between hawa-px-3 " }, /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-flex hawa-items-center" }, /* @__PURE__ */ import_react39.default.createElement(
       "div",
       {
         className: "hawa-p-1.5 hawa-text-xl hawa-font-bold hawa-text-white",
@@ -8318,7 +8329,7 @@ var Navbar = ({
         }
       },
       logo
-    )), /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-hidden md:hawa-flex " }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ import_react38.default.createElement(
+    )), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-hidden md:hawa-flex " }, (_a = props.menuItems) == null ? void 0 : _a.map((item, i) => /* @__PURE__ */ import_react39.default.createElement(
       "div",
       {
         key: i,
@@ -8326,14 +8337,14 @@ var Navbar = ({
         className: "hawa-cursor-pointer hawa-rounded hawa-p-1.5 hawa-px-2 hawa-text-center hawa-text-sm hawa-text-white hawa-transition-all hover:hawa-bg-gray-300 hover:hawa-text-black"
       },
       item.label
-    ))), /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden" }, /* @__PURE__ */ import_react38.default.createElement(
+    ))), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-m-0 hawa-flex hawa-h-fit hawa-p-0 md:hawa-hidden" }, /* @__PURE__ */ import_react39.default.createElement(
       CollapsibleTrigger2,
       {
         onClick: () => setIsOpen(!isOpen),
         className: "hawa-h-full hawa-text-white selection:hawa-p-0 ",
         "aria-label": "Toggle menu"
       },
-      /* @__PURE__ */ import_react38.default.createElement(
+      /* @__PURE__ */ import_react39.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8350,11 +8361,11 @@ var Navbar = ({
             isOpen ? "hawa-invisible" : "hawa-visible"
           )
         },
-        /* @__PURE__ */ import_react38.default.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-        /* @__PURE__ */ import_react38.default.createElement("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-        /* @__PURE__ */ import_react38.default.createElement("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+        /* @__PURE__ */ import_react39.default.createElement("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+        /* @__PURE__ */ import_react39.default.createElement("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+        /* @__PURE__ */ import_react39.default.createElement("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
       ),
-      /* @__PURE__ */ import_react38.default.createElement(
+      /* @__PURE__ */ import_react39.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8371,11 +8382,11 @@ var Navbar = ({
             !isOpen ? "hawa-invisible" : "hawa-visible"
           )
         },
-        /* @__PURE__ */ import_react38.default.createElement("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ import_react38.default.createElement("path", { d: "m6 6 12 12" })
+        /* @__PURE__ */ import_react39.default.createElement("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ import_react39.default.createElement("path", { d: "m6 6 12 12" })
       )
     ))),
-    /* @__PURE__ */ import_react38.default.createElement(
+    /* @__PURE__ */ import_react39.default.createElement(
       CollapsibleContent2,
       {
         className: cn(
@@ -8390,7 +8401,7 @@ var Navbar = ({
           zIndex: -100
         }
       },
-      (_b = props.menuItems) == null ? void 0 : _b.map((item, i) => /* @__PURE__ */ import_react38.default.createElement(
+      (_b = props.menuItems) == null ? void 0 : _b.map((item, i) => /* @__PURE__ */ import_react39.default.createElement(
         "div",
         {
           key: i,
@@ -8404,7 +8415,7 @@ var Navbar = ({
 };
 
 // layout/appLayout/AppLayout.tsx
-var import_react39 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
@@ -8432,13 +8443,13 @@ var AppLayout = ({
       lg: closeDrawerWidth
     }
   };
-  const ref = (0, import_react39.useRef)(null);
+  const ref = (0, import_react40.useRef)(null);
   const isRTL = direction === "rtl";
-  const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react39.useState)("");
-  const [size, setSize] = (0, import_react39.useState)(1200);
-  const [openSideMenu, setOpenSideMenu] = (0, import_react39.useState)(true);
+  const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react40.useState)("");
+  const [size, setSize] = (0, import_react40.useState)(1200);
+  const [openSideMenu, setOpenSideMenu] = (0, import_react40.useState)(true);
   const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (typeof window !== "undefined") {
       const resize = () => {
         setSize(window.innerWidth);
@@ -8450,14 +8461,14 @@ var AppLayout = ({
       };
     }
   }, []);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (size > 600) {
       setOpenSideMenu(keepOpen);
     } else {
       setOpenSideMenu(false);
     }
   }, [size]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
         setOpenSideMenu(false);
@@ -8468,7 +8479,7 @@ var AppLayout = ({
       document.removeEventListener("click", handleClickOutside, true);
     };
   }, [keepOpen]);
-  return /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-fixed hawa-left-0" }, props.topBar && /* @__PURE__ */ import_react39.default.createElement(
+  return /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-fixed hawa-left-0" }, props.topBar && /* @__PURE__ */ import_react40.default.createElement(
     "div",
     {
       className: cn(
@@ -8476,7 +8487,7 @@ var AppLayout = ({
         isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
       )
     },
-    size > 600 ? /* @__PURE__ */ import_react39.default.createElement(
+    size > 600 ? /* @__PURE__ */ import_react40.default.createElement(
       "div",
       {
         className: cn(
@@ -8498,24 +8509,24 @@ var AppLayout = ({
       props.pageTitle
     ) : (
       // Mobile Drawer Menu Button
-      /* @__PURE__ */ import_react39.default.createElement(
+      /* @__PURE__ */ import_react40.default.createElement(
         "div",
         {
           dir: direction,
           className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
         },
-        /* @__PURE__ */ import_react39.default.createElement(
+        /* @__PURE__ */ import_react40.default.createElement(
           "div",
           {
             onClick: () => setOpenSideMenu(true),
             className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer  hawa-rounded hawa-p-2  hawa-transition-all hover:hawa-bg-gray-100"
           },
-          /* @__PURE__ */ import_react39.default.createElement(MenuIcon, null)
+          /* @__PURE__ */ import_react40.default.createElement(MenuIcon, null)
         ),
-        props.pageTitle ? /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react39.default.createElement("div", null)
+        props.pageTitle ? /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react40.default.createElement("div", null)
       )
     ),
-    /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       "div",
       {
         className: cn(
@@ -8523,16 +8534,16 @@ var AppLayout = ({
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      size > 600 ? /* @__PURE__ */ import_react39.default.createElement(
+      size > 600 ? /* @__PURE__ */ import_react40.default.createElement(
         "div",
         {
           className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
         },
-        /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-font-bold" }, props.username),
+        /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-font-bold" }, props.username),
         " ",
-        /* @__PURE__ */ import_react39.default.createElement("div", null, props.email)
+        /* @__PURE__ */ import_react40.default.createElement("div", null, props.email)
       ) : null,
-      /* @__PURE__ */ import_react39.default.createElement(
+      /* @__PURE__ */ import_react40.default.createElement(
         DropdownMenu,
         {
           triggerClassname: "hawa-mx-2",
@@ -8544,7 +8555,7 @@ var AppLayout = ({
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems,
           onItemSelect: (e) => console.log("selecting item ", e),
-          trigger: /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ import_react39.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react39.default.createElement(
+          trigger: /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ import_react40.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react40.default.createElement(
             "svg",
             {
               "aria-label": "Avatar Icon",
@@ -8552,7 +8563,7 @@ var AppLayout = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react39.default.createElement(
+            /* @__PURE__ */ import_react40.default.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -8564,7 +8575,7 @@ var AppLayout = ({
         }
       )
     )
-  ), /* @__PURE__ */ import_react39.default.createElement(
+  ), /* @__PURE__ */ import_react40.default.createElement(
     "div",
     {
       className: cn(
@@ -8592,7 +8603,7 @@ var AppLayout = ({
       },
       ref
     },
-    /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       "div",
       {
         onClick: props.onLogoClick,
@@ -8606,7 +8617,7 @@ var AppLayout = ({
         }
       },
       openSideMenu && props.header && props.header,
-      !props.header && /* @__PURE__ */ import_react39.default.createElement(
+      !props.header && /* @__PURE__ */ import_react40.default.createElement(
         "img",
         {
           className: cn(
@@ -8616,7 +8627,7 @@ var AppLayout = ({
           src: props.logoLink
         }
       ),
-      size > 600 ? /* @__PURE__ */ import_react39.default.createElement(
+      size > 600 ? /* @__PURE__ */ import_react40.default.createElement(
         "img",
         {
           className: cn(
@@ -8628,7 +8639,7 @@ var AppLayout = ({
         }
       ) : null
     ),
-    /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       "div",
       {
         className: cn(
@@ -8639,7 +8650,7 @@ var AppLayout = ({
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : drawerSizeCondition}px` : `${openSideMenu ? openDrawerWidth : 0}px`
         }
       },
-      /* @__PURE__ */ import_react39.default.createElement(
+      /* @__PURE__ */ import_react40.default.createElement(
         SidebarGroup,
         {
           direction,
@@ -8661,7 +8672,7 @@ var AppLayout = ({
         }
       )
     ),
-    /* @__PURE__ */ import_react39.default.createElement(
+    /* @__PURE__ */ import_react40.default.createElement(
       "div",
       {
         className: cn(
@@ -8673,8 +8684,8 @@ var AppLayout = ({
           width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
         }
       },
-      DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react39.default.createElement(import_react39.default.Fragment, null, DrawerFooterActions) : null,
-      size > 600 && openSideMenu ? /* @__PURE__ */ import_react39.default.createElement(
+      DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, DrawerFooterActions) : null,
+      size > 600 && openSideMenu ? /* @__PURE__ */ import_react40.default.createElement(
         Tooltip,
         {
           side: "left",
@@ -8682,7 +8693,7 @@ var AppLayout = ({
           content: keepOpen ? ((_a = props.texts) == null ? void 0 : _a.collapseSidebar) || "Collapse Sidebar" : ((_b = props.texts) == null ? void 0 : _b.expandSidebar) || "Expand Sidebar",
           triggerProps: { asChild: true }
         },
-        /* @__PURE__ */ import_react39.default.createElement(
+        /* @__PURE__ */ import_react40.default.createElement(
           Button,
           {
             variant: "outline",
@@ -8695,7 +8706,7 @@ var AppLayout = ({
             },
             size: "smallIcon"
           },
-          /* @__PURE__ */ import_react39.default.createElement(
+          /* @__PURE__ */ import_react40.default.createElement(
             "svg",
             {
               className: cn(
@@ -8705,7 +8716,7 @@ var AppLayout = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react39.default.createElement(
+            /* @__PURE__ */ import_react40.default.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -8717,7 +8728,7 @@ var AppLayout = ({
         )
       ) : null
     )
-  ), /* @__PURE__ */ import_react39.default.createElement(
+  ), /* @__PURE__ */ import_react40.default.createElement(
     "div",
     {
       className: "hawa-fixed -hawa-z-10 hawa-overflow-y-auto hawa-transition-all",
@@ -8736,7 +8747,7 @@ var AppLayout = ({
     props.children
   ));
 };
-var MenuIcon = () => /* @__PURE__ */ import_react39.default.createElement(
+var MenuIcon = () => /* @__PURE__ */ import_react40.default.createElement(
   "svg",
   {
     "aria-label": "Menu Button",
@@ -8748,7 +8759,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react39.default.createElement(
     height: "1.6em",
     width: "1.6em"
   },
-  /* @__PURE__ */ import_react39.default.createElement(
+  /* @__PURE__ */ import_react40.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -8759,11 +8770,11 @@ var MenuIcon = () => /* @__PURE__ */ import_react39.default.createElement(
 );
 
 // layout/appTopbar/AppTopbar.tsx
-var import_react40 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 var AppTopbar = ({ ...props }) => {
   const isRTL = props.direction === "ltr";
   const size = 1200;
-  return /* @__PURE__ */ import_react40.default.createElement(
+  return /* @__PURE__ */ import_react41.default.createElement(
     "div",
     {
       className: cn(
@@ -8771,24 +8782,24 @@ var AppTopbar = ({ ...props }) => {
         isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
       )
     },
-    size > 600 ? /* @__PURE__ */ import_react40.default.createElement(
+    size > 600 ? /* @__PURE__ */ import_react41.default.createElement(
       "div",
       null,
       "page title"
     ) : (
       // Mobile Drawer Menu Button
-      /* @__PURE__ */ import_react40.default.createElement(
+      /* @__PURE__ */ import_react41.default.createElement(
         "div",
         {
           dir: props.direction,
           className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
         },
-        /* @__PURE__ */ import_react40.default.createElement(
+        /* @__PURE__ */ import_react41.default.createElement(
           "div",
           {
             className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer  hawa-rounded hawa-p-2  hawa-transition-all hover:hawa-bg-gray-100"
           },
-          /* @__PURE__ */ import_react40.default.createElement(
+          /* @__PURE__ */ import_react41.default.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -8799,7 +8810,7 @@ var AppTopbar = ({ ...props }) => {
               height: "1.6em",
               width: "1.6em"
             },
-            /* @__PURE__ */ import_react40.default.createElement(
+            /* @__PURE__ */ import_react41.default.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -8812,7 +8823,7 @@ var AppTopbar = ({ ...props }) => {
         "Mobile title"
       )
     ),
-    /* @__PURE__ */ import_react40.default.createElement(
+    /* @__PURE__ */ import_react41.default.createElement(
       "div",
       {
         className: cn(
@@ -8820,16 +8831,16 @@ var AppTopbar = ({ ...props }) => {
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      size > 600 ? /* @__PURE__ */ import_react40.default.createElement(
+      size > 600 ? /* @__PURE__ */ import_react41.default.createElement(
         "div",
         {
           className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
         },
-        /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-font-bold" }, props.username),
+        /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-font-bold" }, props.username),
         " ",
-        /* @__PURE__ */ import_react40.default.createElement("div", null, props.email)
+        /* @__PURE__ */ import_react41.default.createElement("div", null, props.email)
       ) : null,
-      /* @__PURE__ */ import_react40.default.createElement(
+      /* @__PURE__ */ import_react41.default.createElement(
         DropdownMenu,
         {
           triggerClassname: "hawa-mx-2",
@@ -8840,7 +8851,7 @@ var AppTopbar = ({ ...props }) => {
           direction: isRTL ? "rtl" : "ltr",
           items: props.profileMenuItems,
           onItemSelect: (e) => console.log("selecting item ", e),
-          trigger: /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ import_react40.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react40.default.createElement(
+          trigger: /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-relative hawa-h-8 hawa-w-8  hawa-cursor-pointer hawa-overflow-clip hawa-rounded hawa-ring-1 hawa-ring-primary/30 dark:hawa-bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ import_react41.default.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ import_react41.default.createElement(
             "svg",
             {
               "aria-label": "Avatar Icon",
@@ -8848,7 +8859,7 @@ var AppTopbar = ({ ...props }) => {
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react40.default.createElement(
+            /* @__PURE__ */ import_react41.default.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -8864,14 +8875,14 @@ var AppTopbar = ({ ...props }) => {
 };
 
 // layout/appMenubar/AppMenubar.tsx
-var React67 = __toESM(require("react"));
+var React68 = __toESM(require("react"));
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var Menubar = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.Root,
   {
     ref,
@@ -8883,7 +8894,7 @@ var Menubar = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var MenubarTrigger = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -8895,7 +8906,7 @@ var MenubarTrigger = React67.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React67.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var MenubarSubTrigger = React68.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -8907,7 +8918,7 @@ var MenubarSubTrigger = React67.forwardRef(({ className, inset, children, ...pro
     ...props
   },
   children,
-  /* @__PURE__ */ React67.createElement(
+  /* @__PURE__ */ React68.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -8922,11 +8933,11 @@ var MenubarSubTrigger = React67.forwardRef(({ className, inset, children, ...pro
       strokeLinejoin: "round",
       className: "hawa-icon hawa-ml-auto"
     },
-    /* @__PURE__ */ React67.createElement("path", { d: "m9 18 6-6-6-6" })
+    /* @__PURE__ */ React68.createElement("path", { d: "m9 18 6-6-6-6" })
   )
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var MenubarSubContent = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -8938,8 +8949,8 @@ var MenubarSubContent = React67.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React67.forwardRef(
-  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React67.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React67.createElement(
+var MenubarContent = React68.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React68.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React68.createElement(
     MenubarPrimitive.Content,
     {
       ref,
@@ -8955,7 +8966,7 @@ var MenubarContent = React67.forwardRef(
   ))
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React67.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var MenubarItem = React68.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.Item,
   {
     ref,
@@ -8968,7 +8979,7 @@ var MenubarItem = React67.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React67.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var MenubarCheckboxItem = React68.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -8979,7 +8990,7 @@ var MenubarCheckboxItem = React67.forwardRef(({ className, children, checked, ..
     checked,
     ...props
   },
-  /* @__PURE__ */ React67.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React67.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React67.createElement(
+  /* @__PURE__ */ React68.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React68.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React68.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8993,12 +9004,12 @@ var MenubarCheckboxItem = React67.forwardRef(({ className, children, checked, ..
       strokeLinejoin: "round",
       className: "hawa-icon"
     },
-    /* @__PURE__ */ React67.createElement("path", { d: "M20 6 9 17l-5-5" })
+    /* @__PURE__ */ React68.createElement("path", { d: "M20 6 9 17l-5-5" })
   ))),
   children
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React67.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var MenubarRadioItem = React68.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -9008,7 +9019,7 @@ var MenubarRadioItem = React67.forwardRef(({ className, children, ...props }, re
     ),
     ...props
   },
-  /* @__PURE__ */ React67.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React67.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React67.createElement(
+  /* @__PURE__ */ React68.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React68.createElement(MenubarPrimitive.ItemIndicator, null, /* @__PURE__ */ React68.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -9022,12 +9033,12 @@ var MenubarRadioItem = React67.forwardRef(({ className, children, ...props }, re
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React67.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React68.createElement("circle", { cx: "12", cy: "12", r: "10" })
   ))),
   children
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React67.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var MenubarLabel = React68.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.Label,
   {
     ref,
@@ -9040,7 +9051,7 @@ var MenubarLabel = React67.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React67.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React67.createElement(
+var MenubarSeparator = React68.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React68.createElement(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -9053,7 +9064,7 @@ var MenubarShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React67.createElement(
+  return /* @__PURE__ */ React68.createElement(
     "span",
     {
       className: cn(
@@ -9067,10 +9078,10 @@ var MenubarShortcut = ({
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // layout/appTabs/AppTabs.tsx
-var import_react41 = __toESM(require("react"));
+var import_react42 = __toESM(require("react"));
 var AppTabs = ({ tabs, className }) => {
-  const [selectedIndex, setSelectedIndex] = (0, import_react41.useState)(0);
-  return /* @__PURE__ */ import_react41.default.createElement(
+  const [selectedIndex, setSelectedIndex] = (0, import_react42.useState)(0);
+  return /* @__PURE__ */ import_react42.default.createElement(
     "div",
     {
       className: cn(
@@ -9078,9 +9089,9 @@ var AppTabs = ({ tabs, className }) => {
         className
       )
     },
-    /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
+    /* @__PURE__ */ import_react42.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
       const selected = index === selectedIndex;
-      return /* @__PURE__ */ import_react41.default.createElement(
+      return /* @__PURE__ */ import_react42.default.createElement(
         "a",
         {
           href: tab.path,
@@ -9111,13 +9122,13 @@ var AppTabs = ({ tabs, className }) => {
 };
 
 // layout/docsLayout/DocsLayout.tsx
-var import_react44 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 
 // hooks/useBreakpoint.ts
-var import_react42 = require("react");
+var import_react43 = require("react");
 var useBreakpoint = () => {
-  const [breakpoint, setBreakpoint] = (0, import_react42.useState)(null);
-  (0, import_react42.useEffect)(() => {
+  const [breakpoint, setBreakpoint] = (0, import_react43.useState)(null);
+  (0, import_react43.useEffect)(() => {
     if (typeof window !== "undefined") {
       const resize = () => {
         setBreakpoint(window.innerWidth);
@@ -9133,13 +9144,13 @@ var useBreakpoint = () => {
 };
 
 // layout/docsSidebar/DocsSidebar.tsx
-var import_react43 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 var DocsSidebar = ({
   currentPage: propCurrentPage,
   pages,
   direction
 }) => {
-  const [activePage, setActivePage] = import_react43.default.useState(pages[0]);
+  const [activePage, setActivePage] = import_react44.default.useState(pages[0]);
   const handlePageClick = (page, event) => {
     event.preventDefault();
     setTimeout(() => {
@@ -9161,7 +9172,7 @@ var DocsSidebar = ({
     }
     return pages[0];
   };
-  import_react43.default.useEffect(() => {
+  import_react44.default.useEffect(() => {
     const handleScroll = () => {
       setActivePage(getCurrentSection());
     };
@@ -9174,13 +9185,13 @@ var DocsSidebar = ({
     rtl: "hawa-border-r-4  hawa-border-primary hawa-border-collapse hawa-bg-gray-200",
     ltr: "hawa-border-l-4  hawa-border-primary hawa-border-collapse hawa-bg-gray-200"
   };
-  return /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react44.default.createElement(
     "div",
     {
       className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
       dir: direction
     },
-    pages.map((page, index) => /* @__PURE__ */ import_react43.default.createElement(
+    pages.map((page, index) => /* @__PURE__ */ import_react44.default.createElement(
       "div",
       {
         key: index,
@@ -9220,15 +9231,15 @@ var DocsLayout = ({
       lg: closeDrawerWidth
     }
   };
-  const ref = (0, import_react44.useRef)(null);
+  const ref = (0, import_react45.useRef)(null);
   const isRTL = direction === "rtl";
   let size = useBreakpoint();
   if (typeof window == "undefined") {
     size = 1200;
   }
-  const [currentPage, setCurrentPage] = (0, import_react44.useState)("Introduction");
-  const [openSideMenu, setOpenSideMenu] = (0, import_react44.useState)(true);
-  (0, import_react44.useEffect)(() => {
+  const [currentPage, setCurrentPage] = (0, import_react45.useState)("Introduction");
+  const [openSideMenu, setOpenSideMenu] = (0, import_react45.useState)(true);
+  (0, import_react45.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target) && !openSideMenu) {
         setOpenSideMenu(false);
@@ -9239,7 +9250,7 @@ var DocsLayout = ({
       document.removeEventListener("click", handleClickOutside, true);
     };
   }, [openSideMenu]);
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     const handleResize = () => {
       setOpenSideMenu(window.innerWidth > 600 ? true : false);
     };
@@ -9249,19 +9260,19 @@ var DocsLayout = ({
       window.removeEventListener("resize", handleResize);
     };
   }, [keepOpen]);
-  const observerRef = import_react44.default.useRef(null);
+  const observerRef = import_react45.default.useRef(null);
   const handleIntersection = (entries) => {
     const entry = entries.find((entry2) => entry2.isIntersecting);
     if (entry) {
       setCurrentPage(entry.target.id);
     }
   };
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     observerRef.current = new IntersectionObserver(handleIntersection, {
       threshold: 0.5
       // Adjust threshold as needed to determine when a section is in view
     });
-    import_react44.default.Children.forEach(props.children, (child) => {
+    import_react45.default.Children.forEach(props.children, (child) => {
       if (child && child.props.id) {
         const element = document.getElementById(child.props.id);
         if (element && observerRef.current) {
@@ -9276,7 +9287,7 @@ var DocsLayout = ({
     };
   }, [props.children]);
   let drawerSizeCondition = drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize];
-  return /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-fixed" }, /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-fixed" }, /* @__PURE__ */ import_react45.default.createElement(
     "div",
     {
       className: cn(
@@ -9284,7 +9295,7 @@ var DocsLayout = ({
         isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
       )
     },
-    size > 600 ? /* @__PURE__ */ import_react44.default.createElement("div", { onClick: props.onLogoClick, dir: direction }, /* @__PURE__ */ import_react44.default.createElement(
+    size > 600 ? /* @__PURE__ */ import_react45.default.createElement("div", { onClick: props.onLogoClick, dir: direction }, /* @__PURE__ */ import_react45.default.createElement(
       "img",
       {
         className: cn(
@@ -9295,18 +9306,18 @@ var DocsLayout = ({
       }
     )) : (
       // Mobile Drawer Menu Button
-      /* @__PURE__ */ import_react44.default.createElement(
+      /* @__PURE__ */ import_react45.default.createElement(
         "div",
         {
           dir: direction,
           className: "hawa-flex hawa-items-center hawa-justify-center hawa-gap-0.5"
         },
-        /* @__PURE__ */ import_react44.default.createElement(Sheet, null, /* @__PURE__ */ import_react44.default.createElement(SheetTrigger, null, " ", /* @__PURE__ */ import_react44.default.createElement(
+        /* @__PURE__ */ import_react45.default.createElement(Sheet, null, /* @__PURE__ */ import_react45.default.createElement(SheetTrigger, null, " ", /* @__PURE__ */ import_react45.default.createElement(
           "div",
           {
             className: "hawa-z-40 hawa-mx-1 hawa-cursor-pointer  hawa-rounded hawa-p-2  hawa-transition-all hover:hawa-bg-gray-100"
           },
-          /* @__PURE__ */ import_react44.default.createElement(
+          /* @__PURE__ */ import_react45.default.createElement(
             "svg",
             {
               "aria-label": "Menu Icon",
@@ -9318,7 +9329,7 @@ var DocsLayout = ({
               height: "1.6em",
               width: "1.6em"
             },
-            /* @__PURE__ */ import_react44.default.createElement(
+            /* @__PURE__ */ import_react45.default.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -9327,17 +9338,17 @@ var DocsLayout = ({
               }
             )
           )
-        )), /* @__PURE__ */ import_react44.default.createElement(
+        )), /* @__PURE__ */ import_react45.default.createElement(
           SheetContent,
           {
             side: isRTL ? "right" : "left",
             className: "hawa-pt-10"
           },
-          /* @__PURE__ */ import_react44.default.createElement(DocsSidebar, { direction, pages: pages || [] })
+          /* @__PURE__ */ import_react45.default.createElement(DocsSidebar, { direction, pages: pages || [] })
         ))
       )
     ),
-    /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react45.default.createElement(
       "div",
       {
         className: cn(
@@ -9345,9 +9356,9 @@ var DocsLayout = ({
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      /* @__PURE__ */ import_react44.default.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ import_react44.default.createElement(Logos.github, { className: "hawa-icon" }))
+      /* @__PURE__ */ import_react45.default.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ import_react45.default.createElement(Logos.github, { className: "hawa-icon" }))
     )
-  ), /* @__PURE__ */ import_react44.default.createElement(
+  ), /* @__PURE__ */ import_react45.default.createElement(
     "div",
     {
       className: cn(
@@ -9370,7 +9381,7 @@ var DocsLayout = ({
       },
       ref
     },
-    /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react45.default.createElement(
       DocsSidebar,
       {
         direction,
@@ -9378,7 +9389,7 @@ var DocsLayout = ({
         currentPage
       }
     )
-  ), /* @__PURE__ */ import_react44.default.createElement(
+  ), /* @__PURE__ */ import_react45.default.createElement(
     "div",
     {
       className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all ",
@@ -9400,10 +9411,10 @@ var DocsLayout = ({
 };
 
 // blocks/auth/AuthButtons.tsx
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 var AuthButtons = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-  return /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaMetamask && /* @__PURE__ */ import_react45.default.createElement(
+  return /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaMetamask && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isMetamaskLoading,
@@ -9411,9 +9422,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleMetamask
     },
-    props.isMetamaskLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.metamask, { className: "hawa-h-6" }),
+    props.isMetamaskLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.metamask, { className: "hawa-h-6" }),
     (_b = (_a = props.texts) == null ? void 0 : _a.continueWithMetamask) != null ? _b : "Connect Metamask"
-  ), props.viaNafath && /* @__PURE__ */ import_react45.default.createElement(
+  ), props.viaNafath && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isNafathLoading,
@@ -9421,9 +9432,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleNafath
     },
-    props.isNafathLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.nafath, { className: "hawa-h-4" }),
+    props.isNafathLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.nafath, { className: "hawa-h-4" }),
     (_d = (_c = props.texts) == null ? void 0 : _c.continueWithNafath) != null ? _d : "Continue With Nafath"
-  ), props.viaGoogle && /* @__PURE__ */ import_react45.default.createElement(
+  ), props.viaGoogle && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isGoogleLoading,
@@ -9431,9 +9442,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleGoogle
     },
-    props.isGoogleLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.google, { className: "hawa-icon" }),
+    props.isGoogleLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.google, { className: "hawa-icon" }),
     (_f = (_e = props.texts) == null ? void 0 : _e.continueWithGoogle) != null ? _f : "Continue With Google"
-  ), props.viaGithub && /* @__PURE__ */ import_react45.default.createElement(
+  ), props.viaGithub && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isGithubLoading,
@@ -9441,9 +9452,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleGithub
     },
-    props.isGithubLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.github, { className: "hawa-icon" }),
+    props.isGithubLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.github, { className: "hawa-icon" }),
     (_h = (_g = props.texts) == null ? void 0 : _g.continueWithGithub) != null ? _h : "Continue With Github"
-  ), props.viaTwitter && /* @__PURE__ */ import_react45.default.createElement(
+  ), props.viaTwitter && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isTwitterLoading,
@@ -9451,9 +9462,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleTwitter
     },
-    props.isTwitterLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.twitter, { className: "hawa-icon" }),
+    props.isTwitterLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.twitter, { className: "hawa-icon" }),
     (_j = (_i = props.texts) == null ? void 0 : _i.continueWithTwitter) != null ? _j : "Continue With Twitter"
-  ), props.viaApple && /* @__PURE__ */ import_react45.default.createElement(
+  ), props.viaApple && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isAppleLoading,
@@ -9461,9 +9472,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleApple
     },
-    props.isAppleLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.apple, { className: "hawa-icon" }),
+    props.isAppleLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.apple, { className: "hawa-icon" }),
     (_l = (_k = props.texts) == null ? void 0 : _k.continueWithApple) != null ? _l : "Continue With Apple"
-  ), props.viaMicrosoft && /* @__PURE__ */ import_react45.default.createElement(
+  ), props.viaMicrosoft && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isMicrosoftLoading,
@@ -9471,9 +9482,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleMicrosoft
     },
-    props.isMicrosoftLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.microsoft, { className: "hawa-icon" }),
+    props.isMicrosoftLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.microsoft, { className: "hawa-icon" }),
     (_n = (_m = props.texts) == null ? void 0 : _m.continueWithMicrosoft) != null ? _n : "Continue With Microsoft"
-  ), props.viaEmail && /* @__PURE__ */ import_react45.default.createElement(
+  ), props.viaEmail && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isEmailLoading,
@@ -9481,9 +9492,9 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleEmail
     },
-    props.isEmailLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.mail, { className: "hawa-icon" }),
+    props.isEmailLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.mail, { className: "hawa-icon" }),
     (_p = (_o = props.texts) == null ? void 0 : _o.continueWithEmail) != null ? _p : "Continue With Email"
-  ), props.viaPhone && /* @__PURE__ */ import_react45.default.createElement(
+  ), props.viaPhone && /* @__PURE__ */ import_react46.default.createElement(
     Button,
     {
       disabled: props.isPhoneLoading,
@@ -9491,13 +9502,13 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handlePhone
     },
-    props.isPhoneLoading ? /* @__PURE__ */ import_react45.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react45.default.createElement(Logos.phone, { className: "hawa-icon" }),
+    props.isPhoneLoading ? /* @__PURE__ */ import_react46.default.createElement(Loading, { size: "button" }) : /* @__PURE__ */ import_react46.default.createElement(Logos.phone, { className: "hawa-icon" }),
     (_r = (_q = props.texts) == null ? void 0 : _q.continueWithPhone) != null ? _r : "Continue With Phone"
   ));
 };
 
 // blocks/auth/LoginForm.tsx
-var import_react46 = __toESM(require("react"));
+var import_react47 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var import_libphonenumber_js = require("libphonenumber-js");
@@ -9509,7 +9520,7 @@ var LoginForm = ({
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-  const [passwordVisible, setPasswordVisible] = (0, import_react46.useState)(false);
+  const [passwordVisible, setPasswordVisible] = (0, import_react47.useState)(false);
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
     continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
@@ -9571,14 +9582,14 @@ var LoginForm = ({
   const renderFields = () => {
     switch (loginType) {
       case "email":
-        return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(
+        return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement(
           import_react_hook_form.Controller,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react46.default.createElement(
+              return /* @__PURE__ */ import_react47.default.createElement(
                 Input,
                 {
                   inputProps: {
@@ -9595,27 +9606,27 @@ var LoginForm = ({
               );
             }
           }
-        ), /* @__PURE__ */ import_react46.default.createElement("div", null, /* @__PURE__ */ import_react46.default.createElement(
+        ), /* @__PURE__ */ import_react47.default.createElement("div", null, /* @__PURE__ */ import_react47.default.createElement(
           import_react_hook_form.Controller,
           {
             control,
             name: "password",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react46.default.createElement(
+              return /* @__PURE__ */ import_react47.default.createElement(
                 Input,
                 {
                   width: "full",
                   autoComplete: "current-password",
                   type: passwordVisible ? "text" : "password",
                   label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                  endIcon: /* @__PURE__ */ import_react46.default.createElement(
+                  endIcon: /* @__PURE__ */ import_react47.default.createElement(
                     "div",
                     {
                       className: "hawa-cursor-pointer",
                       onClick: () => setPasswordVisible(!passwordVisible)
                     },
-                    passwordVisible ? /* @__PURE__ */ import_react46.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react46.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
+                    passwordVisible ? /* @__PURE__ */ import_react47.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react47.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
                   ),
                   placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
                   helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
@@ -9624,7 +9635,7 @@ var LoginForm = ({
               );
             }
           }
-        ), props.withResetPassword && /* @__PURE__ */ import_react46.default.createElement(
+        ), props.withResetPassword && /* @__PURE__ */ import_react47.default.createElement(
           "div",
           {
             onClick: props.onForgotPassword,
@@ -9633,14 +9644,14 @@ var LoginForm = ({
           (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
         )));
       case "username":
-        return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(
+        return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement(
           import_react_hook_form.Controller,
           {
             control,
             name: "username",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react46.default.createElement(
+              return /* @__PURE__ */ import_react47.default.createElement(
                 Input,
                 {
                   width: "full",
@@ -9653,27 +9664,27 @@ var LoginForm = ({
               );
             }
           }
-        ), /* @__PURE__ */ import_react46.default.createElement("div", null, /* @__PURE__ */ import_react46.default.createElement(
+        ), /* @__PURE__ */ import_react47.default.createElement("div", null, /* @__PURE__ */ import_react47.default.createElement(
           import_react_hook_form.Controller,
           {
             control,
             name: "password",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react46.default.createElement(
+              return /* @__PURE__ */ import_react47.default.createElement(
                 Input,
                 {
                   width: "full",
                   autoComplete: "current-password",
                   type: passwordVisible ? "text" : "password",
                   label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                  endIcon: /* @__PURE__ */ import_react46.default.createElement(
+                  endIcon: /* @__PURE__ */ import_react47.default.createElement(
                     "div",
                     {
                       className: "hawa-cursor-pointer",
                       onClick: () => setPasswordVisible(!passwordVisible)
                     },
-                    passwordVisible ? /* @__PURE__ */ import_react46.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react46.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
+                    passwordVisible ? /* @__PURE__ */ import_react47.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react47.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" })
                   ),
                   placeholder: ((_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder) || "Enter your password",
                   helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
@@ -9682,7 +9693,7 @@ var LoginForm = ({
               );
             }
           }
-        ), props.withResetPassword && /* @__PURE__ */ import_react46.default.createElement(
+        ), props.withResetPassword && /* @__PURE__ */ import_react47.default.createElement(
           "div",
           {
             onClick: props.onForgotPassword,
@@ -9691,14 +9702,14 @@ var LoginForm = ({
           (texts == null ? void 0 : texts.forgotPassword) || "Forgot Password?"
         )));
       case "phone":
-        return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(
+        return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement(
           import_react_hook_form.Controller,
           {
             control,
             name: "phone",
             render: ({ field }) => {
               var _a2, _b2;
-              return /* @__PURE__ */ import_react46.default.createElement(
+              return /* @__PURE__ */ import_react47.default.createElement(
                 PhoneInput,
                 {
                   label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
@@ -9711,14 +9722,14 @@ var LoginForm = ({
           }
         ));
       case "link":
-        return /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, /* @__PURE__ */ import_react46.default.createElement(
+        return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement(
           import_react_hook_form.Controller,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2, _b2, _c2;
-              return /* @__PURE__ */ import_react46.default.createElement(
+              return /* @__PURE__ */ import_react47.default.createElement(
                 Input,
                 {
                   width: "full",
@@ -9736,7 +9747,7 @@ var LoginForm = ({
         break;
     }
   };
-  return /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react46.default.createElement(Card, { dir: props.direction }, /* @__PURE__ */ import_react46.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react47.default.createElement(Card, { dir: props.direction }, /* @__PURE__ */ import_react47.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react47.default.createElement(
     Alert,
     {
       direction: props.direction,
@@ -9744,7 +9755,7 @@ var LoginForm = ({
       text: props.errorText,
       severity: "error"
     }
-  ), /* @__PURE__ */ import_react46.default.createElement(
+  ), /* @__PURE__ */ import_react47.default.createElement(
     "form",
     {
       noValidate: true,
@@ -9758,7 +9769,7 @@ var LoginForm = ({
       })
     },
     renderFields(),
-    /* @__PURE__ */ import_react46.default.createElement(
+    /* @__PURE__ */ import_react47.default.createElement(
       Button,
       {
         className: "hawa-mt-0 hawa-w-full",
@@ -9769,7 +9780,7 @@ var LoginForm = ({
       (texts == null ? void 0 : texts.loginText) || "Login"
     ),
     props.additionalButtons,
-    props.allowRegister && /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react46.default.createElement(
+    props.allowRegister && /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-select-none hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, (texts == null ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react47.default.createElement(
       "span",
       {
         onClick: props.onRouteToRegister,
@@ -9777,14 +9788,14 @@ var LoginForm = ({
       },
       (texts == null ? void 0 : texts.createAccount) || "Create Account"
     ))
-  )), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react46.default.createElement(
+  )), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react47.default.createElement(
     CardFooter,
     {
       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_react46.default.createElement(
+    /* @__PURE__ */ import_react47.default.createElement(
       AuthButtons,
       {
         texts: thirdPartyAuthTexts,
@@ -9803,7 +9814,7 @@ var LoginForm = ({
 };
 
 // blocks/auth/RegisterForm.tsx
-var import_react47 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
 var z2 = __toESM(require("zod"));
@@ -9815,7 +9826,7 @@ var RegisterForm = ({
   ...props
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [passwordVisible, setPasswordVisible] = (0, import_react47.useState)(false);
+  const [passwordVisible, setPasswordVisible] = (0, import_react48.useState)(false);
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
     continueWithTwitter: texts == null ? void 0 : texts.continueWithTwitter,
@@ -9880,7 +9891,7 @@ var RegisterForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
     resolver: (0, import_zod2.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react47.default.createElement(
+  return /* @__PURE__ */ import_react48.default.createElement(
     "div",
     {
       className: cn(
@@ -9888,14 +9899,14 @@ var RegisterForm = ({
         (_g = props.classNames) == null ? void 0 : _g.root
       )
     },
-    /* @__PURE__ */ import_react47.default.createElement(Card, { dir: props.direction, className: cn((_h = props.classNames) == null ? void 0 : _h.card) }, /* @__PURE__ */ import_react47.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react47.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react47.default.createElement(
+    /* @__PURE__ */ import_react48.default.createElement(Card, { dir: props.direction, className: cn((_h = props.classNames) == null ? void 0 : _h.card) }, /* @__PURE__ */ import_react48.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react48.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react48.default.createElement(
       Alert,
       {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
       }
-    ), /* @__PURE__ */ import_react47.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react47.default.createElement(
+    ), /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react48.default.createElement(
       "form",
       {
         noValidate: true,
@@ -9910,9 +9921,9 @@ var RegisterForm = ({
         }),
         className: "hawa-flex hawa-flex-col hawa-gap-4"
       },
-      /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+      /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
         if (fld === "fullname") {
-          return /* @__PURE__ */ import_react47.default.createElement(
+          return /* @__PURE__ */ import_react48.default.createElement(
             import_react_hook_form2.Controller,
             {
               key: i,
@@ -9920,7 +9931,7 @@ var RegisterForm = ({
               name: "fullName",
               render: ({ field }) => {
                 var _a2, _b2, _c2;
-                return /* @__PURE__ */ import_react47.default.createElement(
+                return /* @__PURE__ */ import_react48.default.createElement(
                   Input,
                   {
                     width: "full",
@@ -9935,7 +9946,7 @@ var RegisterForm = ({
           );
         }
         if (fld === "email") {
-          return /* @__PURE__ */ import_react47.default.createElement(
+          return /* @__PURE__ */ import_react48.default.createElement(
             import_react_hook_form2.Controller,
             {
               key: i,
@@ -9943,7 +9954,7 @@ var RegisterForm = ({
               name: "email",
               render: ({ field }) => {
                 var _a2, _b2, _c2;
-                return /* @__PURE__ */ import_react47.default.createElement(
+                return /* @__PURE__ */ import_react48.default.createElement(
                   Input,
                   {
                     dir: "ltr",
@@ -9963,7 +9974,7 @@ var RegisterForm = ({
           );
         }
         if (fld === "username") {
-          return /* @__PURE__ */ import_react47.default.createElement(
+          return /* @__PURE__ */ import_react48.default.createElement(
             import_react_hook_form2.Controller,
             {
               key: i,
@@ -9971,7 +9982,7 @@ var RegisterForm = ({
               name: "username",
               render: ({ field }) => {
                 var _a2, _b2, _c2, _d2;
-                return /* @__PURE__ */ import_react47.default.createElement(
+                return /* @__PURE__ */ import_react48.default.createElement(
                   Input,
                   {
                     width: "full",
@@ -9990,25 +10001,25 @@ var RegisterForm = ({
           );
         }
       })),
-      /* @__PURE__ */ import_react47.default.createElement(
+      /* @__PURE__ */ import_react48.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "password",
           render: ({ field }) => {
             var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react47.default.createElement(
+            return /* @__PURE__ */ import_react48.default.createElement(
               Input,
               {
                 width: "full",
                 type: passwordVisible ? "text" : "password",
-                endIcon: /* @__PURE__ */ import_react47.default.createElement(
+                endIcon: /* @__PURE__ */ import_react48.default.createElement(
                   "div",
                   {
                     className: "hawa-cursor-pointer",
                     onClick: () => setPasswordVisible(!passwordVisible)
                   },
-                  passwordVisible ? /* @__PURE__ */ import_react47.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react47.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                  passwordVisible ? /* @__PURE__ */ import_react48.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react48.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
                   " "
                 ),
                 autoComplete: "new-password",
@@ -10021,14 +10032,14 @@ var RegisterForm = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react47.default.createElement(
+      /* @__PURE__ */ import_react48.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "confirm_password",
           render: ({ field }) => {
             var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react47.default.createElement(
+            return /* @__PURE__ */ import_react48.default.createElement(
               Input,
               {
                 width: "full",
@@ -10044,14 +10055,14 @@ var RegisterForm = ({
         }
       ),
       props.additionalInputs,
-      props.showRefCode && /* @__PURE__ */ import_react47.default.createElement(
+      props.showRefCode && /* @__PURE__ */ import_react48.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "refCode",
           render: ({ field }) => {
             var _a2;
-            return /* @__PURE__ */ import_react47.default.createElement(
+            return /* @__PURE__ */ import_react48.default.createElement(
               Input,
               {
                 width: "full",
@@ -10064,14 +10075,14 @@ var RegisterForm = ({
           }
         }
       ),
-      props.showUserSource && /* @__PURE__ */ import_react47.default.createElement(
+      props.showUserSource && /* @__PURE__ */ import_react48.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "reference",
           render: ({ field }) => {
             var _a2, _b2;
-            return /* @__PURE__ */ import_react47.default.createElement(
+            return /* @__PURE__ */ import_react48.default.createElement(
               Select,
               {
                 label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
@@ -10089,20 +10100,20 @@ var RegisterForm = ({
           }
         }
       ),
-      showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react47.default.createElement(
+      showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react48.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "terms_accepted",
           render: ({ field }) => {
             var _a2, _b2;
-            return /* @__PURE__ */ import_react47.default.createElement(
+            return /* @__PURE__ */ import_react48.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_react47.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_react47.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react47.default.createElement(
+                label: /* @__PURE__ */ import_react48.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_react48.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react48.default.createElement(
                   "span",
                   {
                     onClick: (e) => {
@@ -10119,12 +10130,12 @@ var RegisterForm = ({
             );
           }
         }
-      ), showNewsletterOption && /* @__PURE__ */ import_react47.default.createElement(
+      ), showNewsletterOption && /* @__PURE__ */ import_react48.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "newsletter_accepted",
-          render: ({ field }) => /* @__PURE__ */ import_react47.default.createElement(
+          render: ({ field }) => /* @__PURE__ */ import_react48.default.createElement(
             Checkbox,
             {
               id: "newsletter_accepted",
@@ -10134,7 +10145,7 @@ var RegisterForm = ({
           )
         }
       )) : null,
-      /* @__PURE__ */ import_react47.default.createElement(
+      /* @__PURE__ */ import_react48.default.createElement(
         Button,
         {
           className: " hawa-w-full",
@@ -10145,14 +10156,14 @@ var RegisterForm = ({
         (texts == null ? void 0 : texts.registerText) || "Register"
       ),
       props.additionalButtons
-    )), /* @__PURE__ */ import_react47.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_react47.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react47.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react47.default.createElement(
+    )), /* @__PURE__ */ import_react48.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_react48.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react48.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react48.default.createElement(
       CardFooter,
       {
         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_react47.default.createElement(
+      /* @__PURE__ */ import_react48.default.createElement(
         AuthButtons,
         {
           texts: thirdPartyAuthTexts,
@@ -10172,7 +10183,7 @@ var RegisterForm = ({
 };
 
 // blocks/auth/AppLanding.tsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 var AppLanding = ({ texts, ...props }) => {
   const thirdPartyAuthTexts = {
     continueWithGoogle: texts == null ? void 0 : texts.continueWithGoogle,
@@ -10183,7 +10194,7 @@ var AppLanding = ({ texts, ...props }) => {
     continueWithEmail: texts == null ? void 0 : texts.continueWithEmail,
     continueWithPhone: texts == null ? void 0 : texts.continueWithPhone
   };
-  return /* @__PURE__ */ import_react48.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react48.default.createElement(Card, null, /* @__PURE__ */ import_react48.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react48.default.createElement(
+  return /* @__PURE__ */ import_react49.default.createElement("div", { dir: props.direction }, /* @__PURE__ */ import_react49.default.createElement(Card, null, /* @__PURE__ */ import_react49.default.createElement(CardContent, { headless: true, className: "hawa-flex hawa-flex-col hawa-gap-6" }, /* @__PURE__ */ import_react49.default.createElement(
     AuthButtons,
     {
       texts: thirdPartyAuthTexts,
@@ -10202,7 +10213,7 @@ var AppLanding = ({ texts, ...props }) => {
       handleEmail: props.handleEmail,
       handlePhone: props.handlePhone
     }
-  ), props.allowRegister && /* @__PURE__ */ import_react48.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_react48.default.createElement(
+  ), props.allowRegister && /* @__PURE__ */ import_react49.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_react49.default.createElement(
     "span",
     {
       onClick: props.handleRouteToRegister,
@@ -10213,9 +10224,9 @@ var AppLanding = ({ texts, ...props }) => {
 };
 
 // blocks/auth/CheckEmail.tsx
-var import_react49 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 var CheckEmail = ({ texts, handleResend }) => {
-  return /* @__PURE__ */ import_react49.default.createElement(Card, null, /* @__PURE__ */ import_react49.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react49.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_react49.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(Card, null, /* @__PURE__ */ import_react50.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react50.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_react50.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -10228,13 +10239,13 @@ var CheckEmail = ({ texts, handleResend }) => {
       width: "0.5em",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ import_react49.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_react49.default.createElement("polyline", { points: "22,6 12,13 2,6" })
-  )), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react49.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_react49.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react49.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
+    /* @__PURE__ */ import_react50.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_react50.default.createElement("polyline", { points: "22,6 12,13 2,6" })
+  )), /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react50.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_react50.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react50.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_react50 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
@@ -10252,8 +10263,8 @@ var NewPasswordForm = ({ texts, ...props }) => {
   const { handleSubmit, control, formState } = (0, import_react_hook_form3.useForm)({
     resolver: (0, import_zod3.zodResolver)(formSchema)
   });
-  const [matchError, setMatchError] = (0, import_react50.useState)(false);
-  return /* @__PURE__ */ import_react50.default.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ import_react50.default.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ import_react50.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react50.default.createElement(
+  const [matchError, setMatchError] = (0, import_react51.useState)(false);
+  return /* @__PURE__ */ import_react51.default.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ import_react51.default.createElement(Alert, { text: (_g = texts == null ? void 0 : texts.confirm) == null ? void 0 : _g.dontMatch, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-text-center" }, texts == null ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react51.default.createElement(
     "form",
     {
       noValidate: true,
@@ -10267,21 +10278,21 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       })
     },
-    !props.headless && /* @__PURE__ */ import_react50.default.createElement(CardHeader, null, /* @__PURE__ */ import_react50.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react50.default.createElement(CardDescription, null, "Set a new password for your account")),
-    /* @__PURE__ */ import_react50.default.createElement(
+    !props.headless && /* @__PURE__ */ import_react51.default.createElement(CardHeader, null, /* @__PURE__ */ import_react51.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react51.default.createElement(CardDescription, null, "Set a new password for your account")),
+    /* @__PURE__ */ import_react51.default.createElement(
       CardContent,
       {
         headless: props.headless,
         className: "hawa-flex hawa-flex-col hawa-gap-4"
       },
-      /* @__PURE__ */ import_react50.default.createElement(
+      /* @__PURE__ */ import_react51.default.createElement(
         import_react_hook_form3.Controller,
         {
           control,
           name: "password",
           render: ({ field }) => {
             var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react50.default.createElement(
+            return /* @__PURE__ */ import_react51.default.createElement(
               Input,
               {
                 width: "full",
@@ -10296,14 +10307,14 @@ var NewPasswordForm = ({ texts, ...props }) => {
           }
         }
       ),
-      /* @__PURE__ */ import_react50.default.createElement(
+      /* @__PURE__ */ import_react51.default.createElement(
         import_react_hook_form3.Controller,
         {
           control,
           name: "confirm_password",
           render: ({ field }) => {
             var _a2, _b2, _c2;
-            return /* @__PURE__ */ import_react50.default.createElement(
+            return /* @__PURE__ */ import_react51.default.createElement(
               Input,
               {
                 width: "full",
@@ -10319,7 +10330,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
         }
       )
     ),
-    /* @__PURE__ */ import_react50.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react50.default.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react50.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_react50.default.createElement(
+    /* @__PURE__ */ import_react51.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react51.default.createElement(Button, { className: "hawa-w-full", type: "submit" }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react51.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_react51.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -10331,7 +10342,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
 };
 
 // blocks/auth/ResetPassword.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
@@ -10348,7 +10359,7 @@ var ResetPasswordForm = ({
   const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
     resolver: (0, import_zod4.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react51.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react51.default.createElement(CardHeader, null, /* @__PURE__ */ import_react51.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react51.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react51.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react52.default.createElement(CardHeader, null, /* @__PURE__ */ import_react52.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react52.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react52.default.createElement(
     "form",
     {
       noValidate: true,
@@ -10360,14 +10371,14 @@ var ResetPasswordForm = ({
         }
       })
     },
-    /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ import_react51.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ import_react52.default.createElement(
       import_react_hook_form4.Controller,
       {
         control,
         name: "email",
         render: ({ field }) => {
           var _a2, _b2, _c2, _d2, _e2;
-          return /* @__PURE__ */ import_react51.default.createElement(
+          return /* @__PURE__ */ import_react52.default.createElement(
             Input,
             {
               width: "full",
@@ -10380,7 +10391,7 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react51.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react51.default.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react51.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_react51.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react52.default.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react52.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_react52.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -10388,11 +10399,11 @@ var ResetPasswordForm = ({
       },
       (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
     )))
-  )) : /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react51.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_react52.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react52.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_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var z5 = __toESM(require("zod"));
@@ -10404,9 +10415,9 @@ var CodeConfirmation = (props) => {
   const { handleSubmit, control, formState, setValue } = (0, import_react_hook_form5.useForm)({
     resolver: (0, import_zod5.zodResolver)(formSchema)
   });
-  const [resendTimer, setResendTimer] = (0, import_react52.useState)(null);
-  const [remainingTime, setRemainingTime] = (0, import_react52.useState)(0);
-  const [showResendTimer, setShowResendTimer] = (0, import_react52.useState)(false);
+  const [resendTimer, setResendTimer] = (0, import_react53.useState)(null);
+  const [remainingTime, setRemainingTime] = (0, import_react53.useState)(0);
+  const [showResendTimer, setShowResendTimer] = (0, import_react53.useState)(false);
   const startResendTimer = () => {
     if (resendTimer !== null) {
       clearInterval(resendTimer);
@@ -10428,21 +10439,21 @@ var CodeConfirmation = (props) => {
     }, 1e3);
     setResendTimer(newTimer);
   };
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     return () => {
       if (resendTimer !== null) {
         clearInterval(resendTimer);
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react52.default.createElement(Card, null, /* @__PURE__ */ import_react52.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react52.default.createElement(
+  return /* @__PURE__ */ import_react53.default.createElement(Card, null, /* @__PURE__ */ import_react53.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react53.default.createElement(
     Alert,
     {
       title: props.errorTitle,
       text: props.errorText,
       severity: "error"
     }
-  ), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react52.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react52.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react52.default.createElement(
+  ), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourPhone) || "Please check your phone"), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react53.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react53.default.createElement("span", null, props.phoneNumber))), /* @__PURE__ */ import_react53.default.createElement(
     "form",
     {
       noValidate: true,
@@ -10456,14 +10467,14 @@ var CodeConfirmation = (props) => {
         }
       })
     },
-    /* @__PURE__ */ import_react52.default.createElement(
+    /* @__PURE__ */ import_react53.default.createElement(
       import_react_hook_form5.Controller,
       {
         control,
         name: "otp_code",
         render: ({ field }) => {
           var _a2;
-          return /* @__PURE__ */ import_react52.default.createElement(
+          return /* @__PURE__ */ import_react53.default.createElement(
             PinInput,
             {
               width: "full",
@@ -10475,7 +10486,7 @@ var CodeConfirmation = (props) => {
         }
       }
     ),
-    showResendTimer ? /* @__PURE__ */ import_react52.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_react52.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react52.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react52.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react52.default.createElement(
+    showResendTimer ? /* @__PURE__ */ import_react53.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_react53.default.createElement("strong", null, remainingTime), " ", (_f = props.texts) == null ? void 0 : _f.seconds) : /* @__PURE__ */ import_react53.default.createElement("div", { className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground" }, /* @__PURE__ */ import_react53.default.createElement("span", null, (_h = (_g = props.texts) == null ? void 0 : _g.didntGetCode) != null ? _h : "Didn't get the code?"), " ", /* @__PURE__ */ import_react53.default.createElement(
       "span",
       {
         className: "clickable-link",
@@ -10486,12 +10497,12 @@ var CodeConfirmation = (props) => {
       },
       ((_i = props.texts) == null ? void 0 : _i.resendCode) || "Click to resend"
     )),
-    /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react52.default.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react52.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
+    /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2" }, /* @__PURE__ */ import_react53.default.createElement(Button, { variant: "secondary" }, ((_j = props.texts) == null ? void 0 : _j.cancel) || "Cancel"), /* @__PURE__ */ import_react53.default.createElement(Button, { isLoading: props.confirmLoading }, ((_k = props.texts) == null ? void 0 : _k.confirm) || "Confirm"))
   )));
 };
 
 // blocks/feedback/UserReferralSource.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var import_react_hook_form6 = require("react-hook-form");
 var import_zod6 = require("@hookform/resolvers/zod");
 var z6 = __toESM(require("zod"));
@@ -10501,8 +10512,8 @@ var UserReferralSource = ({
   ...props
 }) => {
   var _a, _b;
-  const [closed, setClosed] = (0, import_react53.useState)(false);
-  const popUpRef = (0, import_react53.useRef)(null);
+  const [closed, setClosed] = (0, import_react54.useState)(false);
+  const popUpRef = (0, import_react54.useRef)(null);
   const formSchema = z6.object({
     source: z6.string({ required_error: (_a = props.texts) == null ? void 0 : _a.pleaseSelectOption }),
     feedback: z6.string().optional()
@@ -10522,7 +10533,7 @@ var UserReferralSource = ({
       label: "Other"
     }
   ];
-  return /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(
     "div",
     {
       className: cn(
@@ -10531,7 +10542,7 @@ var UserReferralSource = ({
       ),
       ref: popUpRef
     },
-    /* @__PURE__ */ import_react53.default.createElement(
+    /* @__PURE__ */ import_react54.default.createElement(
       Card,
       {
         className: cn(
@@ -10540,7 +10551,7 @@ var UserReferralSource = ({
         ),
         dir: props.direction
       },
-      /* @__PURE__ */ import_react53.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(
         "button",
         {
           type: "button",
@@ -10559,7 +10570,7 @@ var UserReferralSource = ({
             }, 200);
           }
         },
-        /* @__PURE__ */ import_react53.default.createElement(
+        /* @__PURE__ */ import_react54.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -10567,7 +10578,7 @@ var UserReferralSource = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react53.default.createElement(
+          /* @__PURE__ */ import_react54.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -10577,7 +10588,7 @@ var UserReferralSource = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react53.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react53.default.createElement(
+      /* @__PURE__ */ import_react54.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react54.default.createElement(
         "form",
         {
           noValidate: true,
@@ -10589,7 +10600,7 @@ var UserReferralSource = ({
             }
           })
         },
-        /* @__PURE__ */ import_react53.default.createElement(
+        /* @__PURE__ */ import_react54.default.createElement(
           "div",
           {
             className: cn(
@@ -10597,15 +10608,15 @@ var UserReferralSource = ({
               closed ? "hawa-opacity-0" : "hawa-opacity-100"
             )
           },
-          /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react53.default.createElement(
+          /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
+          /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react54.default.createElement(
             import_react_hook_form6.Controller,
             {
               control,
               name: "source",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ import_react53.default.createElement(
+                return /* @__PURE__ */ import_react54.default.createElement(
                   Radio,
                   {
                     name: "source",
@@ -10620,14 +10631,14 @@ var UserReferralSource = ({
               }
             }
           )),
-          /* @__PURE__ */ import_react53.default.createElement("div", null, /* @__PURE__ */ import_react53.default.createElement(
+          /* @__PURE__ */ import_react54.default.createElement("div", null, /* @__PURE__ */ import_react54.default.createElement(
             import_react_hook_form6.Controller,
             {
               control,
               name: "feedback",
               render: ({ field }) => {
                 var _a2, _b2;
-                return /* @__PURE__ */ import_react53.default.createElement(
+                return /* @__PURE__ */ import_react54.default.createElement(
                   Textarea,
                   {
                     ...field,
@@ -10642,28 +10653,28 @@ var UserReferralSource = ({
             }
           ))
         ),
-        /* @__PURE__ */ import_react53.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
+        /* @__PURE__ */ import_react54.default.createElement(Button, { type: "submit", className: "hawa-mt-4 hawa-w-full" }, ((_b = props.texts) == null ? void 0 : _b.submit) || "Submit")
       ))
     )
   );
 };
 
 // blocks/feedback/FeedbackRating.tsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 var FeedbackRating = ({
   position = "bottom-right",
   ...props
 }) => {
-  const [closed, setClosed] = (0, import_react54.useState)(false);
-  const [answered, setAnswered] = (0, import_react54.useState)(false);
-  const [clickedOption, setClickedOption] = (0, import_react54.useState)(null);
-  const [closingTimer, setClosingTimer] = (0, import_react54.useState)(5);
-  const popUpRef = (0, import_react54.useRef)(null);
+  const [closed, setClosed] = (0, import_react55.useState)(false);
+  const [answered, setAnswered] = (0, import_react55.useState)(false);
+  const [clickedOption, setClickedOption] = (0, import_react55.useState)(null);
+  const [closingTimer, setClosingTimer] = (0, import_react55.useState)(5);
+  const popUpRef = (0, import_react55.useRef)(null);
   const boxPosition = {
     "bottom-right": "hawa-right-4",
     "bottom-left": "hawa-left-4"
   };
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     const timeoutHide = setTimeout(() => {
       if (closingTimer >= 0) {
         setClosingTimer(closingTimer - 1);
@@ -10681,7 +10692,7 @@ var FeedbackRating = ({
       }
     }, 200);
   };
-  return /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(
     "div",
     {
       ref: popUpRef,
@@ -10690,7 +10701,7 @@ var FeedbackRating = ({
         boxPosition[position]
       )
     },
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       "div",
       {
         className: cn(
@@ -10699,8 +10710,8 @@ var FeedbackRating = ({
           props.banner && "hawa-rounded-none hawa-px-4 md:hawa-rounded-t md:hawa-px-64"
         )
       },
-      /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
-      /* @__PURE__ */ import_react54.default.createElement(
+      /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm" }, props.title),
+      /* @__PURE__ */ import_react55.default.createElement(
         "button",
         {
           type: "button",
@@ -10709,7 +10720,7 @@ var FeedbackRating = ({
           "aria-label": "Close",
           onClick: () => slowClose()
         },
-        /* @__PURE__ */ import_react54.default.createElement(
+        /* @__PURE__ */ import_react55.default.createElement(
           "svg",
           {
             "aria-hidden": "true",
@@ -10717,7 +10728,7 @@ var FeedbackRating = ({
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react54.default.createElement(
+          /* @__PURE__ */ import_react55.default.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -10727,8 +10738,8 @@ var FeedbackRating = ({
           )
         )
       ),
-      /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-mt-8" }, props.question),
-      /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ import_react54.default.createElement(
+      /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-mt-8" }, props.question),
+      /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, props.options && props.options.map((op, i) => /* @__PURE__ */ import_react55.default.createElement(
         "span",
         {
           key: i,
@@ -10756,24 +10767,24 @@ var FeedbackRating = ({
         },
         op
       ))),
-      props.texts && /* @__PURE__ */ import_react54.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react54.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react54.default.createElement("span", null, props.texts.most)),
-      answered && /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react54.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
+      props.texts && /* @__PURE__ */ import_react55.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs" }, /* @__PURE__ */ import_react55.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react55.default.createElement("span", null, props.texts.most)),
+      answered && /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all" }, /* @__PURE__ */ import_react55.default.createElement("span", { className: "hawa-font-bold hawa-text-white" }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react55.default.createElement(Button, { variant: "secondary", onClick: () => slowClose() }, "Close")))
     )
   );
 };
 
 // blocks/feedback/FeedbackEmoji.tsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 var FeedbackEmoji = (props) => {
-  const [selectedEmoji, setSelectedEmoji] = (0, import_react55.useState)(null);
-  const [loadingSubmit, setLoadingSubmit] = (0, import_react55.useState)(false);
-  const [feedbackText, setFeedbackText] = (0, import_react55.useState)("");
-  const [helperText, setHelperText] = (0, import_react55.useState)(false);
+  const [selectedEmoji, setSelectedEmoji] = (0, import_react56.useState)(null);
+  const [loadingSubmit, setLoadingSubmit] = (0, import_react56.useState)(false);
+  const [feedbackText, setFeedbackText] = (0, import_react56.useState)("");
+  const [helperText, setHelperText] = (0, import_react56.useState)(false);
   let emojis = [
-    { icon: /* @__PURE__ */ import_react55.default.createElement(VeryGoodEmoji, null), value: "very-good" },
-    { icon: /* @__PURE__ */ import_react55.default.createElement(GoodEmoji, null), value: "good" },
-    { icon: /* @__PURE__ */ import_react55.default.createElement(BadEmoji, null), value: "bad" },
-    { icon: /* @__PURE__ */ import_react55.default.createElement(VeryBadEmoji, null), value: "very-bad" }
+    { icon: /* @__PURE__ */ import_react56.default.createElement(VeryGoodEmoji, null), value: "very-good" },
+    { icon: /* @__PURE__ */ import_react56.default.createElement(GoodEmoji, null), value: "good" },
+    { icon: /* @__PURE__ */ import_react56.default.createElement(BadEmoji, null), value: "bad" },
+    { icon: /* @__PURE__ */ import_react56.default.createElement(VeryBadEmoji, null), value: "very-bad" }
   ];
   const onFeedbackSubmit = async () => {
     if (feedbackText) {
@@ -10793,7 +10804,7 @@ var FeedbackEmoji = (props) => {
       setHelperText(true);
     }
   };
-  return /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement(
     "div",
     {
       className: cn(
@@ -10801,7 +10812,7 @@ var FeedbackEmoji = (props) => {
         selectedEmoji ? "hawa-h-[189px]  hawa-min-w-fit" : "hawa-h-[44px] "
       )
     },
-    /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 " }, /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 " }, emojis.map((emoji, i) => /* @__PURE__ */ import_react56.default.createElement(
       Button,
       {
         key: i,
@@ -10820,7 +10831,7 @@ var FeedbackEmoji = (props) => {
       },
       emoji.icon
     )))),
-    /* @__PURE__ */ import_react55.default.createElement(
+    /* @__PURE__ */ import_react56.default.createElement(
       "div",
       {
         className: cn(
@@ -10828,7 +10839,7 @@ var FeedbackEmoji = (props) => {
           selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 "
         )
       },
-      props.showSuccess ? /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react55.default.createElement(
+      props.showSuccess ? /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2  hawa-pt-4" }, /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground" }, /* @__PURE__ */ import_react56.default.createElement(
         "svg",
         {
           stroke: "currentColor",
@@ -10838,13 +10849,13 @@ var FeedbackEmoji = (props) => {
           height: "0.5em",
           width: "0.5em"
         },
-        /* @__PURE__ */ import_react55.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
-      )), /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react55.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react55.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react55.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react55.default.createElement(
+        /* @__PURE__ */ import_react56.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+      )), /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-text-center hawa-text-sm" }, /* @__PURE__ */ import_react56.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react56.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-1 hawa-p-1" }, /* @__PURE__ */ import_react56.default.createElement(
         Popover,
         {
           className: "hawa-select-none hawa-p-1 hawa-text-xs ",
           open: helperText,
-          trigger: /* @__PURE__ */ import_react55.default.createElement(
+          trigger: /* @__PURE__ */ import_react56.default.createElement(
             Textarea,
             {
               classNames: {
@@ -10862,8 +10873,8 @@ var FeedbackEmoji = (props) => {
             }
           )
         },
-        /* @__PURE__ */ import_react55.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
-      ), /* @__PURE__ */ import_react55.default.createElement(
+        /* @__PURE__ */ import_react56.default.createElement("span", { className: "hawa-m-0" }, "Please enter your feedback")
+      ), /* @__PURE__ */ import_react56.default.createElement(
         Button,
         {
           isLoading: loadingSubmit,
@@ -10878,7 +10889,7 @@ var FeedbackEmoji = (props) => {
 };
 
 // blocks/feedback/FeedbackForm.tsx
-var import_react56 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 var import_react_hook_form7 = require("react-hook-form");
 var import_zod7 = require("@hookform/resolvers/zod");
 var z7 = __toESM(require("zod"));
@@ -10892,7 +10903,7 @@ var FeedbackForm = (props) => {
     resolver: (0, import_zod7.zodResolver)(formSchema),
     defaultValues: { requestType: "", description: "" }
   });
-  return /* @__PURE__ */ import_react56.default.createElement(
+  return /* @__PURE__ */ import_react57.default.createElement(
     Card,
     {
       className: cn(
@@ -10900,7 +10911,7 @@ var FeedbackForm = (props) => {
       ),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react56.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react56.default.createElement(
+    /* @__PURE__ */ import_react57.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react57.default.createElement(
       "form",
       {
         noValidate: true,
@@ -10913,15 +10924,15 @@ var FeedbackForm = (props) => {
         }),
         className: "hawa-flex hawa-flex-col hawa-gap-2"
       },
-      /* @__PURE__ */ import_react56.default.createElement(Label2, null),
-      /* @__PURE__ */ import_react56.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(Label2, null),
+      /* @__PURE__ */ import_react57.default.createElement(
         import_react_hook_form7.Controller,
         {
           name: "requestType",
           control,
           render: ({ field }) => {
             var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
-            return /* @__PURE__ */ import_react56.default.createElement(
+            return /* @__PURE__ */ import_react57.default.createElement(
               Select,
               {
                 ...field,
@@ -10939,14 +10950,14 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ import_react56.default.createElement(
+      /* @__PURE__ */ import_react57.default.createElement(
         import_react_hook_form7.Controller,
         {
           name: "description",
           control,
           render: ({ field }) => {
             var _a2, _b2, _c2, _d2, _e2, _f2;
-            return /* @__PURE__ */ import_react56.default.createElement(
+            return /* @__PURE__ */ import_react57.default.createElement(
               Textarea,
               {
                 helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
@@ -10964,15 +10975,15 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ import_react56.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
+      /* @__PURE__ */ import_react57.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
     ))
   );
 };
 
 // blocks/misc/LegalTexts.tsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var LegalTexts = ({ tabs, ...props }) => {
-  return /* @__PURE__ */ import_react57.default.createElement(
+  return /* @__PURE__ */ import_react58.default.createElement(
     Tabs,
     {
       value: props.activeTab,
@@ -10980,8 +10991,8 @@ var LegalTexts = ({ tabs, ...props }) => {
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ import_react57.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react57.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
-    tabs.map((tab, index) => /* @__PURE__ */ import_react57.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react57.default.createElement(
+    /* @__PURE__ */ import_react58.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react58.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    tabs.map((tab, index) => /* @__PURE__ */ import_react58.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react58.default.createElement(
       ScrollArea,
       {
         className: cn(
@@ -10995,9 +11006,9 @@ var LegalTexts = ({ tabs, ...props }) => {
 };
 
 // blocks/misc/EmptyState.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ import_react58.default.createElement(Card, null, /* @__PURE__ */ import_react58.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 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_react58.default.createElement(
+  return /* @__PURE__ */ import_react59.default.createElement(Card, null, /* @__PURE__ */ import_react59.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 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_react59.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -11007,30 +11018,30 @@ var EmptyState = ({ texts, onActionClick }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ import_react58.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
-  )), /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ import_react58.default.createElement(CardFooter, null, /* @__PURE__ */ import_react58.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
+    /* @__PURE__ */ import_react59.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+  )), /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ import_react59.default.createElement(CardFooter, null, /* @__PURE__ */ import_react59.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
 };
 
 // blocks/misc/Testimonial.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 var Testimonial = () => {
-  return /* @__PURE__ */ import_react59.default.createElement(Card, null, /* @__PURE__ */ import_react59.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react59.default.createElement("div", null, /* @__PURE__ */ import_react59.default.createElement("p", { className: "mb-4 max-w-sm" }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ import_react59.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react59.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react59.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react59.default.createElement(
+  return /* @__PURE__ */ import_react60.default.createElement(Card, null, /* @__PURE__ */ import_react60.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react60.default.createElement("div", null, /* @__PURE__ */ import_react60.default.createElement("p", { className: "mb-4 max-w-sm" }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ import_react60.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react60.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react60.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react60.default.createElement(
     "path",
     {
       d: "M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",
       fill: "#FFFFFF"
     }
-  ), /* @__PURE__ */ import_react59.default.createElement(
+  ), /* @__PURE__ */ import_react60.default.createElement(
     "path",
     {
       d: "M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",
       fill: "#FFFFFF"
     }
-  )), /* @__PURE__ */ import_react59.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react59.default.createElement("div", null, /* @__PURE__ */ import_react59.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react59.default.createElement("div", null, " Chief Information Security Officer")))));
+  )), /* @__PURE__ */ import_react60.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react60.default.createElement("div", null, /* @__PURE__ */ import_react60.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react60.default.createElement("div", null, " Chief Information Security Officer")))));
 };
 
 // blocks/misc/LeadGenerator.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var import_react_hook_form8 = require("react-hook-form");
 var LeadGenerator = ({ texts, submitHandler }) => {
   var _a;
@@ -11042,14 +11053,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
       console.log("handleNewsletterSub props was not provided");
     }
   };
-  return /* @__PURE__ */ import_react60.default.createElement(Card, null, /* @__PURE__ */ import_react60.default.createElement(CardHeader, null, /* @__PURE__ */ import_react60.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react60.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react60.default.createElement(CardContent, null, /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react61.default.createElement(Card, null, /* @__PURE__ */ import_react61.default.createElement(CardHeader, null, /* @__PURE__ */ import_react61.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react61.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react61.default.createElement(CardContent, null, /* @__PURE__ */ import_react61.default.createElement(
     "form",
     {
       noValidate: true,
       className: "hawa-flex hawa-flex-row hawa-gap-2",
       onSubmit: handleSubmit(onSubmit)
     },
-    /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react61.default.createElement(
       import_react_hook_form8.Controller,
       {
         name: "email",
@@ -11062,27 +11073,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
           }
         },
         defaultValue: "",
-        render: ({ field }) => /* @__PURE__ */ import_react60.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
+        render: ({ field }) => /* @__PURE__ */ import_react61.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
       }
     ),
-    /* @__PURE__ */ import_react60.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
+    /* @__PURE__ */ import_react61.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
   )));
 };
 
 // blocks/misc/Announcement.tsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var Announcement = ({
   onActionClick,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react61.default.createElement(Card, null, /* @__PURE__ */ import_react61.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement(Card, null, /* @__PURE__ */ import_react62.default.createElement(
     CardContent,
     {
       headless: true,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
-    /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ import_react61.default.createElement(
+    /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react62.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react62.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
+    /* @__PURE__ */ import_react62.default.createElement(
       Button,
       {
         onClick: () => onActionClick(),
@@ -11094,15 +11105,15 @@ var Announcement = ({
 };
 
 // blocks/misc/NotFound.tsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ import_react62.default.createElement(Card, null, /* @__PURE__ */ import_react62.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react62.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react62.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
+  return /* @__PURE__ */ import_react63.default.createElement(Card, null, /* @__PURE__ */ import_react63.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react63.default.createElement(import_react63.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react63.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react63.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // blocks/misc/NoPermission.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ import_react63.default.createElement(Card, null, /* @__PURE__ */ import_react63.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 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_react63.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement(Card, null, /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 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_react64.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -11112,12 +11123,12 @@ var NoPermission = ({ texts }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ import_react63.default.createElement("path", { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" })
-  )), /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ import_react63.default.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
+    /* @__PURE__ */ import_react64.default.createElement("path", { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" })
+  )), /* @__PURE__ */ import_react64.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ import_react64.default.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
 };
 
 // blocks/misc/ContactForm.tsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var import_react_hook_form9 = require("react-hook-form");
 var import_zod8 = require("@hookform/resolvers/zod");
 var z8 = __toESM(require("zod"));
@@ -11189,7 +11200,7 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  return /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement(
     Card,
     {
       className: cn(
@@ -11198,7 +11209,7 @@ var ContactForm = ({
       ),
       style: cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react64.default.createElement(
+    /* @__PURE__ */ import_react65.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react65.default.createElement(
       "form",
       {
         noValidate: true,
@@ -11207,7 +11218,7 @@ var ContactForm = ({
         id: formId,
         autoComplete: formAutoComplete
       },
-      /* @__PURE__ */ import_react64.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement(
         "div",
         {
           className: cn(
@@ -11218,14 +11229,14 @@ var ContactForm = ({
             }
           )
         },
-        /* @__PURE__ */ import_react64.default.createElement(
+        /* @__PURE__ */ import_react65.default.createElement(
           import_react_hook_form9.Controller,
           {
             control,
             name: "name",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react64.default.createElement(
+              return /* @__PURE__ */ import_react65.default.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.name.label) || "Name",
@@ -11238,14 +11249,14 @@ var ContactForm = ({
             }
           }
         ),
-        /* @__PURE__ */ import_react64.default.createElement(
+        /* @__PURE__ */ import_react65.default.createElement(
           import_react_hook_form9.Controller,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react64.default.createElement(
+              return /* @__PURE__ */ import_react65.default.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.email.label) || "Email",
@@ -11261,7 +11272,7 @@ var ContactForm = ({
       ),
       customFields && customFields.map((customField) => {
         console.log("custom", customField);
-        return /* @__PURE__ */ import_react64.default.createElement(
+        return /* @__PURE__ */ import_react65.default.createElement(
           import_react_hook_form9.Controller,
           {
             control,
@@ -11271,7 +11282,7 @@ var ContactForm = ({
               switch (type) {
                 case "text":
                 case "number":
-                  return /* @__PURE__ */ import_react64.default.createElement(
+                  return /* @__PURE__ */ import_react65.default.createElement(
                     Input,
                     {
                       id: customField.name,
@@ -11282,7 +11293,7 @@ var ContactForm = ({
                     }
                   );
                 case "select":
-                  return /* @__PURE__ */ import_react64.default.createElement(
+                  return /* @__PURE__ */ import_react65.default.createElement(
                     Select,
                     {
                       label,
@@ -11292,20 +11303,20 @@ var ContactForm = ({
                     }
                   );
                 default:
-                  return /* @__PURE__ */ import_react64.default.createElement("div", null, "Unknown type");
+                  return /* @__PURE__ */ import_react65.default.createElement("div", null, "Unknown type");
               }
             }
           }
         );
       }),
-      /* @__PURE__ */ import_react64.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement(
         import_react_hook_form9.Controller,
         {
           control,
           name: "message",
           render: ({ field }) => {
             var _a2;
-            return /* @__PURE__ */ import_react64.default.createElement(
+            return /* @__PURE__ */ import_react65.default.createElement(
               Textarea,
               {
                 label: (texts == null ? void 0 : texts.message.label) || "Message",
@@ -11322,19 +11333,19 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react64.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
+      /* @__PURE__ */ import_react65.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };
 
 // blocks/pricing/PricingPlans.tsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 
 // blocks/cards/ActionCard.tsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 var ActionCard = (props) => {
-  const [hovered, setHovered] = (0, import_react65.useState)(false);
-  return /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ import_react65.default.createElement(
+  const [hovered, setHovered] = (0, import_react66.useState)(false);
+  return /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ import_react66.default.createElement(
     "div",
     {
       className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
@@ -11344,7 +11355,7 @@ var ActionCard = (props) => {
       onMouseEnter: () => setHovered(true),
       onMouseLeave: () => setHovered(false)
     },
-    props.blank ? /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ import_react65.default.createElement(
+    props.blank ? /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ import_react66.default.createElement(
       "svg",
       {
         className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
@@ -11356,11 +11367,11 @@ var ActionCard = (props) => {
         width: "1em",
         xmlns: "http://www.w3.org/2000/svg"
       },
-      /* @__PURE__ */ import_react65.default.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
-    )) : /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
-    /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
-    !props.blank && /* @__PURE__ */ import_react65.default.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ import_react65.default.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ import_react65.default.createElement("p", { className: "hawa-text-white" }, props.subtitle))
-  ), /* @__PURE__ */ import_react65.default.createElement(
+      /* @__PURE__ */ import_react66.default.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
+    )) : /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
+    /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
+    !props.blank && /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ import_react66.default.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ import_react66.default.createElement("p", { className: "hawa-text-white" }, props.subtitle))
+  ), /* @__PURE__ */ import_react66.default.createElement(
     "div",
     {
       className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
@@ -11370,15 +11381,15 @@ var ActionCard = (props) => {
 };
 
 // blocks/cards/AdCard.tsx
-var import_react66 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 var AdCard = ({
   orientation = "vertical",
   ...props
 }) => {
-  const adRef = (0, import_react66.useRef)(null);
-  const [closed, setClosed] = (0, import_react66.useState)(false);
+  const adRef = (0, import_react67.useRef)(null);
+  const [closed, setClosed] = (0, import_react67.useState)(false);
   let duration = 0;
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (duration) {
       const timeoutHide = setTimeout(() => {
         setClosed(true);
@@ -11403,21 +11414,21 @@ var AdCard = ({
     horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500  hawa-rounded-inner",
     vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
   };
-  return /* @__PURE__ */ import_react66.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react66.default.createElement(
+  return /* @__PURE__ */ import_react67.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react67.default.createElement(
     "div",
     {
       className: cn(cardStyles[orientation], props.className),
       onClick: props.handleClick
     },
-    /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ import_react66.default.createElement(
+    /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ import_react67.default.createElement(
       "img",
       {
         src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
         className: imageStyles[orientation]
       }
     )),
-    /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
-    props.canHide && /* @__PURE__ */ import_react66.default.createElement(
+    /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
+    props.canHide && /* @__PURE__ */ import_react67.default.createElement(
       "span",
       {
         onClick: (e) => {
@@ -11443,7 +11454,7 @@ var AdCard = ({
 };
 
 // blocks/cards/PricingCard.tsx
-var import_react67 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var PricingCard = ({
   size = "medium",
   direction = "ltr",
@@ -11458,13 +11469,13 @@ var PricingCard = ({
     medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
     large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
   };
-  return /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react67.default.createElement(
+  return /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react68.default.createElement(
     Skeleton,
     {
       className: cn(cardSizes[size], "hawa-h-[200px]"),
       fade: "bottom"
     }
-  ) : /* @__PURE__ */ import_react67.default.createElement(
+  ) : /* @__PURE__ */ import_react68.default.createElement(
     Card,
     {
       dir: direction,
@@ -11475,7 +11486,7 @@ var PricingCard = ({
         recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
       )
     },
-    recommended && /* @__PURE__ */ import_react67.default.createElement(
+    recommended && /* @__PURE__ */ import_react68.default.createElement(
       "div",
       {
         className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2  hawa-text-center hawa-text-primary-foreground",
@@ -11483,7 +11494,7 @@ var PricingCard = ({
       },
       ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
     ),
-    /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react67.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react67.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react67.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react67.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react67.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react67.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react67.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react67.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react67.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react67.default.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react67.default.createElement(Separator2, null), /* @__PURE__ */ import_react67.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react68.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react68.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react68.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react68.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react68.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react68.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react68.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react68.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react68.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react68.default.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react68.default.createElement(Separator2, null), /* @__PURE__ */ import_react68.default.createElement(
       "div",
       {
         className: cn(
@@ -11491,9 +11502,9 @@ var PricingCard = ({
           endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
         )
       },
-      props.features && /* @__PURE__ */ import_react67.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+      props.features && /* @__PURE__ */ import_react68.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
         var _a2;
-        return /* @__PURE__ */ import_react67.default.createElement(
+        return /* @__PURE__ */ import_react68.default.createElement(
           "li",
           {
             key: o,
@@ -11502,7 +11513,7 @@ var PricingCard = ({
               !feature.included && "hawa-line-through"
             )
           },
-          /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react67.default.createElement(
+          /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react68.default.createElement(
             "svg",
             {
               "aria-label": "Check Icon",
@@ -11511,7 +11522,7 @@ var PricingCard = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react67.default.createElement(
+            /* @__PURE__ */ import_react68.default.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -11519,7 +11530,7 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react67.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react67.default.createElement(
+          ) : /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react68.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react68.default.createElement(
             Chip,
             {
               label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
@@ -11527,13 +11538,13 @@ var PricingCard = ({
               size: "small"
             }
           ))),
-          feature.hint && /* @__PURE__ */ import_react67.default.createElement(
+          feature.hint && /* @__PURE__ */ import_react68.default.createElement(
             Tooltip,
             {
               content: feature.hint,
               side: feature.hintSide
             },
-            /* @__PURE__ */ import_react67.default.createElement(
+            /* @__PURE__ */ import_react68.default.createElement(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -11545,14 +11556,14 @@ var PricingCard = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round"
               },
-              /* @__PURE__ */ import_react67.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-              /* @__PURE__ */ import_react67.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-              /* @__PURE__ */ import_react67.default.createElement("path", { d: "M12 17h.01" })
+              /* @__PURE__ */ import_react68.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ import_react68.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+              /* @__PURE__ */ import_react68.default.createElement("path", { d: "M12 17h.01" })
             )
           )
         );
       })),
-      /* @__PURE__ */ import_react67.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         Button,
         {
           onClick: props.onPlanClicked,
@@ -11566,7 +11577,7 @@ var PricingCard = ({
 };
 
 // blocks/cards/ItemCard.tsx
-var import_react68 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 var ItemCard = ({
   actions,
   counts,
@@ -11595,12 +11606,12 @@ var ItemCard = ({
     )
   };
   let headerActionsButtonStyle = "hawa-inline-block hawa-rounded hawa-p-1 hawa-text-sm hawa-text-gray-500 hover:hawa-bg-gray-100 focus:hawa-outline-none focus:hawa-ring-4 focus:hawa-ring-gray-200 dark:hawa-text-gray-400 dark:hover:hawa-bg-gray-700 dark:focus:hawa-ring-gray-700";
-  const [openActionHeader, setOpenActionHeader] = (0, import_react68.useState)(false);
+  const [openActionHeader, setOpenActionHeader] = (0, import_react69.useState)(false);
   function handleOpenActionHeader(e) {
     e.stopPropagation();
     setOpenActionHeader(!openActionHeader);
   }
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     window.onclick = () => {
       if (openActionHeader) {
         setOpenActionHeader(false);
@@ -11608,7 +11619,7 @@ var ItemCard = ({
     };
     return () => window.onclick = null;
   }, [openActionHeader]);
-  return /* @__PURE__ */ import_react68.default.createElement(
+  return /* @__PURE__ */ import_react69.default.createElement(
     "div",
     {
       className: cn(
@@ -11624,7 +11635,7 @@ var ItemCard = ({
         }
       }
     },
-    cardImage && /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react68.default.createElement(
+    cardImage && /* @__PURE__ */ import_react69.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react69.default.createElement(
       "img",
       {
         src: cardImage,
@@ -11633,7 +11644,7 @@ var ItemCard = ({
           clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
         )
       }
-    ), clickableImage && /* @__PURE__ */ import_react68.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ import_react68.default.createElement(
+    ), clickableImage && /* @__PURE__ */ import_react69.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react69.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ import_react69.default.createElement(
       Button,
       {
         variant: "secondary",
@@ -11643,19 +11654,19 @@ var ItemCard = ({
       clickableImageActionIcon,
       clickableImageActionText || "Click"
     )))),
-    /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react68.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react68.default.createElement(
+    /* @__PURE__ */ import_react69.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react69.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react69.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react69.default.createElement(
       DropdownMenu,
       {
         items: headerActions,
-        trigger: /* @__PURE__ */ import_react68.default.createElement(
+        trigger: /* @__PURE__ */ import_react69.default.createElement(
           Button,
           {
             variant: "ghost",
             size: "smallIcon",
             onClick: handleOpenActionHeader
           },
-          /* @__PURE__ */ import_react68.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ import_react68.default.createElement(
+          /* @__PURE__ */ import_react69.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
+          /* @__PURE__ */ import_react69.default.createElement(
             "svg",
             {
               className: "hawa-h-5 hawa-w-5",
@@ -11663,11 +11674,11 @@ var ItemCard = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react68.default.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
+            /* @__PURE__ */ import_react69.default.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
           )
         )
       }
-    ))), /* @__PURE__ */ import_react68.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react68.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react68.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react68.default.createElement(
+    ))), /* @__PURE__ */ import_react69.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react69.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react69.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react69.default.createElement(
       "div",
       {
         className: cn(
@@ -11677,15 +11688,15 @@ var ItemCard = ({
         )
       },
       counts,
-      /* @__PURE__ */ import_react68.default.createElement(StopPropagationWrapper, null, actions)
+      /* @__PURE__ */ import_react69.default.createElement(StopPropagationWrapper, null, actions)
     ) : null)
   );
 };
 
 // blocks/cards/LandingCard.tsx
-var import_react69 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 var LandingCard = (props) => {
-  return /* @__PURE__ */ import_react69.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react69.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react69.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react69.default.createElement(CardDescription, null, props.subtitle)));
+  return /* @__PURE__ */ import_react70.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react70.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react70.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react70.default.createElement(CardDescription, null, props.subtitle)));
 };
 
 // blocks/pricing/PricingPlans.tsx
@@ -11694,7 +11705,7 @@ var PricingPlans = ({
   cardsContainerProps,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react70.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react70.default.createElement(
+  return /* @__PURE__ */ import_react71.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react71.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -11707,7 +11718,7 @@ var PricingPlans = ({
         }
       }
     }
-  ), /* @__PURE__ */ import_react70.default.createElement(
+  ), /* @__PURE__ */ import_react71.default.createElement(
     Radio,
     {
       name: "currency",
@@ -11720,7 +11731,7 @@ var PricingPlans = ({
         }
       }
     }
-  )), /* @__PURE__ */ import_react70.default.createElement(
+  )), /* @__PURE__ */ import_react71.default.createElement(
     "div",
     {
       className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
@@ -11728,7 +11739,7 @@ var PricingPlans = ({
     },
     props.plans.map((plan, index) => {
       var _a, _b;
-      return /* @__PURE__ */ import_react70.default.createElement(
+      return /* @__PURE__ */ import_react71.default.createElement(
         PricingCard,
         {
           key: index,
@@ -11759,7 +11770,7 @@ var PricingPlans = ({
 };
 
 // blocks/pricing/ComparingPlans.tsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
     new Set(
@@ -11768,7 +11779,7 @@ var ComparingPlans = (props) => {
       )
     )
   );
-  return /* @__PURE__ */ import_react71.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ import_react71.default.createElement(
+  return /* @__PURE__ */ import_react72.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ import_react72.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -11783,7 +11794,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ import_react71.default.createElement(
+  ), /* @__PURE__ */ import_react72.default.createElement(
     Radio,
     {
       name: "currency",
@@ -11798,7 +11809,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  )), /* @__PURE__ */ import_react71.default.createElement(
+  )), /* @__PURE__ */ import_react72.default.createElement(
     "div",
     {
       className: cn(
@@ -11809,16 +11820,16 @@ var ComparingPlans = (props) => {
         top: props.topPosition || 0
       }
     },
-    /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
-    props.plans.map((plan, i) => /* @__PURE__ */ import_react71.default.createElement(
+    /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
+    props.plans.map((plan, i) => /* @__PURE__ */ import_react72.default.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react71.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react71.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react71.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react71.default.createElement(import_react71.default.Fragment, null, /* @__PURE__ */ import_react71.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react71.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react71.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react72.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react72.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react72.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react72.default.createElement(import_react72.default.Fragment, null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react72.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react72.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
     ))
-  ), /* @__PURE__ */ import_react71.default.createElement(
+  ), /* @__PURE__ */ import_react72.default.createElement(
     ScrollArea,
     {
       className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
@@ -11826,7 +11837,7 @@ var ComparingPlans = (props) => {
     },
     uniqueFeatures.map((featureText, featureIndex) => {
       var _a, _b, _c, _d;
-      return /* @__PURE__ */ import_react71.default.createElement(
+      return /* @__PURE__ */ import_react72.default.createElement(
         "div",
         {
           key: featureIndex,
@@ -11835,11 +11846,11 @@ var ComparingPlans = (props) => {
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
-        /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
+        /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.hint
           )
-        ) && /* @__PURE__ */ import_react71.default.createElement(
+        ) && /* @__PURE__ */ import_react72.default.createElement(
           Tooltip,
           {
             side: "right",
@@ -11854,7 +11865,7 @@ var ComparingPlans = (props) => {
               (feature) => feature.text === featureText
             )) == null ? void 0 : _b.hint
           },
-          /* @__PURE__ */ import_react71.default.createElement(
+          /* @__PURE__ */ import_react72.default.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -11864,13 +11875,13 @@ var ComparingPlans = (props) => {
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ import_react71.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
+            /* @__PURE__ */ import_react72.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
           )
         ), props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.soon
           )
-        ) && /* @__PURE__ */ import_react71.default.createElement(
+        ) && /* @__PURE__ */ import_react72.default.createElement(
           Chip,
           {
             label: ((_d = (_c = props.plans.find(
@@ -11884,26 +11895,26 @@ var ComparingPlans = (props) => {
           const feature = plan.features.find(
             (f) => f.text === featureText
           );
-          return /* @__PURE__ */ import_react71.default.createElement(
+          return /* @__PURE__ */ import_react72.default.createElement(
             "div",
             {
               key: planIndex,
               className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
             },
-            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react71.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react71.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
+            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react72.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react72.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
           );
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react71.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ import_react71.default.createElement(
+    return /* @__PURE__ */ import_react72.default.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-items-center hawa-justify-center"
       },
-      /* @__PURE__ */ import_react71.default.createElement(
+      /* @__PURE__ */ import_react72.default.createElement(
         Button,
         {
           className: "hawa-w-full hawa-max-w-xs",
@@ -11927,15 +11938,15 @@ var ComparingPlans = (props) => {
 };
 
 // blocks/pricing/HorizontalPricing.tsx
-var import_react72 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = (0, import_react72.useState)("");
+  const [selectedCard, setSelectedCard] = (0, import_react73.useState)("");
   let data = [
     { title: "basic", price: "$49", cycle: "/mo" },
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  return /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react72.default.createElement(
+  return /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react73.default.createElement(
     Radio,
     {
       name: "currency",
@@ -11943,7 +11954,7 @@ var HorizontalPricing = (props) => {
       options: props.currencies,
       defaultValue: props.currentCurrency
     }
-  ), /* @__PURE__ */ import_react72.default.createElement(
+  ), /* @__PURE__ */ import_react73.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -11951,7 +11962,7 @@ var HorizontalPricing = (props) => {
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ import_react72.default.createElement(
+  )), data.map((d, i) => /* @__PURE__ */ import_react73.default.createElement(
     "label",
     {
       key: i,
@@ -11959,7 +11970,7 @@ var HorizontalPricing = (props) => {
       className: "",
       onClick: () => setSelectedCard(d.title)
     },
-    /* @__PURE__ */ import_react72.default.createElement(
+    /* @__PURE__ */ import_react73.default.createElement(
       "input",
       {
         type: "radio",
@@ -11968,7 +11979,7 @@ var HorizontalPricing = (props) => {
         className: "hawa-peer hawa-appearance-none"
       }
     ),
-    /* @__PURE__ */ import_react72.default.createElement(
+    /* @__PURE__ */ import_react73.default.createElement(
       "div",
       {
         className: cn(
@@ -11976,18 +11987,18 @@ var HorizontalPricing = (props) => {
           "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
         )
       },
-      /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react72.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react72.default.createElement(
+      /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react73.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react73.default.createElement(
         CardText,
         {
           title: "Enterprise",
           subtitle: "For startups and new businesses"
         }
       )),
-      /* @__PURE__ */ import_react72.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+      /* @__PURE__ */ import_react73.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
     )
   ))));
 };
-var CheckIcons = () => /* @__PURE__ */ import_react72.default.createElement(import_react72.default.Fragment, null, /* @__PURE__ */ import_react72.default.createElement(
+var CheckIcons = () => /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(
   "svg",
   {
     fill: "none",
@@ -11996,7 +12007,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react72.default.createElement(impo
     stroke: "currentColor",
     className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
   },
-  /* @__PURE__ */ import_react72.default.createElement(
+  /* @__PURE__ */ import_react73.default.createElement(
     "path",
     {
       strokeLinecap: "round",
@@ -12004,14 +12015,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react72.default.createElement(impo
       d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
     }
   )
-), /* @__PURE__ */ import_react72.default.createElement(
+), /* @__PURE__ */ import_react73.default.createElement(
   "svg",
   {
     viewBox: "0 0 24 24",
     fill: "currentColor",
     className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
   },
-  /* @__PURE__ */ import_react72.default.createElement(
+  /* @__PURE__ */ import_react73.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -12020,14 +12031,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react72.default.createElement(impo
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ import_react72.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react72.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react72.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ import_react72.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react72.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react73.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react73.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ import_react73.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react73.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
 // blocks/Usage.tsx
-var import_react73 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 var Usage = (props) => {
   var _a;
-  return /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react73.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react73.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react73.default.createElement(
+  return /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react74.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react74.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react74.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -12038,22 +12049,22 @@ var Usage = (props) => {
       height: "1em",
       width: "1em"
     },
-    /* @__PURE__ */ import_react73.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
-  ))), /* @__PURE__ */ import_react73.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react73.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react73.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react73.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
+    /* @__PURE__ */ import_react74.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
+  ))), /* @__PURE__ */ import_react74.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react74.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react74.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react74.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
 };
 
 // hooks/useIsomorphicEffect.ts
-var import_react74 = require("react");
-var useIsomorphicEffect = typeof document !== "undefined" ? import_react74.useLayoutEffect : import_react74.useEffect;
+var import_react75 = require("react");
+var useIsomorphicEffect = typeof document !== "undefined" ? import_react75.useLayoutEffect : import_react75.useEffect;
 
 // hooks/useDiscloser.ts
-var import_react75 = require("react");
+var import_react76 = require("react");
 
 // hooks/useHover.ts
-var import_react76 = require("react");
+var import_react77 = require("react");
 
 // hooks/useToast.ts
-var React103 = __toESM(require("react"));
+var React104 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -12139,8 +12150,8 @@ function toast({ ...props }) {
   return { id, dismiss, update };
 }
 function useToast() {
-  const [state, setState] = React103.useState(memoryState);
-  React103.useEffect(() => {
+  const [state, setState] = React104.useState(memoryState);
+  React104.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -12157,10 +12168,10 @@ function useToast() {
 }
 
 // hooks/useCarousel.ts
-var import_react77 = require("react");
+var import_react78 = require("react");
 
 // hooks/useDialogCarousel.ts
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
 var import_embla_carousel_react2 = __toESM(require("embla-carousel-react"));
 var useDialogCarousel = (options) => {
@@ -12168,7 +12179,7 @@ var useDialogCarousel = (options) => {
     { loop: false, watchDrag: false, startIndex: 0, ...options },
     [(0, import_embla_carousel_auto_height.default)({ destroyHeight: "fit", active: true })]
   );
-  const [canScrollPrev, setCanScrollPrev] = (0, import_react78.useState)(false);
+  const [canScrollPrev, setCanScrollPrev] = (0, import_react79.useState)(false);
   const checkCanScrollPrev = () => {
     if (emblaApi) {
       setCanScrollPrev(emblaApi.canScrollPrev());
@@ -12186,7 +12197,7 @@ var useDialogCarousel = (options) => {
       emblaApi.scrollPrev();
     }
   };
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     checkCanScrollPrev();
     emblaApi && emblaApi.on("select", checkCanScrollPrev);
     return () => {
@@ -12203,12 +12214,12 @@ var useDialogCarousel = (options) => {
 };
 
 // hooks/useDialogSteps.ts
-var import_react79 = require("react");
+var import_react80 = require("react");
 var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
-  const [currentStep, setCurrentStep] = (0, import_react79.useState)(initialStep);
-  const [dialogHeight, setDialogHeight] = (0, import_react79.useState)(null);
-  const visibleStepRef = (0, import_react79.useRef)(null);
-  (0, import_react79.useEffect)(() => {
+  const [currentStep, setCurrentStep] = (0, import_react80.useState)(initialStep);
+  const [dialogHeight, setDialogHeight] = (0, import_react80.useState)(null);
+  const visibleStepRef = (0, import_react80.useRef)(null);
+  (0, import_react80.useEffect)(() => {
     if (visibleStepRef.current) {
       setDialogHeight(visibleStepRef.current.offsetHeight);
     }
@@ -12239,13 +12250,13 @@ var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
 };
 
 // hooks/useWindowSize.ts
-var import_react80 = require("react");
+var import_react81 = require("react");
 var useWindowSize = () => {
-  const [windowSize, setWindowSize] = (0, import_react80.useState)({
+  const [windowSize, setWindowSize] = (0, import_react81.useState)({
     width: void 0,
     height: void 0
   });
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     function handleResize() {
       setWindowSize({
         width: window.innerWidth,
@@ -12260,7 +12271,7 @@ var useWindowSize = () => {
 };
 
 // hooks/useFocusWithin.ts
-var import_react81 = require("react");
+var import_react82 = require("react");
 function containsRelatedTarget(event) {
   if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
     return event.currentTarget.contains(event.relatedTarget);
@@ -12271,9 +12282,9 @@ function useFocusWithin({
   onBlur,
   onFocus
 } = {}) {
-  const ref = (0, import_react81.useRef)(null);
-  const [focused, _setFocused] = (0, import_react81.useState)(false);
-  const focusedRef = (0, import_react81.useRef)(false);
+  const ref = (0, import_react82.useRef)(null);
+  const [focused, _setFocused] = (0, import_react82.useState)(false);
+  const focusedRef = (0, import_react82.useRef)(false);
   const setFocused = (value) => {
     _setFocused(value);
     focusedRef.current = value;
@@ -12290,7 +12301,7 @@ function useFocusWithin({
       onBlur == null ? void 0 : onBlur(event);
     }
   };
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     if (ref.current) {
       ref.current.addEventListener("focusin", handleFocusIn);
       ref.current.addEventListener("focusout", handleFocusOut);
@@ -12306,7 +12317,7 @@ function useFocusWithin({
 }
 
 // hooks/useMediaQuery.ts
-var import_react82 = require("react");
+var import_react83 = require("react");
 function attachMediaListener(query, callback) {
   try {
     query.addEventListener("change", callback);
@@ -12328,11 +12339,11 @@ function getInitialValue(query, initialValue) {
 function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   getInitialValueInEffect: true
 }) {
-  const [matches, setMatches] = (0, import_react82.useState)(
+  const [matches, setMatches] = (0, import_react83.useState)(
     getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
   );
-  const queryRef = (0, import_react82.useRef)();
-  (0, import_react82.useEffect)(() => {
+  const queryRef = (0, import_react83.useRef)();
+  (0, import_react83.useEffect)(() => {
     if ("matchMedia" in window) {
       queryRef.current = window.matchMedia(query);
       setMatches(queryRef.current.matches);
@@ -12347,16 +12358,16 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
 }
 
 // hooks/useScrollPosition.ts
-var import_react83 = require("react");
+var import_react84 = require("react");
 
 // hooks/useTable.ts
-var import_react84 = require("react");
+var import_react85 = require("react");
 
 // hooks/useTabs.ts
-var import_react85 = require("react");
+var import_react86 = require("react");
 function useTabs(initialTab = "") {
-  const [activeTab, setActiveTab] = (0, import_react85.useState)(initialTab);
-  (0, import_react85.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react86.useState)(initialTab);
+  (0, import_react86.useEffect)(() => {
     const handleHashChange = () => {
       const hash = window.location.hash.substring(1);
       setActiveTab(hash || initialTab);
@@ -12510,6 +12521,7 @@ function useTabs(initialTab = "") {
   PasswordInput,
   PasswordStrengthIndicator,
   PhoneInput,
+  PhoneMockup,
   PinInput,
   Popover,
   PopoverContent,