@sikka/hawa 0.1.85 → 0.1.87

package/dist/index.js

@@ -214,6 +214,9 @@ var __toCommonJS = function(mod) {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+    ActionCard: function() {
+        return ActionCard;
+    },
     Announcement: function() {
         return Announcement;
     },
@@ -1501,6 +1504,7 @@ var DropdownMenuItem = React19.forwardRef(function(_param, ref) /* @__PURE__ */
         "inset"
     ]);
     return React19.createElement(DropdownMenuPrimitive.Item, _object_spread({
+        disabled: props.disabled,
         ref: ref,
         className: cn("relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
     }, props), /* @__PURE__ */ React19.createElement("div", {
@@ -1617,6 +1621,7 @@ var DropdownMenu = function(param) {
             dir: direction
         }, item.icon && item.icon, item.label), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
             return /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
+                disabled: subitem.disabled,
                 className: "flex flex-row gap-2",
                 onSelect: function() {
                     return subitem.action();
@@ -1624,6 +1629,7 @@ var DropdownMenu = function(param) {
                 key: subIndex
             }, subitem.icon && subitem.icon, subitem.label);
         })))) : /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
+            disabled: item.disabled,
             className: "flex flex-row gap-2",
             key: index,
             onSelect: function(e) {
@@ -6599,15 +6605,59 @@ var HawaStoreButtons = function(props) {
         className: "font-sans -mt-1 text-xl font-semibold"
     }, "Google Play")))));
 };
+// src/elements/ActionCard.tsx
+var import_react52 = __toESM(require("react"));
+var ActionCard = function(props) {
+    var _ref = _sliced_to_array((0, import_react52.useState)(false), 2), hovered = _ref[0], setHovered = _ref[1];
+    return /* @__PURE__ */ import_react52.default.createElement("div", {
+        className: "flex h-full w-full flex-col gap-1 "
+    }, /* @__PURE__ */ import_react52.default.createElement("div", {
+        className: "group relative h-full w-full rounded border bg-background bg-cover bg-center transition-all duration-500 hover:drop-shadow-2xl",
+        style: {
+            backgroundImage: "url(".concat(props.blank ? "" : props.cardImage, ")")
+        },
+        onMouseEnter: function() {
+            return setHovered(true);
+        },
+        onMouseLeave: function() {
+            return setHovered(false);
+        }
+    }, props.blank ? /* @__PURE__ */ import_react52.default.createElement("div", {
+        className: "flex h-full flex-col items-center justify-center "
+    }, /* @__PURE__ */ import_react52.default.createElement("svg", {
+        className: "h-10 w-10 text-foreground",
+        stroke: "currentColor",
+        fill: "currentColor",
+        "stroke-width": "0",
+        viewBox: "0 0 24 24",
+        height: "1em",
+        width: "1em",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ import_react52.default.createElement("path", {
+        d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"
+    }))) : /* @__PURE__ */ import_react52.default.createElement("div", {
+        className: "absolute inset-0 rounded bg-black opacity-50"
+    }), /* @__PURE__ */ import_react52.default.createElement("div", {
+        className: "absolute bottom-2 right-2 z-10 opacity-0 transition-all duration-200 group-hover:opacity-100"
+    }, props.inCardActions), !props.blank && /* @__PURE__ */ import_react52.default.createElement("div", {
+        className: "relative p-4"
+    }, /* @__PURE__ */ import_react52.default.createElement("h1", {
+        className: "text-white"
+    }, props.title), /* @__PURE__ */ import_react52.default.createElement("p", {
+        className: "text-white"
+    }, props.subtitle))), /* @__PURE__ */ import_react52.default.createElement("div", {
+        className: "flex flex-row justify-between text-sm transition-all duration-200 ".concat(hovered ? "opacity-100" : "opacity-0")
+    }, props.bottomElement));
+};
 // src/elements/Carousel.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 // src/hooks/useCarousel.ts
-var import_react52 = require("react");
+var import_react53 = require("react");
 var useCarousel = function(imageWidth) {
-    var _ref = _sliced_to_array((0, import_react52.useState)(false), 2), isDragging = _ref[0], setIsDragging = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react52.useState)(0), 2), startDragX = _ref1[0], setStartDragX = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react52.useState)(0), 2), scrollLeft = _ref2[0], setScrollLeft = _ref2[1];
-    var containerRef = (0, import_react52.useRef)(null);
+    var _ref = _sliced_to_array((0, import_react53.useState)(false), 2), isDragging = _ref[0], setIsDragging = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react53.useState)(0), 2), startDragX = _ref1[0], setStartDragX = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react53.useState)(0), 2), scrollLeft = _ref2[0], setScrollLeft = _ref2[1];
+    var containerRef = (0, import_react53.useRef)(null);
     var findClosestSnapPoint = function(scrollLeft2) {
         return Math.round(scrollLeft2 / imageWidth) * imageWidth;
     };
@@ -6653,35 +6703,36 @@ var useCarousel_default = useCarousel;
 // src/elements/Carousel.tsx
 var Carousel = function(param) {
     var images = param.images;
-    var imageWidth = 240 + 16;
+    var imageWidth = 1e3 + 16;
     var _useCarousel_default = useCarousel_default(imageWidth), containerRef = _useCarousel_default.containerRef, handleMouseDown = _useCarousel_default.handleMouseDown, handleMouseLeave = _useCarousel_default.handleMouseLeave, handleMouseUp = _useCarousel_default.handleMouseUp, handleMouseMove = _useCarousel_default.handleMouseMove;
-    return /* @__PURE__ */ import_react53.default.createElement("div", {
-        className: "flex cursor-pointer snap-x  gap-4 overflow-x-scroll",
+    return /* @__PURE__ */ import_react54.default.createElement("div", {
+        className: "flex cursor-pointer snap-x  gap-4 overflow-x-hidden justify-center items-center",
         onMouseDown: handleMouseDown,
         onMouseLeave: handleMouseLeave,
         onMouseUp: handleMouseUp,
         onMouseMove: handleMouseMove,
         ref: containerRef
     }, images.map(function(image, index) {
-        return /* @__PURE__ */ import_react53.default.createElement("div", {
+        return /* @__PURE__ */ import_react54.default.createElement("div", {
             key: index,
-            className: "h-40 w-60 flex-shrink-0"
-        }, /* @__PURE__ */ import_react53.default.createElement("img", {
+            className: "w-[1000px] h-96 flex-shrink-0"
+        }, /* @__PURE__ */ import_react54.default.createElement("img", {
             src: image,
             alt: "Carousel Image ".concat(index),
+            width: imageWidth,
             className: "h-full w-full rounded-lg object-cover"
         }));
     }));
 };
 // src/elements/Input.tsx
-var React59 = __toESM(require("react"));
-var Input = React59.forwardRef(function(_param, ref) {
+var React60 = __toESM(require("react"));
+var Input = React60.forwardRef(function(_param, ref) {
     var className = _param.className, preview = _param.preview, type = _param.type, props = _object_without_properties(_param, [
         "className",
         "preview",
         "type"
     ]);
-    return /* @__PURE__ */ React59.createElement("input", _object_spread({
+    return /* @__PURE__ */ React60.createElement("input", _object_spread({
         type: type,
         className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className, preview && "  disabled:cursor-default disabled:opacity-100 border-opacity-25 "),
         disabled: preview,
@@ -6690,21 +6741,21 @@ var Input = React59.forwardRef(function(_param, ref) {
 });
 Input.displayName = "Input";
 // src/elements/InterfaceSettings.tsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 var InterfaceSettings = function(_param) {
     var _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_width = _param.width, width = _param_width === void 0 ? "default" : _param_width, props = _object_without_properties(_param, [
         "orientation",
         "width"
     ]);
-    var _ref = _sliced_to_array((0, import_react54.useState)(props.currentColorMode), 2), color = _ref[0], setColor = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react54.useState)(props.currentLanguage), 2), language = _ref1[0], setLanguage = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react55.useState)(props.currentColorMode), 2), color = _ref[0], setColor = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react55.useState)(props.currentLanguage), 2), language = _ref1[0], setLanguage = _ref1[1];
     var orientationStyle = {
         horizontal: "flex flex-row justify-between",
         vertical: "flex flex-col items-center gap-2"
     };
-    return /* @__PURE__ */ import_react54.default.createElement("div", {
+    return /* @__PURE__ */ import_react55.default.createElement("div", {
         className: cn(orientationStyle[orientation])
-    }, /* @__PURE__ */ import_react54.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react55.default.createElement(HawaRadio, {
         width: width,
         defaultValue: language,
         onChangeTab: function(e) {
@@ -6722,7 +6773,7 @@ var InterfaceSettings = function(_param) {
                 label: "English"
             }
         ]
-    }), /* @__PURE__ */ import_react54.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react55.default.createElement(HawaRadio, {
         width: width,
         defaultValue: color,
         onChangeTab: function(e) {
@@ -6733,21 +6784,21 @@ var InterfaceSettings = function(_param) {
         options: [
             {
                 value: "light",
-                label: /* @__PURE__ */ import_react54.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react55.default.createElement("svg", {
                     width: "15",
                     height: "15",
                     viewBox: "0 0 15 15",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg",
                     className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
-                }, /* @__PURE__ */ import_react54.default.createElement("path", {
+                }, /* @__PURE__ */ import_react55.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"
                 }))
             },
             {
                 value: "dark",
-                label: /* @__PURE__ */ import_react54.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react55.default.createElement("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "24",
                     height: "24",
@@ -6755,7 +6806,7 @@ var InterfaceSettings = function(_param) {
                     fill: "none",
                     stroke: "currentColor",
                     className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-                }, /* @__PURE__ */ import_react54.default.createElement("path", {
+                }, /* @__PURE__ */ import_react55.default.createElement("path", {
                     d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
                 }))
             }
@@ -6763,15 +6814,15 @@ var InterfaceSettings = function(_param) {
     }));
 };
 // src/elements/Popover.tsx
-var React61 = __toESM(require("react"));
+var React62 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var PopoverContent = React62.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 React61.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React61.createElement(PopoverPrimitive.Content, _object_spread({
+    return React62.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React62.createElement(PopoverPrimitive.Content, _object_spread({
         ref: ref,
         align: align,
         sideOffset: sideOffset,
@@ -6781,7 +6832,7 @@ var PopoverContent = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var Popover = function(param) {
     var trigger = param.trigger, children = param.children, className = param.className, _param_align = param.align, align = _param_align === void 0 ? "center" : _param_align, side = param.side, _param_sideOffset = param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset;
-    return /* @__PURE__ */ React61.createElement(PopoverPrimitive.Root, null, /* @__PURE__ */ React61.createElement(PopoverPrimitive.Trigger, null, trigger), /* @__PURE__ */ React61.createElement(PopoverContent, {
+    return /* @__PURE__ */ React62.createElement(PopoverPrimitive.Root, null, /* @__PURE__ */ React62.createElement(PopoverPrimitive.Trigger, null, trigger), /* @__PURE__ */ React62.createElement(PopoverContent, {
         side: side,
         className: className,
         align: align,
@@ -6789,82 +6840,82 @@ var Popover = function(param) {
     }, children));
 };
 // src/elements/Tabs.tsx
-var React62 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var TabsContext = React62.createContext({
+var TabsContext = React63.createContext({
     orientation: "vertical"
 });
-var Tabs = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Tabs = React63.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, orientation = _param.orientation, props = _object_without_properties(_param, [
         "className",
         "orientation"
     ]);
-    return React62.createElement(TabsPrimitive.Root, _object_spread({
+    return React63.createElement(TabsPrimitive.Root, _object_spread({
         ref: ref,
         className: cn("flex gap-2", orientation === "horizontal" ? "flex-row" : "flex-col", className)
-    }, props), /* @__PURE__ */ React62.createElement(TabsContext.Provider, {
+    }, props), /* @__PURE__ */ React63.createElement(TabsContext.Provider, {
         value: {
             orientation: orientation
         }
     }, props.children));
 });
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React62.forwardRef(function(_param, ref) {
+var TabsList = React63.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    var orientation = React62.useContext(TabsContext).orientation;
-    return /* @__PURE__ */ React62.createElement(TabsPrimitive.List, _object_spread({
+    var orientation = React63.useContext(TabsContext).orientation;
+    return /* @__PURE__ */ React63.createElement(TabsPrimitive.List, _object_spread({
         ref: ref,
         className: cn("flex w-fit flex-wrap items-center justify-start gap-1 rounded border  bg-muted p-1 text-muted-foreground  dark:border-primary/10 ", orientation === "horizontal" ? "flex-col" : "flex-row", className)
     }, props));
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React62.forwardRef(function(_param, ref) {
+var TabsTrigger = React63.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React62.createElement(TabsPrimitive.Trigger, _object_spread({
+    return /* @__PURE__ */ React63.createElement(TabsPrimitive.Trigger, _object_spread({
         ref: ref,
         className: cn("inline-flex w-full flex-1 select-none items-center justify-center whitespace-nowrap rounded border px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm  dark:border-primary/10", className)
     }, props));
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TabsContent = React63.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React62.createElement(TabsPrimitive.Content, _object_spread({
+    return React63.createElement(TabsPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("w-full ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className)
     }, props));
 });
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 // src/elements/Textarea.tsx
-var React63 = __toESM(require("react"));
-var Textarea = React63.forwardRef(function(_param, ref) {
+var React64 = __toESM(require("react"));
+var Textarea = React64.forwardRef(function(_param, ref) {
     var className = _param.className, label = _param.label, props = _object_without_properties(_param, [
         "className",
         "label"
     ]);
-    return /* @__PURE__ */ React63.createElement(React63.Fragment, null, label && /* @__PURE__ */ React63.createElement(Label, {
+    return /* @__PURE__ */ React64.createElement(React64.Fragment, null, label && /* @__PURE__ */ React64.createElement(Label, {
         htmlFor: props.id
-    }, label), /* @__PURE__ */ React63.createElement("textarea", _object_spread({
+    }, label), /* @__PURE__ */ React64.createElement("textarea", _object_spread({
         className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
         ref: ref
     }, props)));
 });
 Textarea.displayName = "Textarea";
 // src/elements/Separator.tsx
-var React64 = __toESM(require("react"));
+var React65 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var Separator3 = React64.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Separator3 = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_decorative = _param.decorative, decorative = _param_decorative === void 0 ? true : _param_decorative, props = _object_without_properties(_param, [
         "className",
         "orientation",
         "decorative"
     ]);
-    return React64.createElement(SeparatorPrimitive.Root, _object_spread({
+    return React65.createElement(SeparatorPrimitive.Root, _object_spread({
         ref: ref,
         decorative: decorative,
         orientation: orientation,
@@ -6873,7 +6924,7 @@ var Separator3 = React64.forwardRef(function(_param, ref) /* @__PURE__ */ {
 });
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 // src/elements/Toast.tsx
-var React65 = __toESM(require("react"));
+var React66 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority3 = require("class-variance-authority");
 var toastVariants = (0, import_class_variance_authority3.cva)("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border  shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80  data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
@@ -6895,24 +6946,24 @@ var toastVariants = (0, import_class_variance_authority3.cva)("group pointer-eve
     }
 });
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastViewport = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React65.createElement(ToastPrimitives.Viewport, _object_spread({
+    return React66.createElement(ToastPrimitives.Viewport, _object_spread({
         ref: ref,
         className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className)
     }, props));
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React65.forwardRef(function(_param, ref) {
+var Toast = React66.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__ */ React65.createElement(ToastPrimitives.Root, _object_spread({
+    return /* @__PURE__ */ React66.createElement(ToastPrimitives.Root, _object_spread({
         ref: ref,
         className: cn(toastVariants({
             variant: variant,
@@ -6922,61 +6973,61 @@ var Toast = React65.forwardRef(function(_param, ref) {
     }, props));
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React65.forwardRef(function(_param, ref) {
+var ToastAction = React66.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React65.createElement(ToastPrimitives.Action, _object_spread({
+    return /* @__PURE__ */ React66.createElement(ToastPrimitives.Action, _object_spread({
         ref: ref,
         className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info", "group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error", "group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success", "group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning", className)
     }, props));
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastClose = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React65.createElement(ToastPrimitives.Close, _object_spread({
+    return React66.createElement(ToastPrimitives.Close, _object_spread({
         ref: ref,
         className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
         "toast-close": ""
-    }, props), /* @__PURE__ */ React65.createElement("svg", {
+    }, props), /* @__PURE__ */ React66.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
         className: "h-4 w-4",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React65.createElement("path", {
+    }, /* @__PURE__ */ React66.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 = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastTitle = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React65.createElement(ToastPrimitives.Title, _object_spread({
+    return React66.createElement(ToastPrimitives.Title, _object_spread({
         ref: ref,
         className: cn("text-sm font-semibold", className)
     }, props));
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastDescription = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React65.createElement(ToastPrimitives.Description, _object_spread({
+    return React66.createElement(ToastPrimitives.Description, _object_spread({
         ref: ref,
         className: cn("text-sm opacity-90", className)
     }, props));
 });
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 // src/elements/Toaster.tsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 // src/hooks/useToast.ts
-var React66 = __toESM(require("react"));
+var React67 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -7087,8 +7138,8 @@ function toast(_param) {
     };
 }
 function useToast() {
-    var _React66_useState = _sliced_to_array(React66.useState(memoryState), 2), state = _React66_useState[0], setState = _React66_useState[1];
-    React66.useEffect(function() {
+    var _React67_useState = _sliced_to_array(React67.useState(memoryState), 2), state = _React67_useState[0], setState = _React67_useState[1];
+    React67.useEffect(function() {
         listeners.push(setState);
         return function() {
             var index = listeners.indexOf(setState);
@@ -7113,7 +7164,7 @@ function useToast() {
 function Toaster(props) {
     var toasts = useToast().toasts;
     var isRTL = props.direction === "rtl";
-    return /* @__PURE__ */ import_react55.default.createElement(ToastProvider, {
+    return /* @__PURE__ */ import_react56.default.createElement(ToastProvider, {
         swipeDirection: isRTL ? "left" : "right"
     }, toasts.map(function(_param) {
         var id = _param.id, title = _param.title, description = _param.description, action = _param.action, toastProps = _object_without_properties(_param, [
@@ -7122,18 +7173,18 @@ function Toaster(props) {
             "description",
             "action"
         ]);
-        return /* @__PURE__ */ import_react55.default.createElement(Toast, _object_spread({
+        return /* @__PURE__ */ import_react56.default.createElement(Toast, _object_spread({
             direction: props.direction,
             key: id
-        }, toastProps), /* @__PURE__ */ import_react55.default.createElement("div", {
+        }, toastProps), /* @__PURE__ */ import_react56.default.createElement("div", {
             className: cn("grid gap-1", isRTL ? "text-right" : "text-left")
-        }, title && /* @__PURE__ */ import_react55.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react55.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react55.default.createElement(ToastClose, null));
-    }), /* @__PURE__ */ import_react55.default.createElement(ToastViewport, {
+        }, title && /* @__PURE__ */ import_react56.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react56.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react56.default.createElement(ToastClose, null));
+    }), /* @__PURE__ */ import_react56.default.createElement(ToastViewport, {
         className: cn("gap-2", isRTL && "fixed left-0")
     }));
 }
 // src/elements/Dialog.tsx
-var React68 = __toESM(require("react"));
+var React69 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
@@ -7141,42 +7192,42 @@ var DialogPortal = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement(DialogPrimitive.Portal, _object_spread({
+    return React69.createElement(DialogPrimitive.Portal, _object_spread({
         className: cn(className)
     }, props));
 };
 DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-var DialogOverlay = React68.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogOverlay = React69.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement(DialogPrimitive.Overlay, _object_spread({
+    return React69.createElement(DialogPrimitive.Overlay, _object_spread({
         ref: ref,
         className: cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
     }, props));
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React68.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogContent = React69.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React68.createElement(DialogPortal, null, /* @__PURE__ */ React68.createElement(DialogOverlay, null), /* @__PURE__ */ React68.createElement(DialogPrimitive.Content, _object_spread({
+    return React69.createElement(DialogPortal, null, /* @__PURE__ */ React69.createElement(DialogOverlay, null), /* @__PURE__ */ React69.createElement(DialogPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full", className)
-    }, props), children, /* @__PURE__ */ React68.createElement(DialogPrimitive.Close, {
+    }, props), children, /* @__PURE__ */ React69.createElement(DialogPrimitive.Close, {
         className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
-    }, /* @__PURE__ */ React68.createElement("svg", {
+    }, /* @__PURE__ */ React69.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
         className: "h-5 w-5",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React68.createElement("path", {
+    }, /* @__PURE__ */ React69.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__ */ React68.createElement("span", {
+    })), /* @__PURE__ */ React69.createElement("span", {
         className: "sr-only"
     }, "Close"))));
 });
@@ -7185,7 +7236,7 @@ var DialogHeader = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement("div", _object_spread({
+    return React69.createElement("div", _object_spread({
         className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className)
     }, props));
 };
@@ -7194,61 +7245,61 @@ var DialogFooter = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement("div", _object_spread({
+    return React69.createElement("div", _object_spread({
         className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
     }, props));
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React68.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogTitle = React69.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement(DialogPrimitive.Title, _object_spread({
+    return React69.createElement(DialogPrimitive.Title, _object_spread({
         ref: ref,
         className: cn("text-lg font-semibold leading-none tracking-tight", className)
     }, props));
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React68.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogDescription = React69.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement(DialogPrimitive.Description, _object_spread({
+    return React69.createElement(DialogPrimitive.Description, _object_spread({
         ref: ref,
         className: cn("text-sm text-muted-foreground", className)
     }, props));
 });
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/layout/Box.tsx
-var import_react56 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 var Box = function(props) {
-    return /* @__PURE__ */ import_react56.default.createElement("div", null, props.children);
+    return /* @__PURE__ */ import_react57.default.createElement("div", null, props.children);
 };
 // src/layout/HawaBottomAppBar.tsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var HawaBottomAppBar = function(props) {
-    return /* @__PURE__ */ import_react57.default.createElement("div", {
+    return /* @__PURE__ */ import_react58.default.createElement("div", {
         className: "fixed bottom-0 top-auto left-0 m-0 w-full max-w-full  p-1"
-    }, /* @__PURE__ */ import_react57.default.createElement("div", {
+    }, /* @__PURE__ */ import_react58.default.createElement("div", {
         className: "flex w-full flex-row items-center justify-evenly rounded bg-gray-200"
     }, props.appBarContent.map(function(singleContent, i) {
-        return /* @__PURE__ */ import_react57.default.createElement("div", {
+        return /* @__PURE__ */ import_react58.default.createElement("div", {
             key: i,
             className: "m-1 flex h-full w-full flex-col items-center justify-center rounded p-2 transition-all hover:cursor-pointer hover:bg-buttonPrimary-700 hover:text-white",
             onClick: singleContent.action
-        }, /* @__PURE__ */ import_react57.default.createElement("div", null, singleContent.icon), /* @__PURE__ */ import_react57.default.createElement("div", {
+        }, /* @__PURE__ */ import_react58.default.createElement("div", null, singleContent.icon), /* @__PURE__ */ import_react58.default.createElement("div", {
             className: "mt-2 text-sm"
         }, singleContent.label));
     })));
 };
 // src/layout/HawaSiteLayout.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var import_clsx27 = __toESM(require("clsx"));
 // src/hooks/useDiscloser.ts
-var import_react58 = require("react");
+var import_react59 = require("react");
 var useDiscloser = function() {
     var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-    var _ref = _sliced_to_array((0, import_react58.useState)(value), 2), open = _ref[0], setOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react59.useState)(value), 2), open = _ref[0], setOpen = _ref[1];
     var onOpen = function() {
         return setOpen(true);
     };
@@ -7263,15 +7314,15 @@ var useDiscloser = function() {
 };
 var useDiscloser_default = useDiscloser;
 // src/hooks/useBreakpoint.ts
-var import_react59 = require("react");
+var import_react60 = require("react");
 var useBreakpoint = function() {
     var _window;
-    var _ref = _sliced_to_array((0, import_react59.useState)((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth), 2), breakpoint = _ref[0], setBreakpoint = _ref[1];
+    var _ref = _sliced_to_array((0, import_react60.useState)((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth), 2), breakpoint = _ref[0], setBreakpoint = _ref[1];
     var resize = function() {
         var _window;
         setBreakpoint((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth);
     };
-    (0, import_react59.useEffect)(function() {
+    (0, import_react60.useEffect)(function() {
         if (typeof window !== "undefined") {
             var _window;
             (_window = window) === null || _window === void 0 ? void 0 : _window.addEventListener("resize", resize);
@@ -7291,19 +7342,19 @@ var HawaSiteLayout = function(_param) {
         "navigationSize"
     ]);
     var _props_navItems;
-    var _ref = _sliced_to_array((0, import_react60.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react60.useState)(false), 2), openSubItem = _ref1[0], setOpenSubItem = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react61.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react61.useState)(false), 2), openSubItem = _ref1[0], setOpenSubItem = _ref1[1];
     var _useDiscloser_default = useDiscloser_default(false), isOpen = _useDiscloser_default.isOpen, onClose = _useDiscloser_default.onClose, onOpen = _useDiscloser_default.onOpen;
-    var ref = (0, import_react60.useRef)(null);
-    var drawerItemRef = (0, import_react60.useRef)(null);
+    var ref = (0, import_react61.useRef)(null);
+    var drawerItemRef = (0, import_react61.useRef)(null);
     var size;
     if (typeof window !== "undefined") {
         size = useBreakpoint_default();
     } else {
         size = 1200;
     }
-    var _ref2 = _sliced_to_array((0, import_react60.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    (0, import_react60.useEffect)(function() {
+    var _ref2 = _sliced_to_array((0, import_react61.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
+    (0, import_react61.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -7333,30 +7384,30 @@ var HawaSiteLayout = function(_param) {
     };
     var ltrChildrenStyle = [];
     var rtlChildrenStyle = [];
-    return /* @__PURE__ */ import_react60.default.createElement("div", {
+    return /* @__PURE__ */ import_react61.default.createElement("div", {
         className: "h-full w-full"
-    }, /* @__PURE__ */ import_react60.default.createElement("div", {
+    }, /* @__PURE__ */ import_react61.default.createElement("div", {
         className: (0, import_clsx27.default)("z-30 flex w-auto select-none flex-row items-start justify-between bg-layoutPrimary-500  transition-all", navigationSizeStyles[navigationSize], "rounded p-3 ", openSideMenu ? "h-44" : "h-14", // props.floating ? "rounded-[30px]" : "rounded",
         props.stickyNav ? "fixed left-4 right-4 top-4" : "", direction === "rtl" ? "flex-row" : "flex-row-reverse")
-    }, size > 600 ? /* @__PURE__ */ import_react60.default.createElement("div", {
+    }, size > 600 ? /* @__PURE__ */ import_react61.default.createElement("div", {
         className: "flex  flex-row h-8    items-center  gap-4 px-3"
     }, (_props_navItems = props.navItems) === null || _props_navItems === void 0 ? void 0 : _props_navItems.map(function(param, i) {
         var label = param.label;
-        return /* @__PURE__ */ import_react60.default.createElement("div", {
+        return /* @__PURE__ */ import_react61.default.createElement("div", {
             onClick: function() {
                 return setOpenSideMenu(!openSideMenu);
             },
             key: i,
             className: "cursor-pointer rounded bg-none text-gray-600 transition-all hover:text-black"
         }, label);
-    })) : /* @__PURE__ */ import_react60.default.createElement("div", {
+    })) : /* @__PURE__ */ import_react61.default.createElement("div", {
         className: "flex items-center justify-center"
-    }, /* @__PURE__ */ import_react60.default.createElement("div", {
+    }, /* @__PURE__ */ import_react61.default.createElement("div", {
         onClick: function() {
             return setOpenSideMenu(!openSideMenu);
         },
         className: "cursor-pointer  rounded p-1  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react60.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react61.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
@@ -7364,49 +7415,49 @@ var HawaSiteLayout = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react60.default.createElement("path", {
+    }, /* @__PURE__ */ import_react61.default.createElement("path", {
         fillRule: "evenodd",
         d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
         clipRule: "evenodd"
-    })), " "), props.pageTitle ? /* @__PURE__ */ import_react60.default.createElement("div", null, props.pageTitle) : /* @__PURE__ */ import_react60.default.createElement("div", null)), /* @__PURE__ */ import_react60.default.createElement("div", {
+    })), " "), props.pageTitle ? /* @__PURE__ */ import_react61.default.createElement("div", null, props.pageTitle) : /* @__PURE__ */ import_react61.default.createElement("div", null)), /* @__PURE__ */ import_react61.default.createElement("div", {
         className: "h-full"
-    }, /* @__PURE__ */ import_react60.default.createElement("img", {
+    }, /* @__PURE__ */ import_react61.default.createElement("img", {
         className: "h-full max-h-8 ",
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/seera/seera-horizontal-wordmark-".concat(direction === "rtl" ? "ar" : "en", "-white.svg")
-    }))), /* @__PURE__ */ import_react60.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react61.default.createElement("div", {
         className: (0, import_clsx27.default)(" relative top-14")
     }, props.children));
 };
 // src/layout/AppLayout.tsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var import_clsx28 = __toESM(require("clsx"));
 // src/layout/Sidebar.tsx
-var React74 = __toESM(require("react"));
+var React75 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
 var Accordion = AccordionPrimitive.Root;
 var triggerStyles = "flex flex-1 items-center select-none cursor-pointer bg-primary-foreground rounded justify-between p-2 px-3 font-medium transition-all  [&[data-state=open]>svg]:-rotate-90";
-var AccordionItem = React74.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionItem = React75.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React74.createElement(AccordionPrimitive.Item, _object_spread({
+    return React75.createElement(AccordionPrimitive.Item, _object_spread({
         ref: ref,
         className: cn(className)
     }, props));
 });
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React74.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionTrigger = React75.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, showArrow = _param.showArrow, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "showArrow",
         "children"
     ]);
-    return React74.createElement(AccordionPrimitive.Header, {
+    return React75.createElement(AccordionPrimitive.Header, {
         className: "flex"
-    }, /* @__PURE__ */ React74.createElement(AccordionPrimitive.Trigger, _object_spread({
+    }, /* @__PURE__ */ React75.createElement(AccordionPrimitive.Trigger, _object_spread({
         ref: ref,
         className: cn(triggerStyles, className)
-    }, props), children, showArrow && /* @__PURE__ */ React74.createElement("svg", {
+    }, props), children, showArrow && /* @__PURE__ */ React75.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         stroke: "currentColor",
         fill: "currentColor",
@@ -7414,29 +7465,29 @@ var AccordionTrigger = React74.forwardRef(function(_param, ref) /* @__PURE__ */
         height: "1em",
         width: "1em",
         className: "h-4 w-4 shrink-0 rotate-90 transition-transform duration-200"
-    }, /* @__PURE__ */ React74.createElement("path", {
+    }, /* @__PURE__ */ React75.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"
     }))));
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React74.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionContent = React75.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React74.createElement(AccordionPrimitive.Content, _object_spread({
+    return React75.createElement(AccordionPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", className)
-    }, props), /* @__PURE__ */ React74.createElement("div", null, children));
+    }, props), /* @__PURE__ */ React75.createElement("div", null, children));
 });
 AccordionContent.displayName = AccordionPrimitive.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__ */ React74.createElement("div", null, title && /* @__PURE__ */ React74.createElement("h3", {
+    return /* @__PURE__ */ React75.createElement("div", null, title && /* @__PURE__ */ React75.createElement("h3", {
         className: "mb-1 font-bold"
-    }, title), /* @__PURE__ */ React74.createElement("ul", {
+    }, title), /* @__PURE__ */ React75.createElement("ul", {
         className: "flex flex-col gap-2"
-    }, /* @__PURE__ */ React74.createElement(Accordion, {
+    }, /* @__PURE__ */ React75.createElement(Accordion, {
         value: openedItem,
         type: "single",
         onValueChange: function(e) {
@@ -7445,7 +7496,7 @@ var SidebarGroup = function(param) {
         collapsible: true,
         className: "flex flex-col gap-1"
     }, items.map(function(item, idx) {
-        return /* @__PURE__ */ React74.createElement(SidebarItem, {
+        return /* @__PURE__ */ React75.createElement(SidebarItem, {
             isOpen: isOpen,
             isSelected: selectedItem,
             key: idx,
@@ -7462,23 +7513,23 @@ var SidebarItem = function(param) {
         return isSelected && isSelected[index] === value ? "bg-primary text-primary-foreground  cursor-default" : "hover:bg-primary/10";
     };
     if (item.subitems) {
-        return /* @__PURE__ */ React74.createElement(AccordionItem, {
+        return /* @__PURE__ */ React75.createElement(AccordionItem, {
             value: item.value,
             className: "overflow-x-clip",
             dir: direction
-        }, /* @__PURE__ */ React74.createElement(AccordionTrigger, {
+        }, /* @__PURE__ */ React75.createElement(AccordionTrigger, {
             className: cn(getSelectedStyle(item.value, 0)),
             showArrow: isOpen
-        }, /* @__PURE__ */ React74.createElement("div", {
+        }, /* @__PURE__ */ React75.createElement("div", {
             className: cn(!isOpen && "py-1", "flex w-fit flex-row items-center  gap-2")
-        }, item.icon, isOpen && /* @__PURE__ */ React74.createElement("span", {
+        }, item.icon, isOpen && /* @__PURE__ */ React75.createElement("span", {
             className: cn("transition-all ", isOpen ? "opacity-100" : "opacity-0")
-        }, item.label))), item.subitems && /* @__PURE__ */ React74.createElement(AccordionContent, {
+        }, item.label))), item.subitems && /* @__PURE__ */ React75.createElement(AccordionContent, {
             className: " mt-1 h-full rounded  "
-        }, /* @__PURE__ */ React74.createElement("div", {
+        }, /* @__PURE__ */ React75.createElement("div", {
             className: cn("flex h-full flex-col gap-2 bg-foreground/5 p-1")
         }, item.subitems.map(function(subitem, idx) {
-            return /* @__PURE__ */ React74.createElement("li", {
+            return /* @__PURE__ */ React75.createElement("li", {
                 key: idx,
                 onClick: function(e) {
                     e.stopPropagation();
@@ -7493,7 +7544,7 @@ var SidebarItem = function(param) {
             }, subitem.icon, subitem.label);
         }))));
     } else {
-        return /* @__PURE__ */ React74.createElement("div", {
+        return /* @__PURE__ */ React75.createElement("div", {
             dir: direction,
             onClick: function() {
                 if (onItemClick) {
@@ -7503,9 +7554,9 @@ var SidebarItem = function(param) {
                 }
             },
             className: cn(triggerStyles, getSelectedStyle(item.value, 0), "overflow-x-clip ")
-        }, /* @__PURE__ */ React74.createElement("div", {
+        }, /* @__PURE__ */ React75.createElement("div", {
             className: "flex flex-row items-center gap-2 "
-        }, item.icon, /* @__PURE__ */ React74.createElement("span", {
+        }, item.icon, /* @__PURE__ */ React75.createElement("span", {
             className: cn("whitespace-nowrap transition-all", isOpen ? "opacity-100" : "opacity-0")
         }, item.label)));
     }
@@ -7536,20 +7587,20 @@ var AppLayout = function(_param) {
             lg: closeDrawerWidth
         }
     };
-    var ref = (0, import_react61.useRef)(null);
+    var ref = (0, import_react62.useRef)(null);
     var isRTL = direction === "rtl";
-    var _ref = _sliced_to_array((0, import_react61.useState)(""), 2), openedSidebarItem = _ref[0], setOpenedSidebarItem = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react61.useState)(currentPage ? currentPage : []), 2), selectedItem = _ref1[0], setSelectedItem = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react62.useState)(""), 2), openedSidebarItem = _ref[0], setOpenedSidebarItem = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react62.useState)(currentPage ? currentPage : []), 2), selectedItem = _ref1[0], setSelectedItem = _ref1[1];
     var size;
     if (typeof window !== "undefined") {
         size = useBreakpoint_default();
     } else {
         size = 1200;
     }
-    var _ref2 = _sliced_to_array((0, import_react61.useState)(size > 600 ? true : false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react61.useState)(size > 600 ? true : false), 2), openSideMenu = _ref3[0], setOpenSideMenu = _ref3[1];
+    var _ref2 = _sliced_to_array((0, import_react62.useState)(size > 600 ? true : false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react62.useState)(size > 600 ? true : false), 2), openSideMenu = _ref3[0], setOpenSideMenu = _ref3[1];
     var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    (0, import_react61.useEffect)(function() {
+    (0, import_react62.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -7562,11 +7613,11 @@ var AppLayout = function(_param) {
     }, [
         keepOpen
     ]);
-    return /* @__PURE__ */ import_react61.default.createElement("div", {
+    return /* @__PURE__ */ import_react62.default.createElement("div", {
         className: "fixed left-0"
-    }, props.topBar && /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, props.topBar && /* @__PURE__ */ import_react62.default.createElement("div", {
         className: (0, import_clsx28.default)("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, size > 600 ? /* @__PURE__ */ import_react62.default.createElement("div", {
         className: (0, import_clsx28.default)("dark:text-white", isRTL ? [
             size > 600 ? "mr-14" : "mr-2",
             keepOpen ? "mr-40" : ""
@@ -7580,15 +7631,15 @@ var AppLayout = function(_param) {
             marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
         }
     }, props.pageTitle) : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react61.default.createElement("div", {
+    /* @__PURE__ */ import_react62.default.createElement("div", {
         dir: direction,
         className: "flex items-center justify-center gap-0.5"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, /* @__PURE__ */ import_react62.default.createElement("div", {
         onClick: function() {
             return setOpenSideMenu(true);
         },
         className: "z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react61.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react62.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: 0,
@@ -7596,36 +7647,36 @@ var AppLayout = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react61.default.createElement("path", {
+    }, /* @__PURE__ */ import_react62.default.createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-    }))), props.pageTitle ? /* @__PURE__ */ import_react61.default.createElement("div", {
+    }))), props.pageTitle ? /* @__PURE__ */ import_react62.default.createElement("div", {
         className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react61.default.createElement("div", null)), /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, props.pageTitle) : /* @__PURE__ */ import_react62.default.createElement("div", null)), /* @__PURE__ */ import_react62.default.createElement("div", {
         className: (0, import_clsx28.default)("flex gap-2 dark:text-white", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, size > 600 ? /* @__PURE__ */ import_react62.default.createElement("div", {
         className: isRTL ? "text-left text-xs" : "text-right text-xs"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, /* @__PURE__ */ import_react62.default.createElement("div", {
         className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react61.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react61.default.createElement(DropdownMenu, {
+    }, props.username), " ", /* @__PURE__ */ import_react62.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react62.default.createElement(DropdownMenu, {
         triggerClassname: "mx-2",
         align: "end",
         alignOffset: 8,
         side: "bottom",
         sideOffset: 5,
         direction: isRTL ? "rtl" : "ltr",
-        trigger: /* @__PURE__ */ import_react61.default.createElement("div", {
+        trigger: /* @__PURE__ */ import_react62.default.createElement("div", {
             className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"
-        }, props.avatarImage ? /* @__PURE__ */ import_react61.default.createElement("img", {
+        }, props.avatarImage ? /* @__PURE__ */ import_react62.default.createElement("img", {
             src: props.avatarImage,
             alt: "User Avatar"
-        }) : /* @__PURE__ */ import_react61.default.createElement("svg", {
+        }) : /* @__PURE__ */ import_react62.default.createElement("svg", {
             "aria-label": "Avatar Icon",
             className: "absolute -left-1 h-10 w-10 text-gray-400",
             fill: "currentColor",
             viewBox: "0 0 20 20"
-        }, /* @__PURE__ */ import_react61.default.createElement("path", {
+        }, /* @__PURE__ */ import_react62.default.createElement("path", {
             fillRule: "evenodd",
             d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
             clipRule: "evenodd"
@@ -7634,7 +7685,7 @@ var AppLayout = function(_param) {
         onItemSelect: function(e) {
             return console.log("selecting item ", e);
         }
-    }))), /* @__PURE__ */ import_react61.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react62.default.createElement("div", {
         className: (0, import_clsx28.default)("fixed  z-40 flex  flex-col justify-between overflow-x-clip   transition-all", design === "floating" ? isRTL ? "right-5 top-5" : "bottom-5 left-5 top-5" : isRTL ? "right-0 top-0 h-full" : "left-0 top-0 h-full"),
         style: {
             width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
@@ -7651,26 +7702,26 @@ var AppLayout = function(_param) {
             }
         },
         ref: ref
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, /* @__PURE__ */ import_react62.default.createElement("div", {
         dir: direction,
         className: (0, import_clsx28.default)("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center transition-all", "bg-primary-foreground"),
         style: {
             width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
         }
-    }, /* @__PURE__ */ import_react61.default.createElement("img", {
+    }, /* @__PURE__ */ import_react62.default.createElement("img", {
         className: (0, import_clsx28.default)("h-9  opacity-0 transition-all", !openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
         src: props.logoLink
-    }), size > 600 ? /* @__PURE__ */ import_react61.default.createElement("img", {
+    }), size > 600 ? /* @__PURE__ */ import_react62.default.createElement("img", {
         className: (0, import_clsx28.default)("fixed  h-9  transition-all", // isRTL ? "right-2.5" : "left-2.5",
         design === "floating" ? isRTL ? "right-7.5 top-7" : "left-7.5 top-7" : isRTL ? "right-2.5 top-2.5" : "left-2.5 top-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
         src: props.logoSymbol
-    }) : null), /* @__PURE__ */ import_react61.default.createElement("div", {
+    }) : null), /* @__PURE__ */ import_react62.default.createElement("div", {
         className: (0, import_clsx28.default)("fixed bottom-14 bg-primary-foreground p-2 py-2 transition-all", design === "floating" ? "top-[76px]" : "top-14", openSideMenu ? "overflow-auto" : "overflow-hidden"),
         style: {
             height: design === "floating" ? "calc(100% - 152px)" : "calc(100% - 112px)",
             width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
         }
-    }, /* @__PURE__ */ import_react61.default.createElement(SidebarGroup, {
+    }, /* @__PURE__ */ import_react62.default.createElement(SidebarGroup, {
         direction: direction,
         onItemClick: function(values) {
             setSelectedItem(values);
@@ -7687,30 +7738,30 @@ var AppLayout = function(_param) {
         },
         isOpen: openSideMenu,
         items: props.drawerItems
-    })), /* @__PURE__ */ import_react61.default.createElement("div", {
+    })), /* @__PURE__ */ import_react62.default.createElement("div", {
         className: (0, import_clsx28.default)("fixed  flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground  transition-all", direction === "rtl" ? "flex-row-reverse" : "flex-row", design === "floating" ? "bottom-5" : "bottom-0"),
         style: {
             width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
         }
-    }, DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react61.default.createElement(Tooltip, {
+    }, DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react62.default.createElement(Tooltip, {
         side: "left",
         delayDuration: 500,
         content: keepOpen ? ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.collapseSidebar) || "Collapse Sidebar" : ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.expandSidebar) || "Expand Sidebar"
-    }, /* @__PURE__ */ import_react61.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react62.default.createElement(Button, {
         variant: "light",
         onClick: function() {
             return setKeepOpen(!keepOpen);
         },
         size: "smallIcon"
-    }, /* @__PURE__ */ import_react61.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react62.default.createElement("svg", {
         className: (0, import_clsx28.default)("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ", keepOpen ? isRTL ? "-rotate-90" : "rotate-90" : isRTL ? "rotate-90" : "-rotate-90"),
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react61.default.createElement("path", {
+    }, /* @__PURE__ */ import_react62.default.createElement("path", {
         fillRule: "evenodd",
         d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
         clipRule: "evenodd"
-    })))) : null)), /* @__PURE__ */ import_react61.default.createElement("div", {
+    })))) : null)), /* @__PURE__ */ import_react62.default.createElement("div", {
         className: "fixed overflow-y-auto transition-all",
         style: design === "floating" ? isRTL ? {
             height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
@@ -7736,7 +7787,7 @@ var AppLayout = function(_param) {
     }, props.children));
 };
 // src/layout/HawaAppLayout.tsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 var import_clsx29 = __toESM(require("clsx"));
 var import_fa = require("react-icons/fa");
 var HawaAppLayout = function(_param) {
@@ -7746,11 +7797,11 @@ var HawaAppLayout = function(_param) {
         "onSettingsClick"
     ]);
     var _props_drawerItems;
-    var _ref = _sliced_to_array((0, import_react62.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react62.useState)(""), 2), openSubItem = _ref1[0], setOpenSubitem = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react63.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react63.useState)(""), 2), openSubItem = _ref1[0], setOpenSubitem = _ref1[1];
     var _useDiscloser_default = useDiscloser_default(false), isOpen = _useDiscloser_default.isOpen, onClose = _useDiscloser_default.onClose, onOpen = _useDiscloser_default.onOpen;
-    var _ref2 = _sliced_to_array((0, import_react62.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    var ref = (0, import_react62.useRef)(null);
+    var _ref2 = _sliced_to_array((0, import_react63.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
+    var ref = (0, import_react63.useRef)(null);
     var isRTL = direction === "rtl";
     var size;
     if (typeof window !== "undefined") {
@@ -7758,7 +7809,7 @@ var HawaAppLayout = function(_param) {
     } else {
         size = 1200;
     }
-    (0, import_react62.useEffect)(function() {
+    (0, import_react63.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -7785,12 +7836,12 @@ var HawaAppLayout = function(_param) {
         }
     };
     var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    return /* @__PURE__ */ import_react62.default.createElement("div", {
+    return /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "fixed"
-    }, props.topBar && /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, props.topBar && /* @__PURE__ */ import_react63.default.createElement("div", {
         className: (0, import_clsx29.default)("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-layoutPrimary-500 p-2", isRTL ? "flex-row-reverse" : "flex-row")
     }, size > 600 ? props.pageTitle ? // Title of the page
-    /* @__PURE__ */ import_react62.default.createElement("div", {
+    /* @__PURE__ */ import_react63.default.createElement("div", {
         className: (0, import_clsx29.default)(isRTL ? [
             size > 600 ? "mr-14" : "mr-2",
             keepOpen ? "mr-40" : ""
@@ -7804,15 +7855,15 @@ var HawaAppLayout = function(_param) {
             marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
         }
     }, props.pageTitle) : null : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react62.default.createElement("div", {
+    /* @__PURE__ */ import_react63.default.createElement("div", {
         dir: direction,
         className: "flex items-center justify-center gap-0.5 "
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         onClick: function() {
             return setOpenSideMenu(true);
         },
         className: "z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react62.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
@@ -7820,36 +7871,36 @@ var HawaAppLayout = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react62.default.createElement("path", {
+    }, /* @__PURE__ */ import_react63.default.createElement("path", {
         fillRule: "evenodd",
         d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
         clipRule: "evenodd"
-    })), " "), props.pageTitle ? /* @__PURE__ */ import_react62.default.createElement("div", {
+    })), " "), props.pageTitle ? /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react62.default.createElement("div", null)), /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, props.pageTitle) : /* @__PURE__ */ import_react63.default.createElement("div", null)), /* @__PURE__ */ import_react63.default.createElement("div", {
         className: (0, import_clsx29.default)("flex gap-2", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, size > 600 ? /* @__PURE__ */ import_react63.default.createElement("div", {
         className: (0, import_clsx29.default)(isRTL ? "text-left text-xs" : "text-right text-xs")
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react62.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react62.default.createElement(HawaMenu, {
+    }, props.username), " ", /* @__PURE__ */ import_react63.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react63.default.createElement(HawaMenu, {
         direction: direction,
         withHeader: size > 600 ? false : true,
         headerTitle: size > 600 ? "" : props.username,
         headerSubtitle: size > 600 ? "" : props.email,
         menuItems: props.profileMenuItems,
         position: "bottom-left"
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "relative h-8 w-8  cursor-pointer overflow-hidden rounded-full ring-1 ring-buttonPrimary-500 dark:bg-gray-600"
-    }, /* @__PURE__ */ import_react62.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
         className: "absolute -left-1 h-10 w-10 text-gray-400",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react62.default.createElement("path", {
+    }, /* @__PURE__ */ import_react63.default.createElement("path", {
         fillRule: "evenodd",
         d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
         clipRule: "evenodd"
-    })))))), /* @__PURE__ */ import_react62.default.createElement("div", {
+    })))))), /* @__PURE__ */ import_react63.default.createElement("div", {
         onMouseEnter: function() {
             setOpenSideMenu(true);
         },
@@ -7861,34 +7912,34 @@ var HawaAppLayout = function(_param) {
         style: {
             width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
         }
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         className: (0, import_clsx29.default)("no-scrollbar", props.topBar ? "" : "mt-2", openSideMenu ? "overflow-auto" : "overflow-hidden")
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         dir: direction,
         className: (0, import_clsx29.default)("fixed z-50 mb-2 flex h-14 flex-row items-center transition-all ", size > 600 || openSideMenu ? "bg-layoutPrimary-500" : "w-0 bg-transparent"),
         style: {
             width: size > 600 ? "".concat(drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize] - 16, "px") : "full"
         }
-    }, /* @__PURE__ */ import_react62.default.createElement("img", {
+    }, /* @__PURE__ */ import_react63.default.createElement("img", {
         className: (0, import_clsx29.default)("fixed top-2.5 h-9  opacity-0 transition-all", isRTL ? "right-2.5" : "left-2.5", !openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
         src: props.logoLink
-    }), size > 600 ? /* @__PURE__ */ import_react62.default.createElement("img", {
+    }), size > 600 ? /* @__PURE__ */ import_react63.default.createElement("img", {
         className: (0, import_clsx29.default)("fixed top-2.5 h-9  transition-all", isRTL ? "right-2.5" : "left-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
         src: props.logoSymbol
-    }) : null), /* @__PURE__ */ import_react62.default.createElement("div", {
+    }) : null), /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "mb-10 mt-14"
     }, (_props_drawerItems = props.drawerItems) === null || _props_drawerItems === void 0 ? void 0 : _props_drawerItems.map(function(dSection, dIndex) {
         var _dSection;
-        return /* @__PURE__ */ import_react62.default.createElement("div", {
+        return /* @__PURE__ */ import_react63.default.createElement("div", {
             key: dIndex,
             className: (0, import_clsx29.default)("flex flex-col items-stretch justify-center")
         }, (_dSection = dSection) === null || _dSection === void 0 ? void 0 : _dSection.map(function(dItem, i) {
             var _dItem_subItems, _dItem_subItems1, _dItem_subItems2;
-            return /* @__PURE__ */ import_react62.default.createElement("div", {
+            return /* @__PURE__ */ import_react63.default.createElement("div", {
                 key: i,
                 id: "test",
                 className: "flex flex-col"
-            }, /* @__PURE__ */ import_react62.default.createElement("div", {
+            }, /* @__PURE__ */ import_react63.default.createElement("div", {
                 onClick: function() {
                     dItem.subItems ? openSubItem === dItem.slug ? // ||
                     // dItem.subItems.find(
@@ -7899,50 +7950,50 @@ var HawaAppLayout = function(_param) {
                 className: (0, import_clsx29.default)(props.currentPage === dItem.slug || ((_dItem_subItems = dItem.subItems) === null || _dItem_subItems === void 0 ? void 0 : _dItem_subItems.find(function(e) {
                     return e.slug === props.currentPage;
                 })) ? "bg-buttonPrimary-500 text-white" : "hover:bg-layoutPrimary-300", "m-2 my-1  flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2  pl-3 transition-all ", isRTL ? "flex-row-reverse pr-3" : "")
-            }, /* @__PURE__ */ import_react62.default.createElement("div", {
+            }, /* @__PURE__ */ import_react63.default.createElement("div", {
                 className: "flex flex-row",
                 dir: direction
-            }, /* @__PURE__ */ import_react62.default.createElement("div", {
+            }, /* @__PURE__ */ import_react63.default.createElement("div", {
                 className: "flex items-center justify-center"
-            }, dItem.icon), /* @__PURE__ */ import_react62.default.createElement("div", {
+            }, dItem.icon), /* @__PURE__ */ import_react63.default.createElement("div", {
                 className: (0, import_clsx29.default)("mx-2 whitespace-nowrap text-sm transition-all", openSideMenu ? "opacity-100" : "opacity-0")
-            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react62.default.createElement("div", {
+            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react63.default.createElement("div", {
                 className: (0, import_clsx29.default)(openSubItem && dItem.slug === openSubItem ? "-rotate-90" : "rotate-90")
-            }, /* @__PURE__ */ import_react62.default.createElement(import_fa.FaChevronRight, {
+            }, /* @__PURE__ */ import_react63.default.createElement(import_fa.FaChevronRight, {
                 fontSize: 11
-            }))), dItem.subItems && /* @__PURE__ */ import_react62.default.createElement("div", {
+            }))), dItem.subItems && /* @__PURE__ */ import_react63.default.createElement("div", {
                 className: (0, import_clsx29.default)("m-1 flex cursor-pointer flex-col gap-0 overflow-clip whitespace-nowrap rounded bg-layoutPrimary-300 p-1 transition-all", openSubItem == dItem.slug && openSideMenu ? "" : "my-0 py-0", isRTL ? "text-right" : "text-left"),
                 style: {
                     height: openSubItem == dItem.slug && openSideMenu ? 6 + 33 * ((_dItem_subItems1 = dItem.subItems) === null || _dItem_subItems1 === void 0 ? void 0 : _dItem_subItems1.length) : 0
                 }
             }, (_dItem_subItems2 = dItem.subItems) === null || _dItem_subItems2 === void 0 ? void 0 : _dItem_subItems2.map(function(subIt, s) {
-                return /* @__PURE__ */ import_react62.default.createElement("div", {
+                return /* @__PURE__ */ import_react63.default.createElement("div", {
                     key: s,
                     className: (0, import_clsx29.default)("flex flex-row gap-2 overflow-x-clip  rounded p-2 px-2 text-xs", isRTL ? "text-right" : "text-left", props.currentPage === subIt.slug ? "bg-buttonPrimary-500 text-white hover:bg-buttonPrimary-500" : "hover:bg-layoutPrimary-500"),
                     dir: direction,
                     onClick: function() {
                         subIt.action();
                     }
-                }, /* @__PURE__ */ import_react62.default.createElement("div", {
+                }, /* @__PURE__ */ import_react63.default.createElement("div", {
                     className: "flex items-center justify-center"
-                }, subIt.icon), /* @__PURE__ */ import_react62.default.createElement("div", {
+                }, subIt.icon), /* @__PURE__ */ import_react63.default.createElement("div", {
                     className: "flex flex-row justify-between"
                 }, subIt.label));
             })));
-        }), dIndex !== props.drawerItems.length - 1 && /* @__PURE__ */ import_react62.default.createElement("div", {
+        }), dIndex !== props.drawerItems.length - 1 && /* @__PURE__ */ import_react63.default.createElement("div", {
             className: "my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 text-center "
         }));
-    })), openSideMenu && /* @__PURE__ */ import_react62.default.createElement("div", {
+    })), openSideMenu && /* @__PURE__ */ import_react63.default.createElement("div", {
         className: (0, import_clsx29.default)("fixed bottom-0 flex flex-row items-center bg-layoutPrimary-500 p-4 transition-all", openSideMenu ? "bg-layoutPrimary-500 " : "bg-red-500", onSettingsClick ? "justify-between" : "justify-end", direction === "rtl" ? "right-0" : "left-0"),
         style: {
             width: "".concat(drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize] - 16, "px")
         }
-    }, onSettingsClick && /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, onSettingsClick && /* @__PURE__ */ import_react63.default.createElement("div", {
         className: " cursor-pointer rounded p-2 transition-all hover:bg-layoutPrimary-700",
         onClick: function() {
             return onSettingsClick();
         }
-    }, /* @__PURE__ */ import_react62.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
         "aria-label": "Settings Icon",
         stroke: "currentColor",
         fill: "none",
@@ -7952,31 +8003,31 @@ var HawaAppLayout = function(_param) {
         strokeLinejoin: "round",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react62.default.createElement("circle", {
+    }, /* @__PURE__ */ import_react63.default.createElement("circle", {
         cx: "12",
         cy: "12",
         r: "3"
-    }), /* @__PURE__ */ import_react62.default.createElement("path", {
+    }), /* @__PURE__ */ import_react63.default.createElement("path", {
         d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
-    }))), size > 600 ? /* @__PURE__ */ import_react62.default.createElement("div", {
+    }))), size > 600 ? /* @__PURE__ */ import_react63.default.createElement("div", {
         className: (0, import_clsx29.default)("w-fit transition-all"),
         style: isRTL ? {
             right: "".concat(drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize] - 35, "px")
         } : {
             left: "".concat(drawerSizeStyle[openSideMenu ? "opened" : "closed"][drawerSize] - 35, "px")
         }
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         dir: direction,
         className: (0, import_clsx29.default)("relative left-0 top-0 transition-all", openSideMenu ? " opacity-100" : " opacity-0")
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         onClick: function() {
             return setKeepOpen(!keepOpen);
         },
         className: "w-fit cursor-pointer rounded bg-gray-300 p-2 transition-all hover:bg-gray-400"
-    }, /* @__PURE__ */ import_react62.default.createElement(import_fa.FaChevronRight, {
+    }, /* @__PURE__ */ import_react63.default.createElement(import_fa.FaChevronRight, {
         fontSize: 14,
         className: (0, import_clsx29.default)("transition-all", isRTL ? keepOpen ? "rotate-0" : "rotate-180" : keepOpen ? "rotate-180" : "rotate-0")
-    })))) : null))), /* @__PURE__ */ import_react62.default.createElement("div", {
+    })))) : null))), /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "fixed overflow-y-auto",
         style: isRTL ? {
             height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
@@ -7992,7 +8043,7 @@ var HawaAppLayout = function(_param) {
     }, props.children));
 };
 // src/layout/HawaAppLayoutSimplified.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_clsx30 = __toESM(require("clsx"));
 var HawaAppLayoutSimplified = function(_param) {
     var _param_direction = _param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_drawerSize = _param.drawerSize, drawerSize = _param_drawerSize === void 0 ? "md" : _param_drawerSize, onSettingsClick = _param.onSettingsClick, DrawerFooterActions = _param.DrawerFooterActions, props = _object_without_properties(_param, [
@@ -8002,11 +8053,11 @@ var HawaAppLayoutSimplified = function(_param) {
         "DrawerFooterActions"
     ]);
     var _props_drawerItems, _props_texts, _props_texts1;
-    var _ref = _sliced_to_array((0, import_react63.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react63.useState)(""), 2), openSubItem = _ref1[0], setOpenSubitem = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react64.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react64.useState)(""), 2), openSubItem = _ref1[0], setOpenSubitem = _ref1[1];
     var _useDiscloser_default = useDiscloser_default(false), isOpen = _useDiscloser_default.isOpen, onClose = _useDiscloser_default.onClose, onOpen = _useDiscloser_default.onOpen;
-    var _ref2 = _sliced_to_array((0, import_react63.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    var ref = (0, import_react63.useRef)(null);
+    var _ref2 = _sliced_to_array((0, import_react64.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
+    var ref = (0, import_react64.useRef)(null);
     var isRTL = direction === "rtl";
     var size;
     if (typeof window !== "undefined") {
@@ -8014,7 +8065,7 @@ var HawaAppLayoutSimplified = function(_param) {
     } else {
         size = 1200;
     }
-    (0, import_react63.useEffect)(function() {
+    (0, import_react64.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -8043,11 +8094,11 @@ var HawaAppLayoutSimplified = function(_param) {
         }
     };
     var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    return /* @__PURE__ */ import_react63.default.createElement("div", {
+    return /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "fixed left-0"
-    }, props.topBar && /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, props.topBar && /* @__PURE__ */ import_react64.default.createElement("div", {
         className: (0, import_clsx30.default)("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, size > 600 ? /* @__PURE__ */ import_react64.default.createElement("div", {
         className: (0, import_clsx30.default)("dark:text-white", isRTL ? [
             size > 600 ? "mr-14" : "mr-2",
             keepOpen ? "mr-40" : ""
@@ -8061,15 +8112,15 @@ var HawaAppLayoutSimplified = function(_param) {
             marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
         }
     }, props.pageTitle) : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react63.default.createElement("div", {
+    /* @__PURE__ */ import_react64.default.createElement("div", {
         dir: direction,
         className: "flex items-center justify-center gap-0.5"
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, /* @__PURE__ */ import_react64.default.createElement("div", {
         onClick: function() {
             return setOpenSideMenu(true);
         },
         className: "z-40 mx-1 cursor-pointer  rounded p-2  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react64.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
@@ -8077,33 +8128,33 @@ var HawaAppLayoutSimplified = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react63.default.createElement("path", {
+    }, /* @__PURE__ */ import_react64.default.createElement("path", {
         fillRule: "evenodd",
         d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
         clipRule: "evenodd"
-    }))), props.pageTitle ? /* @__PURE__ */ import_react63.default.createElement("div", {
+    }))), props.pageTitle ? /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react63.default.createElement("div", null)), /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, props.pageTitle) : /* @__PURE__ */ import_react64.default.createElement("div", null)), /* @__PURE__ */ import_react64.default.createElement("div", {
         className: (0, import_clsx30.default)("flex gap-2 dark:text-white", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, size > 600 ? /* @__PURE__ */ import_react64.default.createElement("div", {
         className: isRTL ? "text-left text-xs" : "text-right text-xs"
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react63.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react63.default.createElement(DropdownMenu, {
+    }, props.username), " ", /* @__PURE__ */ import_react64.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react64.default.createElement(DropdownMenu, {
         triggerClassname: "mx-2",
         align: "end",
         alignOffset: 8,
         side: "bottom",
         sideOffset: 5,
         direction: isRTL ? "rtl" : "ltr",
-        trigger: /* @__PURE__ */ import_react63.default.createElement("div", {
+        trigger: /* @__PURE__ */ import_react64.default.createElement("div", {
             className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"
-        }, /* @__PURE__ */ import_react63.default.createElement(AvatarIcon, null)),
+        }, /* @__PURE__ */ import_react64.default.createElement(AvatarIcon, null)),
         items: props.profileMenuItems,
         onItemSelect: function(e) {
             return console.log("selecting item ", e);
         }
-    }))), /* @__PURE__ */ import_react63.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react64.default.createElement("div", {
         className: (0, import_clsx30.default)("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip  transition-all", isRTL ? "right-0" : "left-0"),
         style: {
             width: size > 600 ? openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "".concat(drawerSizeStyle["closed"][drawerSize], "px") : openSideMenu ? "".concat(drawerSizeStyle["opened"][drawerSize], "px") : "0px"
@@ -8115,20 +8166,20 @@ var HawaAppLayoutSimplified = function(_param) {
             return keepOpen ? setOpenSideMenu(true) : setOpenSideMenu(false);
         },
         ref: ref
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, /* @__PURE__ */ import_react64.default.createElement("div", {
         dir: direction,
         className: (0, import_clsx30.default)("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center  bg-primary-foreground  transition-all"),
         style: {
             width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
         }
-    }, /* @__PURE__ */ import_react63.default.createElement("img", {
+    }, /* @__PURE__ */ import_react64.default.createElement("img", {
         className: (0, import_clsx30.default)("h-9  opacity-0 transition-all", // isRTL ? "right-2.5" : "left-2.5",
         !openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
         src: props.logoLink
-    }), size > 600 ? /* @__PURE__ */ import_react63.default.createElement("img", {
+    }), size > 600 ? /* @__PURE__ */ import_react64.default.createElement("img", {
         className: (0, import_clsx30.default)("fixed top-2.5 h-9  transition-all", isRTL ? "right-2.5" : "left-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
         src: props.logoSymbol
-    }) : null), /* @__PURE__ */ import_react63.default.createElement("div", {
+    }) : null), /* @__PURE__ */ import_react64.default.createElement("div", {
         className: (0, import_clsx30.default)(// "no-scrollbar", TODO: make this optional to hide scrollbar or not
         "fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all", // bg-yellow-400
         openSideMenu ? "overflow-auto" : "overflow-hidden"),
@@ -8138,16 +8189,16 @@ var HawaAppLayoutSimplified = function(_param) {
         }
     }, (_props_drawerItems = props.drawerItems) === null || _props_drawerItems === void 0 ? void 0 : _props_drawerItems.map(function(dSection, dIndex) {
         var _dSection;
-        return /* @__PURE__ */ import_react63.default.createElement("div", {
+        return /* @__PURE__ */ import_react64.default.createElement("div", {
             key: dIndex,
             className: (0, import_clsx30.default)("flex select-none flex-col items-stretch justify-center transition-all")
         }, (_dSection = dSection) === null || _dSection === void 0 ? void 0 : _dSection.map(function(dItem, i) {
             var _dItem_subItems, _dItem_subItems1, _dItem_subItems2;
-            return /* @__PURE__ */ import_react63.default.createElement("div", {
+            return /* @__PURE__ */ import_react64.default.createElement("div", {
                 key: i,
                 id: "test",
                 className: "flex flex-col"
-            }, /* @__PURE__ */ import_react63.default.createElement("div", {
+            }, /* @__PURE__ */ import_react64.default.createElement("div", {
                 onClick: function() {
                     dItem.subItems ? openSubItem === dItem.slug ? // ||
                     // dItem.subItems.find(
@@ -8158,61 +8209,61 @@ var HawaAppLayoutSimplified = function(_param) {
                 className: (0, import_clsx30.default)(props.currentPage === dItem.slug || ((_dItem_subItems = dItem.subItems) === null || _dItem_subItems === void 0 ? void 0 : _dItem_subItems.find(function(e) {
                     return e.slug === props.currentPage;
                 })) ? "bg-primary text-primary-foreground " : "hover:bg-primary/20", "my-1  flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2  pl-3 transition-all ", isRTL ? "flex-row-reverse pr-3" : "", openSideMenu ? "m-2" : "m-2")
-            }, /* @__PURE__ */ import_react63.default.createElement("div", {
+            }, /* @__PURE__ */ import_react64.default.createElement("div", {
                 className: "flex flex-row",
                 dir: direction
-            }, /* @__PURE__ */ import_react63.default.createElement("div", {
+            }, /* @__PURE__ */ import_react64.default.createElement("div", {
                 className: "flex items-center justify-center "
-            }, dItem.icon), /* @__PURE__ */ import_react63.default.createElement("div", {
+            }, dItem.icon), /* @__PURE__ */ import_react64.default.createElement("div", {
                 className: (0, import_clsx30.default)("mx-2 whitespace-nowrap text-sm transition-all", openSideMenu ? "opacity-100" : "opacity-0")
-            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react63.default.createElement(ArrowIcon, {
+            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react64.default.createElement(ArrowIcon, {
                 pointing: openSubItem && dItem.slug === openSubItem ? "up" : "down"
-            })), dItem.subItems && /* @__PURE__ */ import_react63.default.createElement("div", {
+            })), dItem.subItems && /* @__PURE__ */ import_react64.default.createElement("div", {
                 className: (0, import_clsx30.default)("m-1 mx-2 flex cursor-pointer flex-col gap-[2px] overflow-clip whitespace-nowrap rounded bg-primary/10 p-1 transition-all", openSubItem == dItem.slug && openSideMenu ? "" : "my-0 py-0", isRTL ? "text-right" : "text-left"),
                 style: {
                     height: openSubItem == dItem.slug && openSideMenu ? 6 + 35 * ((_dItem_subItems1 = dItem.subItems) === null || _dItem_subItems1 === void 0 ? void 0 : _dItem_subItems1.length) : 0
                 }
             }, (_dItem_subItems2 = dItem.subItems) === null || _dItem_subItems2 === void 0 ? void 0 : _dItem_subItems2.map(function(subIt, s) {
-                return /* @__PURE__ */ import_react63.default.createElement("div", {
+                return /* @__PURE__ */ import_react64.default.createElement("div", {
                     key: s,
                     className: (0, import_clsx30.default)("flex flex-row gap-2 overflow-x-clip  rounded-inner p-2 px-2 text-xs", isRTL ? "text-right" : "text-left", props.currentPage === subIt.slug ? "bg-primary text-white" : "hover:bg-primary-foreground hover:text-primary "),
                     dir: direction,
                     onClick: function() {
                         subIt.action();
                     }
-                }, /* @__PURE__ */ import_react63.default.createElement("div", {
+                }, /* @__PURE__ */ import_react64.default.createElement("div", {
                     className: "flex items-center justify-center"
-                }, subIt.icon), /* @__PURE__ */ import_react63.default.createElement("div", {
+                }, subIt.icon), /* @__PURE__ */ import_react64.default.createElement("div", {
                     className: "flex flex-row justify-between"
                 }, subIt.label));
             })));
-        }), dIndex !== props.drawerItems.length - 1 && /* @__PURE__ */ import_react63.default.createElement("div", {
+        }), dIndex !== props.drawerItems.length - 1 && /* @__PURE__ */ import_react64.default.createElement("div", {
             className: "my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 bg-red-500 text-center "
         }));
-    })), /* @__PURE__ */ import_react63.default.createElement("div", {
+    })), /* @__PURE__ */ import_react64.default.createElement("div", {
         className: (0, import_clsx30.default)("fixed bottom-0  flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground  transition-all", direction === "rtl" ? "flex-row-reverse" : "flex-row"),
         style: {
             width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
         }
-    }, DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react63.default.createElement(import_react63.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react63.default.createElement(Tooltip, {
+    }, DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react64.default.createElement(Tooltip, {
         side: "left",
         delayDuration: 500,
         content: keepOpen ? ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.collapseSidebar) || "Collapse Sidebar" : ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.expandSidebar) || "Expand Sidebar"
-    }, /* @__PURE__ */ import_react63.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react64.default.createElement(Button, {
         variant: "light",
         onClick: function() {
             return setKeepOpen(!keepOpen);
         },
         size: "smallIcon"
-    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react64.default.createElement("svg", {
         className: (0, import_clsx30.default)("h-6 w-6 shrink-0 text-primary   transition-all  disabled:bg-gray-200 ", keepOpen ? isRTL ? "-rotate-90" : "rotate-90" : isRTL ? "rotate-90" : "-rotate-90"),
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react63.default.createElement("path", {
+    }, /* @__PURE__ */ import_react64.default.createElement("path", {
         fillRule: "evenodd",
         d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
         clipRule: "evenodd"
-    })))) : null)), /* @__PURE__ */ import_react63.default.createElement("div", {
+    })))) : null)), /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "fixed overflow-y-auto",
         style: isRTL ? {
             height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
@@ -8228,11 +8279,11 @@ var HawaAppLayoutSimplified = function(_param) {
     }, props.children));
 };
 var AvatarIcon = function() {
-    return /* @__PURE__ */ import_react63.default.createElement("svg", {
+    return /* @__PURE__ */ import_react64.default.createElement("svg", {
         className: "absolute -left-1 h-10 w-10 text-gray-400",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react63.default.createElement("path", {
+    }, /* @__PURE__ */ import_react64.default.createElement("path", {
         fillRule: "evenodd",
         d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
         clipRule: "evenodd"
@@ -8257,18 +8308,18 @@ var ArrowIcon = function(param) {
         default:
             break;
     }
-    return /* @__PURE__ */ import_react63.default.createElement("svg", {
+    return /* @__PURE__ */ import_react64.default.createElement("svg", {
         className: (0, import_clsx30.default)("h-6 w-6 shrink-0 text-primary-foreground   transition-all  disabled:bg-gray-200 ", directionStyle),
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react63.default.createElement("path", {
+    }, /* @__PURE__ */ import_react64.default.createElement("path", {
         fillRule: "evenodd",
         d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",
         clipRule: "evenodd"
     }));
 };
 // src/layout/HawaContainer.tsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var import_clsx31 = __toESM(require("clsx"));
 var HawaContainer = function(_param) {
     var _param_maxWidth = _param.maxWidth, maxWidth = _param_maxWidth === void 0 ? "normal" : _param_maxWidth, _param_variant = _param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, _param_centered = _param.centered, centered = _param_centered === void 0 ? false : _param_centered, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, props = _object_without_properties(_param, [
@@ -8288,41 +8339,41 @@ var HawaContainer = function(_param) {
         outlined: "bg-transparent border border-black w-fit",
         neobrutalism: "shadow-neobrutalism  border-4 border-black  bg-white"
     };
-    return /* @__PURE__ */ import_react64.default.createElement("div", {
+    return /* @__PURE__ */ import_react65.default.createElement("div", {
         className: (0, import_clsx31.default)(defaultStyle, maxWidthStyles[maxWidth], variantStyles2[variant], centered ? "flex items-center text-center" : ""),
         dir: direction
     }, props.children);
 };
 // src/layout/HawaGrid.tsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 var HawaGrid = function(props) {
     return(// [&>*:not(:first-child)]:mt-8
-    /* @__PURE__ */ import_react65.default.createElement("div", {
+    /* @__PURE__ */ import_react66.default.createElement("div", {
         className: " columns-1 gap-5 sm:columns-2 sm:gap-8 md:columns-3 lg:columns-4 [&>*:not(:first-child)]:mt-8"
     }, props.children));
 };
 // src/layout/AppSidebar.tsx
-var import_react66 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 var AppSidebar = function(param) {
     var isOpen = param.isOpen, onClose = param.onClose, items = param.items;
     if (!isOpen) {
         return null;
     }
-    return /* @__PURE__ */ import_react66.default.createElement("div", {
+    return /* @__PURE__ */ import_react67.default.createElement("div", {
         className: "fixed inset-0 z-40 flex bg-gray-600 bg-opacity-75"
-    }, /* @__PURE__ */ import_react66.default.createElement("div", {
+    }, /* @__PURE__ */ import_react67.default.createElement("div", {
         className: "w-1/3 rounded-l-lg bg-gray-800 shadow-2xl"
-    }, /* @__PURE__ */ import_react66.default.createElement("button", {
+    }, /* @__PURE__ */ import_react67.default.createElement("button", {
         onClick: onClose,
         className: "p-4 text-gray-400 hover:text-white focus:text-white focus:outline-none"
-    }, "Close"), /* @__PURE__ */ import_react66.default.createElement("nav", null, items.map(function(item, i) {
-        return /* @__PURE__ */ import_react66.default.createElement("a", {
+    }, "Close"), /* @__PURE__ */ import_react67.default.createElement("nav", null, items.map(function(item, i) {
+        return /* @__PURE__ */ import_react67.default.createElement("a", {
             key: i,
             href: "#",
             onClick: item.onClick,
             className: "block p-4 font-bold text-white hover:bg-gray-700 hover:text-gray-400"
         }, item.label);
-    }))), /* @__PURE__ */ import_react66.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react67.default.createElement("div", {
         className: "w-2/3 bg-gray-50"
     }));
 };
@@ -8330,13 +8381,30 @@ var AppSidebar = function(param) {
 var import_bs = require("react-icons/bs");
 var import_fa2 = require("react-icons/fa");
 var Footer = function(_param) {
-    var props = _extends({}, _object_destructuring_empty(_param));
+    var _param_variation = _param.variation, variation = _param_variation === void 0 ? "default" : _param_variation, props = _object_without_properties(_param, [
+        "variation"
+    ]);
     var _props_footerLinks;
+    var variationStyles = {
+        default: "rounded border",
+        minimal: "border-t"
+    };
     return /* @__PURE__ */ React.createElement("div", {
-        className: "sticky  bottom-0 left-0 flex w-full flex-row gap-8  bg-blue-200 p-4"
-    }, props.logoText && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
-        className: "text-2xl font-bold"
-    }, props.logoText)), (_props_footerLinks = props.footerLinks) === null || _props_footerLinks === void 0 ? void 0 : _props_footerLinks.map(function(pagesSection) {
+        className: cn("flex w-full flex-row items-center justify-between gap-8  rounded bg-background p-4", variationStyles[variation])
+    }, /* @__PURE__ */ React.createElement("div", {
+        className: "flex flex-col items-center gap-2"
+    }, /* @__PURE__ */ React.createElement("div", {
+        className: "flex flex-row items-center gap-2"
+    }, props.logoURL && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("img", {
+        className: "h-8",
+        src: props.logoURL
+    })), props.logoText && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
+        className: "text-2xl font-bold text-primary"
+    }, props.logoText))), props.copyRights && props.footerLinks && /* @__PURE__ */ React.createElement("div", {
+        className: "text-xs text-muted-foreground"
+    }, "\xa9 ", props.copyRights, " ", /* @__PURE__ */ new Date().getFullYear())), props.copyRights && !props.footerLinks && /* @__PURE__ */ React.createElement("div", {
+        className: "text-xs text-muted-foreground"
+    }, "\xa9 ", props.copyRights, " ", /* @__PURE__ */ new Date().getFullYear()), (_props_footerLinks = props.footerLinks) === null || _props_footerLinks === void 0 ? void 0 : _props_footerLinks.map(function(pagesSection) {
         return /* @__PURE__ */ React.createElement("div", {
             className: "flex w-32 flex-col gap-2"
         }, /* @__PURE__ */ React.createElement("div", {
@@ -8351,51 +8419,55 @@ var Footer = function(_param) {
         })));
     }), props.socialLinks && /* @__PURE__ */ React.createElement("div", {
         className: "flex flex-row gap-2"
-    }, props.socialLinks.twitter && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_bs.BsTwitter, null)), props.socialLinks.instagram && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_bs.BsInstagram, null)), props.socialLinks.tiktok && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
-    }, /* @__PURE__ */ React.createElement(import_fa2.FaTiktok, null)), props.socialLinks.snapchat && /* @__PURE__ */ React.createElement("div", {
-        className: "flex h-6 w-6 items-center justify-center rounded bg-white"
+    }, props.socialLinks.twitter && /* @__PURE__ */ React.createElement(Button, {
+        size: "smallIcon",
+        variant: "ghost"
+    }, /* @__PURE__ */ React.createElement(import_bs.BsTwitter, null)), props.socialLinks.instagram && /* @__PURE__ */ React.createElement(Button, {
+        size: "smallIcon",
+        variant: "ghost"
+    }, /* @__PURE__ */ React.createElement(import_bs.BsInstagram, null)), props.socialLinks.tiktok && /* @__PURE__ */ React.createElement(Button, {
+        size: "smallIcon",
+        variant: "ghost"
+    }, /* @__PURE__ */ React.createElement(import_fa2.FaTiktok, null)), props.socialLinks.snapchat && /* @__PURE__ */ React.createElement(Button, {
+        size: "smallIcon",
+        variant: "ghost"
     }, /* @__PURE__ */ React.createElement(import_fa2.FaSnapchatGhost, null))));
 };
 // src/layout/Banner.tsx
-var import_react67 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var import_clsx32 = __toESM(require("clsx"));
 var HawaBanner = function(_param) {
     var _param_design = _param.design, design = _param_design === void 0 ? "floating" : _param_design, props = _object_without_properties(_param, [
         "design"
     ]);
-    var bannerRef = (0, import_react67.useRef)(null);
-    var _ref = _sliced_to_array((0, import_react67.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
+    var bannerRef = (0, import_react68.useRef)(null);
+    var _ref = _sliced_to_array((0, import_react68.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
     var bannerStyle = {
         floating: "left-1/2  z-50  w-[calc(100%-2rem)] -translate-x-1/2 lg:max-w-7xl p-4 rounded",
         default: "w-[calc(100%)] left-0 z-50 right-0 rounded-none p-2"
     };
-    return /* @__PURE__ */ import_react67.default.createElement("div", {
+    return /* @__PURE__ */ import_react68.default.createElement("div", {
         ref: bannerRef
-    }, /* @__PURE__ */ import_react67.default.createElement("div", {
+    }, /* @__PURE__ */ import_react68.default.createElement("div", {
         dir: props.direction,
         className: (0, import_clsx32.default)(bannerStyle[design], "fixed flex  flex-col justify-between  border  border-gray-100 bg-white  shadow-sm transition-all dark:border-gray-600 dark:bg-gray-700 md:flex-row md:gap-4 ", props.position === "top" ? design === "floating" ? "top-6" : "top-0" : design === "floating" ? "bottom-6" : "bottom-0", closed ? "opacity-0" : "opacity-100")
-    }, /* @__PURE__ */ import_react67.default.createElement("div", {
+    }, /* @__PURE__ */ import_react68.default.createElement("div", {
         className: "mb-3 flex w-full flex-col items-center  justify-start   md:mb-0 md:flex-row md:items-center"
-    }, /* @__PURE__ */ import_react67.default.createElement("div", {
+    }, /* @__PURE__ */ import_react68.default.createElement("div", {
         className: (0, import_clsx32.default)(props.direction === "rtl" ? "md:ml-4 md:border-l  md:pl-4" : "md:mr-4 md:border-r  md:pr-4", "mb-2 flex items-center  border-gray-200 dark:border-gray-600 md:mb-0 md:mr-4  md:pr-4")
-    }, props.logoURL && /* @__PURE__ */ import_react67.default.createElement("img", {
+    }, props.logoURL && /* @__PURE__ */ import_react68.default.createElement("img", {
         src: props.logoURL,
         className: "mr-2 h-6",
         alt: "Flowbite Logo"
-    }), props.title && /* @__PURE__ */ import_react67.default.createElement("span", {
+    }), props.title && /* @__PURE__ */ import_react68.default.createElement("span", {
         className: "self-center whitespace-nowrap text-lg font-semibold dark:text-white"
-    }, props.title)), props.text && /* @__PURE__ */ import_react67.default.createElement("p", {
+    }, props.title)), props.text && /* @__PURE__ */ import_react68.default.createElement("p", {
         className: (0, import_clsx32.default)("m-0 flex items-center text-center text-sm  font-normal  text-gray-500 dark:text-gray-400 ", props.direction === "rtl" ? "md:text-right" : "md:text-left")
-    }, props.text)), props.actionText && /* @__PURE__ */ import_react67.default.createElement("div", {
+    }, props.text)), props.actionText && /* @__PURE__ */ import_react68.default.createElement("div", {
         className: (0, import_clsx32.default)("flex flex-shrink-0 items-center justify-center ", props.direction === "rtl" ? "ml-0 md:ml-10" : "mr-0 md:mr-10")
-    }, /* @__PURE__ */ import_react67.default.createElement(HawaButton, {
+    }, /* @__PURE__ */ import_react68.default.createElement(HawaButton, {
         onClick: props.onActionClick
-    }, props.actionText)), /* @__PURE__ */ import_react67.default.createElement("button", {
+    }, props.actionText)), /* @__PURE__ */ import_react68.default.createElement("button", {
         type: "button",
         className: (0, import_clsx32.default)("absolute  top-2 inline-flex h-9 w-9 items-center justify-center rounded-inner p-1.5 text-gray-400 transition-all  hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white", props.direction === "rtl" ? "left-2" : "right-2"),
         "data-dismiss-target": "#alert-default",
@@ -8406,40 +8478,40 @@ var HawaBanner = function(_param) {
                 bannerRef.current.removeChild(bannerRef.current.children[0]);
             }, 200);
         }
-    }, /* @__PURE__ */ import_react67.default.createElement("span", {
+    }, /* @__PURE__ */ import_react68.default.createElement("span", {
         className: "sr-only"
-    }, "Close"), /* @__PURE__ */ import_react67.default.createElement("svg", {
+    }, "Close"), /* @__PURE__ */ import_react68.default.createElement("svg", {
         "aria-hidden": "true",
         className: "h-5 w-5",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react67.default.createElement("path", {
+    }, /* @__PURE__ */ import_react68.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"
     })))));
 };
 // src/blocks/Account/UserProfileForm.tsx
-var import_react68 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 var UserProfileForm = function(props) {
     var methods = (0, import_react_hook_form.useForm)();
     var inputs = props.inputs;
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
     var _field_value, _field_value1, _field_value2, _field_value3;
-    return /* @__PURE__ */ import_react68.default.createElement(Card, null, /* @__PURE__ */ import_react68.default.createElement("form", {
+    return /* @__PURE__ */ import_react69.default.createElement(Card, null, /* @__PURE__ */ import_react69.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             return props.handleUpdateProfile(e);
         })
-    }, /* @__PURE__ */ import_react68.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react69.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react68.default.createElement(import_react_hook_form.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react68.default.createElement(import_react_hook_form.Controller, {
+    }, /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "fullName",
         render: function(param) {
             var field = param.field;
             var _errors_fullName;
-            return /* @__PURE__ */ import_react68.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: props.texts.fullNameLabel,
@@ -8449,22 +8521,22 @@ var UserProfileForm = function(props) {
                 value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
             }));
         }
-    }), /* @__PURE__ */ import_react68.default.createElement(import_react_hook_form.Controller, {
+    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "phoneNumber",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react68.default.createElement(HawaPhoneInput, {
+            return /* @__PURE__ */ import_react69.default.createElement(HawaPhoneInput, {
                 label: "Phone number"
             });
         }
-    }), /* @__PURE__ */ import_react68.default.createElement(import_react_hook_form.Controller, {
+    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _errors_email;
-            return /* @__PURE__ */ import_react68.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: props.texts.emailLabel,
@@ -8481,13 +8553,13 @@ var UserProfileForm = function(props) {
                 message: props.texts.emailInvalidText
             }
         }
-    }), /* @__PURE__ */ import_react68.default.createElement(import_react_hook_form.Controller, {
+    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react68.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "password",
                 label: props.texts.passwordLabel,
@@ -8500,13 +8572,13 @@ var UserProfileForm = function(props) {
         rules: {
             required: props.texts.passwordRequiredText
         }
-    }), /* @__PURE__ */ import_react68.default.createElement(import_react_hook_form.Controller, {
+    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "confirmPassword",
         render: function(param) {
             var field = param.field;
             var _errors_confirmPassword;
-            return /* @__PURE__ */ import_react68.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "password",
                 label: props.texts.confirmPasswordLabel,
@@ -8519,24 +8591,24 @@ var UserProfileForm = function(props) {
         rules: {
             required: props.texts.confirmPasswordRequiredText
         }
-    }))), /* @__PURE__ */ import_react68.default.createElement(CardFooter, null, /* @__PURE__ */ import_react68.default.createElement(Button, {
+    }))), /* @__PURE__ */ import_react69.default.createElement(CardFooter, null, /* @__PURE__ */ import_react69.default.createElement(Button, {
         className: "w-full",
         type: "submit"
     }, props.texts.updateProfile))));
 };
 // src/blocks/Account/UserSettingsForm.tsx
-var import_react69 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 var UserSettingsForm = function(props) {
-    return /* @__PURE__ */ import_react69.default.createElement(Card, null, /* @__PURE__ */ import_react69.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react70.default.createElement(Card, null, /* @__PURE__ */ import_react70.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react69.default.createElement("div", {
+    }, /* @__PURE__ */ import_react70.default.createElement("div", {
         className: "mb-2 text-sm font-bold"
-    }, props.blockTitle), /* @__PURE__ */ import_react69.default.createElement("div", {
+    }, props.blockTitle), /* @__PURE__ */ import_react70.default.createElement("div", {
         className: "flex flex-col gap-4 rounded  p-2"
     }, props.children)));
 };
 // src/blocks/AuthForms/AppLanding.tsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 // src/elements/Icons.tsx
 var Icons = {
     logo: function(props) {
@@ -8712,38 +8784,37 @@ var Icons = {
 };
 // src/blocks/AuthForms/AppLanding.tsx
 var AppLanding = function(props) {
-    return /* @__PURE__ */ import_react70.default.createElement("div", null, /* @__PURE__ */ import_react70.default.createElement(Card, null, /* @__PURE__ */ import_react70.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react71.default.createElement("div", null, /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement(CardContent, {
         headless: true,
         className: "flex flex-col gap-6"
-    }, /* @__PURE__ */ import_react70.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react71.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline"
-    }, /* @__PURE__ */ import_react70.default.createElement(Icons.google, {
+    }, /* @__PURE__ */ import_react71.default.createElement(Icons.google, {
         className: "h-4 w-4"
-    }), "Continue With Google"), /* @__PURE__ */ import_react70.default.createElement(Button, {
+    }), "Continue With Google"), /* @__PURE__ */ import_react71.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline"
-    }, /* @__PURE__ */ import_react70.default.createElement(Icons.twitter, {
+    }, /* @__PURE__ */ import_react71.default.createElement(Icons.twitter, {
         className: "h-4 w-4"
-    }), "Continue With Twitter"), /* @__PURE__ */ import_react70.default.createElement(Button, {
+    }), "Continue With Twitter"), /* @__PURE__ */ import_react71.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline"
-    }, /* @__PURE__ */ import_react70.default.createElement(Icons.apple, {
+    }, /* @__PURE__ */ import_react71.default.createElement(Icons.apple, {
         className: "h-4 w-4"
-    }), "Continue With Apple"), /* @__PURE__ */ import_react70.default.createElement(Button, {
+    }), "Continue With Apple"), /* @__PURE__ */ import_react71.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline"
-    }, /* @__PURE__ */ import_react70.default.createElement(Icons.mail, {
+    }, /* @__PURE__ */ import_react71.default.createElement(Icons.mail, {
         className: "h-4 w-4"
-    }), "Continue With Email"), /* @__PURE__ */ import_react70.default.createElement("a", {
-        href: "#",
-        className: "text-center text-sm"
-    }, "Don't have an account?", " ", /* @__PURE__ */ import_react70.default.createElement("a", {
-        href: "#",
+    }), "Continue With Email"), !props.withoutSignUp && /* @__PURE__ */ import_react71.default.createElement("div", {
+        className: "p-3 text-center text-sm font-normal dark:text-gray-300"
+    }, props.texts.newUserText, " ", /* @__PURE__ */ import_react71.default.createElement("span", {
+        onClick: props.handleRouteToSignUp,
         className: "clickable-link"
-    }, "Sign Up")))), /* @__PURE__ */ import_react70.default.createElement("div", {
+    }, props.texts.createAccount)))), /* @__PURE__ */ import_react71.default.createElement("div", {
         className: "mt-6 flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react70.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react71.default.createElement(HawaRadio, {
         onChangeTab: props.handleLanguage,
         design: "tabs",
         options: [
@@ -8756,20 +8827,20 @@ var AppLanding = function(props) {
                 label: "English"
             }
         ]
-    }), /* @__PURE__ */ import_react70.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react71.default.createElement(HawaRadio, {
         onChangeTab: props.handleColorMode,
         design: "tabs",
         options: [
             {
                 value: "light",
-                label: /* @__PURE__ */ import_react70.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react71.default.createElement("svg", {
                     width: "15",
                     height: "15",
                     viewBox: "0 0 15 15",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg",
                     className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"
-                }, /* @__PURE__ */ import_react70.default.createElement("path", {
+                }, /* @__PURE__ */ import_react71.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",
@@ -8778,7 +8849,7 @@ var AppLanding = function(props) {
             },
             {
                 value: "dark",
-                label: /* @__PURE__ */ import_react70.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react71.default.createElement("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "24",
                     height: "24",
@@ -8789,7 +8860,7 @@ var AppLanding = function(props) {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-                }, /* @__PURE__ */ import_react70.default.createElement("path", {
+                }, /* @__PURE__ */ import_react71.default.createElement("path", {
                     d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
                 }))
             }
@@ -8797,26 +8868,26 @@ var AppLanding = function(props) {
     })));
 };
 // src/blocks/AuthForms/SignInPhone.tsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var SignInPhone = function(props) {
     var methods = (0, import_react_hook_form2.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    var _ref = _sliced_to_array((0, import_react71.useState)(""), 2), userPhone = _ref[0], setUserPhone = _ref[1];
+    var _ref = _sliced_to_array((0, import_react72.useState)(""), 2), userPhone = _ref[0], setUserPhone = _ref[1];
     var _props_country, _props_label;
-    return /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react72.default.createElement(Card, null, /* @__PURE__ */ import_react72.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react71.default.createElement("form", {
+    }, /* @__PURE__ */ import_react72.default.createElement("form", {
         onSubmit: function(e) {
             e.preventDefault();
             props.handleSignIn(userPhone);
         }
-    }, /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form2.Controller, {
+    }, /* @__PURE__ */ import_react72.default.createElement(import_react_hook_form2.Controller, {
         control: control,
         name: "phone",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react71.default.createElement(HawaPhoneInput, _object_spread({
+            return /* @__PURE__ */ import_react72.default.createElement(HawaPhoneInput, _object_spread({
                 country: (_props_country = props.country) !== null && _props_country !== void 0 ? _props_country : "",
                 label: (_props_label = props.label) !== null && _props_label !== void 0 ? _props_label : "",
                 handleChange: function(e) {
@@ -8827,39 +8898,39 @@ var SignInPhone = function(props) {
         rules: {
             required: props.phoneRequiredText
         }
-    }), /* @__PURE__ */ import_react71.default.createElement("div", {
+    }), /* @__PURE__ */ import_react72.default.createElement("div", {
         className: "mt-2"
-    }), /* @__PURE__ */ import_react71.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react72.default.createElement(Button, {
         className: "w-full"
     }, props.SignInButtonText))));
 };
 // src/blocks/AuthForms/SignInForm.tsx
-var import_react72 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var SignInForm = function(props) {
     var _ref = (0, import_react_hook_form3.useForm)(), errors = _ref.formState.errors, handleSubmit = _ref.handleSubmit, control = _ref.control;
     var _field_value, _field_value1;
-    return /* @__PURE__ */ import_react72.default.createElement("div", {
+    return /* @__PURE__ */ import_react73.default.createElement("div", {
         className: "flex flex-col gap-4"
-    }, /* @__PURE__ */ import_react72.default.createElement(Card, {
+    }, /* @__PURE__ */ import_react73.default.createElement(Card, {
         dir: props.direction
-    }, /* @__PURE__ */ import_react72.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react73.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react72.default.createElement("form", {
+    }, /* @__PURE__ */ import_react73.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             return props.handleSignIn(e);
         })
-    }, props.showError && /* @__PURE__ */ import_react72.default.createElement(HawaAlert, {
+    }, props.showError && /* @__PURE__ */ import_react73.default.createElement(HawaAlert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), props.signInType === "email" ? /* @__PURE__ */ import_react72.default.createElement(import_react_hook_form3.Controller, {
+    }), props.signInType === "email" ? /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _errors_email;
-            return /* @__PURE__ */ import_react72.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
                 width: "full",
                 type: "text",
                 autoComplete: "email",
@@ -8877,14 +8948,14 @@ var SignInForm = function(props) {
                 message: props.texts.emailInvalidText
             }
         }
-    }) : props.signInType === "username" ? /* @__PURE__ */ import_react72.default.createElement(import_react_hook_form3.Controller, {
+    }) : props.signInType === "username" ? /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
         control: control,
         name: "username",
         render: function(param) {
             var field = param.field;
             var _errors_username;
             var _field_value;
-            return /* @__PURE__ */ import_react72.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
                 width: "full",
                 type: "text",
                 autoComplete: "username",
@@ -8898,25 +8969,25 @@ var SignInForm = function(props) {
         rules: {
             required: props.texts.usernameRequired
         }
-    }) : /* @__PURE__ */ import_react72.default.createElement(import_react_hook_form3.Controller, {
+    }) : /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
         control: control,
         name: "phone",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react72.default.createElement(HawaPhoneInput, {
+            return /* @__PURE__ */ import_react73.default.createElement(HawaPhoneInput, {
                 label: "Phone number"
             });
         },
         rules: {
             required: props.texts.phoneRequiredText
         }
-    }), props.signInType !== "phone" && /* @__PURE__ */ import_react72.default.createElement(import_react72.default.Fragment, null, /* @__PURE__ */ import_react72.default.createElement(import_react_hook_form3.Controller, {
+    }), props.signInType !== "phone" && /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react72.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
                 width: "full",
                 autoComplete: "current-password",
                 type: "password",
@@ -8931,38 +9002,38 @@ var SignInForm = function(props) {
             required: props.texts.passwordRequiredText,
             minLength: 5
         }
-    }), !props.withoutResetPassword && /* @__PURE__ */ import_react72.default.createElement("div", {
+    }), !props.withoutResetPassword && /* @__PURE__ */ import_react73.default.createElement("div", {
         onClick: props.handleForgotPassword,
         className: "mb-3 w-fit cursor-pointer text-xs dark:text-gray-300"
-    }, props.texts.forgotPasswordText)), /* @__PURE__ */ import_react72.default.createElement(Button, {
+    }, props.texts.forgotPasswordText)), /* @__PURE__ */ import_react73.default.createElement(Button, {
         className: "mt-4 w-full",
         isLoading: props.isLoading
-    }, props.texts.signInText), !props.withoutSignUp && /* @__PURE__ */ import_react72.default.createElement("div", {
-        className: "p-3 text-center text-sm font-semibold dark:text-gray-300"
-    }, props.texts.newUserText, " ", /* @__PURE__ */ import_react72.default.createElement("span", {
+    }, props.texts.signInText), !props.withoutSignUp && /* @__PURE__ */ import_react73.default.createElement("div", {
+        className: "p-3 text-center text-sm font-normal dark:text-gray-300"
+    }, props.texts.newUserText, " ", /* @__PURE__ */ import_react73.default.createElement("span", {
         onClick: props.handleRouteToSignUp,
         className: "clickable-link"
-    }, props.texts.createAccount)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react72.default.createElement(CardFooter, {
+    }, props.texts.createAccount)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react73.default.createElement(CardFooter, {
         className: cn(props.logosOnly ? "flex flex-row gap-2 justify-center" : "grid grid-cols-1 gap-2")
-    }, props.viaGoogle && /* @__PURE__ */ import_react72.default.createElement(Button, {
+    }, props.viaGoogle && /* @__PURE__ */ import_react73.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline",
         onClick: props.handleGoogleSignIn
-    }, /* @__PURE__ */ import_react72.default.createElement(Icons.google, {
+    }, /* @__PURE__ */ import_react73.default.createElement(Icons.google, {
         className: "h-4 w-4"
-    }), !props.logosOnly && props.texts.signInViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react72.default.createElement(Button, {
+    }), !props.logosOnly && props.texts.signInViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react73.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline",
         onClick: props.handleGithubSignIn
-    }, /* @__PURE__ */ import_react72.default.createElement(Icons.gitHub, {
+    }, /* @__PURE__ */ import_react73.default.createElement(Icons.gitHub, {
         className: "h-4 w-4"
-    }), !props.logosOnly && props.texts.signInViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react72.default.createElement(Button, {
+    }), !props.logosOnly && props.texts.signInViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react73.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline",
         onClick: props.handleTwitterSignIn
-    }, /* @__PURE__ */ import_react72.default.createElement(Icons.twitter, {
+    }, /* @__PURE__ */ import_react73.default.createElement(Icons.twitter, {
         className: "h-4 w-4"
-    }), !props.logosOnly && props.texts.signInViaTwitterLabel)) : null), /* @__PURE__ */ import_react72.default.createElement(InterfaceSettings, {
+    }), !props.logosOnly && props.texts.signInViaTwitterLabel)) : null), /* @__PURE__ */ import_react73.default.createElement(InterfaceSettings, {
         currentColorMode: props.currentColorMode,
         currentLanguage: props.currentLanguage,
         handleColorMode: props.handleColorMode,
@@ -9017,37 +9088,37 @@ function SignInBlock() {
     }, "Create account")));
 }
 // src/blocks/AuthForms/SignUpForm.tsx
-var import_react73 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 var SignUpForm = function(props) {
     var methods = (0, import_react_hook_form4.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
     var _field_value, _field_value1, _field_value2;
-    return /* @__PURE__ */ import_react73.default.createElement("div", {
+    return /* @__PURE__ */ import_react74.default.createElement("div", {
         className: "flex flex-col gap-4"
-    }, /* @__PURE__ */ import_react73.default.createElement(Card, {
+    }, /* @__PURE__ */ import_react74.default.createElement(Card, {
         dir: props.direction
-    }, /* @__PURE__ */ import_react73.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react74.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react73.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react73.default.createElement(HawaAlert, {
+    }, /* @__PURE__ */ import_react74.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react74.default.createElement(HawaAlert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react73.default.createElement("form", {
+    }), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react74.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             return props.handleSignUp(e);
         })
-    }, /* @__PURE__ */ import_react73.default.createElement("div", null, props.signUpFields.map(function(fld, i) {
+    }, /* @__PURE__ */ import_react74.default.createElement("div", null, props.signUpFields.map(function(fld, i) {
         if (fld === "fullname") {
             var _field_value;
-            return /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
                 key: i,
                 control: control,
                 name: "fullName",
                 render: function(param) {
                     var field = param.field;
                     var _errors_fullName;
-                    return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
+                    return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
                         width: "full",
                         type: "text",
                         label: props.texts.fullNameLabel,
@@ -9064,14 +9135,14 @@ var SignUpForm = function(props) {
         }
         if (fld === "email") {
             var _field_value1;
-            return /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
                 key: i,
                 control: control,
                 name: "email",
                 render: function(param) {
                     var field = param.field;
                     var _errors_email;
-                    return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
+                    return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
                         width: "full",
                         type: "text",
                         autoComplete: "email",
@@ -9093,14 +9164,14 @@ var SignUpForm = function(props) {
         }
         if (fld === "username") {
             var _field_value2;
-            return /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
                 key: i,
                 control: control,
                 name: "username",
                 render: function(param) {
                     var field = param.field;
                     var _errors_username;
-                    return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
+                    return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
                         width: "full",
                         type: "text",
                         autoComplete: "username",
@@ -9116,13 +9187,13 @@ var SignUpForm = function(props) {
                 }
             });
         }
-    })), /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+    })), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -9136,13 +9207,13 @@ var SignUpForm = function(props) {
         rules: {
             required: props.texts.passwordRequiredText
         }
-    }), /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+    }), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "confirm_password",
         render: function(param) {
             var field = param.field;
             var _errors_confirm_password;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -9156,13 +9227,13 @@ var SignUpForm = function(props) {
         rules: {
             required: props.texts.passwordRequiredText
         }
-    }), props.showRefCode && /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+    }), props.showRefCode && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "refCode",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
                 width: "full",
                 type: "text",
                 label: props.texts.refCode,
@@ -9172,12 +9243,12 @@ var SignUpForm = function(props) {
                 onChange: field.onChange
             });
         }
-    }), props.showUserSource && /* @__PURE__ */ import_react73.default.createElement("div", null, /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+    }), props.showUserSource && /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "reference",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaSelect, {
+            return /* @__PURE__ */ import_react74.default.createElement(HawaSelect, {
                 label: "How did you learn about us?",
                 isCreatable: false,
                 isMulti: false,
@@ -9202,19 +9273,19 @@ var SignUpForm = function(props) {
                 }
             });
         }
-    })), props.showTermsOption && /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+    })), props.showTermsOption && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "terms_accepted",
         render: function(param) {
             var field = param.field;
             var _errors_terms_accepted;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaCheckbox, {
+            return /* @__PURE__ */ import_react74.default.createElement(HawaCheckbox, {
                 id: "terms_accepted",
                 helperText: (_errors_terms_accepted = errors.terms_accepted) === null || _errors_terms_accepted === void 0 ? void 0 : _errors_terms_accepted.message,
                 onChange: function(e) {
                     return field.onChange(e);
                 },
-                label: /* @__PURE__ */ import_react73.default.createElement("span", null, props.texts.iAcceptText, " ", /* @__PURE__ */ import_react73.default.createElement("a", {
+                label: /* @__PURE__ */ import_react74.default.createElement("span", null, props.texts.iAcceptText, " ", /* @__PURE__ */ import_react74.default.createElement("a", {
                     onClick: props.handleRouteToTOS,
                     className: "clickable-link"
                 }, props.texts.termsText))
@@ -9223,46 +9294,46 @@ var SignUpForm = function(props) {
         rules: {
             required: props.texts.termsRequiredText
         }
-    }), props.showNewsletterOption && /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form4.Controller, {
+    }), props.showNewsletterOption && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "newsletter_accepted",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaCheckbox, {
+            return /* @__PURE__ */ import_react74.default.createElement(HawaCheckbox, {
                 id: "newsletter_accepted",
                 label: props.texts.subscribeToNewsletter,
                 onChange: field.onChange
             });
         }
-    }), /* @__PURE__ */ import_react73.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react74.default.createElement(Button, {
         className: "w-full",
         isLoading: props.isLoading
-    }, props.texts.signUpText))), /* @__PURE__ */ import_react73.default.createElement("div", {
-        className: "flex flex-row items-center justify-center gap-1 p-3 text-center  text-sm font-semibold dark:text-white"
-    }, /* @__PURE__ */ import_react73.default.createElement("span", null, props.texts.existingUserText), /* @__PURE__ */ import_react73.default.createElement("span", {
+    }, props.texts.signUpText))), /* @__PURE__ */ import_react74.default.createElement("div", {
+        className: "flex flex-row items-center justify-center gap-1 p-3 text-center  text-sm font-normal dark:text-white"
+    }, /* @__PURE__ */ import_react74.default.createElement("span", null, props.texts.existingUserText), /* @__PURE__ */ import_react74.default.createElement("span", {
         onClick: props.handleRouteToSignIn,
         className: "clickable-link"
-    }, props.texts.signInText)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react73.default.createElement(CardFooter, {
+    }, props.texts.signInText)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react74.default.createElement(CardFooter, {
         className: cn(props.logosOnly ? "flex flex-row justify-center gap-2" : "grid grid-cols-1 gap-2")
-    }, props.viaGoogle && /* @__PURE__ */ import_react73.default.createElement(Button, {
+    }, props.viaGoogle && /* @__PURE__ */ import_react74.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline",
         onClick: props.handleGoogleSignUp
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.google, {
+    }, /* @__PURE__ */ import_react74.default.createElement(Icons.google, {
         className: "h-4 w-4"
-    }), !props.logosOnly && props.texts.signUpViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react73.default.createElement(Button, {
+    }), !props.logosOnly && props.texts.signUpViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react74.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline",
         onClick: props.handleGithubSignUp
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.gitHub, {
+    }, /* @__PURE__ */ import_react74.default.createElement(Icons.gitHub, {
         className: "h-4 w-4"
-    }), !props.logosOnly && props.texts.signUpViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react73.default.createElement(Button, {
+    }), !props.logosOnly && props.texts.signUpViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react74.default.createElement(Button, {
         className: "flex flex-row items-center gap-2",
         variant: "outline",
         onClick: props.handleTwitterSignUp
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.twitter, {
+    }, /* @__PURE__ */ import_react74.default.createElement(Icons.twitter, {
         className: "h-4 w-4"
-    }), !props.logosOnly && props.texts.signUpViaTwitterLabel)) : null), /* @__PURE__ */ import_react73.default.createElement(InterfaceSettings, {
+    }), !props.logosOnly && props.texts.signUpViaTwitterLabel)) : null), /* @__PURE__ */ import_react74.default.createElement(InterfaceSettings, {
         currentColorMode: props.currentColorMode,
         currentLanguage: props.currentLanguage,
         handleColorMode: props.handleColorMode,
@@ -9270,10 +9341,10 @@ var SignUpForm = function(props) {
     }));
 };
 // src/blocks/AuthForms/NewPasswordForm.tsx
-var import_react74 = __toESM(require("react"));
+var import_react75 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var NewPasswordForm = function(props) {
-    var _ref = _sliced_to_array((0, import_react74.useState)(false), 2), matchError = _ref[0], setMatchError = _ref[1];
+    var _ref = _sliced_to_array((0, import_react75.useState)(false), 2), matchError = _ref[0], setMatchError = _ref[1];
     var methods = (0, import_react_hook_form5.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
     var handleSubmission = function(e) {
@@ -9284,22 +9355,22 @@ var NewPasswordForm = function(props) {
         }
     };
     var _field_value, _field_value1;
-    return /* @__PURE__ */ import_react74.default.createElement(Card, null, matchError && /* @__PURE__ */ import_react74.default.createElement(HawaAlert, {
+    return /* @__PURE__ */ import_react75.default.createElement(Card, null, matchError && /* @__PURE__ */ import_react75.default.createElement(HawaAlert, {
         text: props.texts.passwordMatchError,
         severity: "error"
-    }), props.passwordChanged ? /* @__PURE__ */ import_react74.default.createElement(CardContent, {
+    }), props.passwordChanged ? /* @__PURE__ */ import_react75.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react74.default.createElement("div", {
+    }, /* @__PURE__ */ import_react75.default.createElement("div", {
         className: "text-center"
-    }, props.texts.passwordChanged)) : /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form5.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react74.default.createElement("form", {
+    }, props.texts.passwordChanged)) : /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form5.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react75.default.createElement("form", {
         onSubmit: handleSubmit(handleSubmission)
-    }, /* @__PURE__ */ import_react74.default.createElement(CardHeader, null, /* @__PURE__ */ import_react74.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react74.default.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ import_react74.default.createElement(CardContent, null, /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form5.Controller, {
+    }, /* @__PURE__ */ import_react75.default.createElement(CardHeader, null, /* @__PURE__ */ import_react75.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react75.default.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ import_react75.default.createElement(CardContent, null, /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form5.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -9313,13 +9384,13 @@ var NewPasswordForm = function(props) {
         rules: {
             required: props.texts.passwordRequiredText
         }
-    }), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form5.Controller, {
+    }), /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form5.Controller, {
         control: control,
         name: "confirmPassword",
         render: function(param) {
             var field = param.field;
             var _errors_confirmPassword;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -9333,27 +9404,27 @@ var NewPasswordForm = function(props) {
         rules: {
             required: props.texts.confirmPasswordRequiredText
         }
-    })), /* @__PURE__ */ import_react74.default.createElement(CardFooter, null, /* @__PURE__ */ import_react74.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react75.default.createElement(CardFooter, null, /* @__PURE__ */ import_react75.default.createElement(Button, {
         className: "w-full",
         type: "submit"
     }, props.texts.updatePassword)))));
 };
 // src/blocks/AuthForms/ResetPasswordForm.tsx
-var import_react75 = __toESM(require("react"));
+var import_react76 = __toESM(require("react"));
 var import_react_hook_form6 = require("react-hook-form");
 var ResetPasswordForm = function(props) {
     var methods = (0, import_react_hook_form6.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, register = methods.register, control = methods.control;
     var _field_value, _props_texts_dontHaveAccount, _props_texts_signUpText;
-    return /* @__PURE__ */ import_react75.default.createElement(Card, null, !props.sent ? /* @__PURE__ */ import_react75.default.createElement(import_react75.default.Fragment, null, /* @__PURE__ */ import_react75.default.createElement(CardHeader, null, /* @__PURE__ */ import_react75.default.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ import_react75.default.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ import_react75.default.createElement("form", {
+    return /* @__PURE__ */ import_react76.default.createElement(Card, null, !props.sent ? /* @__PURE__ */ import_react76.default.createElement(import_react76.default.Fragment, null, /* @__PURE__ */ import_react76.default.createElement(CardHeader, null, /* @__PURE__ */ import_react76.default.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ import_react76.default.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ import_react76.default.createElement("form", {
         onSubmit: handleSubmit(props.handleResetPassword)
-    }, /* @__PURE__ */ import_react75.default.createElement(CardContent, null, /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form6.Controller, {
+    }, /* @__PURE__ */ import_react76.default.createElement(CardContent, null, /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form6.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _errors_email;
-            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: props.texts.emailLabel,
@@ -9370,67 +9441,67 @@ var ResetPasswordForm = function(props) {
                 message: props.texts.emailInvalidText
             }
         }
-    }), /* @__PURE__ */ import_react75.default.createElement("div", {
+    }), /* @__PURE__ */ import_react76.default.createElement("div", {
         className: " pb-2 text-left text-sm dark:text-gray-300"
-    }, (_props_texts_dontHaveAccount = props.texts.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react75.default.createElement("span", {
+    }, (_props_texts_dontHaveAccount = props.texts.dontHaveAccount) !== null && _props_texts_dontHaveAccount !== void 0 ? _props_texts_dontHaveAccount : "Don't have an account? ", /* @__PURE__ */ import_react76.default.createElement("span", {
         onClick: props.handleRouteToSignUp,
         className: "clickable-link"
-    }, (_props_texts_signUpText = props.texts.signUpText) !== null && _props_texts_signUpText !== void 0 ? _props_texts_signUpText : "Sign Up"))), /* @__PURE__ */ import_react75.default.createElement(CardFooter, null, /* @__PURE__ */ import_react75.default.createElement(Button, {
+    }, (_props_texts_signUpText = props.texts.signUpText) !== null && _props_texts_signUpText !== void 0 ? _props_texts_signUpText : "Sign Up"))), /* @__PURE__ */ import_react76.default.createElement(CardFooter, null, /* @__PURE__ */ import_react76.default.createElement(Button, {
         type: "submit",
         className: "w-full"
-    }, props.texts.resetPassword)))) : /* @__PURE__ */ import_react75.default.createElement(CardContent, {
+    }, props.texts.resetPassword)))) : /* @__PURE__ */ import_react76.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react75.default.createElement("div", {
+    }, /* @__PURE__ */ import_react76.default.createElement("div", {
         className: "text-center"
     }, props.texts.emailSentText)));
 };
 // src/blocks/AuthForms/CodeConfirmation.tsx
-var import_react76 = __toESM(require("react"));
+var import_react77 = __toESM(require("react"));
 var CodeConfirmation = function(props) {
-    var _ref = _sliced_to_array((0, import_react76.useState)(null), 2), pins = _ref[0], setPins = _ref[1];
+    var _ref = _sliced_to_array((0, import_react77.useState)(null), 2), pins = _ref[0], setPins = _ref[1];
     var _props_texts_checkYourPhone, _props_texts_weSentCode, _props_texts_didntGetCode, _props_texts_resendCode, _props_texts_cancel, _props_texts_confirm;
-    return /* @__PURE__ */ import_react76.default.createElement(Card, null, /* @__PURE__ */ import_react76.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react77.default.createElement(Card, null, /* @__PURE__ */ import_react77.default.createElement(CardContent, {
         headless: true
-    }, props.showError && /* @__PURE__ */ import_react76.default.createElement(HawaAlert, {
+    }, props.showError && /* @__PURE__ */ import_react77.default.createElement(HawaAlert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), /* @__PURE__ */ import_react76.default.createElement("div", {
+    }), /* @__PURE__ */ import_react77.default.createElement("div", {
         className: "mb-4 dark:text-white"
-    }, /* @__PURE__ */ import_react76.default.createElement("div", {
+    }, /* @__PURE__ */ import_react77.default.createElement("div", {
         className: "text-lg font-bold"
-    }, (_props_texts_checkYourPhone = props.texts.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react76.default.createElement("div", {
+    }, (_props_texts_checkYourPhone = props.texts.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react77.default.createElement("div", {
         className: "text-muted-foreground"
-    }, /* @__PURE__ */ import_react76.default.createElement("span", null, (_props_texts_weSentCode = props.texts.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react76.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react76.default.createElement("form", {
+    }, /* @__PURE__ */ import_react77.default.createElement("span", null, (_props_texts_weSentCode = props.texts.weSentCode) !== null && _props_texts_weSentCode !== void 0 ? _props_texts_weSentCode : "We've sent a code to "), /* @__PURE__ */ import_react77.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react77.default.createElement("form", {
         onSubmit: function(e) {
             e.preventDefault();
             if (pins) {
                 props.submitConfirmation(pins);
             }
         }
-    }, /* @__PURE__ */ import_react76.default.createElement(HawaPinInput, {
+    }, /* @__PURE__ */ import_react77.default.createElement(HawaPinInput, {
         width: "full",
         digits: 6,
         getPins: function(e) {
             return setPins(e);
         }
-    }), /* @__PURE__ */ import_react76.default.createElement("div", {
+    }), /* @__PURE__ */ import_react77.default.createElement("div", {
         className: " py-2 text-center text-xs text-muted-foreground"
-    }, /* @__PURE__ */ import_react76.default.createElement("span", null, (_props_texts_didntGetCode = props.texts.didntGetCode) !== null && _props_texts_didntGetCode !== void 0 ? _props_texts_didntGetCode : "Didn't get the code?"), " ", /* @__PURE__ */ import_react76.default.createElement("span", {
+    }, /* @__PURE__ */ import_react77.default.createElement("span", null, (_props_texts_didntGetCode = props.texts.didntGetCode) !== null && _props_texts_didntGetCode !== void 0 ? _props_texts_didntGetCode : "Didn't get the code?"), " ", /* @__PURE__ */ import_react77.default.createElement("span", {
         className: "clickable-link"
-    }, (_props_texts_resendCode = props.texts.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react76.default.createElement("div", {
+    }, (_props_texts_resendCode = props.texts.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react77.default.createElement("div", {
         className: "mt-4  grid grid-cols-2 gap-2"
-    }, /* @__PURE__ */ import_react76.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react77.default.createElement(Button, {
         variant: "secondary"
-    }, (_props_texts_cancel = props.texts.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react76.default.createElement(Button, null, (_props_texts_confirm = props.texts.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
+    }, (_props_texts_cancel = props.texts.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react77.default.createElement(Button, null, (_props_texts_confirm = props.texts.confirm) !== null && _props_texts_confirm !== void 0 ? _props_texts_confirm : "Confirm")))));
 };
 // src/blocks/Payment/SelectPayment.tsx
-var import_react77 = __toESM(require("react"));
+var import_react78 = __toESM(require("react"));
 var SelectPayment = function(props) {
-    var _ref = _sliced_to_array((0, import_react77.useState)(""), 2), selectedMethod = _ref[0], setSelectedMethod = _ref[1];
-    return /* @__PURE__ */ import_react77.default.createElement(Card, null, /* @__PURE__ */ import_react77.default.createElement(CardHeader, null, /* @__PURE__ */ import_react77.default.createElement(CardTitle, null, "Choose Payment Method"), /* @__PURE__ */ import_react77.default.createElement(CardDescription, null, "And you'll be directed to the next step to complete the payment")), /* @__PURE__ */ import_react77.default.createElement(CardContent, {
+    var _ref = _sliced_to_array((0, import_react78.useState)(""), 2), selectedMethod = _ref[0], setSelectedMethod = _ref[1];
+    return /* @__PURE__ */ import_react78.default.createElement(Card, null, /* @__PURE__ */ import_react78.default.createElement(CardHeader, null, /* @__PURE__ */ import_react78.default.createElement(CardTitle, null, "Choose Payment Method"), /* @__PURE__ */ import_react78.default.createElement(CardDescription, null, "And you'll be directed to the next step to complete the payment")), /* @__PURE__ */ import_react78.default.createElement(CardContent, {
         className: "grid grid-cols-2 gap-4"
-    }, /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react78.default.createElement(Button, {
         className: cn("flex w-full flex-col gap-2 pt-6", selectedMethod === "mada" && "outline outline-4 outline-primary"),
         variant: "outline",
         size: "heightless",
@@ -9438,10 +9509,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("mada");
         }
-    }, /* @__PURE__ */ import_react77.default.createElement("img", {
+    }, /* @__PURE__ */ import_react78.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react77.default.createElement("span", null, props.madaLabel)), /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.madaLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
         className: cn("flex w-full flex-col gap-2", selectedMethod === "apple-pay" && "outline outline-4 outline-primary"),
         variant: "outline",
         size: "heightless",
@@ -9449,10 +9520,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("apple-pay");
         }
-    }, /* @__PURE__ */ import_react77.default.createElement("img", {
+    }, /* @__PURE__ */ import_react78.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",
         className: "h-11"
-    }), /* @__PURE__ */ import_react77.default.createElement("span", null, props.applePayLabel)), /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.applePayLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
         className: cn("flex w-full flex-col gap-2", selectedMethod === "visa-master" && "outline outline-4 outline-primary"),
         variant: "outline",
         size: "heightless",
@@ -9460,10 +9531,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("visa-master");
         }
-    }, /* @__PURE__ */ import_react77.default.createElement("img", {
+    }, /* @__PURE__ */ import_react78.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react77.default.createElement("span", null, props.visaMasterLabel)), /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.visaMasterLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
         variant: "outline",
         size: "heightless",
         className: cn("flex w-full flex-col gap-2", selectedMethod === "wallet" && "outline outline-4 outline-primary"),
@@ -9471,16 +9542,16 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("wallet");
         }
-    }, /* @__PURE__ */ import_react77.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react78.default.createElement("svg", {
         version: "1.1",
         fill: "currentColor",
         viewBox: "0 0 223 223",
         className: "h-6 w-6"
-    }, /* @__PURE__ */ import_react77.default.createElement("g", null, /* @__PURE__ */ import_react77.default.createElement("path", {
+    }, /* @__PURE__ */ import_react78.default.createElement("g", null, /* @__PURE__ */ import_react78.default.createElement("path", {
         d: "M223,94.5c0-6.075-4.925-11-11-11h-63c-6.075,0-11,4.925-11,11v33c0,6.075,4.925,11,11,11h63c6.075,0,11-4.925,11-11V94.5z\n                  M169.515,123.967c-7.082,0-12.823-5.741-12.823-12.823c0-7.082,5.741-12.823,12.823-12.823c7.082,0,12.823,5.741,12.823,12.823\n                  C182.338,118.225,176.597,123.967,169.515,123.967z"
-    }), /* @__PURE__ */ import_react77.default.createElement("path", {
+    }), /* @__PURE__ */ import_react78.default.createElement("path", {
         d: "M123.509,68.5H205v-33c0-8.271-6.395-15-14.667-15h-175C7.062,20.5,0,27.229,0,35.5v152c0,8.271,7.062,15,15.333,15h175\n                  c8.271,0,14.667-6.729,14.667-15v-34h-81.342L123.509,68.5z"
-    }))), /* @__PURE__ */ import_react77.default.createElement("span", null, props.walletLabel)), /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }))), /* @__PURE__ */ import_react78.default.createElement("span", null, props.walletLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
         variant: "outline",
         size: "heightless",
         className: cn("flex w-full flex-col gap-2", selectedMethod === "stc-pay" && "outline outline-4 outline-primary"),
@@ -9488,10 +9559,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("stc-pay");
         }
-    }, /* @__PURE__ */ import_react77.default.createElement("img", {
+    }, /* @__PURE__ */ import_react78.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react77.default.createElement("span", null, props.stcPayLabel)), /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.stcPayLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
         variant: "outline",
         size: "heightless",
         className: cn("flex w-full flex-col gap-2", selectedMethod === "google-pay" && "outline outline-4 outline-primary"),
@@ -9499,10 +9570,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("google-pay");
         }
-    }, /* @__PURE__ */ import_react77.default.createElement("img", {
+    }, /* @__PURE__ */ import_react78.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react77.default.createElement("span", null, props.googlePayLabel)), /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.googlePayLabel)), /* @__PURE__ */ import_react78.default.createElement(Button, {
         variant: "outline",
         size: "heightless",
         className: cn("col-span-2 flex w-full flex-col gap-2", selectedMethod === "paypal" && "outline outline-4 outline-primary"),
@@ -9510,10 +9581,10 @@ var SelectPayment = function(props) {
         onClick: function() {
             return setSelectedMethod("paypal");
         }
-    }, /* @__PURE__ */ import_react77.default.createElement("img", {
+    }, /* @__PURE__ */ import_react78.default.createElement("img", {
         src: "https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",
         className: "h-6"
-    }), /* @__PURE__ */ import_react77.default.createElement("span", null, props.paypalLabel))), /* @__PURE__ */ import_react77.default.createElement(CardFooter, null, /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react78.default.createElement("span", null, props.paypalLabel))), /* @__PURE__ */ import_react78.default.createElement(CardFooter, null, /* @__PURE__ */ import_react78.default.createElement(Button, {
         onClick: function() {
             return props.handleContinue(selectedMethod);
         },
@@ -9522,147 +9593,146 @@ var SelectPayment = function(props) {
     }, "Continue")));
 };
 // src/blocks/Payment/CreditCardForm.tsx
-var import_react78 = __toESM(require("react"));
+var import_react79 = __toESM(require("react"));
 var import_react_hook_form7 = require("react-hook-form");
 var CreditCardForm = function(props) {
     var methods = (0, import_react_hook_form7.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    return /* @__PURE__ */ import_react78.default.createElement(Card, null, /* @__PURE__ */ import_react78.default.createElement("form", {
+    return /* @__PURE__ */ import_react79.default.createElement(Card, null, /* @__PURE__ */ import_react79.default.createElement("form", {
         onSubmit: handleSubmit(props.handle)
-    }, /* @__PURE__ */ import_react78.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react79.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react78.default.createElement("div", {
+    }, /* @__PURE__ */ import_react79.default.createElement("div", {
         className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react78.default.createElement(import_react_hook_form7.Controller, {
+    }, /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
         control: control,
         name: "cardName",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react78.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
                 width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "tel",
+                name: "cardNumber",
+                placeholder: "1234 1234 1234 1234",
+                type: "number",
                 label: "Card Number",
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
             });
         },
         rules: {
-            required: "Password is rquired"
+            required: "Card Number is rquired"
         }
-    }), /* @__PURE__ */ import_react78.default.createElement("div", {
+    }), /* @__PURE__ */ import_react79.default.createElement("div", {
         className: "w-1/4"
-    }, /* @__PURE__ */ import_react78.default.createElement(import_react_hook_form7.Controller, {
+    }, /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
         control: control,
-        name: "cardName",
+        name: "cardCVC",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react78.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
                 width: "full",
-                name: "password",
+                name: "cardCVC",
                 maxLength: "3",
                 autoComplete: "cc-number",
-                placeholder: "",
-                type: "password",
-                label: "CCV",
+                placeholder: "CVC",
+                type: "number",
+                label: "CVC",
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
             });
         },
         rules: {
             required: "Password is rquired"
         }
-    }))), /* @__PURE__ */ import_react78.default.createElement(import_react_hook_form7.Controller, {
+    }))), /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
         control: control,
-        name: "cardName",
+        name: "cardExpiry",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react78.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
                 width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "text",
-                label: "Name On Card",
+                name: "cardExpiry",
+                placeholder: "MM / YY",
+                type: "password",
+                label: "Expiry Date",
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
             });
         },
         rules: {
             required: "Password is rquired"
         }
-    }), /* @__PURE__ */ import_react78.default.createElement(import_react_hook_form7.Controller, {
+    }), /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
         control: control,
         name: "cardName",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react78.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
                 width: "full",
-                name: "password",
-                placeholder: "Enter password",
-                type: "password",
-                label: "Expiry Date",
+                name: "cardName",
+                type: "text",
+                label: "Name on card",
                 helpertext: (_errors_password = errors.password) === null || _errors_password === void 0 ? void 0 : _errors_password.message
             });
         },
         rules: {
-            required: "Password is rquired"
+            required: "Card holder name is rquired"
         }
-    })), /* @__PURE__ */ import_react78.default.createElement(CardFooter, null, /* @__PURE__ */ import_react78.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react79.default.createElement(CardFooter, null, /* @__PURE__ */ import_react79.default.createElement(Button, {
         className: "w-full",
         onClick: props.handlePayWithCreditCard
     }, "Pay with Credit Card"))));
 };
 // src/blocks/Payment/ChargeWalletForm.tsx
-var import_react79 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 var ChargeWalletForm = function(props) {
-    var _ref = _sliced_to_array((0, import_react79.useState)(0), 2), walletAmount = _ref[0], setWalletAmount = _ref[1];
-    return /* @__PURE__ */ import_react79.default.createElement(Card, null, /* @__PURE__ */ import_react79.default.createElement(CardContent, {
+    var _ref = _sliced_to_array((0, import_react80.useState)(0), 2), walletAmount = _ref[0], setWalletAmount = _ref[1];
+    return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react79.default.createElement("div", {
+    }, /* @__PURE__ */ import_react80.default.createElement("div", {
         className: "p-4 text-center"
-    }, /* @__PURE__ */ import_react79.default.createElement("div", {
+    }, /* @__PURE__ */ import_react80.default.createElement("div", {
         className: " text-5xl font-extrabold"
-    }, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */ import_react79.default.createElement("div", {
+    }, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */ import_react80.default.createElement("div", {
         className: "text-sm font-normal"
-    }, props.currency || "SAR")), /* @__PURE__ */ import_react79.default.createElement("div", {
+    }, props.currency || "SAR")), /* @__PURE__ */ import_react80.default.createElement("div", {
         className: "mb-2 flex w-full flex-col gap-4 text-center"
-    }, /* @__PURE__ */ import_react79.default.createElement("div", {
+    }, /* @__PURE__ */ import_react80.default.createElement("div", {
         className: "mb-2 flex w-full flex-row gap-4 text-center"
-    }, /* @__PURE__ */ import_react79.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react80.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "10 SAR"), /* @__PURE__ */ import_react79.default.createElement(Button, {
+    }, "10 SAR"), /* @__PURE__ */ import_react80.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "50 SAR"), /* @__PURE__ */ import_react79.default.createElement(Button, {
+    }, "50 SAR"), /* @__PURE__ */ import_react80.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "100 SAR")), /* @__PURE__ */ import_react79.default.createElement(Input, {
+    }, "100 SAR")), /* @__PURE__ */ import_react80.default.createElement(Input, {
         placeholder: "Custom Amount",
         type: "number",
         name: "amount"
-    })), /* @__PURE__ */ import_react79.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react80.default.createElement(Button, {
         className: "mt-6 w-full"
     }, props.texts.chargeWallet)));
 };
 // src/blocks/Payment/PayWithWallet.tsx
-var import_react80 = __toESM(require("react"));
+var import_react81 = __toESM(require("react"));
 var PayWithWallet = function(props) {
-    return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react81.default.createElement(Card, null, /* @__PURE__ */ import_react81.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, /* @__PURE__ */ import_react81.default.createElement("div", {
         className: "text-center text-5xl font-extrabold"
-    }, props.walletBalance || "0", /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, props.walletBalance || "0", /* @__PURE__ */ import_react81.default.createElement("div", {
         className: "text-sm font-normal"
-    }, props.currency || "SAR")), /* @__PURE__ */ import_react80.default.createElement(Button, {
+    }, props.currency || "SAR")), /* @__PURE__ */ import_react81.default.createElement(Button, {
         className: "mt-6 w-full",
         onClick: props.handlePayWithWallet
     }, "Pay Now")));
 };
 // src/blocks/Payment/CheckoutForm.tsx
-var import_react81 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 var import_react_hook_form8 = require("react-hook-form");
 var CheckoutForm = function(props) {
     var _props_texts, _props_texts1, _props_texts2, _props_texts3, _props_texts4, _props_texts5, _props_texts6, _props_texts7, _props_texts8, _props_texts9;
@@ -9683,9 +9753,9 @@ var CheckoutForm = function(props) {
         }
     };
     var _field_value, _field_value1, _field_value2, _field_value3, _field_value4, _field_value5, _field_value6, _field_value7, _field_value8;
-    return /* @__PURE__ */ import_react81.default.createElement(Card, null, /* @__PURE__ */ import_react81.default.createElement(CardHeader, null, /* @__PURE__ */ import_react81.default.createElement(CardTitle, null, props.texts.orderDetails)), /* @__PURE__ */ import_react81.default.createElement(CardContent, null, /* @__PURE__ */ import_react81.default.createElement("div", null, /* @__PURE__ */ import_react81.default.createElement("div", {
+    return /* @__PURE__ */ import_react82.default.createElement(Card, null, /* @__PURE__ */ import_react82.default.createElement(CardHeader, null, /* @__PURE__ */ import_react82.default.createElement(CardTitle, null, props.texts.orderDetails)), /* @__PURE__ */ import_react82.default.createElement(CardContent, null, /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "rounded border border-gray-300"
-    }, /* @__PURE__ */ import_react81.default.createElement(HawaTable, {
+    }, /* @__PURE__ */ import_react82.default.createElement(HawaTable, {
         pagination: false,
         direction: isArabic ? "rtl" : "ltr",
         columns: [
@@ -9705,9 +9775,9 @@ var CheckoutForm = function(props) {
         borders: "inner",
         rows: props.products,
         bordersWidth: "1"
-    })))), /* @__PURE__ */ import_react81.default.createElement(CardHeader, null, /* @__PURE__ */ import_react81.default.createElement(CardTitle, null, props.texts.billingAddress)), /* @__PURE__ */ import_react81.default.createElement("form", {
+    })))), /* @__PURE__ */ import_react82.default.createElement(CardHeader, null, /* @__PURE__ */ import_react82.default.createElement(CardTitle, null, props.texts.billingAddress)), /* @__PURE__ */ import_react82.default.createElement("form", {
         onSubmit: handleSubmit(props.handlePayNow)
-    }, /* @__PURE__ */ import_react81.default.createElement(CardContent, null, /* @__PURE__ */ import_react81.default.createElement("div", null, /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react81.default.createElement("div", null, /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react82.default.createElement(CardContent, null, /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react82.default.createElement("div", null, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "firstName",
         rules: {
@@ -9716,7 +9786,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_firstName;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.firstNameLabel) + " *",
                 helpertext: (_errors_firstName = errors.firstName) === null || _errors_firstName === void 0 ? void 0 : _errors_firstName.message
@@ -9724,11 +9794,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
             }));
         }
-    }), /* @__PURE__ */ import_react81.default.createElement("div", {
+    }), /* @__PURE__ */ import_react82.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "lastName",
         rules: {
@@ -9737,7 +9807,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_lastName;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.lastNameLabel) + " *",
@@ -9746,13 +9816,13 @@ var CheckoutForm = function(props) {
                 value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    })), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_email;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.emailLabel) + " *",
@@ -9768,9 +9838,9 @@ var CheckoutForm = function(props) {
                 message: (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.emailInvalidText
             }
         }
-    }), /* @__PURE__ */ import_react81.default.createElement("div", {
+    }), /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "streetAddress",
         rules: {
@@ -9779,7 +9849,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_streetAddress;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.streetAddressLabel) + " *",
@@ -9788,9 +9858,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value3 = field.value) !== null && _field_value3 !== void 0 ? _field_value3 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react81.default.createElement("div", {
+    })), /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "province",
         rules: {
@@ -9799,7 +9869,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_province;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.stateLabel) + " *",
@@ -9808,11 +9878,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value4 = field.value) !== null && _field_value4 !== void 0 ? _field_value4 : ""
             }));
         }
-    }), /* @__PURE__ */ import_react81.default.createElement("div", {
+    }), /* @__PURE__ */ import_react82.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "city",
         rules: {
@@ -9821,7 +9891,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_city;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.cityLabel) + " *",
@@ -9830,9 +9900,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value5 = field.value) !== null && _field_value5 !== void 0 ? _field_value5 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react81.default.createElement("div", {
+    })), /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "buildingNumber",
         rules: {
@@ -9841,7 +9911,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_buildingNumber;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.buildingNumberLabel) + " *",
@@ -9850,11 +9920,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value6 = field.value) !== null && _field_value6 !== void 0 ? _field_value6 : ""
             }));
         }
-    }), /* @__PURE__ */ import_react81.default.createElement("div", {
+    }), /* @__PURE__ */ import_react82.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "zipCode",
         rules: {
@@ -9863,7 +9933,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_zipCode;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "number",
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.zipCodeLabel) + " *",
@@ -9872,9 +9942,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value7 = field.value) !== null && _field_value7 !== void 0 ? _field_value7 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react81.default.createElement("div", {
+    })), /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "mb-3"
-    }, /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "country",
         rules: {
@@ -9883,7 +9953,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_country;
-            return /* @__PURE__ */ import_react81.default.createElement(HawaSelect, {
+            return /* @__PURE__ */ import_react82.default.createElement(HawaSelect, {
                 native: true,
                 label: ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.countryLabel) + " *",
                 helperText: (_errors_country = errors.country) === null || _errors_country === void 0 ? void 0 : _errors_country.message,
@@ -9895,73 +9965,73 @@ var CheckoutForm = function(props) {
                     return field.onChange(e.country_label);
                 },
                 value: (_field_value8 = field.value) !== null && _field_value8 !== void 0 ? _field_value8 : ""
-            }, /* @__PURE__ */ import_react81.default.createElement("option", null), props.countriesList.map(function(country, i) {
-                return /* @__PURE__ */ import_react81.default.createElement("option", {
+            }, /* @__PURE__ */ import_react82.default.createElement("option", null), props.countriesList.map(function(country, i) {
+                return /* @__PURE__ */ import_react82.default.createElement("option", {
                     key: i
                 }, country);
             }));
         }
-    }))))), /* @__PURE__ */ import_react81.default.createElement(CardFooter, null, /* @__PURE__ */ import_react81.default.createElement(Button, {
+    }))))), /* @__PURE__ */ import_react82.default.createElement(CardFooter, null, /* @__PURE__ */ import_react82.default.createElement(Button, {
         className: "w-full"
     }, props.texts.payNow)), " "));
 };
 // src/blocks/Payment/Confirmation.tsx
-var import_react82 = __toESM(require("react"));
+var import_react83 = __toESM(require("react"));
 var ConfirmationPage = function(props) {
     var isArabic = props.lang === "ar";
-    return /* @__PURE__ */ import_react82.default.createElement(Card, null, /* @__PURE__ */ import_react82.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react83.default.createElement(Card, null, /* @__PURE__ */ import_react83.default.createElement(CardContent, {
         headless: true
-    }, " ", /* @__PURE__ */ import_react82.default.createElement("div", {
+    }, " ", /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "py-5 text-center text-3xl font-bold dark:text-white"
-    }, props.confirmationTitle), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }, props.confirmationTitle), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "py-5 dark:text-white"
-    }, /* @__PURE__ */ import_react82.default.createElement("div", {
+    }, /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "mb-2 text-center"
-    }, props.texts.successMessage, " ", /* @__PURE__ */ import_react82.default.createElement("strong", null, props.userEmail)), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }, props.texts.successMessage, " ", /* @__PURE__ */ import_react83.default.createElement("strong", null, props.userEmail)), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "text-center"
-    }, props.texts.yourOrderNumber), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }, props.texts.yourOrderNumber), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "text-center font-bold"
-    }, props.orderNumber)), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }, props.orderNumber)), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "flex flex-col items-center justify-center gap-4 py-5 pt-0"
-    }, /* @__PURE__ */ import_react82.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react83.default.createElement(Button, {
         className: "w-full",
         onClick: props.handlePrint
-    }, props.texts.print), /* @__PURE__ */ import_react82.default.createElement(Button, {
+    }, props.texts.print), /* @__PURE__ */ import_react83.default.createElement(Button, {
         className: "w-full",
         onClick: props.handleHistory
-    }, props.texts.history), /* @__PURE__ */ import_react82.default.createElement(Button, {
+    }, props.texts.history), /* @__PURE__ */ import_react83.default.createElement(Button, {
         className: "w-full",
         onClick: props.handleHome
-    }, props.texts.homePage), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }, props.texts.homePage), /* @__PURE__ */ import_react83.default.createElement("div", {
         className: " text-center text-sm dark:text-white"
-    }, props.texts.fasterPaymentNote), /* @__PURE__ */ import_react82.default.createElement("a", {
+    }, props.texts.fasterPaymentNote), /* @__PURE__ */ import_react83.default.createElement("a", {
         className: "clickable-link text-xs",
         onClick: props.handleRefundPolicyLink
     }, props.texts.refundPolicy))));
 };
 // src/blocks/Pricing/PricingPlans.tsx
-var import_react83 = __toESM(require("react"));
+var import_react84 = __toESM(require("react"));
 var PricingPlans = function(props) {
-    return /* @__PURE__ */ import_react83.default.createElement("div", null, /* @__PURE__ */ import_react83.default.createElement("div", {
+    return /* @__PURE__ */ import_react84.default.createElement("div", null, /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "mb-2 flex w-full justify-between"
-    }, /* @__PURE__ */ import_react83.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: props.currentCycle,
         options: props.billingCycles,
         onChangeTab: function(e) {
             return props.onCycleChange(e);
         }
-    }), /* @__PURE__ */ import_react83.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: props.currentCurrency,
         options: props.currencies,
         onChangeTab: function(e) {
             return props.onCurrencyChange(e);
         }
-    })), /* @__PURE__ */ import_react83.default.createElement("div", {
+    })), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "flex flex-row justify-between"
     }, props.plans.map(function(plan, index) {
-        return /* @__PURE__ */ import_react83.default.createElement(HawaPricingCard, _object_spread_props(_object_spread({
+        return /* @__PURE__ */ import_react84.default.createElement(HawaPricingCard, _object_spread_props(_object_spread({
             key: index,
             onPlanClicked: function() {
                 return props.onPlanClicked(plan);
@@ -9975,26 +10045,26 @@ var PricingPlans = function(props) {
     })));
 };
 // src/blocks/Pricing/ComparingPlans.tsx
-var import_react84 = __toESM(require("react"));
+var import_react85 = __toESM(require("react"));
 var CheckMark = function() {
-    return /* @__PURE__ */ import_react84.default.createElement("svg", {
+    return /* @__PURE__ */ import_react85.default.createElement("svg", {
         className: "h-5 w-5 text-green-500",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react84.default.createElement("path", {
+    }, /* @__PURE__ */ import_react85.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_react84.default.createElement("svg", {
+    return /* @__PURE__ */ import_react85.default.createElement("svg", {
         className: "h-5 w-5 text-red-500",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react84.default.createElement("path", {
+    }, /* @__PURE__ */ import_react85.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"
@@ -10002,74 +10072,74 @@ var UncheckMark = function() {
 };
 var ComparingPlans = function(props) {
     var _props_plans;
-    var _ref = _sliced_to_array((0, import_react84.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react84.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
-    return /* @__PURE__ */ import_react84.default.createElement("div", {
+    var _ref = _sliced_to_array((0, import_react85.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react85.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
+    return /* @__PURE__ */ import_react85.default.createElement("div", {
         id: "detailed-pricing",
         className: "w-full overflow-x-auto"
-    }, /* @__PURE__ */ import_react84.default.createElement("div", {
+    }, /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "mb-2 flex w-full justify-between"
-    }, /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: currentCycle,
         options: props.billingCycles,
         onChangeTab: function(e) {
             return props.onCycleChange(e);
         }
-    }), /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: currentCurrency,
         options: props.currencies,
         onChangeTab: function(e) {
             return props.onCurrencyChange(e);
         }
-    })), /* @__PURE__ */ import_react84.default.createElement("div", {
+    })), /* @__PURE__ */ import_react85.default.createElement("div", {
         className: " overflow-hidden rounded"
-    }, /* @__PURE__ */ import_react84.default.createElement("div", {
+    }, /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "grid grid-cols-4 gap-x-2 border-b border-t border-gray-200 bg-gray-100 p-4 text-sm font-medium text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-white"
-    }, /* @__PURE__ */ import_react84.default.createElement("div", {
+    }, /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "flex items-center"
     }), props.plans.map(function(plan) {
-        return /* @__PURE__ */ import_react84.default.createElement("div", null, /* @__PURE__ */ import_react84.default.createElement("h5", {
+        return /* @__PURE__ */ import_react85.default.createElement("div", null, /* @__PURE__ */ import_react85.default.createElement("h5", {
             className: "text-md 0 font-bold text-gray-500 dark:text-gray-400"
-        }, plan.texts.title), /* @__PURE__ */ import_react84.default.createElement("div", {
+        }, plan.texts.title), /* @__PURE__ */ import_react85.default.createElement("div", {
             className: " flex items-baseline  text-gray-900 dark:text-white"
-        }, /* @__PURE__ */ import_react84.default.createElement(import_react84.default.Fragment, null, /* @__PURE__ */ import_react84.default.createElement("span", {
+        }, /* @__PURE__ */ import_react85.default.createElement(import_react85.default.Fragment, null, /* @__PURE__ */ import_react85.default.createElement("span", {
             className: "text-5xl font-extrabold tracking-tight"
-        }, plan.price), /* @__PURE__ */ import_react84.default.createElement("span", {
+        }, plan.price), /* @__PURE__ */ import_react85.default.createElement("span", {
             className: "mx-1 text-sm font-semibold"
-        }, plan.texts.currencyText)), /* @__PURE__ */ import_react84.default.createElement("span", {
+        }, plan.texts.currencyText)), /* @__PURE__ */ import_react85.default.createElement("span", {
             className: "ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"
-        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react84.default.createElement("h5", {
+        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react85.default.createElement("h5", {
             className: "text-md  font-normal text-gray-500 dark: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) {
-            return /* @__PURE__ */ import_react84.default.createElement("div", {
+            return /* @__PURE__ */ import_react85.default.createElement("div", {
                 className: "grid grid-cols-4 gap-x-16 border-b border-gray-200 px-4 py-5 text-sm text-gray-700 dark:border-gray-700"
-            }, /* @__PURE__ */ import_react84.default.createElement("div", {
+            }, /* @__PURE__ */ import_react85.default.createElement("div", {
                 className: "  flex flex-row items-center gap-2  text-gray-500 dark:text-gray-400"
-            }, feature.text, feature.description && /* @__PURE__ */ import_react84.default.createElement(Tooltip, {
+            }, feature.text, feature.description && /* @__PURE__ */ import_react85.default.createElement(Tooltip, {
                 side: "right",
                 content: feature.description
-            }, /* @__PURE__ */ import_react84.default.createElement("svg", {
+            }, /* @__PURE__ */ import_react85.default.createElement("svg", {
                 stroke: "currentColor",
                 fill: "currentColor",
                 strokeWidth: "0",
                 viewBox: "0 0 16 16",
                 height: "1em",
                 width: "1em"
-            }, /* @__PURE__ */ import_react84.default.createElement("path", {
+            }, /* @__PURE__ */ import_react85.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_react84.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react84.default.createElement(CheckMark, null), /* @__PURE__ */ import_react84.default.createElement(UncheckMark, null));
+            })))), /* @__PURE__ */ import_react85.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react85.default.createElement(CheckMark, null), /* @__PURE__ */ import_react85.default.createElement(UncheckMark, null));
         });
     })));
 };
 // src/blocks/Pricing/HorizontalPricing.tsx
-var import_react85 = __toESM(require("react"));
+var import_react86 = __toESM(require("react"));
 var import_clsx33 = __toESM(require("clsx"));
 var HorizontalPricing = function(props) {
-    var _ref = _sliced_to_array((0, import_react85.useState)(null), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
+    var _ref = _sliced_to_array((0, import_react86.useState)(null), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
     var data = [
         {
             title: "basic",
@@ -10087,155 +10157,155 @@ var HorizontalPricing = function(props) {
             cycle: "/mo"
         }
     ];
-    return /* @__PURE__ */ import_react85.default.createElement("div", {
+    return /* @__PURE__ */ import_react86.default.createElement("div", {
         className: "z-10 w-full max-w-screen-sm"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
+    }, /* @__PURE__ */ import_react86.default.createElement("div", {
         className: "max-w-2xl "
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
+    }, /* @__PURE__ */ import_react86.default.createElement("div", {
         className: "flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
         design: "tabs",
         options: props.currencies,
         defaultValue: props.currentCurrency
-    }), /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
         design: "tabs",
         options: props.billingCycles,
         defaultValue: props.currentCycle
     })), data.map(function(d) {
-        return /* @__PURE__ */ import_react85.default.createElement("label", {
+        return /* @__PURE__ */ import_react86.default.createElement("label", {
             htmlFor: d.title,
             className: "",
             onClick: function() {
                 return setSelectedCard(d.title);
             }
-        }, /* @__PURE__ */ import_react85.default.createElement("input", {
+        }, /* @__PURE__ */ import_react86.default.createElement("input", {
             type: "radio",
             name: "radio",
             id: d.title,
             className: "peer appearance-none"
-        }), /* @__PURE__ */ import_react85.default.createElement("div", {
+        }), /* @__PURE__ */ import_react86.default.createElement("div", {
             className: (0, import_clsx33.default)(selectedCard === d.title ? "peer-checked:border-blue-500" : "", "peer flex cursor-pointer items-center justify-between  rounded-xl border bg-background px-5   py-4 shadow dark:text-white  peer-checked:[&_.active]:block peer-checked:[&_.default]:hidden")
-        }, /* @__PURE__ */ import_react85.default.createElement("div", {
+        }, /* @__PURE__ */ import_react86.default.createElement("div", {
             className: "peer flex items-center gap-4"
-        }, /* @__PURE__ */ import_react85.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react85.default.createElement(CardText, {
+        }, /* @__PURE__ */ import_react86.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react86.default.createElement(CardText, {
             title: "Enterprise",
             subtitle: "For startups and new businesses"
-        })), /* @__PURE__ */ import_react85.default.createElement(CardPrice, {
+        })), /* @__PURE__ */ import_react86.default.createElement(CardPrice, {
             amount: d.price,
             cycle: d.cycle
         })));
     })));
 };
 var CheckIcons = function() {
-    return /* @__PURE__ */ import_react85.default.createElement(import_react85.default.Fragment, null, /* @__PURE__ */ import_react85.default.createElement("svg", {
+    return /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement("svg", {
         fill: "none",
         viewBox: "0 0 24 24",
         strokeWidth: "1.5",
         stroke: "currentColor",
         className: "default h-8 w-8 text-neutral-500"
-    }, /* @__PURE__ */ import_react85.default.createElement("path", {
+    }, /* @__PURE__ */ import_react86.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_react85.default.createElement("svg", {
+    })), /* @__PURE__ */ import_react86.default.createElement("svg", {
         viewBox: "0 0 24 24",
         fill: "currentColor",
         className: "active hidden h-8 w-8 text-blue-500"
-    }, /* @__PURE__ */ import_react85.default.createElement("path", {
+    }, /* @__PURE__ */ import_react86.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_react85.default.createElement("div", {
+    return /* @__PURE__ */ import_react86.default.createElement("div", {
         className: "peer flex flex-col items-start "
-    }, /* @__PURE__ */ import_react85.default.createElement("h2", {
+    }, /* @__PURE__ */ import_react86.default.createElement("h2", {
         className: "font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"
-    }, props.title), /* @__PURE__ */ import_react85.default.createElement("p", {
+    }, props.title), /* @__PURE__ */ import_react86.default.createElement("p", {
         className: "text-sm text-neutral-500 dark:text-gray-300"
     }, props.subtitle, " "));
 };
 var CardPrice = function(props) {
-    return /* @__PURE__ */ import_react85.default.createElement("h2", {
+    return /* @__PURE__ */ import_react86.default.createElement("h2", {
         className: "peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"
-    }, props.amount, /* @__PURE__ */ import_react85.default.createElement("span", {
+    }, props.amount, /* @__PURE__ */ import_react86.default.createElement("span", {
         className: "text-base font-medium text-neutral-400"
     }, props.cycle));
 };
 // src/blocks/Referral/ReferralAccount.tsx
-var import_react86 = __toESM(require("react"));
+var import_react87 = __toESM(require("react"));
 var ReferralAccount = function(param) {
     var referralLink = param.referralLink, referralCode = param.referralCode;
-    return /* @__PURE__ */ import_react86.default.createElement(Card, null, /* @__PURE__ */ import_react86.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react87.default.createElement(Card, null, /* @__PURE__ */ import_react87.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "my-2 mt-0"
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "mb-1"
-    }, "Referral Code"), /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, "Referral Code"), /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "flex flex-row items-center justify-between rounded border bg-background"
-    }, /* @__PURE__ */ import_react86.default.createElement("span", {
+    }, /* @__PURE__ */ import_react87.default.createElement("span", {
         className: "ml-3 font-bold"
-    }, referralCode), /* @__PURE__ */ import_react86.default.createElement(Button, {
+    }, referralCode), /* @__PURE__ */ import_react87.default.createElement(Button, {
         onClick: function() {
             return navigator.clipboard.writeText(referralCode);
         }
-    }, /* @__PURE__ */ import_react86.default.createElement("span", {
+    }, /* @__PURE__ */ import_react87.default.createElement("span", {
         className: "bg-red flex items-center justify-center"
-    }, /* @__PURE__ */ import_react86.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 512 512",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react86.default.createElement("path", {
+    }, /* @__PURE__ */ import_react87.default.createElement("path", {
         d: "M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"
-    })), " ")))), /* @__PURE__ */ import_react86.default.createElement("div", {
+    })), " ")))), /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "my-2 mt-0"
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "mb-1"
-    }, "Referral Link"), /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, "Referral Link"), /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "flex flex-row items-center justify-between rounded border bg-background"
-    }, /* @__PURE__ */ import_react86.default.createElement("span", {
+    }, /* @__PURE__ */ import_react87.default.createElement("span", {
         className: "ml-3 font-bold"
-    }, referralLink), /* @__PURE__ */ import_react86.default.createElement(Button, {
+    }, referralLink), /* @__PURE__ */ import_react87.default.createElement(Button, {
         onClick: function() {
             return navigator.clipboard.writeText(referralLink);
         }
-    }, /* @__PURE__ */ import_react86.default.createElement("span", {
+    }, /* @__PURE__ */ import_react87.default.createElement("span", {
         className: "bg-red flex items-center justify-center"
-    }, /* @__PURE__ */ import_react86.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 512 512",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react86.default.createElement("path", {
+    }, /* @__PURE__ */ import_react87.default.createElement("path", {
         d: "M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"
     })), " "))))));
 };
 // src/blocks/Referral/ReferralSettlement.tsx
-var import_react87 = __toESM(require("react"));
+var import_react88 = __toESM(require("react"));
 var import_react_hook_form9 = require("react-hook-form");
 var ReferralSettlement = function(param) {
     var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
     var methods = (0, import_react_hook_form9.useForm)();
     var errors = methods.formState.errors, handleSubmit = methods.handleSubmit, control = methods.control;
-    return /* @__PURE__ */ import_react87.default.createElement(Card, null, /* @__PURE__ */ import_react87.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react88.default.createElement(Card, null, /* @__PURE__ */ import_react88.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react87.default.createElement("div", null, /* @__PURE__ */ import_react87.default.createElement(import_react_hook_form9.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react87.default.createElement(HawaTextField, {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(import_react_hook_form9.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react88.default.createElement(HawaTextField, {
         label: "IBAN"
-    }), /* @__PURE__ */ import_react87.default.createElement(HawaTextField, {
+    }), /* @__PURE__ */ import_react88.default.createElement(HawaTextField, {
         label: "Holder Name"
-    }), /* @__PURE__ */ import_react87.default.createElement(import_react_hook_form9.Controller, {
+    }), /* @__PURE__ */ import_react88.default.createElement(import_react_hook_form9.Controller, {
         control: control,
         name: "bank",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react87.default.createElement(HawaSelect, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react88.default.createElement(HawaSelect, _object_spread_props(_object_spread({
                 label: "Bank",
                 isCreatable: false,
                 isMulti: false,
@@ -10264,47 +10334,47 @@ var ReferralSettlement = function(param) {
                 }
             }));
         }
-    }))), /* @__PURE__ */ import_react87.default.createElement("div", null, /* @__PURE__ */ import_react87.default.createElement(Button, {
+    }))), /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(Button, {
         className: "mt-6 w-full"
-    }, "Add Bank Account")), withdrawError && /* @__PURE__ */ import_react87.default.createElement("div", null, /* @__PURE__ */ import_react87.default.createElement(HawaAlert, {
+    }, "Add Bank Account")), withdrawError && /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(HawaAlert, {
         text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
         severity: "warning"
-    })), /* @__PURE__ */ import_react87.default.createElement("div", {
+    })), /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "mt-3"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "mb-1"
-    }, "Settlement Accounts"), /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, "Settlement Accounts"), /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "rounded"
-    }, /* @__PURE__ */ import_react87.default.createElement(SettlementAccountCard, {
+    }, /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
         bank: "Al Inma Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri",
         default: true
-    }), /* @__PURE__ */ import_react87.default.createElement(SettlementAccountCard, {
+    }), /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
         bank: "Al Rajihi Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri"
-    }), /* @__PURE__ */ import_react87.default.createElement(SettlementAccountCard, {
+    }), /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
         bank: "Al Inma Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri"
     })))));
 };
 var SettlementAccountCard = function(props) {
-    return /* @__PURE__ */ import_react87.default.createElement("div", {
+    return /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "flex flex-col justify-between"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "text-xs"
-    }, props.bank), /* @__PURE__ */ import_react87.default.createElement("div", null, props.accountHolder), /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, props.bank), /* @__PURE__ */ import_react88.default.createElement("div", null, props.accountHolder), /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "text-xs"
-    }, props.iban)), /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, props.iban)), /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "flex flex-row items-center justify-center gap-2"
-    }, props.default && /* @__PURE__ */ import_react87.default.createElement(HawaChip, {
+    }, props.default && /* @__PURE__ */ import_react88.default.createElement(HawaChip, {
         label: "Default",
         size: "small"
-    }), /* @__PURE__ */ import_react87.default.createElement(HawaMenu, {
+    }), /* @__PURE__ */ import_react88.default.createElement(HawaMenu, {
         size: "small",
         menuItems: [
             [
@@ -10320,10 +10390,10 @@ var SettlementAccountCard = function(props) {
                 }
             ]
         ]
-    }, /* @__PURE__ */ import_react87.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react88.default.createElement(Button, {
         variant: "outline",
         size: "icon"
-    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react88.default.createElement("svg", {
         "aria-label": "Vertical Three Dots Menu Icon",
         className: "rotate-90",
         stroke: "currentColor",
@@ -10332,126 +10402,126 @@ var SettlementAccountCard = function(props) {
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react87.default.createElement("path", {
+    }, /* @__PURE__ */ import_react88.default.createElement("path", {
         d: "M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"
     }))))));
 };
 // src/blocks/Referral/ReferralStats.tsx
-var import_react88 = __toESM(require("react"));
+var import_react89 = __toESM(require("react"));
 var ReferralStats = function(param) {
     var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
-    return /* @__PURE__ */ import_react88.default.createElement(Card, null, /* @__PURE__ */ import_react88.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mb-1"
-    }, "Stats"), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, "Stats"), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "justi flex flex-row gap-1"
-    }, /* @__PURE__ */ import_react88.default.createElement(NumberCard, {
+    }, /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
         title: "Clicks",
         number: 22
-    }), /* @__PURE__ */ import_react88.default.createElement(NumberCard, {
+    }), /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
         title: "Sign-ups",
         number: 32
-    }), /* @__PURE__ */ import_react88.default.createElement(NumberCard, {
+    }), /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
         title: "Commission",
         number: "213.22 SAR"
-    })), /* @__PURE__ */ import_react88.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react89.default.createElement(Button, {
         className: "mt-6 w-full"
-    }, "Withdraw Money"), withdrawError && /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(HawaAlert, {
+    }, "Withdraw Money"), withdrawError && /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(HawaAlert, {
         text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
         severity: "warning"
-    })), /* @__PURE__ */ import_react88.default.createElement("div", {
+    })), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mt-3"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mb-1"
-    }, "Sign ups"), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, "Sign ups"), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "rounded"
-    }, /* @__PURE__ */ import_react88.default.createElement(ReferralSignUpCard, {
+    }, /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
         date: "2020/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react88.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react88.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react88.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react88.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
     })))));
 };
 var NumberCard = function(props) {
-    return /* @__PURE__ */ import_react88.default.createElement("div", {
+    return /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "w-full rounded border bg-background p-2"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "text-sm"
-    }, props.title), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, props.title), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "font-bold"
     }, props.number));
 };
 var ReferralSignUpCard = function(props) {
-    return /* @__PURE__ */ import_react88.default.createElement("div", {
+    return /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mb-3 rounded border-b bg-background p-2"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "text-xs"
-    }, props.date), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, props.date), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", null, props.email), /* @__PURE__ */ import_react88.default.createElement("div", null, props.amount)));
+    }, /* @__PURE__ */ import_react89.default.createElement("div", null, props.email), /* @__PURE__ */ import_react89.default.createElement("div", null, props.amount)));
 };
 // src/blocks/Misc/NotFound.tsx
-var import_react89 = __toESM(require("react"));
+var import_react90 = __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, _texts1, _texts2;
     var _texts_pageNotFound, _texts_ifLost, _texts_home;
-    return /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react90.default.createElement(Card, null, /* @__PURE__ */ import_react90.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "flex flex-col items-center dark:text-white"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "text-center text-6xl font-bold "
-    }, "404"), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, "404"), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "m-2 text-center text-xl font-bold "
-    }, (_texts_pageNotFound = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, (_texts_pageNotFound = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.pageNotFound) !== null && _texts_pageNotFound !== void 0 ? _texts_pageNotFound : "Page Not Found"), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "mb-4 text-center"
-    }, (_texts_ifLost = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ import_react89.default.createElement("span", {
+    }, (_texts_ifLost = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ import_react90.default.createElement("span", {
         className: "clickable-link"
-    }, "help@sikka.io"))), /* @__PURE__ */ import_react89.default.createElement(Button, {
+    }, "help@sikka.io"))), /* @__PURE__ */ import_react90.default.createElement(Button, {
         className: "w-full"
     }, (_texts_home = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.home) !== null && _texts_home !== void 0 ? _texts_home : "Home"))));
 };
 // src/blocks/Misc/EmptyState.tsx
-var import_react90 = __toESM(require("react"));
+var import_react91 = __toESM(require("react"));
 var EmptyState = function(param) {
     var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts, onActionClick = param.onActionClick;
     var _texts, _texts1;
     var _texts_youreCaughtUp, _texts_actionText;
-    return /* @__PURE__ */ import_react90.default.createElement(Card, null, /* @__PURE__ */ import_react90.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react91.default.createElement(Card, null, /* @__PURE__ */ import_react91.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "flex flex-col items-center justify-center text-center "
-    }, /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"
-    }, /* @__PURE__ */ import_react90.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react91.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 512 512",
         height: "0.35em",
         width: "0.35em"
-    }, /* @__PURE__ */ import_react90.default.createElement("path", {
+    }, /* @__PURE__ */ import_react91.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_react90.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "m-2 text-xl font-bold"
-    }, (_texts_youreCaughtUp = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */ import_react90.default.createElement(CardFooter, null, /* @__PURE__ */ import_react90.default.createElement(Button, {
+    }, (_texts_youreCaughtUp = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.youreCaughtUp) !== null && _texts_youreCaughtUp !== void 0 ? _texts_youreCaughtUp : "You're all caught up"))), /* @__PURE__ */ import_react91.default.createElement(CardFooter, null, /* @__PURE__ */ import_react91.default.createElement(Button, {
         className: "w-full",
         onClick: function() {
             return onActionClick();
@@ -10459,103 +10529,104 @@ var EmptyState = function(param) {
     }, (_texts_actionText = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.actionText) !== null && _texts_actionText !== void 0 ? _texts_actionText : "Go Home")));
 };
 // src/blocks/Misc/Testimonial.tsx
-var import_react91 = __toESM(require("react"));
+var import_react92 = __toESM(require("react"));
 var Testimonial = function(props) {
-    return /* @__PURE__ */ import_react91.default.createElement(Card, null, /* @__PURE__ */ import_react91.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react92.default.createElement(Card, null, /* @__PURE__ */ import_react92.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react91.default.createElement("div", null, /* @__PURE__ */ import_react91.default.createElement("p", {
+    }, /* @__PURE__ */ import_react92.default.createElement("div", null, /* @__PURE__ */ import_react92.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_react91.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_react92.default.createElement("div", {
         className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react91.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react92.default.createElement("svg", {
         width: "48",
         height: "48",
         viewBox: "0 0 48 48",
         fill: "none"
-    }, /* @__PURE__ */ import_react91.default.createElement("rect", {
+    }, /* @__PURE__ */ import_react92.default.createElement("rect", {
         width: "48",
         height: "48",
         rx: "24",
         fill: "#45BE8B"
-    }), /* @__PURE__ */ import_react91.default.createElement("path", {
+    }), /* @__PURE__ */ import_react92.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_react91.default.createElement("path", {
+    }), /* @__PURE__ */ import_react92.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_react91.default.createElement("span", {
+    })), /* @__PURE__ */ import_react92.default.createElement("span", {
         className: "border border-l "
-    }), " ", /* @__PURE__ */ import_react91.default.createElement("div", null, /* @__PURE__ */ import_react91.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react91.default.createElement("div", null, " Chief Information Security Officer")))));
+    }), " ", /* @__PURE__ */ import_react92.default.createElement("div", null, /* @__PURE__ */ import_react92.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react92.default.createElement("div", null, " Chief Information Security Officer")))));
 };
 // src/blocks/Misc/LeadGenerator.tsx
-var import_react92 = __toESM(require("react"));
+var import_react93 = __toESM(require("react"));
 var LeadGenerator = function(param) {
     var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts, handleNewsletterSub = param.handleNewsletterSub;
     var _texts, _texts1, _texts2;
     var _texts_submit;
-    return /* @__PURE__ */ import_react92.default.createElement(Card, null, /* @__PURE__ */ import_react92.default.createElement(CardHeader, null, /* @__PURE__ */ import_react92.default.createElement(CardTitle, null, (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title), /* @__PURE__ */ import_react92.default.createElement(CardDescription, null, (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle)), /* @__PURE__ */ import_react92.default.createElement(CardContent, null, /* @__PURE__ */ import_react92.default.createElement("form", {
+    return /* @__PURE__ */ import_react93.default.createElement(Card, null, /* @__PURE__ */ import_react93.default.createElement(CardHeader, null, /* @__PURE__ */ import_react93.default.createElement(CardTitle, null, (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title), /* @__PURE__ */ import_react93.default.createElement(CardDescription, null, (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle)), /* @__PURE__ */ import_react93.default.createElement(CardContent, null, /* @__PURE__ */ import_react93.default.createElement("form", {
         className: "flex flex-row gap-2",
         onSubmit: function(e) {
             e.preventDefault();
             handleNewsletterSub(e.target[0].value);
         }
-    }, /* @__PURE__ */ import_react92.default.createElement(Input, {
+    }, /* @__PURE__ */ import_react93.default.createElement(Input, {
         type: "email",
         name: "email",
         placeholder: "example@sikka.io"
-    }), /* @__PURE__ */ import_react92.default.createElement(Button, null, (_texts_submit = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
+    }), /* @__PURE__ */ import_react93.default.createElement(Button, null, (_texts_submit = (_texts2 = texts) === null || _texts2 === void 0 ? void 0 : _texts2.submit) !== null && _texts_submit !== void 0 ? _texts_submit : "Submit"))));
 };
 // src/blocks/Misc/Announcement.tsx
-var import_react93 = __toESM(require("react"));
+var import_react94 = __toESM(require("react"));
 var Announcement = function(_param) {
     var _param_variant = _param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, onActionClick = _param.onActionClick, props = _object_without_properties(_param, [
         "variant",
         "onActionClick"
     ]);
-    return /* @__PURE__ */ import_react93.default.createElement(Card, null, /* @__PURE__ */ import_react93.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react94.default.createElement(Card, null, /* @__PURE__ */ import_react94.default.createElement(CardContent, {
         headless: true,
         className: "flex flex-row items-center justify-between"
-    }, /* @__PURE__ */ import_react93.default.createElement("div", {
+    }, /* @__PURE__ */ import_react94.default.createElement("div", {
         className: "flex flex-col items-start justify-center "
-    }, /* @__PURE__ */ import_react93.default.createElement("span", {
+    }, /* @__PURE__ */ import_react94.default.createElement("span", {
         className: "text-lg font-bold"
-    }, props.title), /* @__PURE__ */ import_react93.default.createElement("span", {
+    }, props.title), /* @__PURE__ */ import_react94.default.createElement("span", {
         className: "text-sm"
-    }, props.subtitle)), /* @__PURE__ */ import_react93.default.createElement(Button, {
+    }, props.subtitle)), /* @__PURE__ */ import_react94.default.createElement(Button, {
         onClick: function() {
             return onActionClick();
         }
     }, props.actionText)));
 };
 // src/blocks/Misc/NoPermission.tsx
-var import_react94 = __toESM(require("react"));
+var import_react95 = __toESM(require("react"));
 var NoPermission = function(param) {
     var _param_variant = param.variant, variant = _param_variant === void 0 ? "contained" : _param_variant, texts = param.texts;
     var _texts, _texts1;
     var _texts_title, _texts_subtitle;
-    return /* @__PURE__ */ import_react94.default.createElement(Card, null, /* @__PURE__ */ import_react94.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react95.default.createElement(Card, null, /* @__PURE__ */ import_react95.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react94.default.createElement("div", {
+    }, /* @__PURE__ */ import_react95.default.createElement("div", {
         className: "flex flex-col items-center justify-center text-center"
-    }, /* @__PURE__ */ import_react94.default.createElement("div", {
+    }, /* @__PURE__ */ import_react95.default.createElement("div", {
         className: "flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold  text-primary-foreground"
-    }, /* @__PURE__ */ import_react94.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react95.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         strokeWidth: "0",
         viewBox: "0 0 448 512",
         height: "0.35em",
         width: "0.35em"
-    }, /* @__PURE__ */ import_react94.default.createElement("path", {
+    }, /* @__PURE__ */ import_react95.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_react94.default.createElement("div", {
+    })), " "), /* @__PURE__ */ import_react95.default.createElement("div", {
         className: "m-2 text-xl font-bold"
-    }, (_texts_title = (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */ import_react94.default.createElement("div", null, (_texts_subtitle = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.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 = texts) === null || _texts === void 0 ? void 0 : _texts.title) !== null && _texts_title !== void 0 ? _texts_title : "You don't have permission"), /* @__PURE__ */ import_react95.default.createElement("div", null, (_texts_subtitle = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle) !== null && _texts_subtitle !== void 0 ? _texts_subtitle : "If you think this is a problem please contact your administrator or our customer support"))));
 };
 // src/hooks/useHover.ts
-var import_react95 = require("react");
+var import_react96 = require("react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+    ActionCard: ActionCard,
     Announcement: Announcement,
     AppLanding: AppLanding,
     AppLayout: AppLayout,