@sikka/hawa 0.13.10-next → 0.13.12-next

package/dist/index.js

@@ -919,7 +919,7 @@ var AdCard = function(_param) {
 var import_clsx3 = __toESM(require("clsx"));
 var import_react4 = __toESM(require("react"));
 // components/elements/Button.tsx
-var React5 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 // components/util.ts
 var import_clsx2 = require("clsx");
@@ -1009,7 +1009,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)("hawa-inline-flex
         size: "default"
     }
 });
-var Button = React5.forwardRef(function(_param, ref) {
+var Button = React4.forwardRef(function(_param, ref) {
     var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_centered = _param.centered, centered = _param_centered === void 0 ? true : _param_centered, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "variant",
@@ -1021,14 +1021,14 @@ var Button = React5.forwardRef(function(_param, ref) {
     ]);
     var Comp = "button";
     var loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React5.createElement(Comp, _object_spread({
+    return /* @__PURE__ */ React4.createElement(Comp, _object_spread({
         className: cn(buttonVariants({
             variant: variant,
             size: size,
             className: className
         }), centered && "hawa-justify-center"),
         ref: ref
-    }, props), isLoading ? /* @__PURE__ */ React5.createElement(Loading, {
+    }, props), isLoading ? /* @__PURE__ */ React4.createElement(Loading, {
         design: "dots-pulse",
         color: loadingColor,
         size: size === "sm" ? "xs" : "button"
@@ -1036,8 +1036,8 @@ var Button = React5.forwardRef(function(_param, ref) {
 });
 Button.displayName = "Button";
 // components/elements/Card.tsx
-var React6 = __toESM(require("react"));
-var Card = React6.forwardRef(function(_param, ref) {
+var React5 = __toESM(require("react"));
+var Card = React5.forwardRef(function(_param, ref) {
     var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "default" : _param_variant, _param_clickable = _param.clickable, clickable = _param_clickable === void 0 ? false : _param_clickable, props = _object_without_properties(_param, [
         "className",
         "variant",
@@ -1047,59 +1047,59 @@ var Card = React6.forwardRef(function(_param, ref) {
         default: cn("hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm", clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"),
         neoBrutalism: cn("hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]", clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active")
     };
-    return /* @__PURE__ */ React6.createElement("div", _object_spread({
+    return /* @__PURE__ */ React5.createElement("div", _object_spread({
         ref: ref,
         className: cn(className, variantStyles[variant])
     }, props));
 });
 Card.displayName = "Card";
-var CardHeader = React6.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardHeader = React5.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React6.createElement("div", _object_spread({
+    return React5.createElement("div", _object_spread({
         ref: ref,
         className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6", className)
     }, props));
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React6.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardTitle = React5.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React6.createElement("h3", _object_spread({
+    return React5.createElement("h3", _object_spread({
         ref: ref,
         className: cn("hawa-text-2xl hawa-font-semibold ", className)
     }, props));
 });
 CardTitle.displayName = "CardTitle";
-var CardDescription = React6.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardDescription = React5.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React6.createElement("p", _object_spread({
+    return React5.createElement("p", _object_spread({
         ref: ref,
         className: cn("hawa-text-sm hawa-text-muted-foreground", className)
     }, props));
 });
 CardDescription.displayName = "CardDescription";
-var CardContent = React6.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardContent = React5.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var headless = _param.headless, noPadding = _param.noPadding, className = _param.className, props = _object_without_properties(_param, [
         "headless",
         "noPadding",
         "className"
     ]);
-    return React6.createElement("div", _object_spread({
+    return React5.createElement("div", _object_spread({
         ref: ref,
         className: cn(noPadding ? "hawa-p-0" : "hawa-p-6", headless ? "hawa-pt-6" : "hawa-pt-0", className)
     }, props));
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React6.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardFooter = React5.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React6.createElement("div", _object_spread({
+    return React5.createElement("div", _object_spread({
         ref: ref,
         className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className)
     }, props));
@@ -1163,24 +1163,24 @@ var PricingCard = function(_param) {
 var import_react6 = __toESM(require("react"));
 var import_clsx4 = __toESM(require("clsx"));
 // components/elements/DropdownMenu.tsx
-var React8 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuSubTrigger = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuSubTrigger = React7.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, inset = _param.inset, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "inset",
         "children"
     ]);
-    return React8.createElement(DropdownMenuPrimitive.SubTrigger, _object_spread({
+    return React7.createElement(DropdownMenuPrimitive.SubTrigger, _object_spread({
         ref: ref,
         className: cn("hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none focus:hawa-bg-accent data-[state=open]:hawa-bg-accent", inset && "hawa-pl-8", className)
-    }, props), /* @__PURE__ */ React8.createElement("div", {
+    }, props), /* @__PURE__ */ React7.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
-    }, children), " ", /* @__PURE__ */ React8.createElement("svg", {
+    }, children), " ", /* @__PURE__ */ React7.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         stroke: "currentColor",
         fill: "currentColor",
@@ -1189,61 +1189,61 @@ var DropdownMenuSubTrigger = React8.forwardRef(function(_param, ref) /* @__PURE_
         height: "1em",
         width: "1em",
         className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
-    }, /* @__PURE__ */ React8.createElement("path", {
+    }, /* @__PURE__ */ React7.createElement("path", {
         fillRule: "evenodd",
         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"
     })));
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuSubContent = React7.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React8.createElement(DropdownMenuPrimitive.SubContent, _object_spread({
+    return React7.createElement(DropdownMenuPrimitive.SubContent, _object_spread({
         ref: ref,
         className: cn("hawa-z-50 hawa-min-w-[8rem] hawa-gap-1 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2", className)
     }, props));
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuContent = React7.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
         "className",
         "sideOffset"
     ]);
-    return React8.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Content, _object_spread({
+    return React7.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React7.createElement(DropdownMenuPrimitive.Content, _object_spread({
         ref: ref,
         sideOffset: sideOffset,
         className: cn("hawa-z-50  hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2", className)
     }, props)));
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React8.forwardRef(function(_param, ref) {
+var DropdownMenuItem = React7.forwardRef(function(_param, ref) {
     var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
         "className",
         "inset"
     ]);
-    return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Item, _object_spread({
+    return /* @__PURE__ */ React7.createElement(DropdownMenuPrimitive.Item, _object_spread({
         disabled: props.disabled,
         ref: ref,
         className: cn("hawa-relative hawa-flex hawa-cursor-pointer hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", inset && "hawa-pl-8", props.end && Array.isArray(props.children) && props.children[1] && "hawa-gap-6", className)
-    }, props), /* @__PURE__ */ React8.createElement("div", {
+    }, props), /* @__PURE__ */ React7.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 "
     }, props.children), props.end && props.end);
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuCheckboxItem = React7.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, checked = _param.checked, props = _object_without_properties(_param, [
         "className",
         "children",
         "checked"
     ]);
-    return React8.createElement(DropdownMenuPrimitive.CheckboxItem, _object_spread({
+    return React7.createElement(DropdownMenuPrimitive.CheckboxItem, _object_spread({
         ref: ref,
         className: cn("hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", className),
         checked: checked
-    }, props), /* @__PURE__ */ React8.createElement("span", {
+    }, props), /* @__PURE__ */ React7.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__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement("svg", {
+    }, /* @__PURE__ */ React7.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React7.createElement("svg", {
         "aria-label": "Check Mark",
         stroke: "currentColor",
         fill: "currentColor",
@@ -1251,22 +1251,22 @@ var DropdownMenuCheckboxItem = React8.forwardRef(function(_param, ref) /* @__PUR
         viewBox: "0 0 512 512",
         height: "0.60em",
         width: "0.60em"
-    }, /* @__PURE__ */ React8.createElement("path", {
+    }, /* @__PURE__ */ React7.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"
     })), " ")), children);
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuRadioItem = React7.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React8.createElement(DropdownMenuPrimitive.RadioItem, _object_spread({
+    return React7.createElement(DropdownMenuPrimitive.RadioItem, _object_spread({
         ref: ref,
         className: cn("hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", className)
-    }, props), /* @__PURE__ */ React8.createElement("span", {
+    }, props), /* @__PURE__ */ React7.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__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement("svg", {
+    }, /* @__PURE__ */ React7.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React7.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         "aria-label": "Circle",
@@ -1278,29 +1278,29 @@ var DropdownMenuRadioItem = React8.forwardRef(function(_param, ref) /* @__PURE__
         strokeLinecap: "round",
         strokeLinejoin: "round",
         className: "hawa-h-2 hawa-w-2 hawa-fill-current"
-    }, /* @__PURE__ */ React8.createElement("circle", {
+    }, /* @__PURE__ */ React7.createElement("circle", {
         cx: "12",
         cy: "12",
         r: "10"
     })))), children);
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuLabel = React7.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
         "className",
         "inset"
     ]);
-    return React8.createElement(DropdownMenuPrimitive.Label, _object_spread({
+    return React7.createElement(DropdownMenuPrimitive.Label, _object_spread({
         ref: ref,
         className: cn("hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-font-semibold", inset && "hawa-pl-8", className)
     }, props));
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React8.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuSeparator = React7.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React8.createElement(DropdownMenuPrimitive.Separator, _object_spread({
+    return React7.createElement(DropdownMenuPrimitive.Separator, _object_spread({
         ref: ref,
         className: cn("hawa--mx-1 hawa-my-1 hawa-h-px hawa-bg-muted", className)
     }, props));
@@ -1310,7 +1310,7 @@ var DropdownMenuShortcut = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React8.createElement("span", _object_spread({
+    return /* @__PURE__ */ React7.createElement("span", _object_spread({
         className: cn("hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-opacity-60", className)
     }, props));
 };
@@ -1327,15 +1327,15 @@ var DropdownMenu = function(param) {
         default: "hawa-px-2 hawa-py-3 ",
         sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
     };
-    return /* @__PURE__ */ React8.createElement(DropdownMenuRoot, {
+    return /* @__PURE__ */ React7.createElement(DropdownMenuRoot, {
         onOpenChange: onOpenChange,
         open: open,
         modal: false,
         dir: direction
-    }, /* @__PURE__ */ React8.createElement(DropdownMenuTrigger, {
+    }, /* @__PURE__ */ React7.createElement(DropdownMenuTrigger, {
         asChild: true,
         className: triggerClassname
-    }, trigger), /* @__PURE__ */ React8.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React8.createElement(DropdownMenuContent, {
+    }, trigger), /* @__PURE__ */ React7.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React7.createElement(DropdownMenuContent, {
         side: side,
         sideOffset: sideOffset,
         className: cn(className, widthStyles[width], "hawa-flex hawa-flex-col hawa-gap-1"),
@@ -1343,25 +1343,25 @@ var DropdownMenu = function(param) {
         alignOffset: alignOffset
     }, items && items.map(function(item, index) {
         if (item.itemType === "separator") {
-            return /* @__PURE__ */ React8.createElement(DropdownMenuSeparator, {
+            return /* @__PURE__ */ React7.createElement(DropdownMenuSeparator, {
                 key: index
             });
         } else if (item.itemType === "label") {
-            return /* @__PURE__ */ React8.createElement(DropdownMenuLabel, {
+            return /* @__PURE__ */ React7.createElement(DropdownMenuLabel, {
                 key: index
             }, item.label);
         } else if (item.itemType === "custom") {
-            return /* @__PURE__ */ React8.createElement("div", {
+            return /* @__PURE__ */ React7.createElement("div", {
                 key: index
             }, item.content);
         } else {
-            return item.subitems ? /* @__PURE__ */ React8.createElement(DropdownMenuSub, {
+            return item.subitems ? /* @__PURE__ */ React7.createElement(DropdownMenuSub, {
                 key: index
-            }, /* @__PURE__ */ React8.createElement(DropdownMenuSubTrigger, {
+            }, /* @__PURE__ */ React7.createElement(DropdownMenuSubTrigger, {
                 className: cn(sizeStyles[size]),
                 dir: direction
-            }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React8.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React8.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
-                return /* @__PURE__ */ React8.createElement(DropdownMenuItem, {
+            }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React7.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React7.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
+                return /* @__PURE__ */ React7.createElement(DropdownMenuItem, {
                     key: subIndex,
                     className: cn(sizeStyles[size], !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"),
                     disabled: subitem.disabled,
@@ -1372,7 +1372,7 @@ var DropdownMenu = function(param) {
                         }
                     }
                 }, subitem.icon && subitem.icon, subitem.label && subitem.label);
-            })))) : /* @__PURE__ */ React8.createElement(DropdownMenuItem, {
+            })))) : /* @__PURE__ */ React7.createElement(DropdownMenuItem, {
                 key: index,
                 disabled: item.disabled,
                 onMouseDown: function(event) {
@@ -1547,7 +1547,7 @@ var LandingCard = function(props) {
     }, /* @__PURE__ */ import_react7.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react7.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react7.default.createElement(CardDescription, null, props.subtitle)));
 };
 // components/elements/SplitButton.tsx
-var React12 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var SplitButton = function(_param) /* @__PURE__ */ {
     var variant = _param.variant, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_menuItems = _param.menuItems, menuItems = _param_menuItems === void 0 ? [] : _param_menuItems, children = _param.children, props = _object_without_properties(_param, [
         "variant",
@@ -1555,25 +1555,25 @@ var SplitButton = function(_param) /* @__PURE__ */ {
         "menuItems",
         "children"
     ]);
-    return React12.createElement("div", {
+    return React11.createElement("div", {
         className: cn("hawa-h-fit hawa-flex  hawa-justify-center", direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row")
-    }, /* @__PURE__ */ React12.createElement(Button, {
+    }, /* @__PURE__ */ React11.createElement(Button, {
         variant: variant,
         onClick: function() {
             return console.log("btn clicked");
         },
         className: cn(direction === "rtl" ? "hawa-rounded-r-none" : "hawa-rounded-l-none", props.className)
-    }, children), /* @__PURE__ */ React12.createElement(DropdownMenu, {
+    }, children), /* @__PURE__ */ React11.createElement(DropdownMenu, {
         size: "sm",
         width: "sm",
         direction: direction,
         items: menuItems,
-        trigger: /* @__PURE__ */ React12.createElement(Button, {
+        trigger: /* @__PURE__ */ React11.createElement(Button, {
             asChild: true,
             variant: variant,
             size: "icon",
             className: cn("hawa-h-10 hawa-w-fit hawa-px-1", direction === "rtl" ? "hawa-rounded-l-none hawa-border-rl0" : "hawa-border-r-0 hawa-rounded-r-none", props.className)
-        }, /* @__PURE__ */ React12.createElement("svg", {
+        }, /* @__PURE__ */ React11.createElement("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "18",
             height: "18",
@@ -1583,38 +1583,38 @@ var SplitButton = function(_param) /* @__PURE__ */ {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round"
-        }, /* @__PURE__ */ React12.createElement("path", {
+        }, /* @__PURE__ */ React11.createElement("path", {
             d: "m6 9 6 6 6-6"
         })))
     }));
 };
 SplitButton.displayName = "SplitButton";
 // components/elements/Dialog.tsx
-var React13 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = function(_param) /* @__PURE__ */ {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return React13.createElement(DialogPrimitive.Portal, _object_spread({}, props));
+    return React12.createElement(DialogPrimitive.Portal, _object_spread({}, props));
 };
 DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-var DialogOverlay = React13.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogOverlay = React12.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React13.createElement(DialogPrimitive.Overlay, _object_spread({
+    return React12.createElement(DialogPrimitive.Overlay, _object_spread({
         ref: ref,
         className: cn("hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0", className)
     }, props));
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React13.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogContent = React12.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(DialogPrimitive.Content, _object_spread({
+    return React12.createElement(DialogPortal, null, /* @__PURE__ */ React12.createElement(DialogOverlay, null), /* @__PURE__ */ React12.createElement(DialogPrimitive.Content, _object_spread({
         onPointerDownOutside: function(e) {
             if (props.persist) {
                 e.preventDefault();
@@ -1622,19 +1622,19 @@ var DialogContent = React13.forwardRef(function(_param, ref) /* @__PURE__ */ {
         },
         ref: ref,
         className: cn("hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full", className)
-    }, props), children, /* @__PURE__ */ React13.createElement(DialogPrimitive.Close, {
+    }, props), children, /* @__PURE__ */ React12.createElement(DialogPrimitive.Close, {
         className: cn("hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground", props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4")
-    }, /* @__PURE__ */ React13.createElement("svg", {
+    }, /* @__PURE__ */ React12.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
         className: "hawa-h-5 hawa-w-5",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React13.createElement("path", {
+    }, /* @__PURE__ */ React12.createElement("path", {
         fillRule: "evenodd",
         d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
         clipRule: "evenodd"
-    })), /* @__PURE__ */ React13.createElement("span", {
+    })), /* @__PURE__ */ React12.createElement("span", {
         className: "hawa-sr-only"
     }, "Close"))));
 });
@@ -1643,26 +1643,26 @@ var DialogHeader = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React13.createElement("div", _object_spread({
+    return React12.createElement("div", _object_spread({
         className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-text-center sm:hawa-text-left", className)
     }, props));
 };
 DialogHeader.displayName = "DialogHeader";
-var DialogTitle = React13.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogTitle = React12.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React13.createElement(DialogPrimitive.Title, _object_spread({
+    return React12.createElement(DialogPrimitive.Title, _object_spread({
         ref: ref,
         className: cn("hawa-text-start hawa-text-lg hawa-font-semibold hawa-leading-none hawa-tracking-tight", className)
     }, props));
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React13.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogDescription = React12.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React13.createElement(DialogPrimitive.Description, _object_spread({
+    return React12.createElement(DialogPrimitive.Description, _object_spread({
         ref: ref,
         className: cn("hawa-text-start hawa-text-sm hawa-text-muted-foreground", className)
     }, props));
@@ -1672,7 +1672,7 @@ var DialogFooter = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React13.createElement("div", _object_spread({
+    return React12.createElement("div", _object_spread({
         className: cn("hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-gap-2", className)
     }, props));
 };
@@ -1880,7 +1880,7 @@ var CodeBlock = function(_param) {
     })))))));
 };
 // components/elements/Checkbox.tsx
-var React17 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var Checkbox = function(_param) {
     var id = _param.id, label = _param.label, sublabel = _param.sublabel, helperText = _param.helperText, checkboxProps = _object_without_properties(_param, [
@@ -1889,33 +1889,33 @@ var Checkbox = function(_param) {
         "sublabel",
         "helperText"
     ]);
-    return /* @__PURE__ */ React17.createElement("div", {
+    return /* @__PURE__ */ React16.createElement("div", {
         className: "hawa-items-top  hawa-flex hawa-gap-2 "
-    }, /* @__PURE__ */ React17.createElement(CheckboxElement, _object_spread({
+    }, /* @__PURE__ */ React16.createElement(CheckboxElement, _object_spread({
         id: id
-    }, checkboxProps)), (label || helperText) && /* @__PURE__ */ React17.createElement("div", {
+    }, checkboxProps)), (label || helperText) && /* @__PURE__ */ React16.createElement("div", {
         className: "hawa-grid hawa-gap-1.5 hawa-leading-none"
-    }, label && /* @__PURE__ */ React17.createElement("label", {
+    }, label && /* @__PURE__ */ React16.createElement("label", {
         htmlFor: id,
         className: cn("hawa-cursor-pointer hawa-select-none hawa-text-sm hawa-font-medium hawa-leading-none hawa-pt-0.5", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70 ")
-    }, label), sublabel && /* @__PURE__ */ React17.createElement("label", {
+    }, label), sublabel && /* @__PURE__ */ React16.createElement("label", {
         htmlFor: id,
         className: cn("hawa-cursor-pointer hawa-select-none hawa-text-sm hawa-text-muted-foreground", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70")
-    }, sublabel), helperText && !checkboxProps.disabled && /* @__PURE__ */ React17.createElement("label", {
+    }, sublabel), helperText && !checkboxProps.disabled && /* @__PURE__ */ React16.createElement("label", {
         htmlFor: id,
         className: cn("hawa-select-none hawa-text-xs hawa-text-helper-color", checkboxProps.disabled && "hawa-cursor-not-allowed hawa-opacity-70")
     }, helperText)));
 };
-var CheckboxElement = React17.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CheckboxElement = React16.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React17.createElement(CheckboxPrimitive.Root, _object_spread({
+    return React16.createElement(CheckboxPrimitive.Root, _object_spread({
         ref: ref,
         className: cn("hawa-peer hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground", className)
-    }, props), /* @__PURE__ */ React17.createElement(CheckboxPrimitive.Indicator, {
+    }, props), /* @__PURE__ */ React16.createElement(CheckboxPrimitive.Indicator, {
         className: cn("hawa-flex hawa-items-center hawa-justify-center hawa-text-current")
-    }, /* @__PURE__ */ React17.createElement("svg", {
+    }, /* @__PURE__ */ React16.createElement("svg", {
         "aria-label": "Check Mark",
         stroke: "currentColor",
         fill: "currentColor",
@@ -1923,13 +1923,13 @@ var CheckboxElement = React17.forwardRef(function(_param, ref) /* @__PURE__ */ {
         viewBox: "0 0 512 512",
         height: "0.60em",
         width: "0.60em"
-    }, /* @__PURE__ */ React17.createElement("path", {
+    }, /* @__PURE__ */ React16.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"
     })), " "));
 });
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 // components/elements/Toast.tsx
-var React18 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority2 = require("class-variance-authority");
 var toastVariants = (0, import_class_variance_authority2.cva)("hawa-group hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full", {
@@ -1951,24 +1951,24 @@ var toastVariants = (0, import_class_variance_authority2.cva)("hawa-group hawa-p
     }
 });
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React18.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastViewport = React17.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React18.createElement(ToastPrimitives.Viewport, _object_spread({
+    return React17.createElement(ToastPrimitives.Viewport, _object_spread({
         ref: ref,
         className: cn("hawa-fixed hawa-top-0 hawa-z-[100] hawa-flex hawa-max-h-screen hawa-w-full hawa-flex-col-reverse hawa-p-4 sm:hawa-bottom-0 sm:hawa-right-0 sm:hawa-top-auto sm:hawa-flex-col md:hawa-max-w-[420px]", className)
     }, props));
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React18.forwardRef(function(_param, ref) {
+var Toast = React17.forwardRef(function(_param, ref) {
     var className = _param.className, variant = _param.variant, _param_severity = _param.severity, severity = _param_severity === void 0 ? "none" : _param_severity, direction = _param.direction, props = _object_without_properties(_param, [
         "className",
         "variant",
         "severity",
         "direction"
     ]);
-    return /* @__PURE__ */ React18.createElement(ToastPrimitives.Root, _object_spread({
+    return /* @__PURE__ */ React17.createElement(ToastPrimitives.Root, _object_spread({
         ref: ref,
         className: cn(toastVariants({
             variant: variant,
@@ -1978,52 +1978,52 @@ var Toast = React18.forwardRef(function(_param, ref) {
     }, props));
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React18.forwardRef(function(_param, ref) {
+var ToastAction = React17.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React18.createElement(ToastPrimitives.Action, _object_spread({
+    return /* @__PURE__ */ React17.createElement(ToastPrimitives.Action, _object_spread({
         ref: ref,
         className: cn("hawa-inline-flex hawa-h-8 hawa-shrink-0 hawa-items-center hawa-justify-center hawa-rounded-md hawa-border hawa-bg-transparent hawa-px-3 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors hover:hawa-bg-secondary hover:hawa-text-secondary-foreground focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50", "group-[.info]:hawa-border-muted/40 group-[.info]:hover:hawa-border-info/30 group-[.info]:hover:hawa-bg-info group-[.info]:hover:hawa-text-info-foreground group-[.info]:focus:hawa-ring-info", "group-[.error]:hawa-border-muted/40 group-[.error]:hover:hawa-border-error/30 group-[.error]:hover:hawa-bg-error group-[.error]:hover:hawa-text-error-foreground group-[.error]:focus:hawa-ring-error", "group-[.success]:hawa-border-muted/40 group-[.success]:hover:hawa-border-success/30 group-[.success]:hover:hawa-bg-success group-[.success]:hover:hawa-text-success-foreground group-[.success]:focus:hawa-ring-success", "group-[.warning]:hawa-border-muted/40 group-[.warning]:hover:hawa-border-warning/30 group-[.warning]:hover:hawa-bg-warning group-[.warning]:hover:hawa-text-warning-foreground group-[.warning]:focus:hawa-ring-warning", className)
     }, props));
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React18.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastClose = React17.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React18.createElement(ToastPrimitives.Close, _object_spread({
+    return React17.createElement(ToastPrimitives.Close, _object_spread({
         ref: ref,
         className: cn("hawa-absolute hawa-right-2 hawa-top-2 hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-opacity-0 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 group-hover:hawa-opacity-100 group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600", className),
         "toast-close": ""
-    }, props), /* @__PURE__ */ React18.createElement("svg", {
+    }, props), /* @__PURE__ */ React17.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
         className: "hawa-h-4 hawa-w-4",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React18.createElement("path", {
+    }, /* @__PURE__ */ React17.createElement("path", {
         fillRule: "evenodd",
         d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
         clipRule: "evenodd"
     })));
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React18.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastTitle = React17.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React18.createElement(ToastPrimitives.Title, _object_spread({
+    return React17.createElement(ToastPrimitives.Title, _object_spread({
         ref: ref,
         className: cn("hawa-text-sm hawa-font-semibold", className)
     }, props));
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React18.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastDescription = React17.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React18.createElement(ToastPrimitives.Description, _object_spread({
+    return React17.createElement(ToastPrimitives.Description, _object_spread({
         ref: ref,
         className: cn("hawa-text-sm hawa-opacity-90", className)
     }, props));
@@ -2032,7 +2032,7 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
 // components/elements/Toaster.tsx
 var import_react12 = __toESM(require("react"));
 // components/hooks/useToast.ts
-var React19 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -2143,8 +2143,8 @@ function toast(_param) {
     };
 }
 function useToast() {
-    var _React19_useState = _sliced_to_array(React19.useState(memoryState), 2), state = _React19_useState[0], setState = _React19_useState[1];
-    React19.useEffect(function() {
+    var _React18_useState = _sliced_to_array(React18.useState(memoryState), 2), state = _React18_useState[0], setState = _React18_useState[1];
+    React18.useEffect(function() {
         listeners.push(setState);
         return function() {
             var index = listeners.indexOf(setState);
@@ -2189,7 +2189,7 @@ function Toaster(props) {
     }));
 }
 // components/elements/Switch.tsx
-var React21 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
 var rootSize = {
     default: "hawa-h-[25px] hawa-w-[42px]",
@@ -2201,16 +2201,16 @@ var thumbSize = {
     sm: "hawa-h-[16px] hawa-w-[16px]",
     lg: "hawa-h-[26px] hawa-w-[26px]"
 };
-var Switch = React21.forwardRef(function(_param, ref) {
+var Switch = React20.forwardRef(function(_param, ref) {
     var className = _param.className, _param_size = _param.size, size = _param_size === void 0 ? "default" : _param_size, _param_roundedness = _param.roundedness, roundedness = _param_roundedness === void 0 ? "inherit" : _param_roundedness, label = _param.label, props = _object_without_properties(_param, [
         "className",
         "size",
         "roundedness",
         "label"
     ]);
-    var _React21_useState = _sliced_to_array(React21.useState(null), 2), parentDirection = _React21_useState[0], setParentDirection = _React21_useState[1];
-    var parentRef = React21.useRef(null);
-    React21.useEffect(function() {
+    var _React20_useState = _sliced_to_array(React20.useState(null), 2), parentDirection = _React20_useState[0], setParentDirection = _React20_useState[1];
+    var parentRef = React20.useRef(null);
+    React20.useEffect(function() {
         var _parentRef_current;
         var parentNode = (_parentRef_current = parentRef.current) === null || _parentRef_current === void 0 ? void 0 : _parentRef_current.parentNode;
         if (parentNode) {
@@ -2228,16 +2228,16 @@ var Switch = React21.forwardRef(function(_param, ref) {
         full: "hawa-rounded-full",
         inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React21.createElement("div", {
+    return /* @__PURE__ */ React20.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
-    }, /* @__PURE__ */ React21.createElement(SwitchPrimitives.Root, _object_spread_props(_object_spread({
+    }, /* @__PURE__ */ React20.createElement(SwitchPrimitives.Root, _object_spread_props(_object_spread({
         className: cn("hawa-relative  hawa-cursor-pointer hawa-rounded hawa-bg-primary/20 hawa-outline-none data-[state=checked]:hawa-bg-primary", rootRoundednessStyles[roundedness], className, rootSize[size])
     }, props), {
         ref: ref
-    }), /* @__PURE__ */ React21.createElement(SwitchPrimitives.Thumb, {
+    }), /* @__PURE__ */ React20.createElement(SwitchPrimitives.Thumb, {
         className: cn(thumbSize[size], "hawa-block hawa-rounded hawa-bg-white hawa-transition-transform  hawa-duration-100 hawa-will-change-transform data-[state=checked]:hawa-bg-primary-foreground  dark:hawa-bg-background", thumbRoundednessStyles[roundedness], parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]")
-    })), label && /* @__PURE__ */ React21.createElement("span", {
+    })), label && /* @__PURE__ */ React20.createElement("span", {
         className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300"
     }, label));
 });
@@ -2245,8 +2245,8 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 // components/elements/Radio.tsx
 var import_react13 = __toESM(require("react"));
 // components/elements/Label.tsx
-var React22 = __toESM(require("react"));
-var Label2 = React22.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var React21 = __toESM(require("react"));
+var Label2 = React21.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, hint = _param.hint, hintSide = _param.hintSide, required = _param.required, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "hint",
@@ -2254,17 +2254,17 @@ var Label2 = React22.forwardRef(function(_param, ref) /* @__PURE__ */ {
         "required",
         "children"
     ]);
-    return React22.createElement("div", {
+    return React21.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-center"
-    }, /* @__PURE__ */ React22.createElement("label", _object_spread({
+    }, /* @__PURE__ */ React21.createElement("label", _object_spread({
         ref: ref,
         className: cn("hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70", className)
-    }, props), children, required && /* @__PURE__ */ React22.createElement("span", {
+    }, props), children, required && /* @__PURE__ */ React21.createElement("span", {
         className: "hawa-text-red-500 hawa-mx-0.5"
-    }, "*")), hint && /* @__PURE__ */ React22.createElement(Tooltip, {
+    }, "*")), hint && /* @__PURE__ */ React21.createElement(Tooltip, {
         content: hint,
         side: hintSide
-    }, /* @__PURE__ */ React22.createElement("svg", {
+    }, /* @__PURE__ */ React21.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         className: "hawa-w-[14px] hawa-h-[14px] hawa-cursor-help",
         viewBox: "0 0 24 24",
@@ -2273,16 +2273,16 @@ var Label2 = React22.forwardRef(function(_param, ref) /* @__PURE__ */ {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
-    }, /* @__PURE__ */ React22.createElement("circle", {
+    }, /* @__PURE__ */ React21.createElement("circle", {
         cx: "12",
         cy: "12",
         r: "10"
-    }), /* @__PURE__ */ React22.createElement("line", {
+    }), /* @__PURE__ */ React21.createElement("line", {
         x1: "12",
         x2: "12",
         y1: "8",
         y2: "12"
-    }), /* @__PURE__ */ React22.createElement("line", {
+    }), /* @__PURE__ */ React21.createElement("line", {
         x1: "12",
         x2: "12.01",
         y1: "16",
@@ -2579,15 +2579,15 @@ var Alert = function(_param) {
     })))));
 };
 // components/elements/Popover.tsx
-var React27 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React27.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var PopoverContent = React26.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
         "className",
         "align",
         "sideOffset"
     ]);
-    return React27.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React27.createElement(PopoverPrimitive.Content, _object_spread({
+    return React26.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React26.createElement(PopoverPrimitive.Content, _object_spread({
         ref: ref,
         align: align,
         sideOffset: sideOffset,
@@ -2606,11 +2606,11 @@ var Popover = function(_param) /* @__PURE__ */ {
         "open",
         "disableTrigger"
     ]);
-    return React27.createElement(PopoverPrimitive.Root, _object_spread({
+    return React26.createElement(PopoverPrimitive.Root, _object_spread({
         open: open
-    }, props), /* @__PURE__ */ React27.createElement(PopoverPrimitive.Trigger, {
+    }, props), /* @__PURE__ */ React26.createElement(PopoverPrimitive.Trigger, {
         disabled: disableTrigger
-    }, trigger), /* @__PURE__ */ React27.createElement(PopoverContent, {
+    }, trigger), /* @__PURE__ */ React26.createElement(PopoverContent, {
         side: side,
         className: className,
         align: align,
@@ -2619,36 +2619,36 @@ var Popover = function(_param) /* @__PURE__ */ {
 };
 var PopoverTrigger = PopoverPrimitive.Trigger;
 // components/elements/Textarea.tsx
-var React28 = __toESM(require("react"));
-var Textarea = React28.forwardRef(function(_param, ref) {
+var React27 = __toESM(require("react"));
+var Textarea = React27.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React28.createElement("div", {
+    return /* @__PURE__ */ React27.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-2"
-    }, /* @__PURE__ */ React28.createElement("textarea", _object_spread({
+    }, /* @__PURE__ */ React27.createElement("textarea", _object_spread({
         className: cn("hawa-flex hawa-min-h-[80px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50", className),
         ref: ref
-    }, props)), props.helperText && /* @__PURE__ */ React28.createElement("p", {
+    }, props)), props.helperText && /* @__PURE__ */ React27.createElement("p", {
         className: "hawa-text-xs hawa-text-helper-color"
     }, props.helperText));
 });
 Textarea.displayName = "Textarea";
 // components/elements/Slider.tsx
-var React29 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var Slider = React29.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Slider = React28.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React29.createElement(SliderPrimitive.Root, _object_spread({
+    return React28.createElement(SliderPrimitive.Root, _object_spread({
         ref: ref,
         className: cn("hawa-relative hawa-flex hawa-w-full hawa-touch-none hawa-select-none hawa-items-center", className)
-    }, props), /* @__PURE__ */ React29.createElement(SliderPrimitive.Track, {
+    }, props), /* @__PURE__ */ React28.createElement(SliderPrimitive.Track, {
         className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-bg-background hawa-border"
-    }, /* @__PURE__ */ React29.createElement(SliderPrimitive.Range, {
+    }, /* @__PURE__ */ React28.createElement(SliderPrimitive.Range, {
         className: "hawa-absolute hawa-h-full hawa-bg-primary"
-    })), /* @__PURE__ */ React29.createElement(SliderPrimitive.Thumb, {
+    })), /* @__PURE__ */ React28.createElement(SliderPrimitive.Thumb, {
         className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50"
     }));
 });
@@ -5040,37 +5040,37 @@ var SortButton = function(props) {
     })));
 };
 // components/elements/DataTable.tsx
-var React40 = __toESM(require("react"));
+var React39 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 // components/elements/Table.tsx
-var React38 = __toESM(require("react"));
-var Table = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var React37 = __toESM(require("react"));
+var Table = React37.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React38.createElement("div", {
+    return React37.createElement("div", {
         className: "hawa-relative hawa-w-full hawa-overflow-auto hawa-rounded hawa-border"
-    }, /* @__PURE__ */ React38.createElement("table", _object_spread({
+    }, /* @__PURE__ */ React37.createElement("table", _object_spread({
         ref: ref,
         className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className)
     }, props)));
 });
 Table.displayName = "Table";
-var TableHeader = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TableHeader = React37.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React38.createElement("thead", _object_spread({
+    return React37.createElement("thead", _object_spread({
         ref: ref,
         className: cn("[&_tr]:hawa-border-b", "hawa-bg-muted/50", className)
     }, props));
 });
 TableHeader.displayName = "TableHeader";
-var TableHead = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TableHead = React37.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React38.createElement("th", _object_spread({
+    return React37.createElement("th", _object_spread({
         ref: ref,
         className: cn("hawa-bg-muted/60 dark:hawa-bg-muted/40 hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x", props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r", props.condensed ? "hawa-h-8" : "hawa-h-12", props.clickable ? "hawa-px-1" : "hawa-px-4", //First and last columns
         props.clickable ? " [&:not(:last-child)&:not(:first-child)]:hawa-p-1" : "hawa-px-4", //Columns in between
@@ -5078,32 +5078,32 @@ var TableHead = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
     }, props));
 });
 TableHead.displayName = "TableHead";
-var TableBody = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TableBody = React37.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React38.createElement("tbody", _object_spread({
+    return React37.createElement("tbody", _object_spread({
         ref: ref,
         className: cn(// "[&_tr:last-child]:border-0"
         "hawa-border-none", className)
     }, props));
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TableFooter = React37.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React38.createElement("tfoot", _object_spread({
+    return React37.createElement("tfoot", _object_spread({
         ref: ref,
         className: cn("hawa-bg-primary hawa-font-medium hawa-text-primary-foreground", className)
     }, props));
 });
 TableFooter.displayName = "TableFooter";
-var TableRow = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TableRow = React37.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React38.createElement("tr", _object_spread({
+    return React37.createElement("tr", _object_spread({
         ref: ref,
         className: cn(// "border-b",
         "hawa-transition-colors  data-[state=selected]:hawa-bg-muted hawa-bg-background", // hover:bg-muted/50
@@ -5111,11 +5111,11 @@ var TableRow = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
     }, props));
 });
 TableRow.displayName = "TableRow";
-var TableCell = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TableCell = React37.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React38.createElement("td", _object_spread({
+    return React37.createElement("td", _object_spread({
         ref: ref,
         className: cn(// "border-x",
         props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4", "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ", "[&:not(:last-child)&:not(:first-child)]:hawa-border-x", // "[&:not(:last-child)]:hawa-border-r",
@@ -5123,11 +5123,11 @@ var TableCell = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
     }, props));
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React38.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TableCaption = React37.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React38.createElement("caption", _object_spread({
+    return React37.createElement("caption", _object_spread({
         ref: ref,
         className: cn("hawa-mt-4 hawa-text-sm hawa-text-muted-foreground", className)
     }, props));
@@ -5201,17 +5201,17 @@ var DataTable = function(_param) {
         "paginationPosition"
     ]);
     var _props_texts, _props_itemsPerPage, _props_texts1, _table_getRowModel_rows, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7;
-    var _React40_useState = _sliced_to_array(React40.useState([
+    var _React39_useState = _sliced_to_array(React39.useState([
         {
             id: props.defaultSort || "",
             desc: false
         }
-    ]), 2), sorting = _React40_useState[0], setSorting = _React40_useState[1];
-    var _React40_useState1 = _sliced_to_array(React40.useState([]), 2), columnFilters = _React40_useState1[0], setColumnFilters = _React40_useState1[1];
-    var _React40_useState2 = _sliced_to_array(React40.useState(""), 2), globalFilter = _React40_useState2[0], setGlobalFilter = _React40_useState2[1];
-    var _React40_useState3 = _sliced_to_array(React40.useState({}), 2), expanded = _React40_useState3[0], setExpanded = _React40_useState3[1];
-    var _React40_useState4 = _sliced_to_array(React40.useState({}), 2), columnVisibility = _React40_useState4[0], setColumnVisibility = _React40_useState4[1];
-    var _React40_useState5 = _sliced_to_array(React40.useState({}), 2), rowSelection = _React40_useState5[0], setRowSelection = _React40_useState5[1];
+    ]), 2), sorting = _React39_useState[0], setSorting = _React39_useState[1];
+    var _React39_useState1 = _sliced_to_array(React39.useState([]), 2), columnFilters = _React39_useState1[0], setColumnFilters = _React39_useState1[1];
+    var _React39_useState2 = _sliced_to_array(React39.useState(""), 2), globalFilter = _React39_useState2[0], setGlobalFilter = _React39_useState2[1];
+    var _React39_useState3 = _sliced_to_array(React39.useState({}), 2), expanded = _React39_useState3[0], setExpanded = _React39_useState3[1];
+    var _React39_useState4 = _sliced_to_array(React39.useState({}), 2), columnVisibility = _React39_useState4[0], setColumnVisibility = _React39_useState4[1];
+    var _React39_useState5 = _sliced_to_array(React39.useState({}), 2), rowSelection = _React39_useState5[0], setRowSelection = _React39_useState5[1];
     var table = (0, import_react_table.useReactTable)({
         data: data,
         columns: columns,
@@ -5242,11 +5242,11 @@ var DataTable = function(_param) {
             value: item
         };
     });
-    return /* @__PURE__ */ React40.createElement("div", {
+    return /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4"
-    }, /* @__PURE__ */ React40.createElement("div", {
+    }, /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-flex hawa-items-center"
-    }, /* @__PURE__ */ React40.createElement(Input, {
+    }, /* @__PURE__ */ React39.createElement(Input, {
         forceHideHelperText: true,
         placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.searchPlaceholder,
         value: globalFilter !== null && globalFilter !== void 0 ? globalFilter : "",
@@ -5255,53 +5255,53 @@ var DataTable = function(_param) {
         },
         margin: "none",
         className: "hawa-w-full md:hawa-max-w-sm"
-    })), props.isLoading ? /* @__PURE__ */ React40.createElement(Skeleton, {
+    })), props.isLoading ? /* @__PURE__ */ React39.createElement(Skeleton, {
         className: "hawa-h-[130px] hawa-w-full"
-    }) : /* @__PURE__ */ React40.createElement("div", {
+    }) : /* @__PURE__ */ React39.createElement("div", {
         className: cn("hawa-flex hawa-w-full  hawa-gap-4", paginationPosition === "top" ? "hawa-flex-col-reverse" : "hawa-flex-col")
-    }, /* @__PURE__ */ React40.createElement("div", {
+    }, /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-rounded-md"
-    }, /* @__PURE__ */ React40.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React40.createElement(TableHeader, null, table.getHeaderGroups().map(function(headerGroup) {
-        return /* @__PURE__ */ React40.createElement(TableRow, {
+    }, /* @__PURE__ */ React39.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React39.createElement(TableHeader, null, table.getHeaderGroups().map(function(headerGroup) {
+        return /* @__PURE__ */ React39.createElement(TableRow, {
             key: headerGroup.id
         }, headerGroup.headers.map(function(header) {
             var _header_column_columnDef_meta;
             var isSortable = (_header_column_columnDef_meta = header.column.columnDef.meta) === null || _header_column_columnDef_meta === void 0 ? void 0 : _header_column_columnDef_meta.sortable;
-            return /* @__PURE__ */ React40.createElement(TableHead, {
+            return /* @__PURE__ */ React39.createElement(TableHead, {
                 dir: props.direction,
                 condensed: props.condensed,
                 clickable: isSortable,
                 key: header.id
             }, header.isPlaceholder ? null : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()));
         }));
-    })), /* @__PURE__ */ React40.createElement(TableBody, null, ((_table_getRowModel_rows = table.getRowModel().rows) === null || _table_getRowModel_rows === void 0 ? void 0 : _table_getRowModel_rows.length) ? table.getRowModel().rows.map(function(row) {
-        return /* @__PURE__ */ React40.createElement(TableRow, {
+    })), /* @__PURE__ */ React39.createElement(TableBody, null, ((_table_getRowModel_rows = table.getRowModel().rows) === null || _table_getRowModel_rows === void 0 ? void 0 : _table_getRowModel_rows.length) ? table.getRowModel().rows.map(function(row) {
+        return /* @__PURE__ */ React39.createElement(TableRow, {
             key: row.id,
             "data-state": row.getIsSelected() && "selected"
         }, row.getVisibleCells().map(function(cell) {
-            return /* @__PURE__ */ React40.createElement(TableCell, {
+            return /* @__PURE__ */ React39.createElement(TableCell, {
                 dir: props.direction,
                 condensed: props.condensed,
                 key: cell.id
             }, (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext()));
         }));
-    }) : /* @__PURE__ */ React40.createElement(TableRow, null, /* @__PURE__ */ React40.createElement(TableCell, {
+    }) : /* @__PURE__ */ React39.createElement(TableRow, null, /* @__PURE__ */ React39.createElement(TableCell, {
         colSpan: columns.length,
         className: "hawa-h-24 hawa-text-center"
-    }, (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.noData))))), /* @__PURE__ */ React40.createElement("div", {
+    }, (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.noData))))), /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-flex hawa-items-center hawa-justify-between"
-    }, !props.showCount && /* @__PURE__ */ React40.createElement("div", {
+    }, !props.showCount && /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground"
-    }), props.showCount && /* @__PURE__ */ React40.createElement("div", {
+    }), props.showCount && /* @__PURE__ */ React39.createElement("div", {
         className: "text-sm text-muted-foreground",
         dir: props.direction
-    }, /* @__PURE__ */ React40.createElement("span", null, (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.total), " ", /* @__PURE__ */ React40.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())), table.getPageCount() !== 0 && /* @__PURE__ */ React40.createElement("div", {
+    }, /* @__PURE__ */ React39.createElement("span", null, (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.total), " ", /* @__PURE__ */ React39.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())), table.getPageCount() !== 0 && /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 "
-    }, props.enableGoTo && /* @__PURE__ */ React40.createElement("div", {
+    }, props.enableGoTo && /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2"
-    }, /* @__PURE__ */ React40.createElement("span", {
+    }, /* @__PURE__ */ React39.createElement("span", {
         className: "hawa-text-sm"
-    }, (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.goTo), /* @__PURE__ */ React40.createElement("input", {
+    }, (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.goTo), /* @__PURE__ */ React39.createElement("input", {
         max: table.getPageCount(),
         min: 0,
         type: "number",
@@ -5315,7 +5315,7 @@ var DataTable = function(_param) {
             table.setPageIndex(page);
         },
         className: "hawa-w-16 hawa-text-sm hawa-border hawa-rounded hawa-p-1 hawa-px-2"
-    })), /* @__PURE__ */ React40.createElement(DropdownMenu, {
+    })), /* @__PURE__ */ React39.createElement(DropdownMenu, {
         size: "sm",
         width: "sm",
         direction: props.direction,
@@ -5341,7 +5341,7 @@ var DataTable = function(_param) {
                 value: 50
             }
         ],
-        trigger: /* @__PURE__ */ React40.createElement(Button, {
+        trigger: /* @__PURE__ */ React39.createElement(Button, {
             variant: "outline",
             size: "icon",
             className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 "
@@ -5349,17 +5349,17 @@ var DataTable = function(_param) {
         onItemSelect: function(e) {
             return table.setPageSize(Number(e));
         }
-    }), /* @__PURE__ */ React40.createElement("div", {
+    }), /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  "
-    }, /* @__PURE__ */ React40.createElement("span", {
+    }, /* @__PURE__ */ React39.createElement("span", {
         className: "hawa-flex hawa-items-center hawa-gap-1"
-    }, /* @__PURE__ */ React40.createElement("div", null, (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.page), /* @__PURE__ */ React40.createElement("div", {
+    }, /* @__PURE__ */ React39.createElement("div", null, (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.page), /* @__PURE__ */ React39.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-gap-1"
-    }, /* @__PURE__ */ React40.createElement("span", {
+    }, /* @__PURE__ */ React39.createElement("span", {
         className: "hawa-font-bold"
-    }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React40.createElement("span", null, (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.of), /* @__PURE__ */ React40.createElement("span", {
+    }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React39.createElement("span", null, (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.of), /* @__PURE__ */ React39.createElement("span", {
         className: "hawa-font-bold"
-    }, table.getPageCount())))), /* @__PURE__ */ React40.createElement(Button, {
+    }, table.getPageCount())))), /* @__PURE__ */ React39.createElement(Button, {
         "aria-label": "Previous Table Page",
         variant: "outline",
         size: "smallIcon",
@@ -5368,7 +5368,7 @@ var DataTable = function(_param) {
         },
         disabled: !table.getCanPreviousPage(),
         className: cn(props.direction === "ltr" && "hawa-rotate-180")
-    }, /* @__PURE__ */ React40.createElement("svg", {
+    }, /* @__PURE__ */ React39.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         stroke: "currentColor",
         fill: "currentColor",
@@ -5376,10 +5376,10 @@ var DataTable = function(_param) {
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ React40.createElement("path", {
+    }, /* @__PURE__ */ React39.createElement("path", {
         fillRule: "evenodd",
         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__ */ React40.createElement(Button, {
+    }))), /* @__PURE__ */ React39.createElement(Button, {
         "aria-label": "Next Table Page",
         variant: "outline",
         size: "smallIcon",
@@ -5388,7 +5388,7 @@ var DataTable = function(_param) {
         },
         disabled: !table.getCanNextPage(),
         className: cn(props.direction === "rtl" && "hawa-rotate-180")
-    }, /* @__PURE__ */ React40.createElement("svg", {
+    }, /* @__PURE__ */ React39.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         fill: "currentColor",
         stroke: "currentColor",
@@ -5396,13 +5396,13 @@ var DataTable = function(_param) {
         height: "1em",
         strokeWidth: "0",
         viewBox: "0 0 16 16"
-    }, /* @__PURE__ */ React40.createElement("path", {
+    }, /* @__PURE__ */ React39.createElement("path", {
         fillRule: "evenodd",
         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"
     })))))));
 };
 // components/elements/SimpleTable.tsx
-var React41 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_react_table2 = require("@tanstack/react-table");
 var SimpleTable = function(_param) {
     var columns = _param.columns, data = _param.data, props = _object_without_properties(_param, [
@@ -5415,42 +5415,42 @@ var SimpleTable = function(_param) {
         columns: columns,
         getCoreRowModel: (0, import_react_table2.getCoreRowModel)()
     });
-    return /* @__PURE__ */ React41.createElement("div", {
+    return /* @__PURE__ */ React40.createElement("div", {
         className: "hawa-flex  hawa-w-full hawa-flex-col hawa-gap-4"
-    }, props.isLoading ? /* @__PURE__ */ React41.createElement(Skeleton, {
+    }, props.isLoading ? /* @__PURE__ */ React40.createElement(Skeleton, {
         className: "h-[130px] w-full"
-    }) : /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement("div", {
+    }) : /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement("div", {
         className: "hawa-rounded"
-    }, /* @__PURE__ */ React41.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React41.createElement(TableHeader, null, table.getHeaderGroups().map(function(headerGroup) {
-        return /* @__PURE__ */ React41.createElement(TableRow, {
+    }, /* @__PURE__ */ React40.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React40.createElement(TableHeader, null, table.getHeaderGroups().map(function(headerGroup) {
+        return /* @__PURE__ */ React40.createElement(TableRow, {
             key: headerGroup.id
         }, headerGroup.headers.map(function(header) {
-            return /* @__PURE__ */ React41.createElement(TableHead, {
+            return /* @__PURE__ */ React40.createElement(TableHead, {
                 condensed: props.condensed,
                 dir: props.direction,
                 key: header.id
             }, header.isPlaceholder ? null : (0, import_react_table2.flexRender)(header.column.columnDef.header, header.getContext()));
         }));
-    })), /* @__PURE__ */ React41.createElement(TableBody, null, ((_table_getRowModel_rows = table.getRowModel().rows) === null || _table_getRowModel_rows === void 0 ? void 0 : _table_getRowModel_rows.length) ? table.getRowModel().rows.map(function(row) {
-        return /* @__PURE__ */ React41.createElement(TableRow, {
+    })), /* @__PURE__ */ React40.createElement(TableBody, null, ((_table_getRowModel_rows = table.getRowModel().rows) === null || _table_getRowModel_rows === void 0 ? void 0 : _table_getRowModel_rows.length) ? table.getRowModel().rows.map(function(row) {
+        return /* @__PURE__ */ React40.createElement(TableRow, {
             key: row.id,
             "data-state": row.getIsSelected() && "selected"
         }, row.getVisibleCells().map(function(cell) {
-            return /* @__PURE__ */ React41.createElement(TableCell, {
+            return /* @__PURE__ */ React40.createElement(TableCell, {
                 dir: props.direction,
                 condensed: props.condensed,
                 key: cell.id
             }, (0, import_react_table2.flexRender)(cell.column.columnDef.cell, cell.getContext()));
         }));
-    }) : /* @__PURE__ */ React41.createElement(TableRow, null, /* @__PURE__ */ React41.createElement(TableCell, {
+    }) : /* @__PURE__ */ React40.createElement(TableRow, null, /* @__PURE__ */ React40.createElement(TableCell, {
         colSpan: columns.length,
         className: "hawa-h-24 hawa-text-center"
     }, (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.noData)))))));
 };
 // components/elements/Accordion.tsx
-var React42 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
-var Accordion = React42.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Accordion = React41.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var items = _param.items, itemClassNames = _param.itemClassNames, triggerclassNames = _param.triggerclassNames, contentclassNames = _param.contentclassNames, className = _param.className, props = _object_without_properties(_param, [
         "items",
         "itemClassNames",
@@ -5458,43 +5458,43 @@ var Accordion = React42.forwardRef(function(_param, ref) /* @__PURE__ */ {
         "contentclassNames",
         "className"
     ]);
-    return React42.createElement(AccordionPrimitive.Root, {
+    return React41.createElement(AccordionPrimitive.Root, {
         type: props.type,
         collapsible: true
     }, items.map(function(item, index) {
-        return /* @__PURE__ */ React42.createElement(AccordionItem, {
+        return /* @__PURE__ */ React41.createElement(AccordionItem, {
             className: itemClassNames,
             key: index,
             value: "item-".concat(index)
-        }, /* @__PURE__ */ React42.createElement(AccordionTrigger, {
+        }, /* @__PURE__ */ React41.createElement(AccordionTrigger, {
             className: triggerclassNames
-        }, item.trigger), /* @__PURE__ */ React42.createElement(AccordionContent, {
+        }, item.trigger), /* @__PURE__ */ React41.createElement(AccordionContent, {
             className: contentclassNames
         }, item.content));
     }));
 });
 Accordion.displayName = "Accordion";
-var AccordionItem = React42.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionItem = React41.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React42.createElement(AccordionPrimitive.Item, _object_spread({
+    return React41.createElement(AccordionPrimitive.Item, _object_spread({
         ref: ref,
         className: cn(className)
     }, props));
 });
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React42.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionTrigger = React41.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React42.createElement(AccordionPrimitive.Header, {
+    return React41.createElement(AccordionPrimitive.Header, {
         className: "hawa-flex"
-    }, /* @__PURE__ */ React42.createElement(AccordionPrimitive.Trigger, _object_spread({
+    }, /* @__PURE__ */ React41.createElement(AccordionPrimitive.Trigger, _object_spread({
         ref: ref,
         className: cn("hawa-flex hawa-bg-muted/50  hawa-flex-1 hover:hawa-bg-muted  hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa-rotate-180", className)
-    }, props), children, /* @__PURE__ */ React42.createElement("svg", {
+    }, props), children, /* @__PURE__ */ React41.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -5505,48 +5505,48 @@ var AccordionTrigger = React42.forwardRef(function(_param, ref) /* @__PURE__ */
         strokeLinecap: "round",
         strokeLinejoin: "round",
         className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-transition-transform hawa-duration-200"
-    }, /* @__PURE__ */ React42.createElement("path", {
+    }, /* @__PURE__ */ React41.createElement("path", {
         d: "m6 9 6 6 6-6"
     }))));
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React42.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionContent = React41.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React42.createElement(AccordionPrimitive.Content, _object_spread({
+    return React41.createElement(AccordionPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("hawa-overflow-hidden  hawa-text-sm hawa-transition-all data-[state=closed]:hawa-animate-accordion-up data-[state=open]:hawa-animate-accordion-down", className)
-    }, props), /* @__PURE__ */ React42.createElement("div", {
+    }, props), /* @__PURE__ */ React41.createElement("div", {
         className: "hawa-bg-background  hawa-border hawa-p-4"
     }, children));
 });
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 var AccordionRoot = AccordionPrimitive.Root;
 // components/elements/Separator.tsx
-var React43 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 var Separator2 = function(_param) /* @__PURE__ */ {
     var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, props = _object_without_properties(_param, [
         "className",
         "orientation"
     ]);
-    return React43.createElement("div", _object_spread({
+    return React42.createElement("div", _object_spread({
         className: cn("hawa-shrink-0 hawa-bg-border", orientation === "horizontal" ? "hawa-h-[1px] hawa-w-full" : "hawa-h-full hawa-w-[1px]", className)
     }, props));
 };
 // components/elements/Progress.tsx
-var React44 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var Progress = React44.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Progress = React43.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, value = _param.value, props = _object_without_properties(_param, [
         "className",
         "value"
     ]);
-    return React44.createElement(ProgressPrimitive.Root, _object_spread({
+    return React43.createElement(ProgressPrimitive.Root, _object_spread({
         ref: ref,
         className: cn("hawa-relative hawa-h-4 hawa-w-full hawa-overflow-hidden hawa-rounded hawa-bg-secondary", className)
-    }, props), /* @__PURE__ */ React44.createElement(ProgressPrimitive.Indicator, {
+    }, props), /* @__PURE__ */ React43.createElement(ProgressPrimitive.Indicator, {
         className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
         style: {
             transform: "translateX(-".concat(100 - (value || 0), "%)")
@@ -5739,88 +5739,88 @@ var BadgedComponent = function(param) {
     }), children);
 };
 // components/elements/Tabs.tsx
-var React48 = __toESM(require("react"));
+var React47 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var TabsContext = React48.createContext({
+var TabsContext = React47.createContext({
     orientation: "vertical"
 });
-var Tabs = React48.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Tabs = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, orientation = _param.orientation, props = _object_without_properties(_param, [
         "className",
         "orientation"
     ]);
-    return React48.createElement(TabsPrimitive.Root, _object_spread({
+    return React47.createElement(TabsPrimitive.Root, _object_spread({
         ref: ref,
         className: cn("hawa-flex hawa-gap-2", orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col", className)
-    }, props), /* @__PURE__ */ React48.createElement(TabsContext.Provider, {
+    }, props), /* @__PURE__ */ React47.createElement(TabsContext.Provider, {
         value: {
             orientation: orientation
         }
     }, props.children));
 });
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React48.forwardRef(function(_param, ref) {
+var TabsList = React47.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    var orientation = React48.useContext(TabsContext).orientation;
+    var orientation = React47.useContext(TabsContext).orientation;
     console.log("orient ", orientation);
-    return /* @__PURE__ */ React48.createElement(TabsPrimitive.List, _object_spread({
+    return /* @__PURE__ */ React47.createElement(TabsPrimitive.List, _object_spread({
         ref: ref,
         className: cn("hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10", orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row", className)
     }, props));
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React48.forwardRef(function(_param, ref) {
+var TabsTrigger = React47.forwardRef(function(_param, ref) {
     var className = _param.className, chipProps = _param.chipProps, props = _object_without_properties(_param, [
         "className",
         "chipProps"
     ]);
-    return /* @__PURE__ */ React48.createElement(TabsPrimitive.Trigger, _object_spread({
+    return /* @__PURE__ */ React47.createElement(TabsPrimitive.Trigger, _object_spread({
         ref: ref,
         className: cn("hawa-inline-flex hawa-gap-2 hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm  dark:hawa-border-primary/10", className)
-    }, props), props.children, chipProps && /* @__PURE__ */ React48.createElement(Chip, _object_spread({}, chipProps)));
+    }, props), props.children, chipProps && /* @__PURE__ */ React47.createElement(Chip, _object_spread({}, chipProps)));
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React48.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TabsContent = React47.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React48.createElement(TabsPrimitive.Content, _object_spread({
+    return React47.createElement(TabsPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("hawa-w-full hawa-ring-offset-hawa-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2", className)
     }, props));
 });
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 // components/elements/ScrollArea.tsx
-var React49 = __toESM(require("react"));
+var React48 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var ScrollArea = React49.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ScrollArea = React48.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, props = _object_without_properties(_param, [
         "className",
         "children",
         "orientation"
     ]);
-    return React49.createElement(ScrollAreaPrimitive.Root, _object_spread({
+    return React48.createElement(ScrollAreaPrimitive.Root, _object_spread({
         ref: ref,
         className: cn("hawa-relative hawa-overflow-hidden", className)
-    }, props), /* @__PURE__ */ React49.createElement(ScrollAreaPrimitive.Viewport, {
+    }, props), /* @__PURE__ */ React48.createElement(ScrollAreaPrimitive.Viewport, {
         className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]"
-    }, children), /* @__PURE__ */ React49.createElement(ScrollBar, {
+    }, children), /* @__PURE__ */ React48.createElement(ScrollBar, {
         orientation: orientation
-    }), /* @__PURE__ */ React49.createElement(ScrollAreaPrimitive.Corner, null));
+    }), /* @__PURE__ */ React48.createElement(ScrollAreaPrimitive.Corner, null));
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React49.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ScrollBar = React48.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, props = _object_without_properties(_param, [
         "className",
         "orientation"
     ]);
-    return React49.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, _object_spread({
+    return React48.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, _object_spread({
         ref: ref,
         orientation: orientation,
         className: cn("hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors", orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]", orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]", className)
-    }, props), /* @__PURE__ */ React49.createElement(ScrollAreaPrimitive.ScrollAreaThumb, {
+    }, props), /* @__PURE__ */ React48.createElement(ScrollAreaPrimitive.ScrollAreaThumb, {
         className: cn("hawa-relative hawa-rounded-full hawa-bg-border", orientation === "vertical" && "hawa-flex-1")
     }));
 });
@@ -6057,13 +6057,13 @@ var Logos = {
     }
 };
 // components/elements/Command.tsx
-var React51 = __toESM(require("react"));
+var React50 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var Command = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Command = React50.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React51.createElement(import_cmdk.Command, _object_spread({
+    return React50.createElement(import_cmdk.Command, _object_spread({
         ref: ref,
         className: cn("hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground", className)
     }, props));
@@ -6073,20 +6073,20 @@ var CommandDialog = function(_param) {
     var children = _param.children, props = _object_without_properties(_param, [
         "children"
     ]);
-    return /* @__PURE__ */ React51.createElement(Dialog, _object_spread({}, props), /* @__PURE__ */ React51.createElement(DialogContent, {
+    return /* @__PURE__ */ React50.createElement(Dialog, _object_spread({}, props), /* @__PURE__ */ React50.createElement(DialogContent, {
         className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg"
-    }, /* @__PURE__ */ React51.createElement(Command, {
+    }, /* @__PURE__ */ React50.createElement(Command, {
         className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5"
     }, children)));
 };
-var CommandInput = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CommandInput = React50.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React51.createElement("div", {
+    return React50.createElement("div", {
         className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
         "cmdk-input-wrapper": ""
-    }, /* @__PURE__ */ React51.createElement("svg", {
+    }, /* @__PURE__ */ React50.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -6097,60 +6097,60 @@ var CommandInput = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         className: "hawa-mr-2 hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-opacity-50"
-    }, /* @__PURE__ */ React51.createElement("circle", {
+    }, /* @__PURE__ */ React50.createElement("circle", {
         cx: "11",
         cy: "11",
         r: "8"
-    }), /* @__PURE__ */ React51.createElement("path", {
+    }), /* @__PURE__ */ React50.createElement("path", {
         d: "m21 21-4.3-4.3"
-    })), /* @__PURE__ */ React51.createElement(import_cmdk.Command.Input, _object_spread({
+    })), /* @__PURE__ */ React50.createElement(import_cmdk.Command.Input, _object_spread({
         ref: ref,
         className: cn("hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50", className)
     }, props)));
 });
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CommandList = React50.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React51.createElement(import_cmdk.Command.List, _object_spread({
+    return React50.createElement(import_cmdk.Command.List, _object_spread({
         ref: ref,
         className: cn("hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden", className)
     }, props));
 });
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React51.forwardRef(function(props, ref) {
-    return /* @__PURE__ */ React51.createElement(import_cmdk.Command.Empty, _object_spread({
+var CommandEmpty = React50.forwardRef(function(props, ref) {
+    return /* @__PURE__ */ React50.createElement(import_cmdk.Command.Empty, _object_spread({
         ref: ref,
         className: "hawa-py-6 hawa-text-center hawa-text-sm"
     }, props));
 });
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CommandGroup = React50.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React51.createElement(import_cmdk.Command.Group, _object_spread({
+    return React50.createElement(import_cmdk.Command.Group, _object_spread({
         ref: ref,
         className: cn("hawa-overflow-hidden hawa-p-1 hawa-text-foreground [&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-py-1.5 [&_[cmdk-group-heading]]:hawa-text-xs [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground", className)
     }, props));
 });
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CommandSeparator = React50.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React51.createElement(import_cmdk.Command.Separator, _object_spread({
+    return React50.createElement(import_cmdk.Command.Separator, _object_spread({
         ref: ref,
         className: cn("hawa--mx-1 hawa-h-px hawa-bg-border", className)
     }, props));
 });
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CommandItem = React50.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React51.createElement(import_cmdk.Command.Item, _object_spread({
+    return React50.createElement(import_cmdk.Command.Item, _object_spread({
         ref: ref,
         className: cn("hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50", className)
     }, props));
@@ -6160,13 +6160,13 @@ var CommandShortcut = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React51.createElement("span", _object_spread({
+    return /* @__PURE__ */ React50.createElement("span", _object_spread({
         className: cn("hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-text-muted-foreground", className)
     }, props));
 };
 CommandShortcut.displayName = "CommandShortcut";
 // components/elements/Combobox.tsx
-var React52 = __toESM(require("react"));
+var React51 = __toESM(require("react"));
 var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
 var Combobox = function(_param) {
     var getProperty = function getProperty(obj, key) {
@@ -6179,30 +6179,30 @@ var Combobox = function(_param) {
         "popoverClassName",
         "data"
     ]);
-    var _React52_useState = _sliced_to_array(React52.useState(false), 2), open = _React52_useState[0], setOpen = _React52_useState[1];
-    var _React52_useState1 = _sliced_to_array(React52.useState(defaultValue), 2), value = _React52_useState1[0], setValue = _React52_useState1[1];
-    return /* @__PURE__ */ React52.createElement("div", {
+    var _React51_useState = _sliced_to_array(React51.useState(false), 2), open = _React51_useState[0], setOpen = _React51_useState[1];
+    var _React51_useState1 = _sliced_to_array(React51.useState(defaultValue), 2), value = _React51_useState1[0], setValue = _React51_useState1[1];
+    return /* @__PURE__ */ React51.createElement("div", {
         className: cn("hawa-flex hawa-flex-col hawa-gap-2 hawa-relative hawa-h-fit", props.width === "fit" ? "hawa-w-fit" : "hawa-w-full")
-    }, props.label && /* @__PURE__ */ React52.createElement(Label2, null, props.label), /* @__PURE__ */ React52.createElement(PopoverPrimitive2.Root, {
+    }, props.label && /* @__PURE__ */ React51.createElement(Label2, null, props.label), /* @__PURE__ */ React51.createElement(PopoverPrimitive2.Root, {
         open: open,
         onOpenChange: setOpen
-    }, /* @__PURE__ */ React52.createElement(PopoverTrigger, {
+    }, /* @__PURE__ */ React51.createElement(PopoverTrigger, {
         disabled: props.isLoading || props.preview
-    }, props.isLoading ? /* @__PURE__ */ React52.createElement("div", {
+    }, props.isLoading ? /* @__PURE__ */ React51.createElement("div", {
         className: "hawa-pb-2"
-    }, /* @__PURE__ */ React52.createElement(Skeleton, {
+    }, /* @__PURE__ */ React51.createElement(Skeleton, {
         className: "hawa-h-[40px] hawa-w-full"
-    })) : /* @__PURE__ */ React52.createElement("div", {
+    })) : /* @__PURE__ */ React51.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-2 "
-    }, /* @__PURE__ */ React52.createElement("div", {
+    }, /* @__PURE__ */ React51.createElement("div", {
         className: cn("hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800", props.preview ? "hawa-opacity-100" : "hawa-opacity-0")
-    }), /* @__PURE__ */ React52.createElement("button", {
+    }), /* @__PURE__ */ React51.createElement("button", {
         role: "combobox",
         "aria-expanded": open,
         className: cn("hawa-text-primary hawa-border hawa-h-10 hawa-py-2 hawa-justify-between hawa-w-full hawa-font-normal hawa-inline-flex hawa-items-center hawa-transition-all hawa-select-none hawa-rounded-md hawa-text-sm  hawa-ring-offset-background  focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50", props.preview ? "hawa-px-0 hawa-rounded-none hawa-border-transparent hawa-cursor-default" : "hawa-px-3 hawa-bg-background ")
     }, value ? getProperty(data.find(function(item) {
         return item[valueKey] === value;
-    }) || {}, labelKey) : props.placeholder || "...", /* @__PURE__ */ React52.createElement("svg", {
+    }) || {}, labelKey) : props.placeholder || "...", /* @__PURE__ */ React51.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         className: cn("hawa-w-4 hawa-h-4 hawa-transition-all", !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"),
         viewBox: "0 0 24 24",
@@ -6211,18 +6211,18 @@ var Combobox = function(_param) {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round"
-    }, /* @__PURE__ */ React52.createElement("path", {
+    }, /* @__PURE__ */ React51.createElement("path", {
         d: "m6 9 6 6 6-6"
-    }))), /* @__PURE__ */ React52.createElement("p", {
+    }))), /* @__PURE__ */ React51.createElement("p", {
         className: cn("hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all", props.helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
-    }, props.helperText), " ")), /* @__PURE__ */ React52.createElement(PopoverContent, {
+    }, props.helperText), " ")), /* @__PURE__ */ React51.createElement(PopoverContent, {
         className: cn("popover-w-parent")
-    }, /* @__PURE__ */ React52.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React52.createElement(CommandInput, {
+    }, /* @__PURE__ */ React51.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React51.createElement(CommandInput, {
         placeholder: props.searchPlaceholder
-    }), /* @__PURE__ */ React52.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React52.createElement(CommandGroup, {
+    }), /* @__PURE__ */ React51.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React51.createElement(CommandGroup, {
         className: "  hawa-max-h-[200px] hawa-overflow-y-auto"
     }, data.map(function(item) {
-        return /* @__PURE__ */ React52.createElement(CommandItem, {
+        return /* @__PURE__ */ React51.createElement(CommandItem, {
             key: getProperty(item, valueKey),
             onSelect: function() {
                 var newValue = getProperty(item, valueKey);
@@ -6232,7 +6232,7 @@ var Combobox = function(_param) {
                 }
                 setOpen(false);
             }
-        }, /* @__PURE__ */ React52.createElement("svg", {
+        }, /* @__PURE__ */ React51.createElement("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "24",
             height: "24",
@@ -6243,7 +6243,7 @@ var Combobox = function(_param) {
             strokeLinecap: "round",
             strokeLinejoin: "round",
             className: cn("hawa-mr-2 hawa-h-4 hawa-w-4", value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0")
-        }, /* @__PURE__ */ React52.createElement("polyline", {
+        }, /* @__PURE__ */ React51.createElement("polyline", {
             points: "20 6 9 17 4 12"
         })), getProperty(item, labelKey));
     }))))));
@@ -6331,18 +6331,18 @@ var InterfaceSettings = function(_param) {
     }));
 };
 // components/elements/Sheet.tsx
-var React55 = __toESM(require("react"));
+var React54 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority3 = require("class-variance-authority");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React55.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var SheetOverlay = React54.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React55.createElement(SheetPrimitive.Overlay, _object_spread_props(_object_spread({
+    return React54.createElement(SheetPrimitive.Overlay, _object_spread_props(_object_spread({
         className: cn("hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0", className)
     }, props), {
         ref: ref
@@ -6362,30 +6362,30 @@ var sheetVariants = (0, import_class_variance_authority3.cva)("hawa-fixed hawa-z
         side: "right"
     }
 });
-var SheetContent = React55.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var SheetContent = React54.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var _param_side = _param.side, side = _param_side === void 0 ? "right" : _param_side, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "side",
         "className",
         "children"
     ]);
-    return React55.createElement(SheetPortal, null, /* @__PURE__ */ React55.createElement(SheetOverlay, null), /* @__PURE__ */ React55.createElement(SheetPrimitive.Content, _object_spread({
+    return React54.createElement(SheetPortal, null, /* @__PURE__ */ React54.createElement(SheetOverlay, null), /* @__PURE__ */ React54.createElement(SheetPrimitive.Content, _object_spread({
         ref: ref,
         className: cn(sheetVariants({
             side: side
         }), className)
-    }, props), children, /* @__PURE__ */ React55.createElement(SheetPrimitive.Close, {
+    }, props), children, /* @__PURE__ */ React54.createElement(SheetPrimitive.Close, {
         className: "hawa-absolute hawa-right-4 hawa-top-4 hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary"
-    }, /* @__PURE__ */ React55.createElement("svg", {
+    }, /* @__PURE__ */ React54.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
         className: "hawa-h-5 hawa-w-5",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React55.createElement("path", {
+    }, /* @__PURE__ */ React54.createElement("path", {
         fillRule: "evenodd",
         d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
         clipRule: "evenodd"
-    })), /* @__PURE__ */ React55.createElement("span", {
+    })), /* @__PURE__ */ React54.createElement("span", {
         className: "hawa-sr-only"
     }, "Close"))));
 });
@@ -6394,7 +6394,7 @@ var SheetHeader = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React55.createElement("div", _object_spread({
+    return React54.createElement("div", _object_spread({
         className: cn("hawa-flex hawa-flex-col hawa-space-y-2 hawa-text-center sm:hawa-text-left", className)
     }, props));
 };
@@ -6403,26 +6403,26 @@ var SheetFooter = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React55.createElement("div", _object_spread({
+    return React54.createElement("div", _object_spread({
         className: cn("hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-space-x-2", className)
     }, props));
 };
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React55.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var SheetTitle = React54.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React55.createElement(SheetPrimitive.Title, _object_spread({
+    return React54.createElement(SheetPrimitive.Title, _object_spread({
         ref: ref,
         className: cn("hawa-text-lg hawa-font-semibold hawa-text-foreground", className)
     }, props));
 });
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React55.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var SheetDescription = React54.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React55.createElement(SheetPrimitive.Description, _object_spread({
+    return React54.createElement(SheetPrimitive.Description, _object_spread({
         ref: ref,
         className: cn("hawa-text-sm hawa-text-muted-foreground", className)
     }, props));
@@ -6515,28 +6515,28 @@ var ProgressCircle = import_react32.default.forwardRef(function(props, ref) {
 });
 ProgressCircle.displayName = "ProgressCircle";
 // components/elements/NavigationMenu.tsx
-var React57 = __toESM(require("react"));
+var React56 = __toESM(require("react"));
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var NavigationMenuRoot = React57.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var NavigationMenuRoot = React56.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React57.createElement(NavigationMenuPrimitive.Root, _object_spread({
+    return React56.createElement(NavigationMenuPrimitive.Root, _object_spread({
         ref: ref,
         className: cn("hawa-relative hawa-z-10 hawa-flex  hawa-flex-1 hawa-items-center hawa-justify-center", // "hawa-max-w-max",
         className)
-    }, props), children, /* @__PURE__ */ React57.createElement(NavigationMenuViewport, {
+    }, props), children, /* @__PURE__ */ React56.createElement(NavigationMenuViewport, {
         className: props.viewportClassNames
     }));
 });
 NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React57.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var NavigationMenuList = React56.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React57.createElement(NavigationMenuPrimitive.List, _object_spread({
+    return React56.createElement(NavigationMenuPrimitive.List, _object_spread({
         ref: ref,
         className: cn("hawa-group hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-gap-1", className)
     }, props));
@@ -6544,15 +6544,15 @@ var NavigationMenuList = React57.forwardRef(function(_param, ref) /* @__PURE__ *
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority4.cva)("hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 ");
-var NavigationMenuTrigger = React57.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var NavigationMenuTrigger = React56.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React57.createElement(NavigationMenuPrimitive.Trigger, _object_spread({
+    return React56.createElement(NavigationMenuPrimitive.Trigger, _object_spread({
         ref: ref,
         className: cn(navigationMenuTriggerStyle(), "hawa-group", className)
-    }, props), children, " ", /* @__PURE__ */ React57.createElement("svg", {
+    }, props), children, " ", /* @__PURE__ */ React56.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -6564,16 +6564,16 @@ var NavigationMenuTrigger = React57.forwardRef(function(_param, ref) /* @__PURE_
         "stroke-linejoin": "round",
         "aria-hidden": "true",
         className: "hawa-relative hawa-top-[1px] hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
-    }, /* @__PURE__ */ React57.createElement("path", {
+    }, /* @__PURE__ */ React56.createElement("path", {
         d: "m6 9 6 6 6-6"
     })));
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React57.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var NavigationMenuContent = React56.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React57.createElement(NavigationMenuPrimitive.Content, _object_spread({
+    return React56.createElement(NavigationMenuPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("hawa-absolute  hawa-w-full  hawa-left-0 hawa-top-0 ", // "md:hawa-absolute md:hawa-w-auto  hawa-left-0 hawa-top-0 ",
         //   animation
@@ -6583,51 +6583,51 @@ var NavigationMenuContent = React57.forwardRef(function(_param, ref) /* @__PURE_
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
 var NavMenuItem = function(props) {
-    return /* @__PURE__ */ React57.createElement(NavigationMenuLink, null, /* @__PURE__ */ React57.createElement("div", {
+    return /* @__PURE__ */ React56.createElement(NavigationMenuLink, null, /* @__PURE__ */ React56.createElement("div", {
         className: "hawa-max-w-md hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-rounded hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all  hover:hawa-bg-muted"
-    }, props.icon && props.icon, /* @__PURE__ */ React57.createElement("div", {
+    }, props.icon && props.icon, /* @__PURE__ */ React56.createElement("div", {
         className: "hawa-flex hawa-flex-col"
-    }, /* @__PURE__ */ React57.createElement("h1", {
+    }, /* @__PURE__ */ React56.createElement("h1", {
         className: "hawa-font-bold hawa-text-xl"
-    }, props.title), /* @__PURE__ */ React57.createElement("p", {
+    }, props.title), /* @__PURE__ */ React56.createElement("p", {
         className: "hawa-text-sm"
     }, props.subtitle))));
 };
-var NavigationMenuViewport = React57.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var NavigationMenuViewport = React56.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React57.createElement("div", {
+    return React56.createElement("div", {
         className: cn("hawa-absolute hawa-w-full hawa-top-full hawa-flex hawa-justify-center")
-    }, /* @__PURE__ */ React57.createElement(NavigationMenuPrimitive.Viewport, _object_spread({
+    }, /* @__PURE__ */ React56.createElement(NavigationMenuPrimitive.Viewport, _object_spread({
         className: cn("hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-h-[var(--radix-navigation-menu-viewport-height)] hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ", // "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
         className),
         ref: ref
     }, props)));
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React57.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var NavigationMenuIndicator = React56.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React57.createElement(NavigationMenuPrimitive.Indicator, _object_spread({
+    return React56.createElement(NavigationMenuPrimitive.Indicator, _object_spread({
         ref: ref,
         className: cn("hawa-top-full hawa-z-[1] hawa-flex hawa-h-1.5 hawa-items-end hawa-justify-center hawa-overflow-hidden data-[state=visible]:hawa-animate-in data-[state=hidden]:hawa-animate-out data-[state=hidden]:hawa-fade-out data-[state=visible]:hawa-fade-in", className)
-    }, props), /* @__PURE__ */ React57.createElement("div", {
+    }, props), /* @__PURE__ */ React56.createElement("div", {
         className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md"
     }));
 });
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 var NavigationMenu = function(props) {
-    return /* @__PURE__ */ React57.createElement(NavigationMenuRoot, {
+    return /* @__PURE__ */ React56.createElement(NavigationMenuRoot, {
         dir: props.direction,
         delayDuration: 0,
         className: props.rootClassNames,
         viewportClassNames: props.viewportClassNames
-    }, /* @__PURE__ */ React57.createElement(NavigationMenuList, null, props.items.map(function(item, i) {
-        return /* @__PURE__ */ React57.createElement(NavigationMenuItem, {
+    }, /* @__PURE__ */ React56.createElement(NavigationMenuList, null, props.items.map(function(item, i) {
+        return /* @__PURE__ */ React56.createElement(NavigationMenuItem, {
             key: i
-        }, item.content ? /* @__PURE__ */ React57.createElement(React57.Fragment, null, /* @__PURE__ */ React57.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React57.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React57.createElement(NavigationMenuLink, {
+        }, item.content ? /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React56.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React56.createElement(NavigationMenuLink, {
             onClick: function() {
                 if (item.action) {
                     item.action();
@@ -6664,32 +6664,32 @@ var Stats = function(_param) {
     }) : props.chart));
 };
 // components/layout/Sidebar.tsx
-var React59 = __toESM(require("react"));
+var React58 = __toESM(require("react"));
 var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
 var Accordion2 = AccordionPrimitive2.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 = React59.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionItem2 = React58.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React59.createElement(AccordionPrimitive2.Item, _object_spread({
+    return React58.createElement(AccordionPrimitive2.Item, _object_spread({
         ref: ref,
         className: cn(className)
     }, props));
 });
 AccordionItem2.displayName = "AccordionItem";
-var AccordionTrigger2 = React59.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionTrigger2 = React58.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, showArrow = _param.showArrow, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "showArrow",
         "children"
     ]);
-    return React59.createElement(AccordionPrimitive2.Header, {
+    return React58.createElement(AccordionPrimitive2.Header, {
         className: "flex"
-    }, /* @__PURE__ */ React59.createElement(AccordionPrimitive2.Trigger, _object_spread({
+    }, /* @__PURE__ */ React58.createElement(AccordionPrimitive2.Trigger, _object_spread({
         ref: ref,
         className: cn(triggerStyles, className)
-    }, props), children, showArrow && /* @__PURE__ */ React59.createElement("svg", {
+    }, props), children, showArrow && /* @__PURE__ */ React58.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         stroke: "currentColor",
         fill: "currentColor",
@@ -6697,31 +6697,31 @@ var AccordionTrigger2 = React59.forwardRef(function(_param, ref) /* @__PURE__ */
         height: "1em",
         width: "1em",
         className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
-    }, /* @__PURE__ */ React59.createElement("path", {
+    }, /* @__PURE__ */ React58.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 = AccordionPrimitive2.Trigger.displayName;
-var AccordionContent2 = React59.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionContent2 = React58.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React59.createElement(AccordionPrimitive2.Content, _object_spread({
+    return React58.createElement(AccordionPrimitive2.Content, _object_spread({
         ref: ref,
         className: cn("hawa-overflow-hidden hawa-text-sm hawa-transition-all data-[state=closed]:hawa-animate-accordion-up data-[state=open]:hawa-animate-accordion-down", className)
-    }, props), /* @__PURE__ */ React59.createElement("div", null, children));
+    }, props), /* @__PURE__ */ React58.createElement("div", null, children));
 });
 AccordionContent2.displayName = AccordionPrimitive2.Content.displayName;
 var SidebarGroup = function(param) {
     var title = param.title, items = param.items, selectedItem = param.selectedItem, openedItem = param.openedItem, setOpenedItem = param.setOpenedItem, onItemClick = param.onItemClick, onSubItemClick = param.onSubItemClick, direction = param.direction, isOpen = param.isOpen;
-    return /* @__PURE__ */ React59.createElement("div", {
+    return /* @__PURE__ */ React58.createElement("div", {
         className: "hawa-m-2"
-    }, title && /* @__PURE__ */ React59.createElement("h3", {
+    }, title && /* @__PURE__ */ React58.createElement("h3", {
         className: "hawa-mb-1 hawa-font-bold"
-    }, title), /* @__PURE__ */ React59.createElement("ul", {
+    }, title), /* @__PURE__ */ React58.createElement("ul", {
         className: "hawa-flex hawa-flex-col hawa-gap-2"
-    }, /* @__PURE__ */ React59.createElement(Accordion2, {
+    }, /* @__PURE__ */ React58.createElement(Accordion2, {
         value: openedItem,
         type: "single",
         onValueChange: function(e) {
@@ -6730,7 +6730,7 @@ var SidebarGroup = function(param) {
         collapsible: true,
         className: "hawa-flex hawa-flex-col hawa-gap-1"
     }, items.map(function(item, idx) {
-        return /* @__PURE__ */ React59.createElement(SidebarItem, {
+        return /* @__PURE__ */ React58.createElement(SidebarItem, {
             isOpen: isOpen,
             selectedItem: selectedItem,
             key: idx,
@@ -6753,25 +6753,25 @@ var SidebarItem = function(_param) {
         return props.selectedItem === value ? "hawa-bg-primary hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
     };
     if (item.subitems) {
-        return /* @__PURE__ */ React59.createElement(AccordionItem2, {
+        return /* @__PURE__ */ React58.createElement(AccordionItem2, {
             value: item.value,
             className: "hawa-overflow-x-clip",
             dir: direction
-        }, /* @__PURE__ */ React59.createElement(AccordionTrigger2, {
+        }, /* @__PURE__ */ React58.createElement(AccordionTrigger2, {
             className: cn("hawa-overflow-x-clip hawa-w-full", props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10 hawa-h-10", item.subitems && item.subitems.some(function(subitem) {
                 return props.selectedItem === subitem.value;
             }) ? "hawa-bg-primary/90 hawa-text-primary-foreground hover:hawa-bg-primary/90" : ""),
             showArrow: isOpen
-        }, /* @__PURE__ */ React59.createElement("div", {
+        }, /* @__PURE__ */ React58.createElement("div", {
             className: cn(!isOpen && "hawa-py-1", "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center  hawa-gap-2")
-        }, item.icon && item.icon, /* @__PURE__ */ React59.createElement("span", {
+        }, item.icon && item.icon, /* @__PURE__ */ React58.createElement("span", {
             className: cn("hawa-transition-all ", isOpen ? "hawa-opacity-100" : "hawa-opacity-0")
-        }, item.label))), item.subitems && /* @__PURE__ */ React59.createElement(AccordionContent2, {
+        }, item.label))), item.subitems && /* @__PURE__ */ React58.createElement(AccordionContent2, {
             className: "hawa-mt-1 hawa-h-full hawa-rounded"
-        }, /* @__PURE__ */ React59.createElement("div", {
+        }, /* @__PURE__ */ React58.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(function(subitem, idx) {
-            return /* @__PURE__ */ React59.createElement("li", {
+            return /* @__PURE__ */ React58.createElement("li", {
                 key: idx,
                 onClick: function(e) {
                     e.stopPropagation();
@@ -6790,7 +6790,7 @@ var SidebarItem = function(_param) {
             }, subitem.icon && subitem.icon, subitem.label);
         }))));
     } else {
-        return /* @__PURE__ */ React59.createElement("div", {
+        return /* @__PURE__ */ React58.createElement("div", {
             dir: direction,
             onClick: function() {
                 if (item.onClick) {
@@ -6803,9 +6803,9 @@ var SidebarItem = function(_param) {
                 }
             },
             className: cn(triggerStyles, getSelectedStyle(item.value), "hawa-overflow-x-clip ")
-        }, /* @__PURE__ */ React59.createElement("div", {
+        }, /* @__PURE__ */ React58.createElement("div", {
             className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
-        }, item.icon && item.icon, /* @__PURE__ */ React59.createElement("span", {
+        }, item.icon && item.icon, /* @__PURE__ */ React58.createElement("span", {
             className: cn("hawa-whitespace-nowrap hawa-transition-all", isOpen ? "hawa-opacity-100" : "hawa-opacity-0")
         }, item.label)));
     }
@@ -6833,51 +6833,98 @@ var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // components/layout/Navbar.tsx
-var Navbar = function(props) {
-    var _props_menuItems;
+var Navbar = function(_param) {
+    var backgroundColor = _param.backgroundColor, logo = _param.logo, handleLogoClick = _param.handleLogoClick, props = _object_without_properties(_param, [
+        "backgroundColor",
+        "logo",
+        "handleLogoClick"
+    ]);
+    var _props_menuItems, _props_menuItems1;
     var _ref = _sliced_to_array((0, import_react35.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
     return /* @__PURE__ */ import_react35.default.createElement("nav", {
         className: " hawa-transition-all hawa-sticky hawa-top-2"
     }, /* @__PURE__ */ import_react35.default.createElement(Collapsible, {
-        className: "hawa-bg-gray-800  hawa-p-4 hawa-relative hawa-m-2  hawa-rounded"
+        className: "hawa-p-2 hawa-relative hawa-m-2  hawa-rounded",
+        style: {
+            backgroundColor: backgroundColor || "#1f2937"
+        }
     }, /* @__PURE__ */ import_react35.default.createElement("div", {
-        className: "hawa-flex hawa-justify-between hawa-items-center"
+        className: "hawa-flex hawa-justify-between hawa-items-center hawa-px-3 "
     }, /* @__PURE__ */ import_react35.default.createElement("div", {
         className: "hawa-flex hawa-items-center"
     }, /* @__PURE__ */ import_react35.default.createElement("div", {
-        className: "hawa-text-white hawa-text-xl hawa-font-bold"
-    }, /* @__PURE__ */ import_react35.default.createElement(Logos.sikka, {
-        color: "#ffffff",
-        className: "hawa-h-6 hawa-w-6"
-    }))), /* @__PURE__ */ import_react35.default.createElement("div", {
-        className: "hawa-md:hawa-hidden"
+        className: "hawa-text-white hawa-text-xl hawa-p-1.5 hawa-font-bold",
+        onClick: function() {
+            if (handleLogoClick) {
+                handleLogoClick();
+            }
+        }
+    }, logo)), /* @__PURE__ */ import_react35.default.createElement("div", {
+        className: "hawa-hidden md:hawa-flex "
+    }, (_props_menuItems = props.menuItems) === null || _props_menuItems === void 0 ? void 0 : _props_menuItems.map(function(item) {
+        return /* @__PURE__ */ import_react35.default.createElement("div", {
+            onClick: item.action,
+            className: "hawa-p-1.5 hawa-px-2 hawa-text-sm hawa-text-center hawa-rounded hawa-text-white hover:hawa-text-black hover:hawa-bg-gray-300 hawa-transition-all hawa-cursor-pointer"
+        }, item.label);
+    })), /* @__PURE__ */ import_react35.default.createElement("div", {
+        className: "md:hawa-hidden hawa-flex hawa-h-fit hawa-p-0 hawa-m-0"
     }, /* @__PURE__ */ import_react35.default.createElement(CollapsibleTrigger2, {
         onClick: function() {
             return setIsOpen(!isOpen);
         },
-        className: "hawa-text-white hawa-p-2",
+        className: "hawa-text-white selection:hawa-p-0 hawa-h-full ",
         "aria-label": "Toggle menu"
     }, /* @__PURE__ */ import_react35.default.createElement("svg", {
-        className: cn("hawa-w-6 hawa-h-6", isOpen ? "hawa-invisible" : "hawa-visible"),
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        className: cn("hawa-w-6 hawa-h-6 hawa-fixed", isOpen ? "hawa-invisible" : "hawa-visible")
+    }, /* @__PURE__ */ import_react35.default.createElement("line", {
+        x1: "4",
+        x2: "20",
+        y1: "12",
+        y2: "12"
+    }), /* @__PURE__ */ import_react35.default.createElement("line", {
+        x1: "4",
+        x2: "20",
+        y1: "6",
+        y2: "6"
+    }), /* @__PURE__ */ import_react35.default.createElement("line", {
+        x1: "4",
+        x2: "20",
+        y1: "18",
+        y2: "18"
+    })), /* @__PURE__ */ import_react35.default.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
         viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        className: cn("hawa-w-6 hawa-h-6", !isOpen ? "hawa-invisible" : "hawa-visible")
     }, /* @__PURE__ */ import_react35.default.createElement("path", {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "2",
-        d: "M4 6h16M4 12h16m-7 6h7"
+        d: "M18 6 6 18"
+    }), /* @__PURE__ */ import_react35.default.createElement("path", {
+        d: "m6 6 12 12"
     }))))), /* @__PURE__ */ import_react35.default.createElement(CollapsibleContent2, {
-        className: cn("data-[state=open]:hawa-animate-in", "data-[state=open]:hawa-fade-in-90", "hawa-transition-all hawa-bg-gray-400 hawa-absolute  hawa-top-[88px]  hawa-flex hawa-flex-col hawa-rounded"),
+        className: cn("data-[state=closed]:hawa-opacity-0", "data-[state=open]:hawa-animate-in", "data-[state=open]:hawa-fade-in-90", "hawa-transition-all hawa-bg-gray-200 hawa-border hawa-absolute hawa-p-1  hawa-left-0 hawa-top-[60px]  hawa-flex hawa-flex-col hawa-rounded"),
         style: {
-            width: "calc(100% - 32px)",
+            width: "calc(100%)",
             zIndex: -100
         }
-    }, (_props_menuItems = props.menuItems) === null || _props_menuItems === void 0 ? void 0 : _props_menuItems.map(function(item) {
+    }, (_props_menuItems1 = props.menuItems) === null || _props_menuItems1 === void 0 ? void 0 : _props_menuItems1.map(function(item) {
         return /* @__PURE__ */ import_react35.default.createElement("div", {
             onClick: item.action,
-            className: "hawa-text-white hawa-p-4 hawa-px-10 hover:hawa-bg-gray-950 hawa-transition-all hawa-cursor-pointer"
+            className: "hawa-text-black hawa-p-2 hawa-px-10 hawa-text-center hawa-rounded hover:hawa-bg-gray-300 hawa-transition-all hawa-cursor-pointer"
         }, item.label);
     }))));
 };
@@ -7367,7 +7414,7 @@ var DocsLayout = function(_param) {
     }, props.children));
 };
 // components/blocks/auth/LoginForm.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __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");
@@ -7424,10 +7471,11 @@ var AuthButtons = function(props) {
     }), (_props_texts_continueWithPhone = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.continueWithPhone) !== null && _props_texts_continueWithPhone !== void 0 ? _props_texts_continueWithPhone : "Continue With Phone"));
 };
 // components/icons/index.tsx
+var import_react42 = __toESM(require("react"));
 var EyeIcon = function(props) {
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ import_react42.default.createElement("div", {
         className: props.classNames
-    }, /* @__PURE__ */ React.createElement("svg", {
+    }, /* @__PURE__ */ import_react42.default.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -7437,18 +7485,18 @@ var EyeIcon = function(props) {
         "stroke-width": "2",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
-    }, /* @__PURE__ */ React.createElement("path", {
+    }, /* @__PURE__ */ import_react42.default.createElement("path", {
         d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"
-    }), /* @__PURE__ */ React.createElement("circle", {
+    }), /* @__PURE__ */ import_react42.default.createElement("circle", {
         cx: "12",
         cy: "12",
         r: "3"
     })));
 };
 var HiddenEyeIcon = function(props) {
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ import_react42.default.createElement("div", {
         className: props.classNames
-    }, /* @__PURE__ */ React.createElement("svg", {
+    }, /* @__PURE__ */ import_react42.default.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -7458,13 +7506,13 @@ var HiddenEyeIcon = function(props) {
         "stroke-width": "2",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
-    }, /* @__PURE__ */ React.createElement("path", {
+    }, /* @__PURE__ */ import_react42.default.createElement("path", {
         d: "M9.88 9.88a3 3 0 1 0 4.24 4.24"
-    }), /* @__PURE__ */ React.createElement("path", {
+    }), /* @__PURE__ */ import_react42.default.createElement("path", {
         d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"
-    }), /* @__PURE__ */ React.createElement("path", {
+    }), /* @__PURE__ */ import_react42.default.createElement("path", {
         d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"
-    }), /* @__PURE__ */ React.createElement("line", {
+    }), /* @__PURE__ */ import_react42.default.createElement("line", {
         x1: "2",
         x2: "22",
         y1: "2",
@@ -7478,7 +7526,7 @@ var LoginForm = function(_param) {
         "texts",
         "passwordLength"
     ]);
-    var _ref = _sliced_to_array((0, import_react42.useState)(false), 2), passwordVisible = _ref[0], setPasswordVisible = _ref[1];
+    var _ref = _sliced_to_array((0, import_react43.useState)(false), 2), passwordVisible = _ref[0], setPasswordVisible = _ref[1];
     var thirdPartyAuthTexts = {
         continueWithGoogle: texts === null || texts === void 0 ? void 0 : texts.continueWithGoogle,
         continueWithTwitter: texts === null || texts === void 0 ? void 0 : texts.continueWithTwitter,
@@ -7560,13 +7608,13 @@ var LoginForm = function(_param) {
     var renderFields = function() {
         switch(loginType){
             case "email":
-                return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form.Controller, {
+                return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form.Controller, {
                     control: control,
                     name: "email",
                     render: function(param) {
                         var field = param.field;
                         var _texts_email, _formState_errors_email, _texts_email1;
-                        return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
+                        return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
                             width: "full",
                             autoComplete: "email",
                             label: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label,
@@ -7574,43 +7622,43 @@ var LoginForm = function(_param) {
                             placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_email1 = texts.email) === null || _texts_email1 === void 0 ? void 0 : _texts_email1.placeholder) || "contact@sikka.io"
                         }, field));
                     }
-                }), /* @__PURE__ */ import_react42.default.createElement("div", null, /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form.Controller, {
+                }), /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form.Controller, {
                     control: control,
                     name: "password",
                     render: function(param) {
                         var field = param.field;
                         var _texts_password, _texts_password1, _formState_errors_password;
-                        return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
+                        return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
                             width: "full",
                             autoComplete: "current-password",
                             type: passwordVisible ? "text" : "password",
                             label: (texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.label) || "Password",
-                            iconInside: /* @__PURE__ */ import_react42.default.createElement("div", {
+                            iconInside: /* @__PURE__ */ import_react43.default.createElement("div", {
                                 className: "hawa-cursor-pointer",
                                 onClick: function() {
                                     return setPasswordVisible(!passwordVisible);
                                 }
-                            }, passwordVisible ? /* @__PURE__ */ import_react42.default.createElement(EyeIcon, {
+                            }, passwordVisible ? /* @__PURE__ */ import_react43.default.createElement(EyeIcon, {
                                 classNames: "hawa-text-gray-500"
-                            }) : /* @__PURE__ */ import_react42.default.createElement(HiddenEyeIcon, {
+                            }) : /* @__PURE__ */ import_react43.default.createElement(HiddenEyeIcon, {
                                 classNames: "hawa-text-gray-500"
                             })),
                             placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.placeholder) || "Enter your password",
                             helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
                         }, field));
                     }
-                }), !props.withoutResetPassword && /* @__PURE__ */ import_react42.default.createElement("div", {
+                }), !props.withoutResetPassword && /* @__PURE__ */ import_react43.default.createElement("div", {
                     onClick: props.onForgotPassword,
                     className: "hawa-mb-3  hawa-select-none hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
                 }, (texts === null || texts === void 0 ? void 0 : texts.forgotPassword) || "Forgot Password?")));
             case "username":
-                return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form.Controller, {
+                return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form.Controller, {
                     control: control,
                     name: "username",
                     render: function(param) {
                         var field = param.field;
                         var _texts_username, _formState_errors_username, _texts_username1;
-                        return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
+                        return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
                             width: "full",
                             autoComplete: "username",
                             label: (texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.label) || "Username",
@@ -7618,43 +7666,43 @@ var LoginForm = function(_param) {
                             placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_username1 = texts.username) === null || _texts_username1 === void 0 ? void 0 : _texts_username1.placeholder) || "sikka_sa"
                         }, field));
                     }
-                }), /* @__PURE__ */ import_react42.default.createElement("div", null, /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form.Controller, {
+                }), /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form.Controller, {
                     control: control,
                     name: "password",
                     render: function(param) {
                         var field = param.field;
                         var _texts_password, _texts_password1, _formState_errors_password;
-                        return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
+                        return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
                             width: "full",
                             autoComplete: "current-password",
                             type: passwordVisible ? "text" : "password",
                             label: texts === null || texts === void 0 ? void 0 : (_texts_password = texts.password) === null || _texts_password === void 0 ? void 0 : _texts_password.label,
-                            iconInside: /* @__PURE__ */ import_react42.default.createElement("div", {
+                            iconInside: /* @__PURE__ */ import_react43.default.createElement("div", {
                                 className: "hawa-cursor-pointer",
                                 onClick: function() {
                                     return setPasswordVisible(!passwordVisible);
                                 }
-                            }, passwordVisible ? /* @__PURE__ */ import_react42.default.createElement(EyeIcon, {
+                            }, passwordVisible ? /* @__PURE__ */ import_react43.default.createElement(EyeIcon, {
                                 classNames: "hawa-text-gray-500"
-                            }) : /* @__PURE__ */ import_react42.default.createElement(HiddenEyeIcon, {
+                            }) : /* @__PURE__ */ import_react43.default.createElement(HiddenEyeIcon, {
                                 classNames: "hawa-text-gray-500"
                             }), "                      "),
                             placeholder: (texts === null || texts === void 0 ? void 0 : (_texts_password1 = texts.password) === null || _texts_password1 === void 0 ? void 0 : _texts_password1.placeholder) || "Enter your password",
                             helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
                         }, field));
                     }
-                }), !props.withoutResetPassword && /* @__PURE__ */ import_react42.default.createElement("div", {
+                }), !props.withoutResetPassword && /* @__PURE__ */ import_react43.default.createElement("div", {
                     onClick: props.onForgotPassword,
                     className: "hawa-mb-3 hawa-select-none hawa-mt-2 hawa-w-fit hawa-cursor-pointer hawa-text-xs dark:hawa-text-gray-300"
                 }, (texts === null || texts === void 0 ? void 0 : texts.forgotPassword) || "Forgot Password?")));
             case "phone":
-                return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form.Controller, {
+                return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form.Controller, {
                     control: control,
                     name: "phone",
                     render: function(param) {
                         var field = param.field;
                         var _texts_phone, _formState_errors_phone;
-                        return /* @__PURE__ */ import_react42.default.createElement(PhoneInput, {
+                        return /* @__PURE__ */ import_react43.default.createElement(PhoneInput, {
                             label: texts === null || texts === void 0 ? void 0 : (_texts_phone = texts.phone) === null || _texts_phone === void 0 ? void 0 : _texts_phone.label,
                             helperText: (_formState_errors_phone = formState.errors.phone) === null || _formState_errors_phone === void 0 ? void 0 : _formState_errors_phone.message,
                             preferredCountry: {
@@ -7667,13 +7715,13 @@ var LoginForm = function(_param) {
                     }
                 }));
             case "link":
-                return /* @__PURE__ */ import_react42.default.createElement(import_react42.default.Fragment, null, /* @__PURE__ */ import_react42.default.createElement(import_react_hook_form.Controller, {
+                return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form.Controller, {
                     control: control,
                     name: "email",
                     render: function(param) {
                         var field = param.field;
                         var _texts_email, _formState_errors_email, _texts_email1;
-                        return /* @__PURE__ */ import_react42.default.createElement(Input, _object_spread({
+                        return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
                             width: "full",
                             autoComplete: "email",
                             label: (texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label) || "Email",
@@ -7686,17 +7734,17 @@ var LoginForm = function(_param) {
                 break;
         }
     };
-    return /* @__PURE__ */ import_react42.default.createElement("div", {
+    return /* @__PURE__ */ import_react43.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-4"
-    }, /* @__PURE__ */ import_react42.default.createElement(Card, {
+    }, /* @__PURE__ */ import_react43.default.createElement(Card, {
         dir: props.direction
-    }, /* @__PURE__ */ import_react42.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react43.default.createElement(CardContent, {
         headless: true
-    }, props.showError && /* @__PURE__ */ import_react42.default.createElement(Alert, {
+    }, props.showError && /* @__PURE__ */ import_react43.default.createElement(Alert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), /* @__PURE__ */ import_react42.default.createElement("form", {
+    }), /* @__PURE__ */ import_react43.default.createElement("form", {
         noValidate: true,
         className: "hawa-flex hawa-flex-col hawa-gap-4",
         onSubmit: handleSubmit(function(e) {
@@ -7706,18 +7754,18 @@ var LoginForm = function(_param) {
                 console.log("Form is submitted but onLogin prop is missing");
             }
         })
-    }, renderFields(), /* @__PURE__ */ import_react42.default.createElement(Button, {
+    }, renderFields(), /* @__PURE__ */ import_react43.default.createElement(Button, {
         className: "hawa-mt-0 hawa-w-full",
         type: "submit",
         isLoading: props.isLoading
-    }, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login"), props.additionalButtons, props.allowRegister && /* @__PURE__ */ import_react42.default.createElement("div", {
+    }, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login"), props.additionalButtons, props.allowRegister && /* @__PURE__ */ import_react43.default.createElement("div", {
         className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal hawa-select-none dark:hawa-text-gray-300"
-    }, (texts === null || texts === void 0 ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react42.default.createElement("span", {
+    }, (texts === null || texts === void 0 ? void 0 : texts.newUserText) || "New user?", " ", /* @__PURE__ */ import_react43.default.createElement("span", {
         onClick: props.onRouteToRegister,
         className: "clickable-link"
-    }, (texts === null || texts === void 0 ? void 0 : texts.createAccount) || "Create Account")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react42.default.createElement(CardFooter, {
+    }, (texts === null || texts === void 0 ? void 0 : texts.createAccount) || "Create Account")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react43.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_react42.default.createElement(AuthButtons, {
+    }, /* @__PURE__ */ import_react43.default.createElement(AuthButtons, {
         texts: thirdPartyAuthTexts,
         viaGoogle: props.viaGoogle,
         viaGithub: props.viaGithub,
@@ -7725,7 +7773,7 @@ var LoginForm = function(_param) {
         handleGoogle: props.onGoogleLogin,
         handleGithub: props.onGithubLogin,
         handleTwitter: props.onTwitterLogin
-    })) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react42.default.createElement(InterfaceSettings, {
+    })) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react43.default.createElement(InterfaceSettings, {
         currentColorMode: props.currentColorMode,
         currentLanguage: props.currentLanguage,
         handleColorMode: props.handleColorMode,
@@ -7733,7 +7781,7 @@ var LoginForm = function(_param) {
     }));
 };
 // components/blocks/auth/RegisterForm.tsx
-var import_react43 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
 var z2 = __toESM(require("zod"));
@@ -7742,7 +7790,7 @@ var RegisterForm = function(_param) {
         "texts"
     ]);
     var _texts_password, _texts_password1, _texts_password2, _texts_confirm, _texts_password3, _texts_confirm1;
-    var _ref = _sliced_to_array((0, import_react43.useState)(false), 2), passwordVisible = _ref[0], setPasswordVisible = _ref[1];
+    var _ref = _sliced_to_array((0, import_react44.useState)(false), 2), passwordVisible = _ref[0], setPasswordVisible = _ref[1];
     var thirdPartyAuthTexts = {
         continueWithGoogle: texts === null || texts === void 0 ? void 0 : texts.continueWithGoogle,
         continueWithTwitter: texts === null || texts === void 0 ? void 0 : texts.continueWithTwitter,
@@ -7822,17 +7870,17 @@ var RegisterForm = function(_param) {
     var _ref1 = (0, import_react_hook_form2.useForm)({
         resolver: (0, import_zod2.zodResolver)(formSchema)
     }), handleSubmit = _ref1.handleSubmit, control = _ref1.control, formState = _ref1.formState;
-    return /* @__PURE__ */ import_react43.default.createElement("div", {
+    return /* @__PURE__ */ import_react44.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-4"
-    }, /* @__PURE__ */ import_react43.default.createElement(Card, {
+    }, /* @__PURE__ */ import_react44.default.createElement(Card, {
         dir: props.direction
-    }, /* @__PURE__ */ import_react43.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react44.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react43.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react43.default.createElement(Alert, {
+    }, /* @__PURE__ */ import_react44.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react43.default.createElement("form", {
+    }), /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react44.default.createElement("form", {
         noValidate: true,
         onSubmit: handleSubmit(function(e) {
             if (props.onRegister) {
@@ -7842,18 +7890,18 @@ var RegisterForm = function(_param) {
             }
         }),
         className: "hawa-flex hawa-flex-col hawa-gap-4"
-    }, /* @__PURE__ */ import_react43.default.createElement("div", {
+    }, /* @__PURE__ */ import_react44.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-4"
     }, props.registerFields.map(function(fld, i) {
         if (fld === "fullname") {
-            return /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+            return /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
                 key: i,
                 control: control,
                 name: "fullName",
                 render: function(param) {
                     var field = param.field;
                     var _texts_fullName, _texts_fullName1, _formState_errors_fullName;
-                    return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
+                    return /* @__PURE__ */ import_react44.default.createElement(Input, _object_spread({
                         width: "full",
                         label: texts === null || texts === void 0 ? void 0 : (_texts_fullName = texts.fullName) === null || _texts_fullName === void 0 ? void 0 : _texts_fullName.label,
                         placeholder: texts === null || texts === void 0 ? void 0 : (_texts_fullName1 = texts.fullName) === null || _texts_fullName1 === void 0 ? void 0 : _texts_fullName1.placeholder,
@@ -7863,14 +7911,14 @@ var RegisterForm = function(_param) {
             });
         }
         if (fld === "email") {
-            return /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+            return /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
                 key: i,
                 control: control,
                 name: "email",
                 render: function(param) {
                     var field = param.field;
                     var _texts_email, _formState_errors_email, _texts_email1;
-                    return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
+                    return /* @__PURE__ */ import_react44.default.createElement(Input, _object_spread({
                         width: "full",
                         autoComplete: "email",
                         label: texts === null || texts === void 0 ? void 0 : (_texts_email = texts.email) === null || _texts_email === void 0 ? void 0 : _texts_email.label,
@@ -7881,14 +7929,14 @@ var RegisterForm = function(_param) {
             });
         }
         if (fld === "username") {
-            return /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+            return /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
                 key: i,
                 control: control,
                 name: "username",
                 render: function(param) {
                     var field = param.field;
                     var _texts_username, _formState_errors_username, _texts_username1;
-                    return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
+                    return /* @__PURE__ */ import_react44.default.createElement(Input, _object_spread({
                         width: "full",
                         autoComplete: "username",
                         label: texts === null || texts === void 0 ? void 0 : (_texts_username = texts.username) === null || _texts_username === void 0 ? void 0 : _texts_username.label,
@@ -7898,23 +7946,23 @@ var RegisterForm = function(_param) {
                 }
             });
         }
-    })), /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+    })), /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _texts_password, _texts_password1, _formState_errors_password;
-            return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
+            return /* @__PURE__ */ import_react44.default.createElement(Input, _object_spread({
                 width: "full",
                 type: passwordVisible ? "text" : "password",
-                iconInside: /* @__PURE__ */ import_react43.default.createElement("div", {
+                iconInside: /* @__PURE__ */ import_react44.default.createElement("div", {
                     className: "hawa-cursor-pointer",
                     onClick: function() {
                         return setPasswordVisible(!passwordVisible);
                     }
-                }, passwordVisible ? /* @__PURE__ */ import_react43.default.createElement(EyeIcon, {
+                }, passwordVisible ? /* @__PURE__ */ import_react44.default.createElement(EyeIcon, {
                     classNames: "hawa-text-gray-500"
-                }) : /* @__PURE__ */ import_react43.default.createElement(HiddenEyeIcon, {
+                }) : /* @__PURE__ */ import_react44.default.createElement(HiddenEyeIcon, {
                     classNames: "hawa-text-gray-500"
                 }), " "),
                 autoComplete: "new-password",
@@ -7923,13 +7971,13 @@ var RegisterForm = function(_param) {
                 helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
             }, field));
         }
-    }), /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+    }), /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
         control: control,
         name: "confirm_password",
         render: function(param) {
             var field = param.field;
             var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
-            return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
+            return /* @__PURE__ */ import_react44.default.createElement(Input, _object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -7938,25 +7986,25 @@ var RegisterForm = function(_param) {
                 helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
             }, field));
         }
-    }), props.additionalInputs, props.showRefCode && /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+    }), props.additionalInputs, props.showRefCode && /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
         control: control,
         name: "refCode",
         render: function(param) {
             var field = param.field;
             var _formState_errors_refCode;
-            return /* @__PURE__ */ import_react43.default.createElement(Input, _object_spread({
+            return /* @__PURE__ */ import_react44.default.createElement(Input, _object_spread({
                 width: "full",
                 label: texts === null || texts === void 0 ? void 0 : texts.refCode,
                 placeholder: (texts === null || texts === void 0 ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
                 helperText: (_formState_errors_refCode = formState.errors.refCode) === null || _formState_errors_refCode === void 0 ? void 0 : _formState_errors_refCode.message
             }, field));
         }
-    }), props.showUserSource && /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+    }), props.showUserSource && /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
         control: control,
         name: "reference",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react43.default.createElement(Select, {
+            return /* @__PURE__ */ import_react44.default.createElement(Select, {
                 label: (texts === null || texts === void 0 ? void 0 : texts.userReference.label) || "How did you learn about us?",
                 placeholder: texts === null || texts === void 0 ? void 0 : texts.userReference.placeholder,
                 isCreatable: false,
@@ -7969,50 +8017,50 @@ var RegisterForm = function(_param) {
                 }
             });
         }
-    }), /* @__PURE__ */ import_react43.default.createElement("div", {
+    }), /* @__PURE__ */ import_react44.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-3"
-    }, props.showTermsOption && /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+    }, props.showTermsOption && /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
         control: control,
         name: "terms_accepted",
         render: function(param) {
             var field = param.field;
             var _formState_errors_terms_accepted_message, _formState_errors_terms_accepted;
-            return /* @__PURE__ */ import_react43.default.createElement(Checkbox, {
+            return /* @__PURE__ */ import_react44.default.createElement(Checkbox, {
                 id: "terms_accepted",
                 helperText: (_formState_errors_terms_accepted = formState.errors.terms_accepted) === null || _formState_errors_terms_accepted === void 0 ? void 0 : (_formState_errors_terms_accepted_message = _formState_errors_terms_accepted.message) === null || _formState_errors_terms_accepted_message === void 0 ? void 0 : _formState_errors_terms_accepted_message.toString(),
                 onCheckedChange: function(e) {
                     return field.onChange(e);
                 },
-                label: /* @__PURE__ */ import_react43.default.createElement("div", {
+                label: /* @__PURE__ */ import_react44.default.createElement("div", {
                     className: "hawa-flex hawa-flex-row hawa-gap-0.5"
-                }, /* @__PURE__ */ import_react43.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.iAcceptText), " ", /* @__PURE__ */ import_react43.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react43.default.createElement("a", {
+                }, /* @__PURE__ */ import_react44.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.iAcceptText), " ", /* @__PURE__ */ import_react44.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react44.default.createElement("a", {
                     onClick: props.onRouteToTOS,
                     className: "clickable-link"
                 }, texts === null || texts === void 0 ? void 0 : texts.termsText)))
             });
         }
-    }), props.showNewsletterOption && /* @__PURE__ */ import_react43.default.createElement(import_react_hook_form2.Controller, {
+    }), props.showNewsletterOption && /* @__PURE__ */ import_react44.default.createElement(import_react_hook_form2.Controller, {
         control: control,
         name: "newsletter_accepted",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react43.default.createElement(Checkbox, {
+            return /* @__PURE__ */ import_react44.default.createElement(Checkbox, {
                 id: "newsletter_accepted",
                 label: texts === null || texts === void 0 ? void 0 : texts.subscribeToNewsletter,
                 onCheckedChange: field.onChange
             });
         }
-    })), /* @__PURE__ */ import_react43.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react44.default.createElement(Button, {
         isLoading: props.isLoading,
         className: "hawa-w-full hawa-mt-4"
-    }, texts === null || texts === void 0 ? void 0 : texts.registerText), props.additionalButtons)), /* @__PURE__ */ import_react43.default.createElement("div", {
+    }, texts === null || texts === void 0 ? void 0 : texts.registerText), props.additionalButtons)), /* @__PURE__ */ import_react44.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_react43.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.existingUserText), /* @__PURE__ */ import_react43.default.createElement("span", {
+    }, /* @__PURE__ */ import_react44.default.createElement("span", null, texts === null || texts === void 0 ? void 0 : texts.existingUserText), /* @__PURE__ */ import_react44.default.createElement("span", {
         onClick: props.onRouteToLogin,
         className: "clickable-link"
-    }, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react43.default.createElement(CardFooter, {
+    }, (texts === null || texts === void 0 ? void 0 : texts.loginText) || "Login")))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react44.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_react43.default.createElement(AuthButtons, {
+    }, /* @__PURE__ */ import_react44.default.createElement(AuthButtons, {
         texts: thirdPartyAuthTexts,
         viaGoogle: props.viaGoogle,
         viaGithub: props.viaGithub,
@@ -8020,7 +8068,7 @@ var RegisterForm = function(_param) {
         handleGoogle: props.onGoogleRegister,
         handleGithub: props.onGithubRegister,
         handleTwitter: props.onTwitterRegister
-    })) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react43.default.createElement(InterfaceSettings, {
+    })) : null), props.handleColorMode && props.handleLanguage && /* @__PURE__ */ import_react44.default.createElement(InterfaceSettings, {
         currentColorMode: props.currentColorMode,
         currentLanguage: props.currentLanguage,
         handleColorMode: props.handleColorMode,
@@ -8028,7 +8076,7 @@ var RegisterForm = function(_param) {
     }));
 };
 // components/blocks/auth/AppLanding.tsx
-var import_react44 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 var AppLanding = function(_param) {
     var texts = _param.texts, props = _object_without_properties(_param, [
         "texts"
@@ -8042,12 +8090,12 @@ var AppLanding = function(_param) {
         continueWithEmail: texts === null || texts === void 0 ? void 0 : texts.continueWithEmail,
         continueWithPhone: texts === null || texts === void 0 ? void 0 : texts.continueWithPhone
     };
-    return /* @__PURE__ */ import_react44.default.createElement("div", {
+    return /* @__PURE__ */ import_react45.default.createElement("div", {
         dir: props.direction
-    }, /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react45.default.createElement(Card, null, /* @__PURE__ */ import_react45.default.createElement(CardContent, {
         headless: true,
         className: "hawa-flex hawa-flex-col hawa-gap-6"
-    }, /* @__PURE__ */ import_react44.default.createElement(AuthButtons, {
+    }, /* @__PURE__ */ import_react45.default.createElement(AuthButtons, {
         texts: thirdPartyAuthTexts,
         viaApple: props.viaApple,
         viaGoogle: props.viaGoogle,
@@ -8064,14 +8112,14 @@ var AppLanding = function(_param) {
         handleEmail: props.handleEmail,
         handlePhone: props.handlePhone
     }), !props.withoutSignUp && //TODO: change to "register"
-    /* @__PURE__ */ import_react44.default.createElement("div", {
+    /* @__PURE__ */ import_react45.default.createElement("div", {
         className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300"
-    }, texts === null || texts === void 0 ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react44.default.createElement("span", {
+    }, texts === null || texts === void 0 ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react45.default.createElement("span", {
         onClick: props.handleRouteToRegister,
         className: "clickable-link"
-    }, texts === null || texts === void 0 ? void 0 : texts.createAccount)))), /* @__PURE__ */ import_react44.default.createElement("div", {
+    }, texts === null || texts === void 0 ? void 0 : texts.createAccount)))), /* @__PURE__ */ import_react45.default.createElement("div", {
         className: "hawa-mt-4 hawa-flex hawa-flex-row hawa-justify-between"
-    }, /* @__PURE__ */ import_react44.default.createElement(Radio, {
+    }, /* @__PURE__ */ import_react45.default.createElement(Radio, {
         onChangeTab: props.handleLanguage,
         design: "tabs",
         options: [
@@ -8084,20 +8132,20 @@ var AppLanding = function(_param) {
                 label: "English"
             }
         ]
-    }), /* @__PURE__ */ import_react44.default.createElement(Radio, {
+    }), /* @__PURE__ */ import_react45.default.createElement(Radio, {
         onChangeTab: props.handleColorMode,
         design: "tabs",
         options: [
             {
                 value: "light",
-                label: /* @__PURE__ */ import_react44.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react45.default.createElement("svg", {
                     width: "15",
                     height: "15",
                     viewBox: "0 0 15 15",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg",
                     className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
-                }, /* @__PURE__ */ import_react44.default.createElement("path", {
+                }, /* @__PURE__ */ import_react45.default.createElement("path", {
                     d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
                     fill: "currentColor",
                     fillRule: "evenodd",
@@ -8106,7 +8154,7 @@ var AppLanding = function(_param) {
             },
             {
                 value: "dark",
-                label: /* @__PURE__ */ import_react44.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react45.default.createElement("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "24",
                     height: "24",
@@ -8117,7 +8165,7 @@ var AppLanding = function(_param) {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     className: "hawa-h-[1.2rem] hawa-w-[1.2rem]  hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
-                }, /* @__PURE__ */ import_react44.default.createElement("path", {
+                }, /* @__PURE__ */ import_react45.default.createElement("path", {
                     d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
                 }))
             }
@@ -8125,16 +8173,16 @@ var AppLanding = function(_param) {
     })));
 };
 // components/blocks/auth/CheckEmail.tsx
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 var CheckEmail = function(param) {
     var texts = param.texts, handleResend = param.handleResend;
-    return /* @__PURE__ */ import_react45.default.createElement(Card, null, /* @__PURE__ */ import_react45.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react46.default.createElement(Card, null, /* @__PURE__ */ import_react46.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react45.default.createElement("div", {
+    }, /* @__PURE__ */ import_react46.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center"
-    }, /* @__PURE__ */ import_react45.default.createElement("div", {
+    }, /* @__PURE__ */ import_react46.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_react45.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react46.default.createElement("svg", {
         stroke: "currentColor",
         fill: "none",
         "stroke-width": "2",
@@ -8144,23 +8192,23 @@ var CheckEmail = function(param) {
         height: "0.5em",
         width: "0.5em",
         xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__PURE__ */ import_react45.default.createElement("path", {
+    }, /* @__PURE__ */ import_react46.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_react45.default.createElement("polyline", {
+    }), /* @__PURE__ */ import_react46.default.createElement("polyline", {
         points: "22,6 12,13 2,6"
-    }))), /* @__PURE__ */ import_react45.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react46.default.createElement("div", {
         className: "hawa-m-2 hawa-text-xl hawa-font-bold"
-    }, (texts === null || texts === void 0 ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react45.default.createElement("div", {
+    }, (texts === null || texts === void 0 ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react46.default.createElement("div", {
         className: "hawa-text-sm"
-    }, (texts === null || texts === void 0 ? 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_react45.default.createElement(CardFooter, {
+    }, (texts === null || texts === void 0 ? 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_react46.default.createElement(CardFooter, {
         className: "hawa-flex hawa-flex-col hawa-justify-center "
-    }, /* @__PURE__ */ import_react45.default.createElement("span", {
+    }, /* @__PURE__ */ import_react46.default.createElement("span", {
         className: "clickable-link hawa-text-sm",
         onClick: handleResend
     }, (texts === null || texts === void 0 ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 // components/blocks/auth/NewPassword.tsx
-var import_react46 = __toESM(require("react"));
+var import_react47 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
@@ -8195,18 +8243,18 @@ var NewPasswordForm = function(_param) {
     var _ref = (0, import_react_hook_form3.useForm)({
         resolver: (0, import_zod3.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
-    var _ref1 = _sliced_to_array((0, import_react46.useState)(false), 2), matchError = _ref1[0], setMatchError = _ref1[1];
+    var _ref1 = _sliced_to_array((0, import_react47.useState)(false), 2), matchError = _ref1[0], setMatchError = _ref1[1];
     var _texts_dontHaveAccount, _texts_registerText;
-    return /* @__PURE__ */ import_react46.default.createElement(Card, {
+    return /* @__PURE__ */ import_react47.default.createElement(Card, {
         dir: props.direction
-    }, matchError && /* @__PURE__ */ import_react46.default.createElement(Alert, {
+    }, matchError && /* @__PURE__ */ import_react47.default.createElement(Alert, {
         text: texts === null || texts === void 0 ? void 0 : (_texts_confirm2 = texts.confirm) === null || _texts_confirm2 === void 0 ? void 0 : _texts_confirm2.dontMatch,
         severity: "error"
-    }), props.passwordChanged ? /* @__PURE__ */ import_react46.default.createElement(CardContent, {
+    }), props.passwordChanged ? /* @__PURE__ */ import_react47.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react46.default.createElement("div", {
+    }, /* @__PURE__ */ import_react47.default.createElement("div", {
         className: "hawa-text-center"
-    }, texts === null || texts === void 0 ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react46.default.createElement("form", {
+    }, texts === null || texts === void 0 ? void 0 : texts.passwordChanged)) : /* @__PURE__ */ import_react47.default.createElement("form", {
         noValidate: true,
         onSubmit: handleSubmit(function(e) {
             if (props.handleNewPassword) {
@@ -8215,16 +8263,16 @@ var NewPasswordForm = function(_param) {
                 console.log("Form is submitted but handleSubmission prop is missing");
             }
         })
-    }, !props.headless && /* @__PURE__ */ import_react46.default.createElement(CardHeader, null, /* @__PURE__ */ import_react46.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react46.default.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ import_react46.default.createElement(CardContent, {
+    }, !props.headless && /* @__PURE__ */ import_react47.default.createElement(CardHeader, null, /* @__PURE__ */ import_react47.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react47.default.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ import_react47.default.createElement(CardContent, {
         headless: props.headless,
         className: "hawa-flex hawa-flex-col hawa-gap-4"
-    }, /* @__PURE__ */ import_react46.default.createElement(import_react_hook_form3.Controller, {
+    }, /* @__PURE__ */ import_react47.default.createElement(import_react_hook_form3.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _texts_password, _texts_password1, _formState_errors_password;
-            return /* @__PURE__ */ import_react46.default.createElement(Input, _object_spread({
+            return /* @__PURE__ */ import_react47.default.createElement(Input, _object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -8233,13 +8281,13 @@ var NewPasswordForm = function(_param) {
                 helperText: (_formState_errors_password = formState.errors.password) === null || _formState_errors_password === void 0 ? void 0 : _formState_errors_password.message
             }, field));
         }
-    }), /* @__PURE__ */ import_react46.default.createElement(import_react_hook_form3.Controller, {
+    }), /* @__PURE__ */ import_react47.default.createElement(import_react_hook_form3.Controller, {
         control: control,
         name: "confirm_password",
         render: function(param) {
             var field = param.field;
             var _texts_confirm, _texts_confirm1, _formState_errors_confirm_password;
-            return /* @__PURE__ */ import_react46.default.createElement(Input, _object_spread({
+            return /* @__PURE__ */ import_react47.default.createElement(Input, _object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -8248,20 +8296,20 @@ var NewPasswordForm = function(_param) {
                 helperText: (_formState_errors_confirm_password = formState.errors.confirm_password) === null || _formState_errors_confirm_password === void 0 ? void 0 : _formState_errors_confirm_password.message
             }, field));
         }
-    })), /* @__PURE__ */ import_react46.default.createElement(CardFooter, {
+    })), /* @__PURE__ */ import_react47.default.createElement(CardFooter, {
         className: "hawa-flex hawa-flex-col"
-    }, /* @__PURE__ */ import_react46.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react47.default.createElement(Button, {
         className: "hawa-w-full",
         type: "submit"
-    }, texts === null || texts === void 0 ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react46.default.createElement("div", {
+    }, texts === null || texts === void 0 ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react47.default.createElement("div", {
         className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300"
-    }, (_texts_dontHaveAccount = texts === null || texts === void 0 ? void 0 : texts.dontHaveAccount) !== null && _texts_dontHaveAccount !== void 0 ? _texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react46.default.createElement("span", {
+    }, (_texts_dontHaveAccount = texts === null || texts === void 0 ? void 0 : texts.dontHaveAccount) !== null && _texts_dontHaveAccount !== void 0 ? _texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react47.default.createElement("span", {
         className: "clickable-link",
         onClick: props.handleRouteToRegister
     }, (_texts_registerText = texts === null || texts === void 0 ? void 0 : texts.registerText) !== null && _texts_registerText !== void 0 ? _texts_registerText : "Register")))));
 };
 // components/blocks/auth/ResetPassword.tsx
-var import_react47 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
 var z4 = __toESM(require("zod"));
@@ -8280,9 +8328,9 @@ var ResetPasswordForm = function(props) {
         resolver: (0, import_zod4.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
     var _props_texts_dontHaveAccount, _props_texts_registerText;
-    return /* @__PURE__ */ import_react47.default.createElement(Card, {
+    return /* @__PURE__ */ import_react48.default.createElement(Card, {
         dir: props.direction
-    }, !props.sent ? /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react47.default.createElement(CardHeader, null, /* @__PURE__ */ import_react47.default.createElement(CardTitle, null, " ", ((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.headTitle) || "Reset Password"), /* @__PURE__ */ import_react47.default.createElement(CardDescription, null, ((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react47.default.createElement("form", {
+    }, !props.sent ? /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react48.default.createElement(CardHeader, null, /* @__PURE__ */ import_react48.default.createElement(CardTitle, null, " ", ((_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.headTitle) || "Reset Password"), /* @__PURE__ */ import_react48.default.createElement(CardDescription, null, ((_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react48.default.createElement("form", {
         noValidate: true,
         onSubmit: handleSubmit(function(e) {
             if (props.handleResetPassword) {
@@ -8291,39 +8339,39 @@ var ResetPasswordForm = function(props) {
                 console.log("handleResetPassword prop is missing");
             }
         })
-    }, /* @__PURE__ */ import_react47.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react48.default.createElement(CardContent, {
         headless: props.headless
-    }, /* @__PURE__ */ import_react47.default.createElement(import_react_hook_form4.Controller, {
+    }, /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _props_texts_email, _props_texts, _formState_errors_email, _props_texts_email1, _props_texts1;
-            return /* @__PURE__ */ import_react47.default.createElement(Input, _object_spread({
+            return /* @__PURE__ */ import_react48.default.createElement(Input, _object_spread({
                 width: "full",
                 label: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : (_props_texts_email = _props_texts.email) === null || _props_texts_email === void 0 ? void 0 : _props_texts_email.label,
                 helperText: (_formState_errors_email = formState.errors.email) === null || _formState_errors_email === void 0 ? void 0 : _formState_errors_email.message,
                 placeholder: (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : (_props_texts_email1 = _props_texts1.email) === null || _props_texts_email1 === void 0 ? void 0 : _props_texts_email1.placeholder
             }, field));
         }
-    })), /* @__PURE__ */ import_react47.default.createElement(CardFooter, {
+    })), /* @__PURE__ */ import_react48.default.createElement(CardFooter, {
         className: "hawa-flex hawa-flex-col"
-    }, /* @__PURE__ */ import_react47.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react48.default.createElement(Button, {
         type: "submit",
         className: "hawa-w-full"
-    }, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resetPassword), props.allowRegister && /* @__PURE__ */ import_react47.default.createElement("div", {
+    }, (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resetPassword), props.allowRegister && /* @__PURE__ */ import_react48.default.createElement("div", {
         className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300"
-    }, (_props_texts_dontHaveAccount = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react47.default.createElement("span", {
+    }, (_props_texts_dontHaveAccount = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react48.default.createElement("span", {
         className: "clickable-link",
         onClick: props.handleRouteToRegister
-    }, (_props_texts_registerText = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.registerText) !== null && _props_texts_registerText !== void 0 ? _props_texts_registerText : "Register"))))) : /* @__PURE__ */ import_react47.default.createElement(CardContent, {
+    }, (_props_texts_registerText = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.registerText) !== null && _props_texts_registerText !== void 0 ? _props_texts_registerText : "Register"))))) : /* @__PURE__ */ import_react48.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react47.default.createElement("div", {
+    }, /* @__PURE__ */ import_react48.default.createElement("div", {
         className: "hawa-text-center"
     }, (_props_texts8 = props.texts) === null || _props_texts8 === void 0 ? void 0 : _props_texts8.emailSentText)));
 };
 // components/blocks/auth/CodeConfirmation.tsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var z5 = __toESM(require("zod"));
@@ -8340,19 +8388,19 @@ var CodeConfirmation = function(props) {
         resolver: (0, import_zod5.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState, setValue = _ref.setValue;
     var _props_texts_checkYourPhone, _props_texts_weSentCode, _props_texts_didntGetCode, _props_texts_resendCode, _props_texts_cancel, _props_texts_confirm;
-    return /* @__PURE__ */ import_react48.default.createElement(Card, null, /* @__PURE__ */ import_react48.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react49.default.createElement(Card, null, /* @__PURE__ */ import_react49.default.createElement(CardContent, {
         headless: true
-    }, props.showError && /* @__PURE__ */ import_react48.default.createElement(Alert, {
+    }, props.showError && /* @__PURE__ */ import_react49.default.createElement(Alert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), /* @__PURE__ */ import_react48.default.createElement("div", {
+    }), /* @__PURE__ */ import_react49.default.createElement("div", {
         className: "hawa-mb-4 dark:hawa-text-white"
-    }, /* @__PURE__ */ import_react48.default.createElement("div", {
+    }, /* @__PURE__ */ import_react49.default.createElement("div", {
         className: "hawa-text-lg hawa-font-bold"
-    }, (_props_texts_checkYourPhone = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react48.default.createElement("div", {
+    }, (_props_texts_checkYourPhone = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react49.default.createElement("div", {
         className: "hawa-text-muted-foreground"
-    }, /* @__PURE__ */ import_react48.default.createElement("span", null, (_props_texts_weSentCode = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react48.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react48.default.createElement("form", {
+    }, /* @__PURE__ */ import_react49.default.createElement("span", null, (_props_texts_weSentCode = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react49.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react49.default.createElement("form", {
         noValidate: true,
         onSubmit: handleSubmit(function(e) {
             if (props.handleConfirm) {
@@ -8361,13 +8409,13 @@ var CodeConfirmation = function(props) {
                 console.log("Form is submitted but handleConfirm prop is missing");
             }
         })
-    }, /* @__PURE__ */ import_react48.default.createElement(import_react_hook_form5.Controller, {
+    }, /* @__PURE__ */ import_react49.default.createElement(import_react_hook_form5.Controller, {
         control: control,
         name: "otp_code",
         render: function(param) {
             var field = param.field;
             var _formState_errors_otp_code;
-            return /* @__PURE__ */ import_react48.default.createElement(PinInput, {
+            return /* @__PURE__ */ import_react49.default.createElement(PinInput, {
                 width: "full",
                 digits: 6,
                 getPins: function(e) {
@@ -8376,18 +8424,18 @@ var CodeConfirmation = function(props) {
                 helperText: (_formState_errors_otp_code = formState.errors.otp_code) === null || _formState_errors_otp_code === void 0 ? void 0 : _formState_errors_otp_code.message
             });
         }
-    }), /* @__PURE__ */ import_react48.default.createElement("div", {
+    }), /* @__PURE__ */ import_react49.default.createElement("div", {
         className: " hawa-py-2 hawa-text-center hawa-text-xs hawa-text-muted-foreground"
-    }, /* @__PURE__ */ import_react48.default.createElement("span", null, (_props_texts_didntGetCode = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.didntGetCode) !== null && _props_texts_didntGetCode !== void 0 ? _props_texts_didntGetCode : "Didn't get the code?"), " ", /* @__PURE__ */ import_react48.default.createElement("span", {
+    }, /* @__PURE__ */ import_react49.default.createElement("span", null, (_props_texts_didntGetCode = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.didntGetCode) !== null && _props_texts_didntGetCode !== void 0 ? _props_texts_didntGetCode : "Didn't get the code?"), " ", /* @__PURE__ */ import_react49.default.createElement("span", {
         className: "clickable-link"
-    }, (_props_texts_resendCode = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react48.default.createElement("div", {
+    }, (_props_texts_resendCode = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react49.default.createElement("div", {
         className: "hawa-mt-4 hawa-grid hawa-grid-cols-2 hawa-gap-2"
-    }, /* @__PURE__ */ import_react48.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react49.default.createElement(Button, {
         variant: "secondary"
-    }, (_props_texts_cancel = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react48.default.createElement(Button, null, (_props_texts_confirm = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
+    }, (_props_texts_cancel = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react49.default.createElement(Button, null, (_props_texts_confirm = (_props_texts7 = props.texts) === null || _props_texts7 === void 0 ? void 0 : _props_texts7.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
 };
 // components/blocks/feedback/UserReferralSource.tsx
-var import_react49 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 var import_react_hook_form6 = require("react-hook-form");
 var import_zod6 = require("@hookform/resolvers/zod");
 var z6 = __toESM(require("zod"));
@@ -8397,8 +8445,8 @@ var UserReferralSource = function(_param) {
         "options"
     ]);
     var _props_texts, _props_texts1;
-    var _ref = _sliced_to_array((0, import_react49.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
-    var popUpRef = (0, import_react49.useRef)(null);
+    var _ref = _sliced_to_array((0, import_react50.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
+    var popUpRef = (0, import_react50.useRef)(null);
     var formSchema = z6.object({
         source: z6.string({
             required_error: (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.pleaseSelectOption
@@ -8412,13 +8460,13 @@ var UserReferralSource = function(_param) {
         "bottom-right": "hawa-right-4",
         "bottom-left": "hawa-left-4"
     };
-    return /* @__PURE__ */ import_react49.default.createElement("div", {
+    return /* @__PURE__ */ import_react50.default.createElement("div", {
         className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
         ref: popUpRef
-    }, /* @__PURE__ */ import_react49.default.createElement(Card, {
+    }, /* @__PURE__ */ import_react50.default.createElement(Card, {
         className: cn("hawa-fixed hawa-bottom-4 hawa-p-0 ", boxPosition[position]),
         dir: props.direction
-    }, /* @__PURE__ */ import_react49.default.createElement("button", {
+    }, /* @__PURE__ */ import_react50.default.createElement("button", {
         type: "button",
         className: cn(props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2", "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"),
         "data-dismiss-target": "#toast-default",
@@ -8431,18 +8479,18 @@ var UserReferralSource = function(_param) {
                 }
             }, 200);
         }
-    }, /* @__PURE__ */ import_react49.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react50.default.createElement("svg", {
         "aria-hidden": "true",
         className: "hawa-h-5 hawa-w-5",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react49.default.createElement("path", {
+    }, /* @__PURE__ */ import_react50.default.createElement("path", {
         fillRule: "evenodd",
         d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
         clipRule: "evenodd"
-    }))), /* @__PURE__ */ import_react49.default.createElement(CardContent, {
+    }))), /* @__PURE__ */ import_react50.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react49.default.createElement("form", {
+    }, /* @__PURE__ */ import_react50.default.createElement("form", {
         noValidate: true,
         onSubmit: handleSubmit(function(e) {
             if (props.onSubmitForm) {
@@ -8450,19 +8498,19 @@ var UserReferralSource = function(_param) {
             }
             console.log("onSubmitForm was not provided");
         })
-    }, /* @__PURE__ */ import_react49.default.createElement("div", {
+    }, /* @__PURE__ */ import_react50.default.createElement("div", {
         className: cn("hawa-flex hawa-flex-col hawa-gap-4 hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100")
-    }, /* @__PURE__ */ import_react49.default.createElement("div", {
+    }, /* @__PURE__ */ import_react50.default.createElement("div", {
         className: "hawa-mt-4 hawa-font-bold"
-    }, props.question), /* @__PURE__ */ import_react49.default.createElement("div", {
+    }, props.question), /* @__PURE__ */ import_react50.default.createElement("div", {
         className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded "
-    }, /* @__PURE__ */ import_react49.default.createElement(import_react_hook_form6.Controller, {
+    }, /* @__PURE__ */ import_react50.default.createElement(import_react_hook_form6.Controller, {
         control: control,
         name: "source",
         render: function(param) {
             var field = param.field;
             var _formState_errors_source_message, _formState_errors_source;
-            return /* @__PURE__ */ import_react49.default.createElement(Radio, {
+            return /* @__PURE__ */ import_react50.default.createElement(Radio, {
                 direction: props.direction,
                 orientation: "vertical",
                 options: options,
@@ -8473,38 +8521,38 @@ var UserReferralSource = function(_param) {
                 helperText: (_formState_errors_source = formState.errors.source) === null || _formState_errors_source === void 0 ? void 0 : (_formState_errors_source_message = _formState_errors_source.message) === null || _formState_errors_source_message === void 0 ? void 0 : _formState_errors_source_message.toString()
             });
         }
-    })), /* @__PURE__ */ import_react49.default.createElement("div", null, /* @__PURE__ */ import_react49.default.createElement(import_react_hook_form6.Controller, {
+    })), /* @__PURE__ */ import_react50.default.createElement("div", null, /* @__PURE__ */ import_react50.default.createElement(import_react_hook_form6.Controller, {
         control: control,
         name: "feedback",
         render: function(param) {
             var field = param.field;
             var _formState_errors_feedback_message, _formState_errors_feedback;
-            return /* @__PURE__ */ import_react49.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
+            return /* @__PURE__ */ import_react50.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
                 helperText: (_formState_errors_feedback = formState.errors.feedback) === null || _formState_errors_feedback === void 0 ? void 0 : (_formState_errors_feedback_message = _formState_errors_feedback.message) === null || _formState_errors_feedback_message === void 0 ? void 0 : _formState_errors_feedback_message.toString()
             }));
         }
-    }))), /* @__PURE__ */ import_react49.default.createElement(Button, {
+    }))), /* @__PURE__ */ import_react50.default.createElement(Button, {
         type: "submit",
         className: "hawa-mt-4 hawa-w-full"
     }, ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit) || "Submit")))));
 };
 // components/blocks/feedback/FeedbackRating.tsx
-var import_react50 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var import_clsx11 = __toESM(require("clsx"));
 var FeedbackRating = function(_param) {
     var _param_position = _param.position, position = _param_position === void 0 ? "bottom-right" : _param_position, props = _object_without_properties(_param, [
         "position"
     ]);
-    var _ref = _sliced_to_array((0, import_react50.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react50.useState)(false), 2), answered = _ref1[0], setAnswered = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react50.useState)(null), 2), clickedOption = _ref2[0], setClickedOption = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react50.useState)(5), 2), closingTimer = _ref3[0], setClosingTimer = _ref3[1];
-    var popUpRef = (0, import_react50.useRef)(null);
+    var _ref = _sliced_to_array((0, import_react51.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react51.useState)(false), 2), answered = _ref1[0], setAnswered = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react51.useState)(null), 2), clickedOption = _ref2[0], setClickedOption = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react51.useState)(5), 2), closingTimer = _ref3[0], setClosingTimer = _ref3[1];
+    var popUpRef = (0, import_react51.useRef)(null);
     var boxPosition = {
         "bottom-right": "hawa-right-4",
         "bottom-left": "hawa-left-4"
     };
-    (0, import_react50.useEffect)(function() {
+    (0, import_react51.useEffect)(function() {
         var timeoutHide = setTimeout(function() {
             if (closingTimer >= 0) {
                 setClosingTimer(closingTimer - 1);
@@ -8524,14 +8572,14 @@ var FeedbackRating = function(_param) {
             }
         }, 200);
     };
-    return /* @__PURE__ */ import_react50.default.createElement("div", {
+    return /* @__PURE__ */ import_react51.default.createElement("div", {
         ref: popUpRef,
         className: (0, import_clsx11.default)(props.banner ? "hawa-w-full hawa-left-0 hawa-fixed hawa-bottom-0 hawa-px-0 md:hawa-px-4" : "hawa-fixed hawa-bottom-4 ", boxPosition[position])
-    }, /* @__PURE__ */ import_react50.default.createElement("div", {
+    }, /* @__PURE__ */ import_react51.default.createElement("div", {
         className: (0, import_clsx11.default)("hawa-relative hawa-flex hawa-w-full   hawa-flex-col hawa-gap-2 hawa-rounded hawa-border hawa-bg-background hawa-p-4 hawa-shadow-md hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100", props.banner && "hawa-rounded-none md:hawa-rounded hawa-px-4 md:hawa-px-64")
-    }, /* @__PURE__ */ import_react50.default.createElement("div", {
+    }, /* @__PURE__ */ import_react51.default.createElement("div", {
         className: "hawa-absolute hawa-left-2 hawa-top-2 hawa-p-1.5 hawa-text-sm"
-    }, props.title), /* @__PURE__ */ import_react50.default.createElement("button", {
+    }, props.title), /* @__PURE__ */ import_react51.default.createElement("button", {
         type: "button",
         className: "hawa-absolute hawa-right-2 hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white",
         "data-dismiss-target": "#toast-default",
@@ -8539,21 +8587,21 @@ var FeedbackRating = function(_param) {
         onClick: function() {
             return slowClose();
         }
-    }, /* @__PURE__ */ import_react50.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react51.default.createElement("svg", {
         "aria-hidden": "true",
         className: "hawa-h-5 hawa-w-5",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react50.default.createElement("path", {
+    }, /* @__PURE__ */ import_react51.default.createElement("path", {
         fillRule: "evenodd",
         d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
         clipRule: "evenodd"
-    }))), /* @__PURE__ */ import_react50.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react51.default.createElement("div", {
         className: "hawa-mt-8"
-    }, props.question), /* @__PURE__ */ import_react50.default.createElement("div", {
+    }, props.question), /* @__PURE__ */ import_react51.default.createElement("div", {
         className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded"
     }, props.options && props.options.map(function(op, i) {
-        return /* @__PURE__ */ import_react50.default.createElement("span", {
+        return /* @__PURE__ */ import_react51.default.createElement("span", {
             key: i,
             onClick: function() {
                 if (props.onOptionClicked) {
@@ -8572,15 +8620,15 @@ var FeedbackRating = function(_param) {
             },
             className: (0, import_clsx11.default)("hawa-w-full hawa-cursor-pointer hawa-rounded hawa-border  hawa-p-4 hawa-text-center hawa-transition-all ", clickedOption === op ? "hawa-bg-gray-500 hawa-text-white" : "hawa-border hawa-bg-background hover:hawa-bg-gray-300 dark:hover:hawa-bg-gray-700")
         }, op);
-    })), props.texts && /* @__PURE__ */ import_react50.default.createElement("div", {
+    })), props.texts && /* @__PURE__ */ import_react51.default.createElement("div", {
         className: " hawa-flex hawa-flex-row hawa-justify-between hawa-text-xs"
-    }, /* @__PURE__ */ import_react50.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react50.default.createElement("span", null, props.texts.most)), answered && /* @__PURE__ */ import_react50.default.createElement("div", {
+    }, /* @__PURE__ */ import_react51.default.createElement("span", null, props.texts.least), /* @__PURE__ */ import_react51.default.createElement("span", null, props.texts.most)), answered && /* @__PURE__ */ import_react51.default.createElement("div", {
         className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-gap-2 hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded hawa-bg-black hawa-bg-opacity-80 hawa-p-4 hawa-text-center hawa-transition-all"
-    }, /* @__PURE__ */ import_react50.default.createElement("span", {
+    }, /* @__PURE__ */ import_react51.default.createElement("span", {
         className: "hawa-font-bold hawa-text-white"
-    }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react50.default.createElement("div", {
+    }, "Thank you for your answer. This box will disappear in", " " + closingTimer, " seconds"), /* @__PURE__ */ import_react51.default.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-gap-2"
-    }, /* @__PURE__ */ import_react50.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react51.default.createElement(Button, {
         variant: "secondary",
         onClick: function() {
             return slowClose();
@@ -8588,27 +8636,27 @@ var FeedbackRating = function(_param) {
     }, "Close")))));
 };
 // components/blocks/feedback/FeedbackEmoji.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var FeedbackEmoji = function(props) {
-    var _ref = _sliced_to_array((0, import_react51.useState)(null), 2), selectedEmoji = _ref[0], setSelectedEmoji = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react51.useState)(false), 2), loadingSubmit = _ref1[0], setLoadingSubmit = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react51.useState)(""), 2), feedbackText = _ref2[0], setFeedbackText = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react51.useState)(false), 2), helperText = _ref3[0], setHelperText = _ref3[1];
+    var _ref = _sliced_to_array((0, import_react52.useState)(null), 2), selectedEmoji = _ref[0], setSelectedEmoji = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react52.useState)(false), 2), loadingSubmit = _ref1[0], setLoadingSubmit = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react52.useState)(""), 2), feedbackText = _ref2[0], setFeedbackText = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react52.useState)(false), 2), helperText = _ref3[0], setHelperText = _ref3[1];
     var emojis = [
         {
-            icon: /* @__PURE__ */ import_react51.default.createElement(VeryGoodEmoji, null),
+            icon: /* @__PURE__ */ import_react52.default.createElement(VeryGoodEmoji, null),
             value: "very-good"
         },
         {
-            icon: /* @__PURE__ */ import_react51.default.createElement(GoodEmoji, null),
+            icon: /* @__PURE__ */ import_react52.default.createElement(GoodEmoji, null),
             value: "good"
         },
         {
-            icon: /* @__PURE__ */ import_react51.default.createElement(BadEmoji, null),
+            icon: /* @__PURE__ */ import_react52.default.createElement(BadEmoji, null),
             value: "bad"
         },
         {
-            icon: /* @__PURE__ */ import_react51.default.createElement(VeryBadEmoji, null),
+            icon: /* @__PURE__ */ import_react52.default.createElement(VeryBadEmoji, null),
             value: "very-bad"
         }
     ];
@@ -8679,14 +8727,14 @@ var FeedbackEmoji = function(props) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ import_react51.default.createElement("div", {
+    return /* @__PURE__ */ import_react52.default.createElement("div", {
         className: cn("hawa-flex  hawa-flex-col hawa-gap-2 hawa-rounded hawa-border  hawa-p-2 hawa-transition-all", selectedEmoji ? "hawa-h-[185px]  hawa-min-w-fit" : "hawa-h-[44px] ")
-    }, /* @__PURE__ */ import_react51.default.createElement("div", {
+    }, /* @__PURE__ */ import_react52.default.createElement("div", {
         className: "hawa-flex hawa-flex-row   hawa-items-center hawa-justify-center hawa-gap-2 "
-    }, /* @__PURE__ */ import_react51.default.createElement("div", {
+    }, /* @__PURE__ */ import_react52.default.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-justify-center  hawa-gap-0.5 "
     }, emojis.map(function(emoji, i) {
-        return /* @__PURE__ */ import_react51.default.createElement(Button, {
+        return /* @__PURE__ */ import_react52.default.createElement(Button, {
             key: i,
             onClick: function() {
                 if (selectedEmoji === emoji.value) {
@@ -8699,29 +8747,29 @@ var FeedbackEmoji = function(props) {
             size: "smallIcon",
             className: cn(selectedEmoji === emoji.value ? "hawa-bg-primary/10 hover:hawa-bg-primary/10 " : "hawa-text-[#666666]")
         }, emoji.icon);
-    }))), /* @__PURE__ */ import_react51.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react52.default.createElement("div", {
         className: cn("hawa-flex hawa-flex-col hawa-overflow-clip  hawa-transition-all hawa-duration-500 hawa-ease-in-out ", selectedEmoji ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0 ")
-    }, props.showSuccess ? /* @__PURE__ */ import_react51.default.createElement("div", {
+    }, props.showSuccess ? /* @__PURE__ */ import_react52.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_react51.default.createElement("div", {
+    }, /* @__PURE__ */ import_react52.default.createElement("div", {
         className: "hawa-rounded hawa-bg-primary hawa-p-2 hawa-text-primary-foreground"
-    }, /* @__PURE__ */ import_react51.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react52.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 512 512",
         height: "0.5em",
         width: "0.5em"
-    }, /* @__PURE__ */ import_react51.default.createElement("path", {
+    }, /* @__PURE__ */ import_react52.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_react51.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react52.default.createElement("div", {
         className: "hawa-text-sm hawa-flex hawa-flex-col hawa-text-center"
-    }, /* @__PURE__ */ import_react51.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react51.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react51.default.createElement("div", {
+    }, /* @__PURE__ */ import_react52.default.createElement("span", null, "Your feedback has been received!"), /* @__PURE__ */ import_react52.default.createElement("span", null, "Thank you for your help"))) : /* @__PURE__ */ import_react52.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-gap-2"
-    }, /* @__PURE__ */ import_react51.default.createElement(Popover, {
+    }, /* @__PURE__ */ import_react52.default.createElement(Popover, {
         className: "hawa-select-none hawa-p-1 hawa-text-xs ",
         open: helperText,
-        trigger: /* @__PURE__ */ import_react51.default.createElement(Textarea, {
+        trigger: /* @__PURE__ */ import_react52.default.createElement(Textarea, {
             className: cn("hawa-mb-2 hawa-h-full hawa-resize-none"),
             placeholder: "Your feedback",
             onChange: function(e) {
@@ -8732,9 +8780,9 @@ var FeedbackEmoji = function(props) {
                 console.log("changing to", e.target.value);
             }
         })
-    }, /* @__PURE__ */ import_react51.default.createElement("span", {
+    }, /* @__PURE__ */ import_react52.default.createElement("span", {
         className: "hawa-m-2"
-    }, "Please enter your feedback"), " "), /* @__PURE__ */ import_react51.default.createElement(Button, {
+    }, "Please enter your feedback"), " "), /* @__PURE__ */ import_react52.default.createElement(Button, {
         isLoading: loadingSubmit,
         onClick: onFeedbackSubmit,
         className: "hawa-w-full",
@@ -8742,20 +8790,20 @@ var FeedbackEmoji = function(props) {
     }, "Submit"))));
 };
 var VeryGoodEmoji = function() {
-    return /* @__PURE__ */ import_react51.default.createElement("svg", {
+    return /* @__PURE__ */ import_react52.default.createElement("svg", {
         fill: "none",
         height: "16",
         viewBox: "0 0 16 16",
         width: "16",
         xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__PURE__ */ import_react51.default.createElement("g", {
+    }, /* @__PURE__ */ import_react52.default.createElement("g", {
         clipPath: "url(#clip0_53_166)"
-    }, /* @__PURE__ */ import_react51.default.createElement("path", {
+    }, /* @__PURE__ */ import_react52.default.createElement("path", {
         clipRule: "evenodd",
         d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
         fill: "currentColor",
         fillRule: "evenodd"
-    }), /* @__PURE__ */ import_react51.default.createElement("path", {
+    }), /* @__PURE__ */ import_react52.default.createElement("path", {
         clipRule: "evenodd",
         d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
         fill: "#FF990A",
@@ -8763,15 +8811,15 @@ var VeryGoodEmoji = function() {
     })));
 };
 var GoodEmoji = function() {
-    return /* @__PURE__ */ import_react51.default.createElement("svg", {
+    return /* @__PURE__ */ import_react52.default.createElement("svg", {
         fill: "none",
         height: "16",
         viewBox: "0 0 16 16",
         width: "16",
         xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__PURE__ */ import_react51.default.createElement("g", {
+    }, /* @__PURE__ */ import_react52.default.createElement("g", {
         clipPath: "url(#clip0_53_167)"
-    }, /* @__PURE__ */ import_react51.default.createElement("path", {
+    }, /* @__PURE__ */ import_react52.default.createElement("path", {
         clipRule: "evenodd",
         d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
         fill: "currentColor",
@@ -8779,15 +8827,15 @@ var GoodEmoji = function() {
     })));
 };
 var BadEmoji = function() {
-    return /* @__PURE__ */ import_react51.default.createElement("svg", {
+    return /* @__PURE__ */ import_react52.default.createElement("svg", {
         fill: "none",
         height: "16",
         viewBox: "0 0 16 16",
         width: "16",
         xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__PURE__ */ import_react51.default.createElement("g", {
+    }, /* @__PURE__ */ import_react52.default.createElement("g", {
         clipPath: "url(#clip0_53_152)"
-    }, /* @__PURE__ */ import_react51.default.createElement("path", {
+    }, /* @__PURE__ */ import_react52.default.createElement("path", {
         clipRule: "evenodd",
         d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
         fill: "currentColor",
@@ -8795,18 +8843,18 @@ var BadEmoji = function() {
     })));
 };
 var VeryBadEmoji = function() {
-    return /* @__PURE__ */ import_react51.default.createElement("svg", {
+    return /* @__PURE__ */ import_react52.default.createElement("svg", {
         fill: "none",
         height: "16",
         viewBox: "0 0 16 16",
         width: "16",
         xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__PURE__ */ import_react51.default.createElement("g", {
+    }, /* @__PURE__ */ import_react52.default.createElement("g", {
         clipPath: "url(#clip0_53_151)"
-    }, /* @__PURE__ */ import_react51.default.createElement("path", {
+    }, /* @__PURE__ */ import_react52.default.createElement("path", {
         d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
         fill: "#0070F3"
-    }), /* @__PURE__ */ import_react51.default.createElement("path", {
+    }), /* @__PURE__ */ import_react52.default.createElement("path", {
         clipRule: "evenodd",
         d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
         fill: "currentColor",
@@ -8814,7 +8862,7 @@ var VeryBadEmoji = function() {
     })));
 };
 // components/blocks/feedback/FeedbackForm.tsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 var import_react_hook_form7 = require("react-hook-form");
 var import_zod7 = require("@hookform/resolvers/zod");
 var z7 = __toESM(require("zod"));
@@ -8835,9 +8883,9 @@ var FeedbackForm = function(props) {
     var _ref = (0, import_react_hook_form7.useForm)({
         resolver: (0, import_zod7.zodResolver)(formSchema)
     }), handleSubmit = _ref.handleSubmit, control = _ref.control, formState = _ref.formState;
-    return /* @__PURE__ */ import_react52.default.createElement(Card, null, /* @__PURE__ */ import_react52.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react53.default.createElement(Card, null, /* @__PURE__ */ import_react53.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react52.default.createElement("form", {
+    }, /* @__PURE__ */ import_react53.default.createElement("form", {
         noValidate: true,
         onSubmit: handleSubmit(function(e) {
             if (props.onSubmit) {
@@ -8847,13 +8895,13 @@ var FeedbackForm = function(props) {
             }
         }),
         className: "hawa-flex hawa-flex-col hawa-gap-4"
-    }, /* @__PURE__ */ import_react52.default.createElement(Label2, null, (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.requestType), /* @__PURE__ */ import_react52.default.createElement(import_react_hook_form7.Controller, {
+    }, /* @__PURE__ */ import_react53.default.createElement(Label2, null, (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.requestType), /* @__PURE__ */ import_react53.default.createElement(import_react_hook_form7.Controller, {
         name: "requestType",
         control: control,
         render: function(param) {
             var field = param.field;
             var _formState_errors_requestType_message, _formState_errors_requestType;
-            return /* @__PURE__ */ import_react52.default.createElement(Select, _object_spread_props(_object_spread({}, field), {
+            return /* @__PURE__ */ import_react53.default.createElement(Select, _object_spread_props(_object_spread({}, field), {
                 onChange: function(option) {
                     return field.onChange(option.value);
                 },
@@ -8861,70 +8909,70 @@ var FeedbackForm = function(props) {
                 helperText: (_formState_errors_requestType = formState.errors.requestType) === null || _formState_errors_requestType === void 0 ? void 0 : (_formState_errors_requestType_message = _formState_errors_requestType.message) === null || _formState_errors_requestType_message === void 0 ? void 0 : _formState_errors_requestType_message.toString()
             }));
         }
-    }), /* @__PURE__ */ import_react52.default.createElement(Label2, null, props.texts.description), /* @__PURE__ */ import_react52.default.createElement(import_react_hook_form7.Controller, {
+    }), /* @__PURE__ */ import_react53.default.createElement(Label2, null, props.texts.description), /* @__PURE__ */ import_react53.default.createElement(import_react_hook_form7.Controller, {
         name: "description",
         control: control,
         render: function(param) {
             var field = param.field;
             var _formState_errors_description_message, _formState_errors_description;
-            return /* @__PURE__ */ import_react52.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
+            return /* @__PURE__ */ import_react53.default.createElement(Textarea, _object_spread_props(_object_spread({}, field), {
                 helperText: formState.errors.description && ((_formState_errors_description = formState.errors.description) === null || _formState_errors_description === void 0 ? void 0 : (_formState_errors_description_message = _formState_errors_description.message) === null || _formState_errors_description_message === void 0 ? void 0 : _formState_errors_description_message.toString())
             }));
         }
-    }), /* @__PURE__ */ import_react52.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react53.default.createElement(Button, {
         type: "submit"
     }, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.submit))));
 };
 // components/blocks/misc/LegalTexts.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var LegalTexts = function(_param) {
     var tabs = _param.tabs, props = _object_without_properties(_param, [
         "tabs"
     ]);
-    return /* @__PURE__ */ import_react53.default.createElement(Tabs, {
+    return /* @__PURE__ */ import_react54.default.createElement(Tabs, {
         value: props.activeTab,
         onValueChange: props.handleTabChange,
         defaultValue: props.defaultTab || tabs[0].value,
         dir: props.direction
-    }, /* @__PURE__ */ import_react53.default.createElement(TabsList, {
+    }, /* @__PURE__ */ import_react54.default.createElement(TabsList, {
         className: "hawa-w-full"
     }, tabs.map(function(tab, index) {
-        return /* @__PURE__ */ import_react53.default.createElement(TabsTrigger, {
+        return /* @__PURE__ */ import_react54.default.createElement(TabsTrigger, {
             key: index,
             value: tab.value
         }, tab.title);
     })), tabs.map(function(tab, index) {
-        return /* @__PURE__ */ import_react53.default.createElement(TabsContent, {
+        return /* @__PURE__ */ import_react54.default.createElement(TabsContent, {
             key: index,
             value: tab.value
-        }, /* @__PURE__ */ import_react53.default.createElement(ScrollArea, {
+        }, /* @__PURE__ */ import_react54.default.createElement(ScrollArea, {
             className: cn("hawa-p-4  hawa-rounded hawa-bg-muted hawa-border", props.scrollAreaClassName)
         }, tab.content));
     }));
 };
 // components/blocks/misc/EmptyState.tsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 var EmptyState = function(param) {
     var texts = param.texts, onActionClick = param.onActionClick;
     var _texts_youreCaughtUp, _texts_actionText;
-    return /* @__PURE__ */ import_react54.default.createElement(Card, null, /* @__PURE__ */ import_react54.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react55.default.createElement(Card, null, /* @__PURE__ */ import_react55.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react54.default.createElement("div", {
+    }, /* @__PURE__ */ import_react55.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center "
-    }, /* @__PURE__ */ import_react54.default.createElement("div", {
+    }, /* @__PURE__ */ import_react55.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_react54.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react55.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 512 512",
         height: "0.35em",
         width: "0.35em"
-    }, /* @__PURE__ */ import_react54.default.createElement("path", {
+    }, /* @__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_react54.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react55.default.createElement("div", {
         className: "hawa-m-2 hawa-text-xl hawa-font-bold"
-    }, (_texts_youreCaughtUp = texts === null || texts === void 0 ? void 0 : texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */ import_react54.default.createElement(CardFooter, null, /* @__PURE__ */ import_react54.default.createElement(Button, {
+    }, (_texts_youreCaughtUp = texts === null || texts === void 0 ? void 0 : texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */ import_react55.default.createElement(CardFooter, null, /* @__PURE__ */ import_react55.default.createElement(Button, {
         className: "hawa-w-full",
         onClick: function() {
             return onActionClick();
@@ -8932,36 +8980,36 @@ var EmptyState = function(param) {
     }, (_texts_actionText = texts === null || texts === void 0 ? void 0 : texts.actionText) !== null && _texts_actionText !== void 0 ? _texts_actionText : "Go Home")));
 };
 // components/blocks/misc/Testimonial.tsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 var Testimonial = function(props) {
-    return /* @__PURE__ */ import_react55.default.createElement(Card, null, /* @__PURE__ */ import_react55.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react56.default.createElement(Card, null, /* @__PURE__ */ import_react56.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react55.default.createElement("div", null, /* @__PURE__ */ import_react55.default.createElement("p", {
+    }, /* @__PURE__ */ import_react56.default.createElement("div", null, /* @__PURE__ */ import_react56.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_react55.default.createElement("div", {
+    }, "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_react56.default.createElement("div", {
         className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react55.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react56.default.createElement("svg", {
         width: "48",
         height: "48",
         viewBox: "0 0 48 48",
         fill: "none"
-    }, /* @__PURE__ */ import_react55.default.createElement("rect", {
+    }, /* @__PURE__ */ import_react56.default.createElement("rect", {
         width: "48",
         height: "48",
         rx: "24",
         fill: "#45BE8B"
-    }), /* @__PURE__ */ import_react55.default.createElement("path", {
+    }), /* @__PURE__ */ import_react56.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_react55.default.createElement("path", {
+    }), /* @__PURE__ */ import_react56.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_react55.default.createElement("span", {
+    })), /* @__PURE__ */ import_react56.default.createElement("span", {
         className: "border border-l "
-    }), " ", /* @__PURE__ */ import_react55.default.createElement("div", null, /* @__PURE__ */ import_react55.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react55.default.createElement("div", null, " Chief Information Security Officer")))));
+    }), " ", /* @__PURE__ */ import_react56.default.createElement("div", null, /* @__PURE__ */ import_react56.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react56.default.createElement("div", null, " Chief Information Security Officer")))));
 };
 // components/blocks/misc/LeadGenerator.tsx
-var import_react56 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 var import_react_hook_form8 = require("react-hook-form");
 var LeadGenerator = function(param) {
     var texts = param.texts, submitHandler = param.submitHandler;
@@ -8974,11 +9022,11 @@ var LeadGenerator = function(param) {
         }
     };
     var _texts_submit;
-    return /* @__PURE__ */ import_react56.default.createElement(Card, null, /* @__PURE__ */ import_react56.default.createElement(CardHeader, null, /* @__PURE__ */ import_react56.default.createElement(CardTitle, null, texts === null || texts === void 0 ? void 0 : texts.title), /* @__PURE__ */ import_react56.default.createElement(CardDescription, null, texts === null || texts === void 0 ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react56.default.createElement(CardContent, null, /* @__PURE__ */ import_react56.default.createElement("form", {
+    return /* @__PURE__ */ import_react57.default.createElement(Card, null, /* @__PURE__ */ import_react57.default.createElement(CardHeader, null, /* @__PURE__ */ import_react57.default.createElement(CardTitle, null, texts === null || texts === void 0 ? void 0 : texts.title), /* @__PURE__ */ import_react57.default.createElement(CardDescription, null, texts === null || texts === void 0 ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react57.default.createElement(CardContent, null, /* @__PURE__ */ import_react57.default.createElement("form", {
         noValidate: true,
         className: "hawa-flex hawa-flex-row hawa-gap-2",
         onSubmit: handleSubmit(onSubmit)
-    }, /* @__PURE__ */ import_react56.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react57.default.createElement(import_react_hook_form8.Controller, {
         name: "email",
         control: control,
         rules: {
@@ -8991,32 +9039,32 @@ var LeadGenerator = function(param) {
         defaultValue: "",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react56.default.createElement(Input, _object_spread_props(_object_spread({}, field), {
+            return /* @__PURE__ */ import_react57.default.createElement(Input, _object_spread_props(_object_spread({}, field), {
                 type: "email",
                 placeholder: "example@sikka.io"
             }));
         }
-    }), /* @__PURE__ */ import_react56.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react57.default.createElement(Button, {
         type: "submit",
         disabled: !formState.isValid
     }, (_texts_submit = texts === null || texts === void 0 ? void 0 : texts.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
 };
 // components/blocks/misc/Announcement.tsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var Announcement = function(_param) {
     var onActionClick = _param.onActionClick, props = _object_without_properties(_param, [
         "onActionClick"
     ]);
-    return /* @__PURE__ */ import_react57.default.createElement(Card, null, /* @__PURE__ */ import_react57.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react58.default.createElement(Card, null, /* @__PURE__ */ import_react58.default.createElement(CardContent, {
         headless: true,
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
-    }, /* @__PURE__ */ import_react57.default.createElement("div", {
+    }, /* @__PURE__ */ import_react58.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center "
-    }, /* @__PURE__ */ import_react57.default.createElement("span", {
+    }, /* @__PURE__ */ import_react58.default.createElement("span", {
         className: "hawa-text-lg hawa-font-bold"
-    }, props.title), /* @__PURE__ */ import_react57.default.createElement("span", {
+    }, props.title), /* @__PURE__ */ import_react58.default.createElement("span", {
         className: "hawa-text-sm"
-    }, props.subtitle)), /* @__PURE__ */ import_react57.default.createElement(Button, {
+    }, props.subtitle)), /* @__PURE__ */ import_react58.default.createElement(Button, {
         onClick: function() {
             return onActionClick();
         },
@@ -9024,56 +9072,56 @@ var Announcement = function(_param) {
     }, props.actionText)));
 };
 // components/blocks/misc/NotFound.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var NotFound = function(param) {
     var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
     var _texts_pageNotFound, _texts_ifLost, _texts_home;
-    return /* @__PURE__ */ import_react58.default.createElement(Card, null, /* @__PURE__ */ import_react58.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react59.default.createElement(Card, null, /* @__PURE__ */ import_react59.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react58.default.createElement("div", {
+    }, /* @__PURE__ */ import_react59.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white"
-    }, /* @__PURE__ */ import_react58.default.createElement("div", {
+    }, /* @__PURE__ */ import_react59.default.createElement("div", {
         className: "hawa-text-center hawa-text-6xl hawa-font-bold "
-    }, "404"), /* @__PURE__ */ import_react58.default.createElement("div", {
+    }, "404"), /* @__PURE__ */ import_react59.default.createElement("div", {
         className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold "
-    }, (_texts_pageNotFound = texts === null || texts === void 0 ? void 0 : texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react58.default.createElement("div", {
+    }, (_texts_pageNotFound = texts === null || texts === void 0 ? void 0 : texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react59.default.createElement("div", {
         className: "hawa-mb-4 hawa-text-center"
-    }, (_texts_ifLost = texts === null || texts === void 0 ? void 0 : texts.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react58.default.createElement("span", {
+    }, (_texts_ifLost = texts === null || texts === void 0 ? void 0 : texts.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react59.default.createElement(import_react59.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react59.default.createElement("span", {
         className: "clickable-link"
-    }, "help@sikka.io"))), /* @__PURE__ */ import_react58.default.createElement(Button, {
+    }, "help@sikka.io"))), /* @__PURE__ */ import_react59.default.createElement(Button, {
         className: "hawa-w-full"
     }, (_texts_home = texts === null || texts === void 0 ? void 0 : texts.home) !== null && _texts_home !== void 0 ? _texts_home : "Home"))));
 };
 // components/blocks/misc/NoPermission.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 var NoPermission = function(param) {
     var texts = param.texts;
     var _texts_title, _texts_subtitle;
-    return /* @__PURE__ */ import_react59.default.createElement(Card, null, /* @__PURE__ */ import_react59.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react60.default.createElement(Card, null, /* @__PURE__ */ import_react60.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react59.default.createElement("div", {
+    }, /* @__PURE__ */ import_react60.default.createElement("div", {
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center"
-    }, /* @__PURE__ */ import_react59.default.createElement("div", {
+    }, /* @__PURE__ */ import_react60.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", {
+    }, /* @__PURE__ */ import_react60.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 448 512",
         height: "0.35em",
         width: "0.35em"
-    }, /* @__PURE__ */ import_react59.default.createElement("path", {
+    }, /* @__PURE__ */ import_react60.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_react59.default.createElement("div", {
+    })), " "), /* @__PURE__ */ import_react60.default.createElement("div", {
         className: "hawa-m-2 hawa-text-xl hawa-font-bold"
-    }, (_texts_title = texts === null || texts === void 0 ? void 0 : texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */ import_react59.default.createElement("div", null, (_texts_subtitle = texts === null || texts === void 0 ? void 0 : texts.subtitle) !== null && _texts_subtitle !== void 0 ? _texts_subtitle : "If you think this is a problem please contact your administrator or our customer support"))));
+    }, (_texts_title = texts === null || texts === void 0 ? void 0 : texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */ import_react60.default.createElement("div", null, (_texts_subtitle = texts === null || texts === void 0 ? void 0 : texts.subtitle) !== null && _texts_subtitle !== void 0 ? _texts_subtitle : "If you think this is a problem please contact your administrator or our customer support"))));
 };
 // components/blocks/pricing/PricingPlans.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var PricingPlans = function(props) {
-    return /* @__PURE__ */ import_react60.default.createElement("div", null, /* @__PURE__ */ import_react60.default.createElement("div", {
+    return /* @__PURE__ */ import_react61.default.createElement("div", null, /* @__PURE__ */ import_react61.default.createElement("div", {
         className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between"
-    }, /* @__PURE__ */ import_react60.default.createElement(Radio, {
+    }, /* @__PURE__ */ import_react61.default.createElement(Radio, {
         design: "tabs",
         defaultValue: props.currentCycle,
         options: props.billingCycles,
@@ -9082,7 +9130,7 @@ var PricingPlans = function(props) {
                 props.onCycleChange(e);
             }
         }
-    }), /* @__PURE__ */ import_react60.default.createElement(Radio, {
+    }), /* @__PURE__ */ import_react61.default.createElement(Radio, {
         design: "tabs",
         defaultValue: props.currentCurrency,
         options: props.currencies,
@@ -9091,10 +9139,10 @@ var PricingPlans = function(props) {
                 props.onCurrencyChange(e);
             }
         }
-    })), /* @__PURE__ */ import_react60.default.createElement("div", {
+    })), /* @__PURE__ */ import_react61.default.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-justify-between"
     }, props.plans.map(function(plan, index) {
-        return /* @__PURE__ */ import_react60.default.createElement(PricingCard, _object_spread_props(_object_spread({
+        return /* @__PURE__ */ import_react61.default.createElement(PricingCard, _object_spread_props(_object_spread({
             key: index,
             onPlanClicked: function() {
                 if (props.onPlanClicked) {
@@ -9115,26 +9163,26 @@ var PricingPlans = function(props) {
     })));
 };
 // components/blocks/pricing/ComparingPlans.tsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var CheckMark = function() {
-    return /* @__PURE__ */ import_react61.default.createElement("svg", {
+    return /* @__PURE__ */ import_react62.default.createElement("svg", {
         className: "hawa-h-5 hawa-w-5 hawa-text-green-500",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react61.default.createElement("path", {
+    }, /* @__PURE__ */ import_react62.default.createElement("path", {
         fillRule: "evenodd",
         d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
         clipRule: "evenodd"
     }));
 };
 var UncheckMark = function() {
-    return /* @__PURE__ */ import_react61.default.createElement("svg", {
+    return /* @__PURE__ */ import_react62.default.createElement("svg", {
         className: "hawa-h-5 hawa-w-5 hawa-text-red-500",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react61.default.createElement("path", {
+    }, /* @__PURE__ */ import_react62.default.createElement("path", {
         fillRule: "evenodd",
         d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
         clipRule: "evenodd"
@@ -9142,14 +9190,14 @@ var UncheckMark = function() {
 };
 var ComparingPlans = function(props) {
     var _props_plans;
-    var _ref = _sliced_to_array((0, import_react61.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react61.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
-    return /* @__PURE__ */ import_react61.default.createElement("div", {
+    var _ref = _sliced_to_array((0, import_react62.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react62.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
+    return /* @__PURE__ */ import_react62.default.createElement("div", {
         id: "detailed-pricing",
         className: "hawa-w-full hawa-overflow-x-auto"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, /* @__PURE__ */ import_react62.default.createElement("div", {
         className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between"
-    }, /* @__PURE__ */ import_react61.default.createElement(Radio, {
+    }, /* @__PURE__ */ import_react62.default.createElement(Radio, {
         design: "tabs",
         defaultValue: currentCycle,
         options: props.billingCycles,
@@ -9160,7 +9208,7 @@ var ComparingPlans = function(props) {
                 console.log("onCycleChange was not provided");
             }
         }
-    }), /* @__PURE__ */ import_react61.default.createElement(Radio, {
+    }), /* @__PURE__ */ import_react62.default.createElement(Radio, {
         design: "tabs",
         defaultValue: currentCurrency,
         options: props.currencies,
@@ -9171,56 +9219,56 @@ var ComparingPlans = function(props) {
                 console.log("onCurrencyChange was not provided");
             }
         }
-    })), /* @__PURE__ */ import_react61.default.createElement("div", {
+    })), /* @__PURE__ */ import_react62.default.createElement("div", {
         className: " hawa-overflow-hidden hawa-rounded"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, /* @__PURE__ */ import_react62.default.createElement("div", {
         className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-border-gray-200 hawa-bg-gray-100 hawa-p-4 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, /* @__PURE__ */ import_react62.default.createElement("div", {
         className: "hawa-flex hawa-items-center"
     }), props.plans.map(function(plan, i) {
-        return /* @__PURE__ */ import_react61.default.createElement("div", {
+        return /* @__PURE__ */ import_react62.default.createElement("div", {
             key: i
-        }, /* @__PURE__ */ import_react61.default.createElement("h5", {
+        }, /* @__PURE__ */ import_react62.default.createElement("h5", {
             className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400"
-        }, plan.texts.title), /* @__PURE__ */ import_react61.default.createElement("div", {
+        }, plan.texts.title), /* @__PURE__ */ import_react62.default.createElement("div", {
             className: " hawa-flex hawa-items-baseline  hawa-text-gray-900 dark:hawa-text-white"
-        }, /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement("span", {
+        }, /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, /* @__PURE__ */ import_react62.default.createElement("span", {
             className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight"
-        }, plan.price), /* @__PURE__ */ import_react61.default.createElement("span", {
+        }, plan.price), /* @__PURE__ */ import_react62.default.createElement("span", {
             className: "hawa-mx-1 hawa-text-sm hawa-font-semibold"
-        }, plan.texts.currencyText)), /* @__PURE__ */ import_react61.default.createElement("span", {
+        }, plan.texts.currencyText)), /* @__PURE__ */ import_react62.default.createElement("span", {
             className: "hawa-ml-1 hawa-text-xl hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400"
-        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react61.default.createElement("h5", {
+        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react62.default.createElement("h5", {
             className: "hawa-text-md  hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400"
         }, plan.texts.subtitle));
     })), (_props_plans = props.plans) === null || _props_plans === void 0 ? void 0 : _props_plans.map(function(plan) {
         return plan.features.map(function(feature, j) {
-            return /* @__PURE__ */ import_react61.default.createElement("div", {
+            return /* @__PURE__ */ import_react62.default.createElement("div", {
                 key: j,
                 className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-16 hawa-border-b hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:hawa-border-gray-700"
-            }, /* @__PURE__ */ import_react61.default.createElement("div", {
+            }, /* @__PURE__ */ import_react62.default.createElement("div", {
                 className: "  hawa-flex hawa-flex-row hawa-items-center hawa-gap-2  hawa-text-gray-500 dark:hawa-text-gray-400"
-            }, feature.text, feature.description && /* @__PURE__ */ import_react61.default.createElement(Tooltip, {
+            }, feature.text, feature.description && /* @__PURE__ */ import_react62.default.createElement(Tooltip, {
                 side: "right",
                 content: feature.description
-            }, /* @__PURE__ */ import_react61.default.createElement("svg", {
+            }, /* @__PURE__ */ import_react62.default.createElement("svg", {
                 stroke: "currentColor",
                 fill: "currentColor",
                 strokeWidth: "0",
                 viewBox: "0 0 16 16",
                 height: "1em",
                 width: "1em"
-            }, /* @__PURE__ */ import_react61.default.createElement("path", {
+            }, /* @__PURE__ */ import_react62.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_react61.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react61.default.createElement(CheckMark, null), /* @__PURE__ */ import_react61.default.createElement(UncheckMark, null));
+            })))), /* @__PURE__ */ import_react62.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react62.default.createElement(CheckMark, null), /* @__PURE__ */ import_react62.default.createElement(UncheckMark, null));
         });
     })));
 };
 // components/blocks/pricing/HorizontalPricing.tsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 var import_clsx12 = __toESM(require("clsx"));
 var HorizontalPricing = function(props) {
-    var _ref = _sliced_to_array((0, import_react62.useState)(""), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
+    var _ref = _sliced_to_array((0, import_react63.useState)(""), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
     var data = [
         {
             title: "basic",
@@ -9238,96 +9286,96 @@ var HorizontalPricing = function(props) {
             cycle: "/mo"
         }
     ];
-    return /* @__PURE__ */ import_react62.default.createElement("div", {
+    return /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm"
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "hawa-max-w-2xl "
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-justify-between"
-    }, /* @__PURE__ */ import_react62.default.createElement(Radio, {
+    }, /* @__PURE__ */ import_react63.default.createElement(Radio, {
         design: "tabs",
         options: props.currencies,
         defaultValue: props.currentCurrency
-    }), /* @__PURE__ */ import_react62.default.createElement(Radio, {
+    }), /* @__PURE__ */ import_react63.default.createElement(Radio, {
         design: "tabs",
         options: props.billingCycles,
         defaultValue: props.currentCycle
     })), data.map(function(d, i) {
-        return /* @__PURE__ */ import_react62.default.createElement("label", {
+        return /* @__PURE__ */ import_react63.default.createElement("label", {
             key: i,
             htmlFor: d.title,
             className: "",
             onClick: function() {
                 return setSelectedCard(d.title);
             }
-        }, /* @__PURE__ */ import_react62.default.createElement("input", {
+        }, /* @__PURE__ */ import_react63.default.createElement("input", {
             type: "radio",
             name: "radio",
             id: d.title,
             className: "hawa-peer hawa-appearance-none"
-        }), /* @__PURE__ */ import_react62.default.createElement("div", {
+        }), /* @__PURE__ */ import_react63.default.createElement("div", {
             className: (0, import_clsx12.default)(selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-primary/20 peer-checked:hawa-ring-4 " : "", "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_react62.default.createElement("div", {
+        }, /* @__PURE__ */ import_react63.default.createElement("div", {
             className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4"
-        }, /* @__PURE__ */ import_react62.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react62.default.createElement(CardText, {
+        }, /* @__PURE__ */ import_react63.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react63.default.createElement(CardText, {
             title: "Enterprise",
             subtitle: "For startups and new businesses"
-        })), /* @__PURE__ */ import_react62.default.createElement(CardPrice, {
+        })), /* @__PURE__ */ import_react63.default.createElement(CardPrice, {
             amount: d.price,
             cycle: d.cycle
         })));
     })));
 };
 var CheckIcons = function() {
-    return /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, /* @__PURE__ */ import_react62.default.createElement("svg", {
+    return /* @__PURE__ */ import_react63.default.createElement(import_react63.default.Fragment, null, /* @__PURE__ */ import_react63.default.createElement("svg", {
         fill: "none",
         viewBox: "0 0 24 24",
         strokeWidth: "1.5",
         stroke: "currentColor",
         className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
-    }, /* @__PURE__ */ import_react62.default.createElement("path", {
+    }, /* @__PURE__ */ import_react63.default.createElement("path", {
         strokeLinecap: "round",
         strokeLinejoin: "round",
         d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-    })), /* @__PURE__ */ import_react62.default.createElement("svg", {
+    })), /* @__PURE__ */ import_react63.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_react62.default.createElement("path", {
+    }, /* @__PURE__ */ import_react63.default.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
     })));
 };
 var CardText = function(props) {
-    return /* @__PURE__ */ import_react62.default.createElement("div", {
+    return /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start "
-    }, /* @__PURE__ */ import_react62.default.createElement("h2", {
+    }, /* @__PURE__ */ import_react63.default.createElement("h2", {
         className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl"
-    }, props.title), /* @__PURE__ */ import_react62.default.createElement("p", {
+    }, props.title), /* @__PURE__ */ import_react63.default.createElement("p", {
         className: "hawa-text-sm hawa-text-primary/60"
     }, props.subtitle, " "));
 };
 var CardPrice = function(props) {
-    return /* @__PURE__ */ import_react62.default.createElement("h2", {
+    return /* @__PURE__ */ import_react63.default.createElement("h2", {
         className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl"
-    }, props.amount, /* @__PURE__ */ import_react62.default.createElement("span", {
+    }, props.amount, /* @__PURE__ */ import_react63.default.createElement("span", {
         className: "hawa-text-base hawa-font-medium hawa-text-neutral-400"
     }, props.cycle));
 };
 // components/blocks/Usage.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var Usage = function(props) {
     var _props_percent;
-    return /* @__PURE__ */ import_react63.default.createElement("div", {
+    return /* @__PURE__ */ import_react64.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_react63.default.createElement("div", {
+    }, /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2"
-    }, /* @__PURE__ */ import_react63.default.createElement("span", {
+    }, /* @__PURE__ */ import_react64.default.createElement("span", {
         className: "hawa-bg-white-200"
-    }, props.title), props.tooltip && /* @__PURE__ */ import_react63.default.createElement(Tooltip, {
+    }, props.title), props.tooltip && /* @__PURE__ */ import_react64.default.createElement(Tooltip, {
         content: props.tooltip
-    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react64.default.createElement("svg", {
         stroke: "currentColor",
         "aria-label": "Exclamation Circle",
         fill: "currentColor",
@@ -9335,28 +9383,28 @@ var Usage = function(props) {
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react63.default.createElement("path", {
+    }, /* @__PURE__ */ import_react64.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_react63.default.createElement("div", {
+    })))), /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "hawa-bg-white-100 hawa-flex hawa-flex-row"
-    }, /* @__PURE__ */ import_react63.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react63.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react63.default.createElement(Progress, {
+    }, /* @__PURE__ */ import_react64.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react64.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react64.default.createElement(Progress, {
         value: (_props_percent = props.percent) !== null && _props_percent !== void 0 ? _props_percent : 0
     }));
 };
 // components/hooks/useDiscloser.ts
-var import_react64 = require("react");
-// components/hooks/useHover.ts
 var import_react65 = require("react");
-// components/hooks/useCarousel.ts
+// components/hooks/useHover.ts
 var import_react66 = require("react");
-// components/hooks/useWindowSize.ts
+// components/hooks/useCarousel.ts
 var import_react67 = require("react");
+// components/hooks/useWindowSize.ts
+var import_react68 = require("react");
 var useWindowSize = function() {
-    var _ref = _sliced_to_array((0, import_react67.useState)({
+    var _ref = _sliced_to_array((0, import_react68.useState)({
         width: void 0,
         height: void 0
     }), 2), windowSize = _ref[0], setWindowSize = _ref[1];
-    (0, import_react67.useEffect)(function() {
+    (0, import_react68.useEffect)(function() {
         var handleResize = function handleResize() {
             setWindowSize({
                 width: window.innerWidth,
@@ -9372,7 +9420,7 @@ var useWindowSize = function() {
     return windowSize;
 };
 // components/hooks/useFocusWithin.ts
-var import_react68 = require("react");
+var import_react69 = require("react");
 function containsRelatedTarget(event) {
     if (_instanceof(event.currentTarget, HTMLElement) && _instanceof(event.relatedTarget, HTMLElement)) {
         return event.currentTarget.contains(event.relatedTarget);
@@ -9381,9 +9429,9 @@ function containsRelatedTarget(event) {
 }
 function useFocusWithin() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, onBlur = _ref.onBlur, onFocus = _ref.onFocus;
-    var ref = (0, import_react68.useRef)(null);
-    var _ref1 = _sliced_to_array((0, import_react68.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
-    var focusedRef = (0, import_react68.useRef)(false);
+    var ref = (0, import_react69.useRef)(null);
+    var _ref1 = _sliced_to_array((0, import_react69.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
+    var focusedRef = (0, import_react69.useRef)(false);
     var setFocused = function(value) {
         _setFocused(value);
         focusedRef.current = value;
@@ -9400,7 +9448,7 @@ function useFocusWithin() {
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         }
     };
-    (0, import_react68.useEffect)(function() {
+    (0, import_react69.useEffect)(function() {
         if (ref.current) {
             ref.current.addEventListener("focusin", handleFocusIn);
             ref.current.addEventListener("focusout", handleFocusOut);
@@ -9421,7 +9469,7 @@ function useFocusWithin() {
     };
 }
 // components/hooks/useMediaQuery.ts
-var import_react69 = require("react");
+var import_react70 = require("react");
 function attachMediaListener(query, callback) {
     try {
         query.addEventListener("change", callback);
@@ -9448,9 +9496,9 @@ function useMediaQuery(query, initialValue) {
     var getInitialValueInEffect = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
         getInitialValueInEffect: true
     }).getInitialValueInEffect;
-    var _ref = _sliced_to_array((0, import_react69.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
-    var queryRef = (0, import_react69.useRef)();
-    (0, import_react69.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react70.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
+    var queryRef = (0, import_react70.useRef)();
+    (0, import_react70.useEffect)(function() {
         if ("matchMedia" in window) {
             queryRef.current = window.matchMedia(query);
             setMatches(queryRef.current.matches);
@@ -9465,15 +9513,15 @@ function useMediaQuery(query, initialValue) {
     return matches;
 }
 // components/hooks/useScrollPosition.ts
-var import_react70 = require("react");
-// components/hooks/useTable.ts
 var import_react71 = require("react");
-// components/hooks/useTabs.ts
+// components/hooks/useTable.ts
 var import_react72 = require("react");
+// components/hooks/useTabs.ts
+var import_react73 = require("react");
 function useTabs() {
     var initialTab = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    var _ref = _sliced_to_array((0, import_react72.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
-    (0, import_react72.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react73.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
+    (0, import_react73.useEffect)(function() {
         var handleHashChange = function() {
             var hash = window.location.hash.substring(1);
             setActiveTab(hash || initialTab);