@sikka/hawa 0.1.53 → 0.1.55

package/dist/index.js

@@ -214,6 +214,9 @@ var __toCommonJS = function(mod) {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+    Announcement: function() {
+        return Announcement;
+    },
     AppLanding: function() {
         return AppLanding;
     },
@@ -253,6 +256,9 @@ __export(src_exports, {
     CardTitle: function() {
         return CardTitle;
     },
+    Carousel: function() {
+        return Carousel;
+    },
     ChargeWalletForm: function() {
         return ChargeWalletForm;
     },
@@ -4391,13 +4397,60 @@ var HawaStats = function(_param) {
     }, props.helperText)));
 };
 // src/elements/HawaCodeBlock.tsx
+var import_react32 = __toESM(require("react"));
+// src/elements/Tooltip.tsx
 var import_react31 = __toESM(require("react"));
-var import_clsx17 = __toESM(require("clsx"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var TooltipContent = import_react31.default.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "sideOffset"
+    ]);
+    return import_react31.default.createElement(TooltipPrimitive.Content, _object_spread({
+        ref: ref,
+        sideOffset: sideOffset,
+        className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
+    }, props));
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = import_react31.default.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return import_react31.default.createElement(TooltipPrimitive.Arrow, _object_spread({
+        ref: ref,
+        className: cn(className)
+    }, props));
+});
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = function(_param) {
+    var side = _param.side, open = _param.open, content = _param.content, children = _param.children, defaultOpen = _param.defaultOpen, onOpenChange = _param.onOpenChange, _param_delayDuration = _param.delayDuration, delayDuration = _param_delayDuration === void 0 ? 300 : _param_delayDuration, props = _object_without_properties(_param, [
+        "side",
+        "open",
+        "content",
+        "children",
+        "defaultOpen",
+        "onOpenChange",
+        "delayDuration"
+    ]);
+    return /* @__PURE__ */ import_react31.default.createElement(TooltipPrimitive.TooltipProvider, {
+        delayDuration: delayDuration
+    }, /* @__PURE__ */ import_react31.default.createElement(TooltipPrimitive.Root, {
+        open: open,
+        defaultOpen: defaultOpen,
+        onOpenChange: onOpenChange
+    }, /* @__PURE__ */ import_react31.default.createElement(TooltipPrimitive.Trigger, {
+        asChild: true
+    }, children), /* @__PURE__ */ import_react31.default.createElement(TooltipContent, _object_spread({
+        side: side,
+        align: "center"
+    }, props), content)));
+};
+// src/elements/HawaCodeBlock.tsx
 var HawaCodeBlock = function(param) {
-    var tabs = param.tabs, language = param.language, code = param.code, fileName = param.fileName, _param_width = param.width, width = _param_width === void 0 ? "full" : _param_width;
-    var _ref = _sliced_to_array((0, import_react31.useState)(0), 2), selectedTab = _ref[0], setSelectedTab = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react31.useState)(0), 2), showTooltip = _ref1[0], setShowTooltip = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react31.useState)(false), 2), copyClicked = _ref2[0], setCopyClicked = _ref2[1];
+    var tabs = param.tabs, code = param.code, fileName = param.fileName, _param_width = param.width, width = _param_width === void 0 ? "full" : _param_width;
+    var _ref = _sliced_to_array((0, import_react32.useState)(0), 2), selectedTab = _ref[0], setSelectedTab = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react32.useState)(false), 2), copyClicked = _ref1[0], setCopyClicked = _ref1[1];
     var widthStyles2 = {
         full: "w-full",
         md: "w-full max-w-md",
@@ -4407,44 +4460,46 @@ var HawaCodeBlock = function(param) {
     var handleCopyClick = function() {
         if (!copyClicked) {
             setCopyClicked(true);
-            console.log("copy button clicked");
             setTimeout(function() {
                 setCopyClicked(false);
             }, 2e3);
         }
     };
-    return /* @__PURE__ */ import_react31.default.createElement("div", {
-        className: (0, import_clsx17.default)(widthStyles2[width], "w-full flex-col items-center rounded bg-gray-200 text-left text-sm text-white dark:bg-gray-800 sm:text-base")
-    }, " ", tabs && /* @__PURE__ */ import_react31.default.createElement("div", {
+    return /* @__PURE__ */ import_react32.default.createElement("div", {
+        className: cn(widthStyles2[width], "w-full flex-col items-center rounded bg-gray-200 text-left text-sm text-white dark:bg-gray-800 sm:text-base")
+    }, " ", tabs && /* @__PURE__ */ import_react32.default.createElement("div", {
         className: "flex flex-row gap-2 rounded-t bg-gray-100 p-2 pb-0 text-black   dark:bg-gray-700 dark:text-white"
     }, tabs.map(function(tab, i) {
-        return /* @__PURE__ */ import_react31.default.createElement("div", {
-            className: (0, import_clsx17.default)(selectedTab === i ? " border-b-2   border-primary" : "bg-transparent")
-        }, /* @__PURE__ */ import_react31.default.createElement("div", {
+        return /* @__PURE__ */ import_react32.default.createElement("div", {
+            className: cn(selectedTab === i ? " border-b-2   border-primary" : "bg-transparent")
+        }, /* @__PURE__ */ import_react32.default.createElement("div", {
             onClick: function() {
                 return setSelectedTab(i);
             },
-            className: (0, import_clsx17.default)("mb-1 w-full max-w-[52px] cursor-pointer rounded-inner p-2 py-1 text-center text-[0.75rem] hover:bg-gray-300 dark:hover:bg-gray-500")
+            className: cn("mb-1 w-full max-w-[52px] cursor-pointer rounded-inner p-2 py-1 text-center text-[0.75rem] hover:bg-gray-300 dark:hover:bg-gray-500")
         }, tab.title));
-    })), fileName && /* @__PURE__ */ import_react31.default.createElement("div", {
+    })), fileName && /* @__PURE__ */ import_react32.default.createElement("div", {
         className: "flex flex-row gap-2 rounded-t bg-gray-100 p-2 pb-0 text-black  dark:bg-gray-700 dark:text-white"
-    }, /* @__PURE__ */ import_react31.default.createElement("div", {
-        className: (0, import_clsx17.default)("mb-1 w-full max-w-[52px] rounded-inner p-2 py-1 text-center text-[0.75rem]")
-    }, fileName)), /* @__PURE__ */ import_react31.default.createElement("pre", null, /* @__PURE__ */ import_react31.default.createElement("code", {
-        className: (0, import_clsx17.default)("flex w-full flex-row items-start justify-between rounded bg-gray-200 p-2 text-left  text-sm text-black dark:bg-gray-800 dark:text-white sm:text-base")
-    }, /* @__PURE__ */ import_react31.default.createElement("div", {
+    }, /* @__PURE__ */ import_react32.default.createElement("div", {
+        className: cn("mb-1 w-full max-w-[52px] rounded-inner p-2 py-1 text-center text-[0.75rem]")
+    }, fileName)), /* @__PURE__ */ import_react32.default.createElement("pre", null, /* @__PURE__ */ import_react32.default.createElement("code", {
+        className: cn("flex w-full flex-row items-start justify-between rounded bg-gray-200 p-2 text-left  text-sm text-black dark:bg-gray-800 dark:text-white sm:text-base")
+    }, /* @__PURE__ */ import_react32.default.createElement("div", {
         className: "flex min-h-[37.75px] w-full  flex-col  justify-center p-4 "
-    }, tabs ? tabs[selectedTab].code : code), /* @__PURE__ */ import_react31.default.createElement("div", {
-        className: "flex flex-row items-center gap-2  p-2"
-    }, /* @__PURE__ */ import_react31.default.createElement("div", {
-        className: (0, import_clsx17.default)("transition-all", copyClicked ? "opacity-100" : "opacity-0")
-    }, "Copied!"), /* @__PURE__ */ import_react31.default.createElement(Button, {
+    }, tabs ? tabs[selectedTab].code : code), /* @__PURE__ */ import_react32.default.createElement("div", {
+        className: "flex w-fit flex-row items-center gap-2 p-2"
+    }, /* @__PURE__ */ import_react32.default.createElement(Tooltip, {
+        open: copyClicked,
+        side: "left",
+        content: /* @__PURE__ */ import_react32.default.createElement("div", null, "Copied!")
+    }, /* @__PURE__ */ import_react32.default.createElement(Button, {
         size: "icon",
         onClick: function() {
             handleCopyClick();
             navigator.clipboard.writeText(tabs ? tabs[selectedTab].code : code);
         }
-    }, /* @__PURE__ */ import_react31.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react32.default.createElement("svg", {
+        "aria-label": "Copy Icon",
         stroke: "currentColor",
         fill: "none",
         "stroke-width": "2",
@@ -4453,29 +4508,29 @@ var HawaCodeBlock = function(param) {
         "stroke-linejoin": "round",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react31.default.createElement("rect", {
+    }, /* @__PURE__ */ import_react32.default.createElement("rect", {
         width: "14",
         height: "14",
         x: "8",
         y: "8",
         rx: "2",
         ry: "2"
-    }), /* @__PURE__ */ import_react31.default.createElement("path", {
+    }), /* @__PURE__ */ import_react32.default.createElement("path", {
         d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
-    })))))));
+    }))))))));
 };
 // src/elements/HawaDatepicker.tsx
-var import_react32 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 var HawaDatepicker = function() {
-    var _ref = _sliced_to_array((0, import_react32.useState)(""), 2), selectedDate = _ref[0], setSelectedDate = _ref[1];
+    var _ref = _sliced_to_array((0, import_react33.useState)(""), 2), selectedDate = _ref[0], setSelectedDate = _ref[1];
     var handleDateChange = function(event) {
         setSelectedDate(event.target.value);
     };
-    return /* @__PURE__ */ import_react32.default.createElement("div", {
+    return /* @__PURE__ */ import_react33.default.createElement("div", {
         className: "relative inline-block text-left"
-    }, /* @__PURE__ */ import_react32.default.createElement("span", {
+    }, /* @__PURE__ */ import_react33.default.createElement("span", {
         className: "rounded-md shadow-sm"
-    }, /* @__PURE__ */ import_react32.default.createElement("input", {
+    }, /* @__PURE__ */ import_react33.default.createElement("input", {
         type: "date",
         value: selectedDate,
         onChange: handleDateChange,
@@ -4483,14 +4538,14 @@ var HawaDatepicker = function() {
     })));
 };
 // src/elements/DragDropImages.tsx
-var import_react33 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_react_dropzone = require("react-dropzone");
-var import_clsx18 = __toESM(require("clsx"));
+var import_clsx17 = __toESM(require("clsx"));
 var DragDropImages = function(param) {
     var texts = param.texts, files = param.files, setFiles = param.setFiles, setDeletedFiles = param.setDeletedFiles, onAcceptedFiles = param.onAcceptedFiles, errorMessages = param.errorMessages, maxFiles = param.maxFiles, accept = param.accept, showPreview = param.showPreview, onDeleteFile = param.onDeleteFile, onClearFiles = param.onClearFiles, maxSize = param.maxSize, label = param.label;
     var _files, _fileRejections__errors_, _fileRejections_;
-    var _ref = _sliced_to_array((0, import_react33.useState)(0), 2), cmp = _ref[0], setCmp = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react33.useState)(0), 2), max = _ref1[0], setMax = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react34.useState)(0), 2), cmp = _ref[0], setCmp = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react34.useState)(0), 2), max = _ref1[0], setMax = _ref1[1];
     var _ref2 = (0, import_react_dropzone.useDropzone)({
         multiple: true,
         accept: accept,
@@ -4504,7 +4559,7 @@ var DragDropImages = function(param) {
             }));
         }
     }), getRootProps = _ref2.getRootProps, getInputProps = _ref2.getInputProps, fileRejections = _ref2.fileRejections, acceptedFiles = _ref2.acceptedFiles, isDragActive = _ref2.isDragActive;
-    (0, import_react33.useEffect)(function() {
+    (0, import_react34.useEffect)(function() {
         return function() {
             var _files;
             (_files = files) === null || _files === void 0 ? void 0 : _files.forEach(function(file) {
@@ -4514,7 +4569,7 @@ var DragDropImages = function(param) {
     }, [
         files
     ]);
-    (0, import_react33.useEffect)(function() {
+    (0, import_react34.useEffect)(function() {
         setFiles(acceptedFiles);
     }, [
         acceptedFiles,
@@ -4529,7 +4584,7 @@ var DragDropImages = function(param) {
         acceptedFiles.length = 0;
         setFiles([]);
     };
-    (0, import_react33.useEffect)(function() {
+    (0, import_react34.useEffect)(function() {
         if (maxSize > 0) {
             var k = 1024;
             var sizes = [
@@ -4552,25 +4607,25 @@ var DragDropImages = function(param) {
     var errs = fileRejections.map(function(rej, i) {
         switch(rej.errors[0].code){
             case "file-too-large":
-                return /* @__PURE__ */ import_react33.default.createElement(HawaAlert, {
+                return /* @__PURE__ */ import_react34.default.createElement(HawaAlert, {
                     text: rej.file.name,
                     title: texts.fileTooLarge,
                     severity: "error"
                 });
             case "too-many-files":
-                return /* @__PURE__ */ import_react33.default.createElement(HawaAlert, {
+                return /* @__PURE__ */ import_react34.default.createElement(HawaAlert, {
                     text: rej.file.name,
                     title: texts.tooManyFiles,
                     severity: "error"
                 });
             case "file-invalid-type":
-                return /* @__PURE__ */ import_react33.default.createElement(HawaAlert, {
+                return /* @__PURE__ */ import_react34.default.createElement(HawaAlert, {
                     text: rej.file.name,
                     title: texts.invalidFileType,
                     severity: "error"
                 });
             default:
-                return /* @__PURE__ */ import_react33.default.createElement(HawaAlert, {
+                return /* @__PURE__ */ import_react34.default.createElement(HawaAlert, {
                     text: rej.file.name,
                     title: rej.errors[0].code,
                     severity: "error"
@@ -4578,9 +4633,9 @@ var DragDropImages = function(param) {
         }
     });
     var thumbs = (_files = files) === null || _files === void 0 ? void 0 : _files.map(function(file, index) {
-        return /* @__PURE__ */ import_react33.default.createElement("div", {
+        return /* @__PURE__ */ import_react34.default.createElement("div", {
             className: "relative rounded"
-        }, /* @__PURE__ */ import_react33.default.createElement("button", {
+        }, /* @__PURE__ */ import_react34.default.createElement("button", {
             onClick: function(e) {
                 e.stopPropagation();
                 acceptedFiles.splice(acceptedFiles.indexOf(file), 1);
@@ -4590,18 +4645,18 @@ var DragDropImages = function(param) {
             type: "button",
             className: "absolute left-0 ml-auto inline-flex items-center rounded-inner rounded-bl-none rounded-tr-none bg-gray-900 p-1.5 text-sm text-gray-400 transition-all hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white",
             "data-modal-toggle": "defaultModal"
-        }, /* @__PURE__ */ import_react33.default.createElement("svg", {
+        }, /* @__PURE__ */ import_react34.default.createElement("svg", {
             "aria-hidden": "true",
             className: "h-5 w-5",
             fill: "currentColor",
             viewBox: "0 0 20 20"
-        }, /* @__PURE__ */ import_react33.default.createElement("path", {
+        }, /* @__PURE__ */ import_react34.default.createElement("path", {
             fillRule: "evenodd",
             d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
             clipRule: "evenodd"
-        })), /* @__PURE__ */ import_react33.default.createElement("span", {
+        })), /* @__PURE__ */ import_react34.default.createElement("span", {
             className: "sr-only"
-        }, "Close modal")), /* @__PURE__ */ import_react33.default.createElement("div", {
+        }, "Close modal")), /* @__PURE__ */ import_react34.default.createElement("div", {
             style: {
                 display: "flex",
                 justifyContent: "center",
@@ -4618,13 +4673,13 @@ var DragDropImages = function(param) {
             key: file.name
         }));
     });
-    return /* @__PURE__ */ import_react33.default.createElement("div", null, label && /* @__PURE__ */ import_react33.default.createElement("div", {
+    return /* @__PURE__ */ import_react34.default.createElement("div", null, label && /* @__PURE__ */ import_react34.default.createElement("div", {
         className: "mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"
-    }, label), /* @__PURE__ */ import_react33.default.createElement("div", {
-        className: (0, import_clsx18.default)("flex flex-col justify-center rounded border border-dashed  transition-all hover:bg-gray-100 dark:hover:bg-gray-800 ", isDragActive ? "bg-gray-200 dark:bg-gray-700" : "bg-background")
-    }, /* @__PURE__ */ import_react33.default.createElement("div", _object_spread({}, getRootProps({})), /* @__PURE__ */ import_react33.default.createElement("p", _object_spread({}, getInputProps())), /* @__PURE__ */ import_react33.default.createElement("div", {
+    }, label), /* @__PURE__ */ import_react34.default.createElement("div", {
+        className: (0, import_clsx17.default)("flex flex-col justify-center rounded border border-dashed  transition-all hover:bg-gray-100 dark:hover:bg-gray-800 ", isDragActive ? "bg-gray-200 dark:bg-gray-700" : "bg-background")
+    }, /* @__PURE__ */ import_react34.default.createElement("div", _object_spread({}, getRootProps({})), /* @__PURE__ */ import_react34.default.createElement("p", _object_spread({}, getInputProps())), /* @__PURE__ */ import_react34.default.createElement("div", {
         className: "flex flex-col items-center justify-center gap-2 pt-4 text-center"
-    }, /* @__PURE__ */ import_react33.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react34.default.createElement("svg", {
         stroke: "currentColor",
         fill: "none",
         "stroke-width": "2",
@@ -4633,79 +4688,79 @@ var DragDropImages = function(param) {
         "stroke-linejoin": "round",
         height: "1.5em",
         width: "1.5em"
-    }, /* @__PURE__ */ import_react33.default.createElement("path", {
+    }, /* @__PURE__ */ import_react34.default.createElement("path", {
         stroke: "none",
         d: "M0 0h24v24H0z",
         fill: "none"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M13 13l9 3l-4 2l-2 4l-3 -9"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M3 3l0 .01"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M7 3l0 .01"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M11 3l0 .01"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M15 3l0 .01"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M3 7l0 .01"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M3 11l0 .01"
-    }), /* @__PURE__ */ import_react33.default.createElement("path", {
+    }), /* @__PURE__ */ import_react34.default.createElement("path", {
         d: "M3 15l0 .01"
-    })), /* @__PURE__ */ import_react33.default.createElement(texts.clickHereToUpload, null)), /* @__PURE__ */ import_react33.default.createElement("div", {
+    })), /* @__PURE__ */ import_react34.default.createElement(texts.clickHereToUpload, null)), /* @__PURE__ */ import_react34.default.createElement("div", {
         className: "pt-2 text-center text-xs"
-    }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react33.default.createElement("div", {
+    }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react34.default.createElement("div", {
         className: "pb-2 pt-1 text-center text-xs"
-    }, texts.maxFileSize, " ", max)), acceptedFiles.length > 0 && /* @__PURE__ */ import_react33.default.createElement("div", {
+    }, texts.maxFileSize, " ", max)), acceptedFiles.length > 0 && /* @__PURE__ */ import_react34.default.createElement("div", {
         className: "flex justify-center rounded-lg  p-2 "
-    }, /* @__PURE__ */ import_react33.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react34.default.createElement(Button, {
         onClick: clearAllFiles
-    }, "Clear All")), acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react33.default.createElement("aside", {
+    }, "Clear All")), acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react34.default.createElement("aside", {
         className: "flex flex-row flex-wrap justify-center  gap-2 rounded-lg  p-2"
-    }, thumbs) : null, /* @__PURE__ */ import_react33.default.createElement("div", {
+    }, thumbs) : null, /* @__PURE__ */ import_react34.default.createElement("div", {
         className: "px-4"
     }, ((_fileRejections_ = fileRejections[0]) === null || _fileRejections_ === void 0 ? void 0 : (_fileRejections__errors_ = _fileRejections_.errors[0]) === null || _fileRejections__errors_ === void 0 ? void 0 : _fileRejections__errors_.code) && errs)));
 };
 // src/elements/DraggableCard.tsx
-var import_react34 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var DraggableCard = function(props) {
-    return /* @__PURE__ */ import_react34.default.createElement("div", {
+    return /* @__PURE__ */ import_react35.default.createElement("div", {
         className: "flex flex-row rounded bg-layoutPrimary-500 p-4"
-    }, /* @__PURE__ */ import_react34.default.createElement("button", {
+    }, /* @__PURE__ */ import_react35.default.createElement("button", {
         className: "inline-flex items-center rounded bg-white p-2 text-center text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-50 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-600",
         type: "button"
-    }, /* @__PURE__ */ import_react34.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react35.default.createElement("svg", {
         className: "h-6 w-6",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react34.default.createElement("path", {
+    }, /* @__PURE__ */ import_react35.default.createElement("path", {
         d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"
-    }))), /* @__PURE__ */ import_react34.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react35.default.createElement("div", {
         className: "p-4"
     }, props.children));
 };
 // src/elements/Breadcrumb.tsx
-var import_react35 = __toESM(require("react"));
-// src/elements/SubsectionList.tsx
 var import_react36 = __toESM(require("react"));
-var import_clsx19 = __toESM(require("clsx"));
+// src/elements/SubsectionList.tsx
+var import_react37 = __toESM(require("react"));
+var import_clsx18 = __toESM(require("clsx"));
 var SubsectionList = function(param) {
     var subsections = param.subsections;
-    var _ref = _sliced_to_array((0, import_react36.useState)(null), 2), selectedSection = _ref[0], setSelectedSection = _ref[1];
-    return /* @__PURE__ */ import_react36.default.createElement("div", {
+    var _ref = _sliced_to_array((0, import_react37.useState)(null), 2), selectedSection = _ref[0], setSelectedSection = _ref[1];
+    return /* @__PURE__ */ import_react37.default.createElement("div", {
         className: "w-full max-w-2xs rounded bg-layoutPrimary-500 p-4 "
     }, subsections.map(function(ss, i) {
-        return /* @__PURE__ */ import_react36.default.createElement("div", {
+        return /* @__PURE__ */ import_react37.default.createElement("div", {
             key: i,
             className: "my-0"
-        }, ss.title && /* @__PURE__ */ import_react36.default.createElement("div", {
+        }, ss.title && /* @__PURE__ */ import_react37.default.createElement("div", {
             className: "my-4 font-bold"
         }, ss.title), ss.sections.map(function(s, i2) {
-            return /* @__PURE__ */ import_react36.default.createElement(SubsectionItem, {
+            return /* @__PURE__ */ import_react37.default.createElement(SubsectionItem, {
                 key: i2,
                 onItemClick: function() {
                     return setSelectedSection(s.value);
@@ -4721,67 +4776,18 @@ var SubsectionList = function(param) {
 };
 var SubsectionItem = function(param) {
     var title = param.title, value = param.value, icon = param.icon, chip = param.chip, selected = param.selected, onItemClick = param.onItemClick;
-    return /* @__PURE__ */ import_react36.default.createElement("div", {
+    return /* @__PURE__ */ import_react37.default.createElement("div", {
         onClick: onItemClick,
-        className: (0, import_clsx19.default)("flex w-full cursor-pointer flex-row items-center justify-between gap-2 rounded p-2  transition-all ", selected === value ? "bg-primary text-white hover:bg-primary" : "hover:bg-layoutPrimary-300")
-    }, /* @__PURE__ */ import_react36.default.createElement("div", {
+        className: (0, import_clsx18.default)("flex w-full cursor-pointer flex-row items-center justify-between gap-2 rounded p-2  transition-all ", selected === value ? "bg-primary text-white hover:bg-primary" : "hover:bg-layoutPrimary-300")
+    }, /* @__PURE__ */ import_react37.default.createElement("div", {
         className: "flex w-full flex-row items-center justify-start  gap-2"
-    }, icon, " ", /* @__PURE__ */ import_react36.default.createElement("span", null, title)), chip && /* @__PURE__ */ import_react36.default.createElement(HawaChip, {
+    }, icon, " ", /* @__PURE__ */ import_react37.default.createElement("span", null, title)), chip && /* @__PURE__ */ import_react37.default.createElement(HawaChip, {
         label: "Upgrade",
         size: "normal"
     }), " ");
 };
 // src/elements/UsageCard.tsx
 var import_react38 = __toESM(require("react"));
-// src/elements/Tooltip.tsx
-var import_react37 = __toESM(require("react"));
-var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react37.default.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
-        "className",
-        "sideOffset"
-    ]);
-    return import_react37.default.createElement(TooltipPrimitive.Content, _object_spread({
-        ref: ref,
-        sideOffset: sideOffset,
-        className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
-    }, props));
-});
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react37.default.forwardRef(function(_param, ref) /* @__PURE__ */ {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
-    ]);
-    return import_react37.default.createElement(TooltipPrimitive.Arrow, _object_spread({
-        ref: ref,
-        className: cn(className)
-    }, props));
-});
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var Tooltip = function(_param) {
-    var side = _param.side, open = _param.open, content = _param.content, children = _param.children, defaultOpen = _param.defaultOpen, onOpenChange = _param.onOpenChange, _param_delayDuration = _param.delayDuration, delayDuration = _param_delayDuration === void 0 ? 300 : _param_delayDuration, props = _object_without_properties(_param, [
-        "side",
-        "open",
-        "content",
-        "children",
-        "defaultOpen",
-        "onOpenChange",
-        "delayDuration"
-    ]);
-    return /* @__PURE__ */ import_react37.default.createElement(TooltipPrimitive.TooltipProvider, {
-        delayDuration: delayDuration
-    }, /* @__PURE__ */ import_react37.default.createElement(TooltipPrimitive.Root, {
-        open: open,
-        defaultOpen: defaultOpen,
-        onOpenChange: onOpenChange
-    }, /* @__PURE__ */ import_react37.default.createElement(TooltipPrimitive.Trigger, {
-        asChild: true
-    }, children), /* @__PURE__ */ import_react37.default.createElement(TooltipContent, _object_spread({
-        side: side,
-        align: "center"
-    }, props), content)));
-};
-// src/elements/UsageCard.tsx
 var UsageCard = function(props) {
     var _props_percent;
     return /* @__PURE__ */ import_react38.default.createElement("div", {
@@ -4816,7 +4822,7 @@ var UsageCard = function(props) {
 };
 // src/elements/InvoiceAccordion.tsx
 var import_react39 = __toESM(require("react"));
-var import_clsx20 = __toESM(require("clsx"));
+var import_clsx19 = __toESM(require("clsx"));
 var InvoiceAccordion = function(_param) {
     var _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_texts = _param.texts, texts = _param_texts === void 0 ? {
         total: "Total",
@@ -4831,7 +4837,7 @@ var InvoiceAccordion = function(_param) {
     var _props_products;
     var InvoiceItemProp = function(props2) {
         return /* @__PURE__ */ import_react39.default.createElement("div", {
-            className: (0, import_clsx20.default)(props2.start ? "items-start" : "items-end", "flex w-full flex-col")
+            className: (0, import_clsx19.default)(props2.start ? "items-start" : "items-end", "flex w-full flex-col")
         }, /* @__PURE__ */ import_react39.default.createElement("div", {
             className: " text-sm text-gray-500"
         }, props2.label), /* @__PURE__ */ import_react39.default.createElement("div", {
@@ -4844,7 +4850,7 @@ var InvoiceAccordion = function(_param) {
     }, /* @__PURE__ */ import_react39.default.createElement("div", {
         className: "flex w-full flex-row items-center gap-2 border p-4 "
     }, props.invoiceActions && /* @__PURE__ */ import_react39.default.createElement("div", {
-        className: (0, import_clsx20.default)("transition-all hover:cursor-pointer ", direction === "rtl" ? "rotate-180" : "", expanded ? "rotate-90" : ""),
+        className: (0, import_clsx19.default)("transition-all hover:cursor-pointer ", direction === "rtl" ? "rotate-180" : "", expanded ? "rotate-90" : ""),
         onClick: function() {
             return setExpanded(!expanded);
         }
@@ -4894,7 +4900,7 @@ var InvoiceAccordion = function(_param) {
     }, /* @__PURE__ */ import_react39.default.createElement("path", {
         d: "M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"
     })))))), expanded && /* @__PURE__ */ import_react39.default.createElement("div", {
-        className: (0, import_clsx20.default)(expanded ? "h-full" : "h-0 border-none p-0 px-4", "flex h-auto flex-col gap-4 overflow-clip border border-t-0 bg-gray-50 p-4 transition-all")
+        className: (0, import_clsx19.default)(expanded ? "h-full" : "h-0 border-none p-0 px-4", "flex h-auto flex-col gap-4 overflow-clip border border-t-0 bg-gray-50 p-4 transition-all")
     }, /* @__PURE__ */ import_react39.default.createElement("div", {
         className: "border-b pb-2"
     }, props.invoiceDescription), (_props_products = props.products) === null || _props_products === void 0 ? void 0 : _props_products.map(function(product, i) {
@@ -4925,7 +4931,7 @@ var InvoiceAccordion = function(_param) {
 };
 // src/elements/UserFeedback.tsx
 var import_react40 = __toESM(require("react"));
-var import_clsx21 = __toESM(require("clsx"));
+var import_clsx20 = __toESM(require("clsx"));
 var UserFeedback = function(_param) {
     var _param_position = _param.position, position = _param_position === void 0 ? "bottom-right" : _param_position, props = _object_without_properties(_param, [
         "position"
@@ -4957,9 +4963,9 @@ var UserFeedback = function(_param) {
     };
     return /* @__PURE__ */ import_react40.default.createElement("div", {
         ref: popUpRef,
-        className: (0, import_clsx21.default)("fixed bottom-4 ", boxPosition[position])
+        className: (0, import_clsx20.default)("fixed bottom-4 ", boxPosition[position])
     }, /* @__PURE__ */ import_react40.default.createElement("div", {
-        className: (0, import_clsx21.default)("relative flex w-full max-w-sm flex-col gap-2 rounded border bg-background p-4 shadow-md transition-all", closed ? "opacity-0" : "opacity-100")
+        className: (0, import_clsx20.default)("relative flex w-full max-w-sm flex-col gap-2 rounded border bg-background p-4 shadow-md transition-all", closed ? "opacity-0" : "opacity-100")
     }, /* @__PURE__ */ import_react40.default.createElement("div", {
         className: "absolute left-2 top-2 p-1.5 text-sm"
     }, props.title), /* @__PURE__ */ import_react40.default.createElement("button", {
@@ -4997,7 +5003,7 @@ var UserFeedback = function(_param) {
                     clearTimeout(timeoutDestroy);
                 }, 5300);
             },
-            className: (0, import_clsx21.default)("w-full cursor-pointer rounded border  p-4 text-center transition-all ", clickedOption === op ? "bg-gray-500 text-white" : "border bg-background hover:bg-gray-300 dark:hover:bg-gray-700")
+            className: (0, import_clsx20.default)("w-full cursor-pointer rounded border  p-4 text-center transition-all ", clickedOption === op ? "bg-gray-500 text-white" : "border bg-background hover:bg-gray-300 dark:hover:bg-gray-700")
         }, op);
     })), props.texts && /* @__PURE__ */ import_react40.default.createElement("div", {
         className: " flex flex-row justify-between text-xs"
@@ -5015,11 +5021,11 @@ var UserFeedback = function(_param) {
 };
 // src/elements/ArrowCarousel.tsx
 var import_react41 = __toESM(require("react"));
-var import_clsx22 = __toESM(require("clsx"));
+var import_clsx21 = __toESM(require("clsx"));
 var Arrow3 = function(props) {
     return /* @__PURE__ */ import_react41.default.createElement("svg", {
         onClick: props.onClick || function() {},
-        className: (0, import_clsx22.default)("h-6 w-6 shrink-0  transition-all  disabled:bg-gray-200", props.direction === "right" ? "-rotate-90" : "rotate-90", props.disabled ? "text-gray-300" : "cursor-pointer hover:scale-150"),
+        className: (0, import_clsx21.default)("h-6 w-6 shrink-0  transition-all  disabled:bg-gray-200", props.direction === "right" ? "-rotate-90" : "rotate-90", props.disabled ? "text-gray-300" : "cursor-pointer hover:scale-150"),
         fill: props.disabled && "grey",
         viewBox: "0 0 20 20"
     }, /* @__PURE__ */ import_react41.default.createElement("path", {
@@ -5071,7 +5077,7 @@ var ArrowCarousel = function(props) {
 };
 // src/elements/FloatingComment.tsx
 var import_react42 = __toESM(require("react"));
-var import_clsx23 = __toESM(require("clsx"));
+var import_clsx22 = __toESM(require("clsx"));
 var Property = function(props) {
     return /* @__PURE__ */ import_react42.default.createElement("div", {
         className: "border-box mr-[10px] flex h-[32px] w-[32px] items-center justify-center rounded bg-gray-300 p-2",
@@ -5689,7 +5695,7 @@ var FloatingComment = function(props) {
     return /* @__PURE__ */ import_react42.default.createElement("div", {
         className: "align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded shadow-md"
     }, /* @__PURE__ */ import_react42.default.createElement("div", {
-        className: (0, import_clsx23.default)("flex w-full flex-row justify-start p-2")
+        className: (0, import_clsx22.default)("flex w-full flex-row justify-start p-2")
     }, Object.entries(stylers).map(function(param) {
         var _param = _sliced_to_array(param, 2), id = _param[0], data = _param[1];
         return /* @__PURE__ */ import_react42.default.createElement(Property, {
@@ -5993,7 +5999,7 @@ var FloatingCommentExec = function(props) {
 };
 // src/elements/BackToTop.tsx
 var import_react45 = __toESM(require("react"));
-var import_clsx24 = require("clsx");
+var import_clsx23 = require("clsx");
 var BackToTop = function(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
     var _ref = _sliced_to_array((0, import_react45.useState)(false), 2), visible = _ref[0], setVisible = _ref[1];
@@ -6050,20 +6056,21 @@ var BackToTop = function(_param) {
         };
         return style;
     };
-    return /* @__PURE__ */ import_react45.default.createElement("div", {
-        className: (0, import_clsx24.clsx)("fixed w-fit rounded bg-blue-300 p-2 text-black transition-all hover:bg-blue-500", "".concat(visible ? "pointer-events-all opacity-100" : "pointer-events-none opacity-0")),
+    return /* @__PURE__ */ import_react45.default.createElement(Button, {
+        className: cn("fixed cursor-pointer rounded transition-all", visible ? "pointer-events-all opacity-100" : "pointer-events-none opacity-0"),
+        onClick: backToTop,
         style: _object_spread_props(_object_spread({}, getStyles()), {
             transitionProperty: "opacity, background-color"
         }),
-        onClick: backToTop,
-        ref: self
+        ref: self,
+        size: "icon"
     }, /* @__PURE__ */ import_react45.default.createElement("svg", {
-        className: (0, import_clsx24.clsx)("h-6 w-6 shrink-0 rotate-180 transition-all  disabled:bg-gray-200"),
-        viewBox: "0 0 20 20"
+        className: (0, import_clsx23.clsx)("h-6 w-6 shrink-0 rotate-180 transition-all  disabled:bg-gray-200"),
+        "aria-label": "Arrow Icon",
+        viewBox: "0 0 20 20",
+        fill: "currentColor"
     }, /* @__PURE__ */ import_react45.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"
+        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"
     })));
 };
 // src/elements/HawaInlineCode.tsx
@@ -6094,7 +6101,7 @@ var Timeline = function(props) {
 };
 // src/elements/HawaPinInput.tsx
 var import_react48 = __toESM(require("react"));
-var import_clsx25 = __toESM(require("clsx"));
+var import_clsx24 = __toESM(require("clsx"));
 var HawaPinInput = function(_param) {
     var label = _param.label, icon = _param.icon, digits = _param.digits, _param_width = _param.width, width = _param_width === void 0 ? "normal" : _param_width, getPins = _param.getPins, props = _object_without_properties(_param, [
         "label",
@@ -6150,7 +6157,7 @@ var HawaPinInput = function(_param) {
             value: value,
             id: "input-".concat(index),
             pattern: "[0-9]*",
-            className: (0, import_clsx25.default)("h-10 rounded border bg-background text-center", width === "full" ? "w-full" : "w-10"),
+            className: (0, import_clsx24.default)("h-10 rounded border bg-background text-center", width === "full" ? "w-full" : "w-10"),
             onChange: function(e) {
                 return handleChange(e, index);
             },
@@ -6165,7 +6172,7 @@ var HawaPinInput = function(_param) {
 };
 // src/elements/HawaItemCard.tsx
 var import_react49 = __toESM(require("react"));
-var import_clsx26 = __toESM(require("clsx"));
+var import_clsx25 = __toESM(require("clsx"));
 var HawaItemCard = function(_param) {
     var handleOpenActionHeader = function handleOpenActionHeader() {
         setOpenActionHeader(!openActionHeader);
@@ -6209,12 +6216,12 @@ var HawaItemCard = function(_param) {
         openActionHeader
     ]);
     return /* @__PURE__ */ import_react49.default.createElement("div", _object_spread({
-        className: (0, import_clsx26.default)(defaultStyle, orientationStyles[orientation])
+        className: (0, import_clsx25.default)(defaultStyle, orientationStyles[orientation])
     }, props), cardImage && /* @__PURE__ */ import_react49.default.createElement("div", {
         className: "group relative overflow-clip"
     }, /* @__PURE__ */ import_react49.default.createElement("img", {
         src: "https://via.placeholder.com/50",
-        className: (0, import_clsx26.default)(imageStyles[orientation], clickableImage ? "overflow-clip transition-all group-hover:blur-lg" : "")
+        className: (0, import_clsx25.default)(imageStyles[orientation], clickableImage ? "overflow-clip transition-all group-hover:blur-lg" : "")
     }), clickableImage && /* @__PURE__ */ import_react49.default.createElement("div", {
         className: "absolute left-0 top-0 flex h-full w-full items-center  justify-center opacity-0 transition-all group-hover:opacity-100 "
     }, /* @__PURE__ */ import_react49.default.createElement(HawaButton, {
@@ -6229,7 +6236,7 @@ var HawaItemCard = function(_param) {
         position: "top-right",
         menuItems: headerActions
     }, /* @__PURE__ */ import_react49.default.createElement("div", {
-        className: (0, import_clsx26.default)(headerActionsButtonStyle),
+        className: (0, import_clsx25.default)(headerActionsButtonStyle),
         onClick: handleOpenActionHeader
     }, /* @__PURE__ */ import_react49.default.createElement("span", {
         className: "sr-only"
@@ -6245,11 +6252,11 @@ var HawaItemCard = function(_param) {
     }, header), content && /* @__PURE__ */ import_react49.default.createElement("p", {
         className: "w-full font-normal text-gray-700 dark:text-gray-400"
     }, content), actions || counts ? /* @__PURE__ */ import_react49.default.createElement("div", {
-        className: (0, import_clsx26.default)("mt-3 flex items-center rounded-b-lg dark:text-white ", actions && counts ? "justify-between" : "justify-end")
+        className: (0, import_clsx25.default)("mt-3 flex items-center rounded-b-lg dark:text-white ", actions && counts ? "justify-between" : "justify-end")
     }, counts, actions) : null));
 };
 // src/elements/HawaPricingCard.tsx
-var import_clsx27 = __toESM(require("clsx"));
+var import_clsx26 = __toESM(require("clsx"));
 var import_react50 = __toESM(require("react"));
 var HawaPricingCard = function(_param) {
     var _param_size = _param.size, size = _param_size === void 0 ? "medium" : _param_size, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_currentPlan = _param.currentPlan, currentPlan = _param_currentPlan === void 0 ? false : _param_currentPlan, props = _object_without_properties(_param, [
@@ -6266,7 +6273,7 @@ var HawaPricingCard = function(_param) {
     };
     return /* @__PURE__ */ import_react50.default.createElement("div", {
         dir: isArabic ? "rtl" : "ltr",
-        className: (0, import_clsx27.default)(currentPlan ? "border-primary" : "bg-background", cardSizes[size], "flex flex-col gap-4 rounded border-2 p-4")
+        className: (0, import_clsx26.default)(currentPlan ? "border-primary" : "bg-background", cardSizes[size], "flex flex-col gap-4 rounded border-2 p-4")
     }, /* @__PURE__ */ import_react50.default.createElement("h5", {
         className: "text-md 0 font-bold text-primary/70"
     }, props.texts.title), /* @__PURE__ */ import_react50.default.createElement("div", {
@@ -6306,7 +6313,7 @@ var HawaPricingCard = function(_param) {
     }, props.texts.buttonText));
 };
 // src/elements/HawaAdCard.tsx
-var import_clsx28 = __toESM(require("clsx"));
+var import_clsx27 = __toESM(require("clsx"));
 var import_react51 = __toESM(require("react"));
 var HawaAdCard = function(_param) {
     var orientation = _param.orientation, props = _object_without_properties(_param, [
@@ -6321,7 +6328,7 @@ var HawaAdCard = function(_param) {
         vertical: "bg-blue-500 rounded-inner w-auto "
     };
     return /* @__PURE__ */ import_react51.default.createElement("div", _object_spread({
-        className: (0, import_clsx28.default)(cardStyles[orientation], "dark:text-white")
+        className: (0, import_clsx27.default)(cardStyles[orientation], "dark:text-white")
     }, props), /* @__PURE__ */ import_react51.default.createElement("div", {
         className: "flex aspect-square w-full  max-w-fit  items-start "
     }, /* @__PURE__ */ import_react51.default.createElement("img", {
@@ -6339,7 +6346,7 @@ var HawaAdCard = function(_param) {
     }, "Hide"));
 };
 // src/elements/HawaLandingCard.tsx
-var import_clsx29 = __toESM(require("clsx"));
+var import_clsx28 = __toESM(require("clsx"));
 var import_react52 = __toESM(require("react"));
 var HawaLandingCard = function(_param) {
     var _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, props = _object_without_properties(_param, [
@@ -6355,7 +6362,7 @@ var HawaLandingCard = function(_param) {
         vertical: "w-14 h-14 rounded"
     };
     return /* @__PURE__ */ import_react52.default.createElement("div", _object_spread({
-        className: (0, import_clsx29.default)(cardStyles[orientation], "flex flex-col p-10", "relative overflow-hidden dark:text-white", props.className)
+        className: (0, import_clsx28.default)(cardStyles[orientation], "flex flex-col p-10", "relative overflow-hidden dark:text-white", props.className)
     }, props), ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.titleTip) && /* @__PURE__ */ import_react52.default.createElement("div", {
         className: "text-sm text-red-600"
     }, (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.titleTip), props.imageURL && /* @__PURE__ */ import_react52.default.createElement("img", {
@@ -6548,15 +6555,89 @@ var HawaLogoButton = function(props) {
         className: "flex h-full flex-col items-start justify-center dark:text-black"
     }, props.buttonText));
 };
+// src/elements/Carousel.tsx
+var import_react56 = __toESM(require("react"));
+// src/hooks/useCarousel.ts
+var import_react55 = require("react");
+var useCarousel = function(imageWidth) {
+    var _ref = _sliced_to_array((0, import_react55.useState)(false), 2), isDragging = _ref[0], setIsDragging = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react55.useState)(0), 2), startDragX = _ref1[0], setStartDragX = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react55.useState)(0), 2), scrollLeft = _ref2[0], setScrollLeft = _ref2[1];
+    var containerRef = (0, import_react55.useRef)(null);
+    var findClosestSnapPoint = function(scrollLeft2) {
+        return Math.round(scrollLeft2 / imageWidth) * imageWidth;
+    };
+    var handleMouseDown = function(e) {
+        setIsDragging(true);
+        setStartDragX(e.pageX - containerRef.current.offsetLeft);
+        setScrollLeft(containerRef.current.scrollLeft);
+    };
+    var handleMouseLeave = function() {
+        if (isDragging) {
+            handleDragEnd();
+        }
+    };
+    var handleMouseUp = function() {
+        if (isDragging) {
+            handleDragEnd();
+        }
+    };
+    var handleDragEnd = function() {
+        setIsDragging(false);
+        var closestSnapPoint = findClosestSnapPoint(containerRef.current.scrollLeft);
+        containerRef.current.scrollTo({
+            left: closestSnapPoint,
+            behavior: "smooth"
+        });
+    };
+    var handleMouseMove = function(e) {
+        if (!isDragging) return;
+        e.preventDefault();
+        var x = e.pageX - containerRef.current.offsetLeft;
+        var walk = x - startDragX;
+        containerRef.current.scrollLeft = scrollLeft - walk;
+    };
+    return {
+        containerRef: containerRef,
+        handleMouseDown: handleMouseDown,
+        handleMouseLeave: handleMouseLeave,
+        handleMouseUp: handleMouseUp,
+        handleMouseMove: handleMouseMove
+    };
+};
+var useCarousel_default = useCarousel;
+// src/elements/Carousel.tsx
+var Carousel = function(param) {
+    var images = param.images;
+    var imageWidth = 240 + 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_react56.default.createElement("div", {
+        className: "flex cursor-pointer snap-x  gap-4 overflow-x-scroll",
+        onMouseDown: handleMouseDown,
+        onMouseLeave: handleMouseLeave,
+        onMouseUp: handleMouseUp,
+        onMouseMove: handleMouseMove,
+        ref: containerRef
+    }, images.map(function(image, index) {
+        return /* @__PURE__ */ import_react56.default.createElement("div", {
+            key: index,
+            className: "h-40 w-60 flex-shrink-0"
+        }, /* @__PURE__ */ import_react56.default.createElement("img", {
+            src: image,
+            alt: "Carousel Image ".concat(index),
+            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,
@@ -6565,21 +6646,21 @@ var Input = React59.forwardRef(function(_param, ref) {
 });
 Input.displayName = "Input";
 // src/elements/InterfaceSettings.tsx
-var import_react55 = __toESM(require("react"));
+var import_react57 = __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_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 _ref = _sliced_to_array((0, import_react57.useState)(props.currentColorMode), 2), color = _ref[0], setColor = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react57.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_react55.default.createElement("div", {
+    return /* @__PURE__ */ import_react57.default.createElement("div", {
         className: cn(orientationStyle[orientation])
-    }, /* @__PURE__ */ import_react55.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react57.default.createElement(HawaRadio, {
         width: width,
         defaultValue: language,
         onChangeTab: function(e) {
@@ -6597,7 +6678,7 @@ var InterfaceSettings = function(_param) {
                 label: "English"
             }
         ]
-    }), /* @__PURE__ */ import_react55.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react57.default.createElement(HawaRadio, {
         width: width,
         defaultValue: color,
         onChangeTab: function(e) {
@@ -6608,14 +6689,14 @@ var InterfaceSettings = function(_param) {
         options: [
             {
                 value: "light",
-                label: /* @__PURE__ */ import_react55.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react57.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_react55.default.createElement("path", {
+                }, /* @__PURE__ */ import_react57.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",
                     "fill-rule": "evenodd",
@@ -6624,7 +6705,7 @@ var InterfaceSettings = function(_param) {
             },
             {
                 value: "dark",
-                label: /* @__PURE__ */ import_react55.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react57.default.createElement("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "24",
                     height: "24",
@@ -6635,7 +6716,7 @@ var InterfaceSettings = function(_param) {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-                }, /* @__PURE__ */ import_react55.default.createElement("path", {
+                }, /* @__PURE__ */ import_react57.default.createElement("path", {
                     d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
                 }))
             }
@@ -6643,22 +6724,22 @@ var InterfaceSettings = function(_param) {
     }));
 };
 // src/elements/DropdownMenu.tsx
-var React61 = __toESM(require("react"));
+var React62 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuSubTrigger = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuSubTrigger = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, inset = _param.inset, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "inset",
         "children"
     ]);
-    return React61.createElement(DropdownMenuPrimitive.SubTrigger, _object_spread({
+    return React62.createElement(DropdownMenuPrimitive.SubTrigger, _object_spread({
         ref: ref,
         className: cn("flex cursor-default select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className)
-    }, props), children, /* @__PURE__ */ React61.createElement("svg", {
+    }, props), children, /* @__PURE__ */ React62.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         stroke: "currentColor",
         fill: "currentColor",
@@ -6667,58 +6748,58 @@ var DropdownMenuSubTrigger = React61.forwardRef(function(_param, ref) /* @__PURE
         height: "1em",
         width: "1em",
         className: cn(props.dir === "rtl" ? "rotate-180" : "")
-    }, /* @__PURE__ */ React61.createElement("path", {
+    }, /* @__PURE__ */ React62.createElement("path", {
         "fill-rule": "evenodd",
         d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
     })));
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuSubContent = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React61.createElement(DropdownMenuPrimitive.SubContent, _object_spread({
+    return React62.createElement(DropdownMenuPrimitive.SubContent, _object_spread({
         ref: ref,
         className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
     }, props));
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuContent = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
         "className",
         "sideOffset"
     ]);
-    return React61.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React61.createElement(DropdownMenuPrimitive.Content, _object_spread({
+    return React62.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React62.createElement(DropdownMenuPrimitive.Content, _object_spread({
         ref: ref,
         sideOffset: sideOffset,
         className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
     }, props)));
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuItem = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
         "className",
         "inset"
     ]);
-    return React61.createElement(DropdownMenuPrimitive.Item, _object_spread({
+    return React62.createElement(DropdownMenuPrimitive.Item, _object_spread({
         ref: ref,
         className: cn("relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 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));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuCheckboxItem = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, checked = _param.checked, props = _object_without_properties(_param, [
         "className",
         "children",
         "checked"
     ]);
-    return React61.createElement(DropdownMenuPrimitive.CheckboxItem, _object_spread({
+    return React62.createElement(DropdownMenuPrimitive.CheckboxItem, _object_spread({
         ref: ref,
         className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
         checked: checked
-    }, props), /* @__PURE__ */ React61.createElement("span", {
+    }, props), /* @__PURE__ */ React62.createElement("span", {
         className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-    }, /* @__PURE__ */ React61.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React61.createElement("svg", {
+    }, /* @__PURE__ */ React62.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React62.createElement("svg", {
         "aria-label": "Check Mark",
         stroke: "currentColor",
         fill: "currentColor",
@@ -6726,22 +6807,22 @@ var DropdownMenuCheckboxItem = React61.forwardRef(function(_param, ref) /* @__PU
         viewBox: "0 0 512 512",
         height: "0.60em",
         width: "0.60em"
-    }, /* @__PURE__ */ React61.createElement("path", {
+    }, /* @__PURE__ */ React62.createElement("path", {
         d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
     })), " ")), children);
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuRadioItem = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React61.createElement(DropdownMenuPrimitive.RadioItem, _object_spread({
+    return React62.createElement(DropdownMenuPrimitive.RadioItem, _object_spread({
         ref: ref,
         className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
-    }, props), /* @__PURE__ */ React61.createElement("span", {
+    }, props), /* @__PURE__ */ React62.createElement("span", {
         className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-    }, /* @__PURE__ */ React61.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React61.createElement("svg", {
+    }, /* @__PURE__ */ React62.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React62.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         "aria-label": "Circle",
@@ -6753,29 +6834,29 @@ var DropdownMenuRadioItem = React61.forwardRef(function(_param, ref) /* @__PURE_
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         className: "h-2 w-2 fill-current"
-    }, /* @__PURE__ */ React61.createElement("circle", {
+    }, /* @__PURE__ */ React62.createElement("circle", {
         cx: "12",
         cy: "12",
         r: "10"
     })))), children);
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuLabel = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
         "className",
         "inset"
     ]);
-    return React61.createElement(DropdownMenuPrimitive.Label, _object_spread({
+    return React62.createElement(DropdownMenuPrimitive.Label, _object_spread({
         ref: ref,
         className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)
     }, props));
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React61.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DropdownMenuSeparator = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React61.createElement(DropdownMenuPrimitive.Separator, _object_spread({
+    return React62.createElement(DropdownMenuPrimitive.Separator, _object_spread({
         ref: ref,
         className: cn("-mx-1 my-1 h-px bg-muted", className)
     }, props));
@@ -6785,34 +6866,34 @@ var DropdownMenuShortcut = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React61.createElement("span", _object_spread({
+    return /* @__PURE__ */ React62.createElement("span", _object_spread({
         className: cn("ml-auto text-xs tracking-widest opacity-60", className)
     }, props));
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var DropdownMenu2 = function(param) {
     var trigger = param.trigger, items = param.items, direction = param.direction, onItemSelect = param.onItemSelect, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset;
-    return /* @__PURE__ */ React61.createElement(DropdownMenuRoot, {
+    return /* @__PURE__ */ React62.createElement(DropdownMenuRoot, {
         dir: direction
-    }, /* @__PURE__ */ React61.createElement(DropdownMenuTrigger, {
+    }, /* @__PURE__ */ React62.createElement(DropdownMenuTrigger, {
         className: triggerClassname
-    }, trigger), /* @__PURE__ */ React61.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React61.createElement(DropdownMenuContent, {
+    }, trigger), /* @__PURE__ */ React62.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React62.createElement(DropdownMenuContent, {
         side: side,
         sideOffset: sideOffset,
         className: cn(className),
         align: align,
         alignOffset: alignOffset
     }, items.map(function(item, index) {
-        return item.subitems ? /* @__PURE__ */ React61.createElement(DropdownMenuSub, null, /* @__PURE__ */ React61.createElement(DropdownMenuSubTrigger, {
+        return item.subitems ? /* @__PURE__ */ React62.createElement(DropdownMenuSub, null, /* @__PURE__ */ React62.createElement(DropdownMenuSubTrigger, {
             dir: direction
-        }, item.label), /* @__PURE__ */ React61.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React61.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
-            return /* @__PURE__ */ React61.createElement(DropdownMenuItem, {
+        }, item.label), /* @__PURE__ */ React62.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React62.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
+            return /* @__PURE__ */ React62.createElement(DropdownMenuItem, {
                 onSelect: function() {
                     return subitem.action();
                 },
                 key: subIndex
             }, subitem.label);
-        })))) : /* @__PURE__ */ React61.createElement(DropdownMenuItem, {
+        })))) : /* @__PURE__ */ React62.createElement(DropdownMenuItem, {
             key: index,
             onSelect: function() {
                 return item.action();
@@ -6821,15 +6902,15 @@ var DropdownMenu2 = function(param) {
     }))));
 };
 // src/elements/Popover.tsx
-var React62 = __toESM(require("react"));
+var React63 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React62.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var PopoverContent = React63.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 React62.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React62.createElement(PopoverPrimitive.Content, _object_spread({
+    return React63.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React63.createElement(PopoverPrimitive.Content, _object_spread({
         ref: ref,
         align: align,
         sideOffset: sideOffset,
@@ -6839,7 +6920,7 @@ var PopoverContent = React62.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__ */ React62.createElement(PopoverPrimitive.Root, null, /* @__PURE__ */ React62.createElement(PopoverPrimitive.Trigger, null, trigger), /* @__PURE__ */ React62.createElement(PopoverContent, {
+    return /* @__PURE__ */ React63.createElement(PopoverPrimitive.Root, null, /* @__PURE__ */ React63.createElement(PopoverPrimitive.Trigger, null, trigger), /* @__PURE__ */ React63.createElement(PopoverContent, {
         side: side,
         className: className,
         align: align,
@@ -6847,82 +6928,82 @@ var Popover = function(param) {
     }, children));
 };
 // src/elements/Tabs.tsx
-var React63 = __toESM(require("react"));
+var React64 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var TabsContext = React63.createContext({
+var TabsContext = React64.createContext({
     orientation: "vertical"
 });
-var Tabs = React63.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Tabs = React64.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, orientation = _param.orientation, props = _object_without_properties(_param, [
         "className",
         "orientation"
     ]);
-    return React63.createElement(TabsPrimitive.Root, _object_spread({
+    return React64.createElement(TabsPrimitive.Root, _object_spread({
         ref: ref,
         className: cn("flex gap-2", orientation === "horizontal" ? "flex-row" : "flex-col", className)
-    }, props), /* @__PURE__ */ React63.createElement(TabsContext.Provider, {
+    }, props), /* @__PURE__ */ React64.createElement(TabsContext.Provider, {
         value: {
             orientation: orientation
         }
     }, props.children));
 });
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React63.forwardRef(function(_param, ref) {
+var TabsList = React64.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    var orientation = React63.useContext(TabsContext).orientation;
-    return /* @__PURE__ */ React63.createElement(TabsPrimitive.List, _object_spread({
+    var orientation = React64.useContext(TabsContext).orientation;
+    return /* @__PURE__ */ React64.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 = React63.forwardRef(function(_param, ref) {
+var TabsTrigger = React64.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React63.createElement(TabsPrimitive.Trigger, _object_spread({
+    return /* @__PURE__ */ React64.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 = React63.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TabsContent = React64.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React63.createElement(TabsPrimitive.Content, _object_spread({
+    return React64.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 React64 = __toESM(require("react"));
-var Textarea = React64.forwardRef(function(_param, ref) {
+var React65 = __toESM(require("react"));
+var Textarea = React65.forwardRef(function(_param, ref) {
     var className = _param.className, label = _param.label, props = _object_without_properties(_param, [
         "className",
         "label"
     ]);
-    return /* @__PURE__ */ React64.createElement(React64.Fragment, null, label && /* @__PURE__ */ React64.createElement(Label, {
+    return /* @__PURE__ */ React65.createElement(React65.Fragment, null, label && /* @__PURE__ */ React65.createElement(Label, {
         htmlFor: props.id
-    }, label), /* @__PURE__ */ React64.createElement("textarea", _object_spread({
+    }, label), /* @__PURE__ */ React65.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 React65 = __toESM(require("react"));
+var React66 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var Separator3 = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Separator3 = React66.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 React65.createElement(SeparatorPrimitive.Root, _object_spread({
+    return React66.createElement(SeparatorPrimitive.Root, _object_spread({
         ref: ref,
         decorative: decorative,
         orientation: orientation,
@@ -6931,7 +7012,7 @@ var Separator3 = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
 });
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 // src/elements/Toast.tsx
-var React66 = __toESM(require("react"));
+var React67 = __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", {
@@ -6953,24 +7034,24 @@ var toastVariants = (0, import_class_variance_authority3.cva)("group pointer-eve
     }
 });
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastViewport = React67.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React66.createElement(ToastPrimitives.Viewport, _object_spread({
+    return React67.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 = React66.forwardRef(function(_param, ref) {
+var Toast = React67.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__ */ React66.createElement(ToastPrimitives.Root, _object_spread({
+    return /* @__PURE__ */ React67.createElement(ToastPrimitives.Root, _object_spread({
         ref: ref,
         className: cn(toastVariants({
             variant: variant,
@@ -6980,61 +7061,61 @@ var Toast = React66.forwardRef(function(_param, ref) {
     }, props));
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React66.forwardRef(function(_param, ref) {
+var ToastAction = React67.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React66.createElement(ToastPrimitives.Action, _object_spread({
+    return /* @__PURE__ */ React67.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 = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastClose = React67.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React66.createElement(ToastPrimitives.Close, _object_spread({
+    return React67.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__ */ React66.createElement("svg", {
+    }, props), /* @__PURE__ */ React67.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
         className: "h-4 w-4",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React66.createElement("path", {
+    }, /* @__PURE__ */ React67.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 = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastTitle = React67.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React66.createElement(ToastPrimitives.Title, _object_spread({
+    return React67.createElement(ToastPrimitives.Title, _object_spread({
         ref: ref,
         className: cn("text-sm font-semibold", className)
     }, props));
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastDescription = React67.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React66.createElement(ToastPrimitives.Description, _object_spread({
+    return React67.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_react56 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 // src/hooks/useToast.ts
-var React67 = __toESM(require("react"));
+var React68 = __toESM(require("react"));
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
 var count = 0;
@@ -7145,8 +7226,8 @@ function toast(_param) {
     };
 }
 function useToast() {
-    var _React67_useState = _sliced_to_array(React67.useState(memoryState), 2), state = _React67_useState[0], setState = _React67_useState[1];
-    React67.useEffect(function() {
+    var _React68_useState = _sliced_to_array(React68.useState(memoryState), 2), state = _React68_useState[0], setState = _React68_useState[1];
+    React68.useEffect(function() {
         listeners.push(setState);
         return function() {
             var index = listeners.indexOf(setState);
@@ -7171,7 +7252,7 @@ function useToast() {
 function Toaster(props) {
     var toasts = useToast().toasts;
     var isRTL = props.direction === "rtl";
-    return /* @__PURE__ */ import_react56.default.createElement(ToastProvider, {
+    return /* @__PURE__ */ import_react58.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, [
@@ -7180,46 +7261,46 @@ function Toaster(props) {
             "description",
             "action"
         ]);
-        return /* @__PURE__ */ import_react56.default.createElement(Toast, _object_spread({
+        return /* @__PURE__ */ import_react58.default.createElement(Toast, _object_spread({
             direction: props.direction,
             key: id
-        }, toastProps), /* @__PURE__ */ import_react56.default.createElement("div", {
+        }, toastProps), /* @__PURE__ */ import_react58.default.createElement("div", {
             className: cn("grid gap-1", isRTL ? "text-right" : "text-left")
-        }, 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, {
+        }, title && /* @__PURE__ */ import_react58.default.createElement(ToastTitle, null, title), description && /* @__PURE__ */ import_react58.default.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ import_react58.default.createElement(ToastClose, null));
+    }), /* @__PURE__ */ import_react58.default.createElement(ToastViewport, {
         className: cn("gap-2", isRTL && "fixed left-0")
     }));
 }
 // src/layout/Box.tsx
-var import_react57 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var Box = function(props) {
-    return /* @__PURE__ */ import_react57.default.createElement("div", null, props.children);
+    return /* @__PURE__ */ import_react59.default.createElement("div", null, props.children);
 };
 // src/layout/HawaBottomAppBar.tsx
-var import_react58 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 var HawaBottomAppBar = function(props) {
-    return /* @__PURE__ */ import_react58.default.createElement("div", {
+    return /* @__PURE__ */ import_react60.default.createElement("div", {
         className: "fixed bottom-0 top-auto left-0 m-0 w-full max-w-full  p-1"
-    }, /* @__PURE__ */ import_react58.default.createElement("div", {
+    }, /* @__PURE__ */ import_react60.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_react58.default.createElement("div", {
+        return /* @__PURE__ */ import_react60.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_react58.default.createElement("div", null, singleContent.icon), /* @__PURE__ */ import_react58.default.createElement("div", {
+        }, /* @__PURE__ */ import_react60.default.createElement("div", null, singleContent.icon), /* @__PURE__ */ import_react60.default.createElement("div", {
             className: "mt-2 text-sm"
         }, singleContent.label));
     })));
 };
 // src/layout/HawaSiteLayout.tsx
-var import_react61 = __toESM(require("react"));
-var import_clsx30 = __toESM(require("clsx"));
+var import_react63 = __toESM(require("react"));
+var import_clsx29 = __toESM(require("clsx"));
 // src/hooks/useDiscloser.ts
-var import_react59 = require("react");
+var import_react61 = require("react");
 var useDiscloser = function() {
     var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
-    var _ref = _sliced_to_array((0, import_react59.useState)(value), 2), open = _ref[0], setOpen = _ref[1];
+    var _ref = _sliced_to_array((0, import_react61.useState)(value), 2), open = _ref[0], setOpen = _ref[1];
     var onOpen = function() {
         return setOpen(true);
     };
@@ -7234,15 +7315,15 @@ var useDiscloser = function() {
 };
 var useDiscloser_default = useDiscloser;
 // src/hooks/useBreakpoint.ts
-var import_react60 = require("react");
+var import_react62 = require("react");
 var useBreakpoint = function() {
     var _window;
-    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 _ref = _sliced_to_array((0, import_react62.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_react60.useEffect)(function() {
+    (0, import_react62.useEffect)(function() {
         if (typeof window !== "undefined") {
             var _window;
             (_window = window) === null || _window === void 0 ? void 0 : _window.addEventListener("resize", resize);
@@ -7262,19 +7343,19 @@ var HawaSiteLayout = function(_param) {
         "navigationSize"
     ]);
     var _props_navItems;
-    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 _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)(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_react61.useRef)(null);
-    var drawerItemRef = (0, import_react61.useRef)(null);
+    var ref = (0, import_react63.useRef)(null);
+    var drawerItemRef = (0, import_react63.useRef)(null);
     var size;
     if (typeof window !== "undefined") {
         size = useBreakpoint_default();
     } else {
         size = 1200;
     }
-    var _ref2 = _sliced_to_array((0, import_react61.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    (0, import_react61.useEffect)(function() {
+    var _ref2 = _sliced_to_array((0, import_react63.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
+    (0, import_react63.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -7304,30 +7385,30 @@ var HawaSiteLayout = function(_param) {
     };
     var ltrChildrenStyle = [];
     var rtlChildrenStyle = [];
-    return /* @__PURE__ */ import_react61.default.createElement("div", {
+    return /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "h-full w-full"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
-        className: (0, import_clsx30.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",
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
+        className: (0, import_clsx29.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_react61.default.createElement("div", {
+    }, size > 600 ? /* @__PURE__ */ import_react63.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_react61.default.createElement("div", {
+        return /* @__PURE__ */ import_react63.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_react61.default.createElement("div", {
+    })) : /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "flex items-center justify-center"
-    }, /* @__PURE__ */ import_react61.default.createElement("div", {
+    }, /* @__PURE__ */ import_react63.default.createElement("div", {
         onClick: function() {
             return setOpenSideMenu(!openSideMenu);
         },
         className: "cursor-pointer  rounded p-1  transition-all hover:bg-gray-100"
-    }, /* @__PURE__ */ import_react61.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         "stroke-width": "0",
@@ -7335,49 +7416,49 @@ var HawaSiteLayout = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react61.default.createElement("path", {
+    }, /* @__PURE__ */ import_react63.default.createElement("path", {
         "fill-rule": "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",
         "clip-rule": "evenodd"
-    })), " "), props.pageTitle ? /* @__PURE__ */ import_react61.default.createElement("div", null, props.pageTitle) : /* @__PURE__ */ import_react61.default.createElement("div", null)), /* @__PURE__ */ import_react61.default.createElement("div", {
+    })), " "), props.pageTitle ? /* @__PURE__ */ import_react63.default.createElement("div", null, props.pageTitle) : /* @__PURE__ */ import_react63.default.createElement("div", null)), /* @__PURE__ */ import_react63.default.createElement("div", {
         className: "h-full"
-    }, /* @__PURE__ */ import_react61.default.createElement("img", {
+    }, /* @__PURE__ */ import_react63.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_react61.default.createElement("div", {
-        className: (0, import_clsx30.default)(" relative top-14")
+    }))), /* @__PURE__ */ import_react63.default.createElement("div", {
+        className: (0, import_clsx29.default)(" relative top-14")
     }, props.children));
 };
 // src/layout/AppLayout.tsx
-var import_react62 = __toESM(require("react"));
-var import_clsx31 = __toESM(require("clsx"));
+var import_react64 = __toESM(require("react"));
+var import_clsx30 = __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",
@@ -7386,30 +7467,30 @@ 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", {
         "fill-rule": "evenodd",
         d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
     }))));
 });
 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) {
@@ -7418,7 +7499,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,
@@ -7435,23 +7516,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();
@@ -7466,7 +7547,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) {
@@ -7476,9 +7557,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)));
     }
@@ -7508,20 +7589,20 @@ var AppLayout = function(_param) {
             lg: closeDrawerWidth
         }
     };
-    var ref = (0, import_react62.useRef)(null);
+    var ref = (0, import_react64.useRef)(null);
     var isRTL = direction === "rtl";
-    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 _ref = _sliced_to_array((0, import_react64.useState)(""), 2), openedSidebarItem = _ref[0], setOpenedSidebarItem = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react64.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_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 _ref2 = _sliced_to_array((0, import_react64.useState)(size > 600 ? true : false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react64.useState)(size > 600 ? true : false), 2), openSideMenu = _ref3[0], setOpenSideMenu = _ref3[1];
     var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    (0, import_react62.useEffect)(function() {
+    (0, import_react64.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -7534,12 +7615,12 @@ var AppLayout = function(_param) {
     }, [
         keepOpen
     ]);
-    return /* @__PURE__ */ import_react62.default.createElement("div", {
+    return /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "fixed left-0"
-    }, props.topBar && /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.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_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("dark:text-white", isRTL ? [
+    }, 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_react64.default.createElement("div", {
+        className: (0, import_clsx30.default)("dark:text-white", isRTL ? [
             size > 600 ? "mr-14" : "mr-2",
             keepOpen ? "mr-40" : ""
         ] : [
@@ -7552,15 +7633,15 @@ var AppLayout = function(_param) {
             marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
         }
     }, props.pageTitle) : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react62.default.createElement("div", {
+    /* @__PURE__ */ import_react64.default.createElement("div", {
         dir: direction,
         className: "flex items-center justify-center gap-0.5"
-    }, /* @__PURE__ */ import_react62.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_react62.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react64.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         "stroke-width": "0",
@@ -7568,33 +7649,33 @@ var AppLayout = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react62.default.createElement("path", {
+    }, /* @__PURE__ */ import_react64.default.createElement("path", {
         "fill-rule": "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",
         "clip-rule": "evenodd"
-    }))), props.pageTitle ? /* @__PURE__ */ import_react62.default.createElement("div", {
+    }))), props.pageTitle ? /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react62.default.createElement("div", null)), /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("flex gap-2 dark:text-white", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react62.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_react64.default.createElement("div", {
         className: isRTL ? "text-left text-xs" : "text-right text-xs"
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react62.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react62.default.createElement(DropdownMenu2, {
+    }, props.username), " ", /* @__PURE__ */ import_react64.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react64.default.createElement(DropdownMenu2, {
         triggerClassname: "mx-2",
         align: "end",
         alignOffset: 8,
         side: "bottom",
         sideOffset: 5,
         direction: isRTL ? "rtl" : "ltr",
-        trigger: /* @__PURE__ */ import_react62.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_react62.default.createElement("svg", {
+        }, /* @__PURE__ */ import_react64.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_react62.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"
@@ -7603,8 +7684,8 @@ var AppLayout = function(_param) {
         onItemSelect: function(e) {
             return console.log("selecting item ", e);
         }
-    }))), /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip  transition-all", isRTL ? "right-0" : "left-0"),
+    }))), /* @__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"
         },
@@ -7616,26 +7697,26 @@ var AppLayout = function(_param) {
             setOpenedSidebarItem("");
         },
         ref: ref
-    }, /* @__PURE__ */ import_react62.default.createElement("div", {
+    }, /* @__PURE__ */ import_react64.default.createElement("div", {
         dir: direction,
-        className: (0, import_clsx31.default)("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center  bg-primary-foreground  transition-all"),
+        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_react62.default.createElement("img", {
-        className: (0, import_clsx31.default)("h-9  opacity-0 transition-all", // isRTL ? "right-2.5" : "left-2.5",
+    }, /* @__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_react62.default.createElement("img", {
-        className: (0, import_clsx31.default)("fixed top-2.5 h-9  transition-all", isRTL ? "right-2.5" : "left-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
+    }), 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_react62.default.createElement("div", {
-        className: (0, import_clsx31.default)("fixed bottom-14 top-14 bg-primary-foreground p-2 py-2 transition-all", openSideMenu ? "overflow-auto" : "overflow-hidden"),
+    }) : null), /* @__PURE__ */ import_react64.default.createElement("div", {
+        className: (0, import_clsx30.default)("fixed bottom-14 top-14 bg-primary-foreground p-2 py-2 transition-all", openSideMenu ? "overflow-auto" : "overflow-hidden"),
         style: {
             height: "calc(100% - 112px)",
             width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
         }
-    }, /* @__PURE__ */ import_react62.default.createElement(SidebarGroup, {
+    }, /* @__PURE__ */ import_react64.default.createElement(SidebarGroup, {
         direction: direction,
         onItemClick: function(values) {
             setSelectedItem(values);
@@ -7652,30 +7733,30 @@ var AppLayout = function(_param) {
         },
         isOpen: openSideMenu,
         items: props.drawerItems
-    })), /* @__PURE__ */ import_react62.default.createElement("div", {
-        className: (0, import_clsx31.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"),
+    })), /* @__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_react62.default.createElement(import_react62.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react62.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_react62.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react64.default.createElement(Button, {
         variant: "light",
         onClick: function() {
             return setKeepOpen(!keepOpen);
         },
         size: "smallIcon"
-    }, /* @__PURE__ */ import_react62.default.createElement("svg", {
-        className: (0, import_clsx31.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"),
+    }, /* @__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_react62.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_react62.default.createElement("div", {
+    })))) : null)), /* @__PURE__ */ import_react64.default.createElement("div", {
         className: "fixed overflow-y-auto transition-all",
         style: isRTL ? {
             height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
@@ -7691,8 +7772,8 @@ var AppLayout = function(_param) {
     }, props.children));
 };
 // src/layout/HawaAppLayout.tsx
-var import_react63 = __toESM(require("react"));
-var import_clsx32 = __toESM(require("clsx"));
+var import_react65 = __toESM(require("react"));
+var import_clsx31 = __toESM(require("clsx"));
 var import_fa = require("react-icons/fa");
 var HawaAppLayout = 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, props = _object_without_properties(_param, [
@@ -7701,11 +7782,11 @@ var HawaAppLayout = function(_param) {
         "onSettingsClick"
     ]);
     var _props_drawerItems;
-    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_react65.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react65.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_react65.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
+    var ref = (0, import_react65.useRef)(null);
     var isRTL = direction === "rtl";
     var size;
     if (typeof window !== "undefined") {
@@ -7713,7 +7794,7 @@ var HawaAppLayout = function(_param) {
     } else {
         size = 1200;
     }
-    (0, import_react63.useEffect)(function() {
+    (0, import_react65.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -7740,13 +7821,13 @@ var HawaAppLayout = function(_param) {
         }
     };
     var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    return /* @__PURE__ */ import_react63.default.createElement("div", {
+    return /* @__PURE__ */ import_react65.default.createElement("div", {
         className: "fixed"
-    }, props.topBar && /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.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")
+    }, props.topBar && /* @__PURE__ */ import_react65.default.createElement("div", {
+        className: (0, import_clsx31.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_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)(isRTL ? [
+    /* @__PURE__ */ import_react65.default.createElement("div", {
+        className: (0, import_clsx31.default)(isRTL ? [
             size > 600 ? "mr-14" : "mr-2",
             keepOpen ? "mr-40" : ""
         ] : [
@@ -7759,15 +7840,15 @@ var HawaAppLayout = function(_param) {
             marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
         }
     }, props.pageTitle) : null : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react63.default.createElement("div", {
+    /* @__PURE__ */ import_react65.default.createElement("div", {
         dir: direction,
         className: "flex items-center justify-center gap-0.5 "
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, /* @__PURE__ */ import_react65.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_react65.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         "stroke-width": "0",
@@ -7775,36 +7856,36 @@ var HawaAppLayout = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react63.default.createElement("path", {
+    }, /* @__PURE__ */ import_react65.default.createElement("path", {
         "fill-rule": "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",
         "clip-rule": "evenodd"
-    })), " "), props.pageTitle ? /* @__PURE__ */ import_react63.default.createElement("div", {
+    })), " "), props.pageTitle ? /* @__PURE__ */ import_react65.default.createElement("div", {
         className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react63.default.createElement("div", null)), /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)("flex gap-2", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)(isRTL ? "text-left text-xs" : "text-right text-xs")
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, props.pageTitle) : /* @__PURE__ */ import_react65.default.createElement("div", null)), /* @__PURE__ */ import_react65.default.createElement("div", {
+        className: (0, import_clsx31.default)("flex gap-2", isRTL ? "flex-row-reverse" : "flex-row")
+    }, size > 600 ? /* @__PURE__ */ import_react65.default.createElement("div", {
+        className: (0, import_clsx31.default)(isRTL ? "text-left text-xs" : "text-right text-xs")
+    }, /* @__PURE__ */ import_react65.default.createElement("div", {
         className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react63.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react63.default.createElement(HawaMenu, {
+    }, props.username), " ", /* @__PURE__ */ import_react65.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react65.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_react63.default.createElement("div", {
+    }, /* @__PURE__ */ import_react65.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_react63.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react65.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_react65.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_react63.default.createElement("div", {
+    })))))), /* @__PURE__ */ import_react65.default.createElement("div", {
         onMouseEnter: function() {
             setOpenSideMenu(true);
         },
@@ -7812,38 +7893,38 @@ var HawaAppLayout = function(_param) {
             return keepOpen ? setOpenSideMenu(true) : setOpenSideMenu(false);
         },
         ref: ref,
-        className: (0, import_clsx32.default)(drawerDefaultStyle, drawerSizeStyle[drawerSize], isRTL ? "right-0" : "left-0"),
+        className: (0, import_clsx31.default)(drawerDefaultStyle, drawerSizeStyle[drawerSize], 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"
         }
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)("no-scrollbar", props.topBar ? "" : "mt-2", openSideMenu ? "overflow-auto" : "overflow-hidden")
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
+    }, /* @__PURE__ */ import_react65.default.createElement("div", {
+        className: (0, import_clsx31.default)("no-scrollbar", props.topBar ? "" : "mt-2", openSideMenu ? "overflow-auto" : "overflow-hidden")
+    }, /* @__PURE__ */ import_react65.default.createElement("div", {
         dir: direction,
-        className: (0, import_clsx32.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"),
+        className: (0, import_clsx31.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_react63.default.createElement("img", {
-        className: (0, import_clsx32.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"),
+    }, /* @__PURE__ */ import_react65.default.createElement("img", {
+        className: (0, import_clsx31.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_react63.default.createElement("img", {
-        className: (0, import_clsx32.default)("fixed top-2.5 h-9  transition-all", isRTL ? "right-2.5" : "left-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
+    }), size > 600 ? /* @__PURE__ */ import_react65.default.createElement("img", {
+        className: (0, import_clsx31.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_react65.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_react63.default.createElement("div", {
+        return /* @__PURE__ */ import_react65.default.createElement("div", {
             key: dIndex,
-            className: (0, import_clsx32.default)("flex flex-col items-stretch justify-center")
+            className: (0, import_clsx31.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_react63.default.createElement("div", {
+            return /* @__PURE__ */ import_react65.default.createElement("div", {
                 key: i,
                 id: "test",
                 className: "flex flex-col"
-            }, /* @__PURE__ */ import_react63.default.createElement("div", {
+            }, /* @__PURE__ */ import_react65.default.createElement("div", {
                 onClick: function() {
                     dItem.subItems ? openSubItem === dItem.slug ? // ||
                     // dItem.subItems.find(
@@ -7851,53 +7932,53 @@ var HawaAppLayout = function(_param) {
                     // )
                     setOpenSubitem("") : setOpenSubitem(dItem.slug) : dItem.action();
                 },
-                className: (0, import_clsx32.default)(props.currentPage === dItem.slug || ((_dItem_subItems = dItem.subItems) === null || _dItem_subItems === void 0 ? void 0 : _dItem_subItems.find(function(e) {
+                className: (0, import_clsx31.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_react63.default.createElement("div", {
+            }, /* @__PURE__ */ import_react65.default.createElement("div", {
                 className: "flex flex-row",
                 dir: direction
-            }, /* @__PURE__ */ import_react63.default.createElement("div", {
+            }, /* @__PURE__ */ import_react65.default.createElement("div", {
                 className: "flex items-center justify-center"
-            }, dItem.icon), /* @__PURE__ */ import_react63.default.createElement("div", {
-                className: (0, import_clsx32.default)("mx-2 whitespace-nowrap text-sm transition-all", openSideMenu ? "opacity-100" : "opacity-0")
-            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react63.default.createElement("div", {
-                className: (0, import_clsx32.default)(openSubItem && dItem.slug === openSubItem ? "-rotate-90" : "rotate-90")
-            }, /* @__PURE__ */ import_react63.default.createElement(import_fa.FaChevronRight, {
+            }, dItem.icon), /* @__PURE__ */ import_react65.default.createElement("div", {
+                className: (0, import_clsx31.default)("mx-2 whitespace-nowrap text-sm transition-all", openSideMenu ? "opacity-100" : "opacity-0")
+            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react65.default.createElement("div", {
+                className: (0, import_clsx31.default)(openSubItem && dItem.slug === openSubItem ? "-rotate-90" : "rotate-90")
+            }, /* @__PURE__ */ import_react65.default.createElement(import_fa.FaChevronRight, {
                 fontSize: 11
-            }))), dItem.subItems && /* @__PURE__ */ import_react63.default.createElement("div", {
-                className: (0, import_clsx32.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"),
+            }))), dItem.subItems && /* @__PURE__ */ import_react65.default.createElement("div", {
+                className: (0, import_clsx31.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_react63.default.createElement("div", {
+                return /* @__PURE__ */ import_react65.default.createElement("div", {
                     key: s,
-                    className: (0, import_clsx32.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"),
+                    className: (0, import_clsx31.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_react63.default.createElement("div", {
+                }, /* @__PURE__ */ import_react65.default.createElement("div", {
                     className: "flex items-center justify-center"
-                }, subIt.icon), /* @__PURE__ */ import_react63.default.createElement("div", {
+                }, subIt.icon), /* @__PURE__ */ import_react65.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_react65.default.createElement("div", {
             className: "my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 text-center "
         }));
-    })), openSideMenu && /* @__PURE__ */ import_react63.default.createElement("div", {
-        className: (0, import_clsx32.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"),
+    })), openSideMenu && /* @__PURE__ */ import_react65.default.createElement("div", {
+        className: (0, import_clsx31.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_react63.default.createElement("div", {
+    }, onSettingsClick && /* @__PURE__ */ import_react65.default.createElement("div", {
         className: " cursor-pointer rounded p-2 transition-all hover:bg-layoutPrimary-700",
         onClick: function() {
             return onSettingsClick();
         }
-    }, /* @__PURE__ */ import_react63.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react65.default.createElement("svg", {
         "aria-label": "Settings Icon",
         stroke: "currentColor",
         fill: "none",
@@ -7907,31 +7988,31 @@ var HawaAppLayout = function(_param) {
         "stroke-linejoin": "round",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react63.default.createElement("circle", {
+    }, /* @__PURE__ */ import_react65.default.createElement("circle", {
         cx: "12",
         cy: "12",
         r: "3"
-    }), /* @__PURE__ */ import_react63.default.createElement("path", {
+    }), /* @__PURE__ */ import_react65.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_react63.default.createElement("div", {
-        className: (0, import_clsx32.default)("w-fit transition-all"),
+    }))), size > 600 ? /* @__PURE__ */ import_react65.default.createElement("div", {
+        className: (0, import_clsx31.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_react63.default.createElement("div", {
+    }, /* @__PURE__ */ import_react65.default.createElement("div", {
         dir: direction,
-        className: (0, import_clsx32.default)("relative left-0 top-0 transition-all", openSideMenu ? " opacity-100" : " opacity-0")
-    }, /* @__PURE__ */ import_react63.default.createElement("div", {
+        className: (0, import_clsx31.default)("relative left-0 top-0 transition-all", openSideMenu ? " opacity-100" : " opacity-0")
+    }, /* @__PURE__ */ import_react65.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_react63.default.createElement(import_fa.FaChevronRight, {
+    }, /* @__PURE__ */ import_react65.default.createElement(import_fa.FaChevronRight, {
         fontSize: 14,
-        className: (0, import_clsx32.default)("transition-all", isRTL ? keepOpen ? "rotate-0" : "rotate-180" : keepOpen ? "rotate-180" : "rotate-0")
-    })))) : null))), /* @__PURE__ */ import_react63.default.createElement("div", {
+        className: (0, import_clsx31.default)("transition-all", isRTL ? keepOpen ? "rotate-0" : "rotate-180" : keepOpen ? "rotate-180" : "rotate-0")
+    })))) : null))), /* @__PURE__ */ import_react65.default.createElement("div", {
         className: "fixed overflow-y-auto",
         style: isRTL ? {
             height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
@@ -7947,8 +8028,8 @@ var HawaAppLayout = function(_param) {
     }, props.children));
 };
 // src/layout/HawaAppLayoutSimplified.tsx
-var import_react64 = __toESM(require("react"));
-var import_clsx33 = __toESM(require("clsx"));
+var import_react66 = __toESM(require("react"));
+var import_clsx32 = __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, [
         "direction",
@@ -7957,11 +8038,11 @@ var HawaAppLayoutSimplified = function(_param) {
         "DrawerFooterActions"
     ]);
     var _props_drawerItems, _props_texts, _props_texts1;
-    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 _ref = _sliced_to_array((0, import_react66.useState)(false), 2), openSideMenu = _ref[0], setOpenSideMenu = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react66.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_react64.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
-    var ref = (0, import_react64.useRef)(null);
+    var _ref2 = _sliced_to_array((0, import_react66.useState)(false), 2), keepOpen = _ref2[0], setKeepOpen = _ref2[1];
+    var ref = (0, import_react66.useRef)(null);
     var isRTL = direction === "rtl";
     var size;
     if (typeof window !== "undefined") {
@@ -7969,7 +8050,7 @@ var HawaAppLayoutSimplified = function(_param) {
     } else {
         size = 1200;
     }
-    (0, import_react64.useEffect)(function() {
+    (0, import_react66.useEffect)(function() {
         var handleClickOutside = function(event) {
             if (ref.current && !ref.current.contains(event.target) && !keepOpen) {
                 setOpenSideMenu(false);
@@ -7998,12 +8079,12 @@ var HawaAppLayoutSimplified = function(_param) {
         }
     };
     var drawerSizeCondition = size > 600 ? drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize] : 0;
-    return /* @__PURE__ */ import_react64.default.createElement("div", {
+    return /* @__PURE__ */ import_react66.default.createElement("div", {
         className: "fixed left-0"
-    }, props.topBar && /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.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_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)("dark:text-white", isRTL ? [
+    }, props.topBar && /* @__PURE__ */ import_react66.default.createElement("div", {
+        className: (0, import_clsx32.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_react66.default.createElement("div", {
+        className: (0, import_clsx32.default)("dark:text-white", isRTL ? [
             size > 600 ? "mr-14" : "mr-2",
             keepOpen ? "mr-40" : ""
         ] : [
@@ -8016,15 +8097,15 @@ var HawaAppLayoutSimplified = function(_param) {
             marginLeft: "".concat(drawerSizeStyle[keepOpen ? "opened" : "closed"][drawerSize], "px")
         }
     }, props.pageTitle) : // Mobile Drawer Menu Button
-    /* @__PURE__ */ import_react64.default.createElement("div", {
+    /* @__PURE__ */ import_react66.default.createElement("div", {
         dir: direction,
         className: "flex items-center justify-center gap-0.5"
-    }, /* @__PURE__ */ import_react64.default.createElement("div", {
+    }, /* @__PURE__ */ import_react66.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_react64.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react66.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         "stroke-width": "0",
@@ -8032,34 +8113,34 @@ var HawaAppLayoutSimplified = function(_param) {
         "aria-hidden": "true",
         height: "1.6em",
         width: "1.6em"
-    }, /* @__PURE__ */ import_react64.default.createElement("path", {
+    }, /* @__PURE__ */ import_react66.default.createElement("path", {
         "fill-rule": "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",
         "clip-rule": "evenodd"
-    }))), props.pageTitle ? /* @__PURE__ */ import_react64.default.createElement("div", {
+    }))), props.pageTitle ? /* @__PURE__ */ import_react66.default.createElement("div", {
         className: "text-sm"
-    }, props.pageTitle) : /* @__PURE__ */ import_react64.default.createElement("div", null)), /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)("flex gap-2 dark:text-white", isRTL ? "flex-row-reverse" : "flex-row")
-    }, size > 600 ? /* @__PURE__ */ import_react64.default.createElement("div", {
+    }, props.pageTitle) : /* @__PURE__ */ import_react66.default.createElement("div", null)), /* @__PURE__ */ import_react66.default.createElement("div", {
+        className: (0, import_clsx32.default)("flex gap-2 dark:text-white", isRTL ? "flex-row-reverse" : "flex-row")
+    }, size > 600 ? /* @__PURE__ */ import_react66.default.createElement("div", {
         className: isRTL ? "text-left text-xs" : "text-right text-xs"
-    }, /* @__PURE__ */ import_react64.default.createElement("div", {
+    }, /* @__PURE__ */ import_react66.default.createElement("div", {
         className: "font-bold"
-    }, props.username), " ", /* @__PURE__ */ import_react64.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react64.default.createElement(DropdownMenu2, {
+    }, props.username), " ", /* @__PURE__ */ import_react66.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react66.default.createElement(DropdownMenu2, {
         triggerClassname: "mx-2",
         align: "end",
         alignOffset: 8,
         side: "bottom",
         sideOffset: 5,
         direction: isRTL ? "rtl" : "ltr",
-        trigger: /* @__PURE__ */ import_react64.default.createElement("div", {
+        trigger: /* @__PURE__ */ import_react66.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_react64.default.createElement(AvatarIcon, null)),
+        }, /* @__PURE__ */ import_react66.default.createElement(AvatarIcon, null)),
         items: props.profileMenuItems,
         onItemSelect: function(e) {
             return console.log("selecting item ", e);
         }
-    }))), /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip  transition-all", isRTL ? "right-0" : "left-0"),
+    }))), /* @__PURE__ */ import_react66.default.createElement("div", {
+        className: (0, import_clsx32.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"
         },
@@ -8070,21 +8151,21 @@ var HawaAppLayoutSimplified = function(_param) {
             return keepOpen ? setOpenSideMenu(true) : setOpenSideMenu(false);
         },
         ref: ref
-    }, /* @__PURE__ */ import_react64.default.createElement("div", {
+    }, /* @__PURE__ */ import_react66.default.createElement("div", {
         dir: direction,
-        className: (0, import_clsx33.default)("fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center  bg-primary-foreground  transition-all"),
+        className: (0, import_clsx32.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_react64.default.createElement("img", {
-        className: (0, import_clsx33.default)("h-9  opacity-0 transition-all", // isRTL ? "right-2.5" : "left-2.5",
+    }, /* @__PURE__ */ import_react66.default.createElement("img", {
+        className: (0, import_clsx32.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_react64.default.createElement("img", {
-        className: (0, import_clsx33.default)("fixed top-2.5 h-9  transition-all", isRTL ? "right-2.5" : "left-2.5", openSideMenu ? "invisible opacity-0" : "visible opacity-100"),
+    }), size > 600 ? /* @__PURE__ */ import_react66.default.createElement("img", {
+        className: (0, import_clsx32.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_react64.default.createElement("div", {
-        className: (0, import_clsx33.default)(// "no-scrollbar", TODO: make this optional to hide scrollbar or not
+    }) : null), /* @__PURE__ */ import_react66.default.createElement("div", {
+        className: (0, import_clsx32.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"),
         style: {
@@ -8093,16 +8174,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_react64.default.createElement("div", {
+        return /* @__PURE__ */ import_react66.default.createElement("div", {
             key: dIndex,
-            className: (0, import_clsx33.default)("flex select-none flex-col items-stretch justify-center transition-all")
+            className: (0, import_clsx32.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_react64.default.createElement("div", {
+            return /* @__PURE__ */ import_react66.default.createElement("div", {
                 key: i,
                 id: "test",
                 className: "flex flex-col"
-            }, /* @__PURE__ */ import_react64.default.createElement("div", {
+            }, /* @__PURE__ */ import_react66.default.createElement("div", {
                 onClick: function() {
                     dItem.subItems ? openSubItem === dItem.slug ? // ||
                     // dItem.subItems.find(
@@ -8110,64 +8191,64 @@ var HawaAppLayoutSimplified = function(_param) {
                     // )
                     setOpenSubitem("") : setOpenSubitem(dItem.slug) : dItem.action();
                 },
-                className: (0, import_clsx33.default)(props.currentPage === dItem.slug || ((_dItem_subItems = dItem.subItems) === null || _dItem_subItems === void 0 ? void 0 : _dItem_subItems.find(function(e) {
+                className: (0, import_clsx32.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_react64.default.createElement("div", {
+            }, /* @__PURE__ */ import_react66.default.createElement("div", {
                 className: "flex flex-row",
                 dir: direction
-            }, /* @__PURE__ */ import_react64.default.createElement("div", {
+            }, /* @__PURE__ */ import_react66.default.createElement("div", {
                 className: "flex items-center justify-center "
-            }, dItem.icon), /* @__PURE__ */ import_react64.default.createElement("div", {
-                className: (0, import_clsx33.default)("mx-2 whitespace-nowrap text-sm transition-all", openSideMenu ? "opacity-100" : "opacity-0")
-            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react64.default.createElement(ArrowIcon, {
+            }, dItem.icon), /* @__PURE__ */ import_react66.default.createElement("div", {
+                className: (0, import_clsx32.default)("mx-2 whitespace-nowrap text-sm transition-all", openSideMenu ? "opacity-100" : "opacity-0")
+            }, dItem.label)), dItem.subItems && /* @__PURE__ */ import_react66.default.createElement(ArrowIcon, {
                 pointing: openSubItem && dItem.slug === openSubItem ? "up" : "down"
-            })), dItem.subItems && /* @__PURE__ */ import_react64.default.createElement("div", {
-                className: (0, import_clsx33.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"),
+            })), dItem.subItems && /* @__PURE__ */ import_react66.default.createElement("div", {
+                className: (0, import_clsx32.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_react64.default.createElement("div", {
+                return /* @__PURE__ */ import_react66.default.createElement("div", {
                     key: s,
-                    className: (0, import_clsx33.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 "),
+                    className: (0, import_clsx32.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_react64.default.createElement("div", {
+                }, /* @__PURE__ */ import_react66.default.createElement("div", {
                     className: "flex items-center justify-center"
-                }, subIt.icon), /* @__PURE__ */ import_react64.default.createElement("div", {
+                }, subIt.icon), /* @__PURE__ */ import_react66.default.createElement("div", {
                     className: "flex flex-row justify-between"
                 }, subIt.label));
             })));
-        }), dIndex !== props.drawerItems.length - 1 && /* @__PURE__ */ import_react64.default.createElement("div", {
+        }), dIndex !== props.drawerItems.length - 1 && /* @__PURE__ */ import_react66.default.createElement("div", {
             className: "my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 bg-red-500 text-center "
         }));
-    })), /* @__PURE__ */ import_react64.default.createElement("div", {
-        className: (0, import_clsx33.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"),
+    })), /* @__PURE__ */ import_react66.default.createElement("div", {
+        className: (0, import_clsx32.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_react64.default.createElement(import_react64.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react64.default.createElement(Tooltip, {
+    }, DrawerFooterActions && openSideMenu ? /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, DrawerFooterActions) : null, size > 600 && openSideMenu ? /* @__PURE__ */ import_react66.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_react64.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react66.default.createElement(Button, {
         variant: "light",
         onClick: function() {
             return setKeepOpen(!keepOpen);
         },
         size: "smallIcon"
-    }, /* @__PURE__ */ import_react64.default.createElement("svg", {
-        className: (0, import_clsx33.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"),
+    }, /* @__PURE__ */ import_react66.default.createElement("svg", {
+        className: (0, import_clsx32.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_react64.default.createElement("path", {
+    }, /* @__PURE__ */ import_react66.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_react64.default.createElement("div", {
+    })))) : null)), /* @__PURE__ */ import_react66.default.createElement("div", {
         className: "fixed overflow-y-auto",
         style: isRTL ? {
             height: "calc(100% - ".concat(props.topBar ? "56" : "0", "px)"),
@@ -8183,11 +8264,11 @@ var HawaAppLayoutSimplified = function(_param) {
     }, props.children));
 };
 var AvatarIcon = function() {
-    return /* @__PURE__ */ import_react64.default.createElement("svg", {
+    return /* @__PURE__ */ import_react66.default.createElement("svg", {
         className: "absolute -left-1 h-10 w-10 text-gray-400",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react64.default.createElement("path", {
+    }, /* @__PURE__ */ import_react66.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"
@@ -8212,19 +8293,19 @@ var ArrowIcon = function(param) {
         default:
             break;
     }
-    return /* @__PURE__ */ import_react64.default.createElement("svg", {
-        className: (0, import_clsx33.default)("h-6 w-6 shrink-0 text-primary-foreground   transition-all  disabled:bg-gray-200 ", directionStyle),
+    return /* @__PURE__ */ import_react66.default.createElement("svg", {
+        className: (0, import_clsx32.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_react64.default.createElement("path", {
+    }, /* @__PURE__ */ import_react66.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_react65 = __toESM(require("react"));
-var import_clsx34 = __toESM(require("clsx"));
+var import_react67 = __toESM(require("react"));
+var import_clsx33 = __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, [
         "maxWidth",
@@ -8243,41 +8324,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_react65.default.createElement("div", {
-        className: (0, import_clsx34.default)(defaultStyle, maxWidthStyles[maxWidth], variantStyles2[variant], centered ? "flex items-center text-center" : ""),
+    return /* @__PURE__ */ import_react67.default.createElement("div", {
+        className: (0, import_clsx33.default)(defaultStyle, maxWidthStyles[maxWidth], variantStyles2[variant], centered ? "flex items-center text-center" : ""),
         dir: direction
     }, props.children);
 };
 // src/layout/HawaGrid.tsx
-var import_react66 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var HawaGrid = function(props) {
     return(// [&>*:not(:first-child)]:mt-8
-    /* @__PURE__ */ import_react66.default.createElement("div", {
+    /* @__PURE__ */ import_react68.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_react67 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 var AppSidebar = function(param) {
     var isOpen = param.isOpen, onClose = param.onClose, items = param.items;
     if (!isOpen) {
         return null;
     }
-    return /* @__PURE__ */ import_react67.default.createElement("div", {
+    return /* @__PURE__ */ import_react69.default.createElement("div", {
         className: "fixed inset-0 z-40 flex bg-gray-600 bg-opacity-75"
-    }, /* @__PURE__ */ import_react67.default.createElement("div", {
+    }, /* @__PURE__ */ import_react69.default.createElement("div", {
         className: "w-1/3 rounded-l-lg bg-gray-800 shadow-2xl"
-    }, /* @__PURE__ */ import_react67.default.createElement("button", {
+    }, /* @__PURE__ */ import_react69.default.createElement("button", {
         onClick: onClose,
         className: "p-4 text-gray-400 hover:text-white focus:text-white focus:outline-none"
-    }, "Close"), /* @__PURE__ */ import_react67.default.createElement("nav", null, items.map(function(item, i) {
-        return /* @__PURE__ */ import_react67.default.createElement("a", {
+    }, "Close"), /* @__PURE__ */ import_react69.default.createElement("nav", null, items.map(function(item, i) {
+        return /* @__PURE__ */ import_react69.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_react67.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react69.default.createElement("div", {
         className: "w-2/3 bg-gray-50"
     }));
 };
@@ -8317,42 +8398,42 @@ var Footer = function(_param) {
     }, /* @__PURE__ */ React.createElement(import_fa2.FaSnapchatGhost, null))));
 };
 // src/layout/Banner.tsx
-var import_react68 = __toESM(require("react"));
-var import_clsx35 = __toESM(require("clsx"));
+var import_react70 = __toESM(require("react"));
+var import_clsx34 = __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_react68.useRef)(null);
-    var _ref = _sliced_to_array((0, import_react68.useState)(false), 2), closed = _ref[0], setClosed = _ref[1];
+    var bannerRef = (0, import_react70.useRef)(null);
+    var _ref = _sliced_to_array((0, import_react70.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_react68.default.createElement("div", {
+    return /* @__PURE__ */ import_react70.default.createElement("div", {
         ref: bannerRef
-    }, /* @__PURE__ */ import_react68.default.createElement("div", {
+    }, /* @__PURE__ */ import_react70.default.createElement("div", {
         dir: props.direction,
-        className: (0, import_clsx35.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_react68.default.createElement("div", {
+        className: (0, import_clsx34.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_react70.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_react68.default.createElement("div", {
-        className: (0, import_clsx35.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_react68.default.createElement("img", {
+    }, /* @__PURE__ */ import_react70.default.createElement("div", {
+        className: (0, import_clsx34.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_react70.default.createElement("img", {
         src: props.logoURL,
         className: "mr-2 h-6",
         alt: "Flowbite Logo"
-    }), props.title && /* @__PURE__ */ import_react68.default.createElement("span", {
+    }), props.title && /* @__PURE__ */ import_react70.default.createElement("span", {
         className: "self-center whitespace-nowrap text-lg font-semibold dark:text-white"
-    }, props.title)), props.text && /* @__PURE__ */ import_react68.default.createElement("p", {
-        className: (0, import_clsx35.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_react68.default.createElement("div", {
-        className: (0, import_clsx35.default)("flex flex-shrink-0 items-center justify-center ", props.direction === "rtl" ? "ml-0 md:ml-10" : "mr-0 md:mr-10")
-    }, /* @__PURE__ */ import_react68.default.createElement(HawaButton, {
+    }, props.title)), props.text && /* @__PURE__ */ import_react70.default.createElement("p", {
+        className: (0, import_clsx34.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_react70.default.createElement("div", {
+        className: (0, import_clsx34.default)("flex flex-shrink-0 items-center justify-center ", props.direction === "rtl" ? "ml-0 md:ml-10" : "mr-0 md:mr-10")
+    }, /* @__PURE__ */ import_react70.default.createElement(HawaButton, {
         onClick: props.onActionClick
-    }, props.actionText)), /* @__PURE__ */ import_react68.default.createElement("button", {
+    }, props.actionText)), /* @__PURE__ */ import_react70.default.createElement("button", {
         type: "button",
-        className: (0, import_clsx35.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"),
+        className: (0, import_clsx34.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",
         "aria-label": "Close",
         onClick: function() {
@@ -8361,40 +8442,40 @@ var HawaBanner = function(_param) {
                 bannerRef.current.removeChild(bannerRef.current.children[0]);
             }, 200);
         }
-    }, /* @__PURE__ */ import_react68.default.createElement("span", {
+    }, /* @__PURE__ */ import_react70.default.createElement("span", {
         className: "sr-only"
-    }, "Close"), /* @__PURE__ */ import_react68.default.createElement("svg", {
+    }, "Close"), /* @__PURE__ */ import_react70.default.createElement("svg", {
         "aria-hidden": "true",
         className: "h-5 w-5",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react68.default.createElement("path", {
+    }, /* @__PURE__ */ import_react70.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_react69 = __toESM(require("react"));
+var import_react71 = __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_react69.default.createElement(Card, null, /* @__PURE__ */ import_react69.default.createElement("form", {
+    return /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             return props.handleUpdateProfile(e);
         })
-    }, /* @__PURE__ */ import_react69.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react71.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
+    }, /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "fullName",
         render: function(param) {
             var field = param.field;
             var _errors_fullName;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react71.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: props.texts.fullNameLabel,
@@ -8404,22 +8485,22 @@ var UserProfileForm = function(props) {
                 value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
             }));
         }
-    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
+    }), /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "phoneNumber",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaPhoneInput, {
+            return /* @__PURE__ */ import_react71.default.createElement(HawaPhoneInput, {
                 label: "Phone number"
             });
         }
-    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
+    }), /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _errors_email;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react71.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: props.texts.emailLabel,
@@ -8436,13 +8517,13 @@ var UserProfileForm = function(props) {
                 message: props.texts.emailInvalidText
             }
         }
-    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
+    }), /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react71.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "password",
                 label: props.texts.passwordLabel,
@@ -8455,13 +8536,13 @@ var UserProfileForm = function(props) {
         rules: {
             required: props.texts.passwordRequiredText
         }
-    }), /* @__PURE__ */ import_react69.default.createElement(import_react_hook_form.Controller, {
+    }), /* @__PURE__ */ import_react71.default.createElement(import_react_hook_form.Controller, {
         control: control,
         name: "confirmPassword",
         render: function(param) {
             var field = param.field;
             var _errors_confirmPassword;
-            return /* @__PURE__ */ import_react69.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react71.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "password",
                 label: props.texts.confirmPasswordLabel,
@@ -8474,35 +8555,35 @@ var UserProfileForm = function(props) {
         rules: {
             required: props.texts.confirmPasswordRequiredText
         }
-    }))), /* @__PURE__ */ import_react69.default.createElement(CardFooter, null, /* @__PURE__ */ import_react69.default.createElement(Button, {
+    }))), /* @__PURE__ */ import_react71.default.createElement(CardFooter, null, /* @__PURE__ */ import_react71.default.createElement(Button, {
         className: "w-full",
         type: "submit"
     }, props.texts.updateProfile))));
 };
 // src/blocks/Account/UserSettingsForm.tsx
-var import_react70 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 var UserSettingsForm = function(props) {
-    return /* @__PURE__ */ import_react70.default.createElement(Card, null, /* @__PURE__ */ import_react70.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react72.default.createElement(Card, null, /* @__PURE__ */ import_react72.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react70.default.createElement("div", {
+    }, /* @__PURE__ */ import_react72.default.createElement("div", {
         className: "mb-2 text-sm font-bold"
-    }, props.blockTitle), /* @__PURE__ */ import_react70.default.createElement("div", {
+    }, props.blockTitle), /* @__PURE__ */ import_react72.default.createElement("div", {
         className: "flex flex-col gap-4 rounded  p-2"
     }, props.children)));
 };
 // src/blocks/AuthForms/AppLanding.tsx
-var import_react71 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 var AppLanding = function(props) {
-    return /* @__PURE__ */ import_react71.default.createElement("div", null, /* @__PURE__ */ import_react71.default.createElement(Card, null, /* @__PURE__ */ import_react71.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react73.default.createElement("div", null, /* @__PURE__ */ import_react73.default.createElement(Card, null, /* @__PURE__ */ import_react73.default.createElement(CardContent, {
         headless: true,
         className: "flex flex-col gap-6"
-    }, props.handleSignIn && /* @__PURE__ */ import_react71.default.createElement(Button, {
+    }, props.handleSignIn && /* @__PURE__ */ import_react73.default.createElement(Button, {
         onClick: props.handleSignIn
-    }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ import_react71.default.createElement(Button, {
+    }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ import_react73.default.createElement(Button, {
         onClick: props.handleSignUp
-    }, props.texts.signUp))), /* @__PURE__ */ import_react71.default.createElement("div", {
+    }, props.texts.signUp))), /* @__PURE__ */ import_react73.default.createElement("div", {
         className: "mt-6 flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react71.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react73.default.createElement(HawaRadio, {
         onChangeTab: props.handleLanguage,
         design: "tabs",
         options: [
@@ -8515,20 +8596,20 @@ var AppLanding = function(props) {
                 label: "English"
             }
         ]
-    }), /* @__PURE__ */ import_react71.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react73.default.createElement(HawaRadio, {
         onChangeTab: props.handleColorMode,
         design: "tabs",
         options: [
             {
                 value: "light",
-                label: /* @__PURE__ */ import_react71.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react73.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_react71.default.createElement("path", {
+                }, /* @__PURE__ */ import_react73.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",
                     "fill-rule": "evenodd",
@@ -8537,7 +8618,7 @@ var AppLanding = function(props) {
             },
             {
                 value: "dark",
-                label: /* @__PURE__ */ import_react71.default.createElement("svg", {
+                label: /* @__PURE__ */ import_react73.default.createElement("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "24",
                     height: "24",
@@ -8548,7 +8629,7 @@ var AppLanding = function(props) {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     className: "h-[1.2rem] w-[1.2rem]  transition-all dark:rotate-0 dark:scale-100"
-                }, /* @__PURE__ */ import_react71.default.createElement("path", {
+                }, /* @__PURE__ */ import_react73.default.createElement("path", {
                     d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"
                 }))
             }
@@ -8556,26 +8637,26 @@ var AppLanding = function(props) {
     })));
 };
 // src/blocks/AuthForms/SignInPhone.tsx
-var import_react72 = __toESM(require("react"));
+var import_react74 = __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_react72.useState)(""), 2), userPhone = _ref[0], setUserPhone = _ref[1];
+    var _ref = _sliced_to_array((0, import_react74.useState)(""), 2), userPhone = _ref[0], setUserPhone = _ref[1];
     var _props_country, _props_label;
-    return /* @__PURE__ */ import_react72.default.createElement(Card, null, /* @__PURE__ */ import_react72.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react74.default.createElement(Card, null, /* @__PURE__ */ import_react74.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react72.default.createElement("form", {
+    }, /* @__PURE__ */ import_react74.default.createElement("form", {
         onSubmit: function(e) {
             e.preventDefault();
             props.handleSignIn(userPhone);
         }
-    }, /* @__PURE__ */ import_react72.default.createElement(import_react_hook_form2.Controller, {
+    }, /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form2.Controller, {
         control: control,
         name: "phone",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react72.default.createElement(HawaPhoneInput, _object_spread({
+            return /* @__PURE__ */ import_react74.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) {
@@ -8586,16 +8667,16 @@ var SignInPhone = function(props) {
         rules: {
             required: props.phoneRequiredText
         }
-    }), /* @__PURE__ */ import_react72.default.createElement("div", {
+    }), /* @__PURE__ */ import_react74.default.createElement("div", {
         className: "mt-2"
-    }), /* @__PURE__ */ import_react72.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react74.default.createElement(Button, {
         className: "w-full"
     }, props.SignInButtonText))));
 };
 // src/blocks/AuthForms/SignInForm.tsx
-var import_react73 = __toESM(require("react"));
+var import_react75 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
-var import_clsx36 = __toESM(require("clsx"));
+var import_clsx35 = __toESM(require("clsx"));
 // src/elements/Icons.tsx
 var Icons = {
     logo: function(props) {
@@ -8756,27 +8837,27 @@ var Icons = {
 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_react73.default.createElement("div", {
+    return /* @__PURE__ */ import_react75.default.createElement("div", {
         className: "flex flex-col gap-4"
-    }, /* @__PURE__ */ import_react73.default.createElement(Card, {
+    }, /* @__PURE__ */ import_react75.default.createElement(Card, {
         dir: props.direction
-    }, /* @__PURE__ */ import_react73.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react75.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react73.default.createElement("form", {
+    }, /* @__PURE__ */ import_react75.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             return props.handleSignIn(e);
         })
-    }, props.showError && /* @__PURE__ */ import_react73.default.createElement(HawaAlert, {
+    }, props.showError && /* @__PURE__ */ import_react75.default.createElement(HawaAlert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), props.signInType === "email" ? /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
+    }), props.signInType === "email" ? /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form3.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _errors_email;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, {
                 width: "full",
                 type: "text",
                 autoComplete: "email",
@@ -8794,14 +8875,14 @@ var SignInForm = function(props) {
                 message: props.texts.emailInvalidText
             }
         }
-    }) : props.signInType === "username" ? /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
+    }) : props.signInType === "username" ? /* @__PURE__ */ import_react75.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_react73.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, {
                 width: "full",
                 type: "text",
                 autoComplete: "username",
@@ -8815,25 +8896,25 @@ var SignInForm = function(props) {
         rules: {
             required: props.texts.usernameRequired
         }
-    }) : /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
+    }) : /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form3.Controller, {
         control: control,
         name: "phone",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react73.default.createElement(HawaPhoneInput, {
+            return /* @__PURE__ */ import_react75.default.createElement(HawaPhoneInput, {
                 label: "Phone number"
             });
         },
         rules: {
             required: props.texts.phoneRequiredText
         }
-    }), props.signInType !== "phone" && /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(import_react_hook_form3.Controller, {
+    }), props.signInType !== "phone" && /* @__PURE__ */ import_react75.default.createElement(import_react75.default.Fragment, null, /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form3.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_react75.default.createElement(HawaTextField, {
                 width: "full",
                 autoComplete: "current-password",
                 type: "password",
@@ -8848,35 +8929,35 @@ var SignInForm = function(props) {
             required: props.texts.passwordRequiredText,
             minLength: 5
         }
-    }), !props.withoutResetPassword && /* @__PURE__ */ import_react73.default.createElement("div", {
+    }), !props.withoutResetPassword && /* @__PURE__ */ import_react75.default.createElement("div", {
         onClick: props.handleForgotPassword,
         className: "mb-3 w-fit cursor-pointer text-xs dark:text-gray-300"
-    }, props.texts.forgotPasswordText)), /* @__PURE__ */ import_react73.default.createElement(Button, {
-        className: "w-full",
+    }, props.texts.forgotPasswordText)), /* @__PURE__ */ import_react75.default.createElement(Button, {
+        className: "w-full mt-4",
         isLoading: props.isLoading
-    }, props.texts.signInText), !props.withoutSignUp && /* @__PURE__ */ import_react73.default.createElement("div", {
+    }, props.texts.signInText), !props.withoutSignUp && /* @__PURE__ */ import_react75.default.createElement("div", {
         className: "p-3 text-center text-sm font-semibold dark:text-gray-300"
-    }, props.texts.newUserText, " ", /* @__PURE__ */ import_react73.default.createElement("span", {
+    }, props.texts.newUserText, " ", /* @__PURE__ */ import_react75.default.createElement("span", {
         onClick: props.handleRouteToSignUp,
         className: "clickable-link"
-    }, props.texts.createAccount)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react73.default.createElement(CardFooter, {
+    }, props.texts.createAccount)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react75.default.createElement(CardFooter, {
         className: "grid grid-cols-1 gap-2 "
-    }, props.viaGoogle && /* @__PURE__ */ import_react73.default.createElement(Button, {
+    }, props.viaGoogle && /* @__PURE__ */ import_react75.default.createElement(Button, {
         variant: "outline",
         onClick: props.handleGoogleSignIn
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.google, {
-        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signInViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react73.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react75.default.createElement(Icons.google, {
+        className: (0, import_clsx35.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
+    }), props.texts.signInViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react75.default.createElement(Button, {
         variant: "outline",
         onClick: props.handleGithubSignIn
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.gitHub, {
-        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signInViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react73.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react75.default.createElement(Icons.gitHub, {
+        className: (0, import_clsx35.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
+    }), props.texts.signInViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react75.default.createElement(Button, {
         variant: "outline",
         onClick: props.handleTwitterSignIn
-    }, /* @__PURE__ */ import_react73.default.createElement(Icons.twitter, {
-        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signInViaTwitterLabel)) : null), /* @__PURE__ */ import_react73.default.createElement(InterfaceSettings, {
+    }, /* @__PURE__ */ import_react75.default.createElement(Icons.twitter, {
+        className: (0, import_clsx35.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
+    }), props.texts.signInViaTwitterLabel)) : null), /* @__PURE__ */ import_react75.default.createElement(InterfaceSettings, {
         currentColorMode: props.currentColorMode,
         currentLanguage: props.currentLanguage,
         handleColorMode: props.handleColorMode,
@@ -8931,36 +9012,38 @@ function SignInBlock() {
     }, "Create account")));
 }
 // src/blocks/AuthForms/SignUpForm.tsx
-var import_react74 = __toESM(require("react"));
+var import_react76 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
-var import_clsx37 = __toESM(require("clsx"));
+var import_clsx36 = __toESM(require("clsx"));
 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, _field_value3;
-    return /* @__PURE__ */ import_react74.default.createElement(Card, {
+    return /* @__PURE__ */ import_react76.default.createElement("div", {
+        className: "flex flex-col gap-4"
+    }, /* @__PURE__ */ import_react76.default.createElement(Card, {
         dir: props.direction
-    }, /* @__PURE__ */ import_react74.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react76.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react74.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react74.default.createElement(HawaAlert, {
+    }, /* @__PURE__ */ import_react76.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react76.default.createElement(HawaAlert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react74.default.createElement("form", {
+    }), /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react76.default.createElement("form", {
         onSubmit: handleSubmit(function(e) {
             return props.handleSignUp(e);
         })
-    }, /* @__PURE__ */ import_react74.default.createElement("div", null, props.signUpFields.map(function(fld, i) {
+    }, /* @__PURE__ */ import_react76.default.createElement("div", null, props.signUpFields.map(function(fld, i) {
         if (fld === "fullname") {
             var _field_value;
-            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+            return /* @__PURE__ */ import_react76.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_react74.default.createElement(HawaTextField, {
+                    return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, {
                         width: "full",
                         type: "text",
                         label: props.texts.fullNameLabel,
@@ -8977,13 +9060,13 @@ var SignUpForm = function(props) {
         }
         if (fld === "email") {
             var _field_value1;
-            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+            return /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.Controller, {
                 control: control,
                 name: "email",
                 render: function(param) {
                     var field = param.field;
                     var _errors_email;
-                    return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
+                    return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, {
                         width: "full",
                         type: "text",
                         autoComplete: "email",
@@ -9005,13 +9088,13 @@ var SignUpForm = function(props) {
         }
         if (fld === "username") {
             var _field_value2;
-            return /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+            return /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.Controller, {
                 control: control,
                 name: "username",
                 render: function(param) {
                     var field = param.field;
                     var _errors_username;
-                    return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
+                    return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, {
                         width: "full",
                         type: "text",
                         autoComplete: "username",
@@ -9027,13 +9110,13 @@ var SignUpForm = function(props) {
                 }
             });
         }
-    })), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+    })), /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, {
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -9047,13 +9130,13 @@ var SignUpForm = function(props) {
         rules: {
             required: props.texts.passwordRequiredText
         }
-    }), /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+    }), /* @__PURE__ */ import_react76.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_react74.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, {
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -9067,13 +9150,13 @@ var SignUpForm = function(props) {
         rules: {
             required: props.texts.passwordRequiredText
         }
-    }), props.showRefCode && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+    }), props.showRefCode && /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "refCode",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, {
                 width: "full",
                 type: "text",
                 defaultValue: (_field_value2 = field.value) !== null && _field_value2 !== void 0 ? _field_value2 : "",
@@ -9084,12 +9167,12 @@ var SignUpForm = function(props) {
                 onChange: field.onChange
             });
         }
-    }), props.showUserSource && /* @__PURE__ */ import_react74.default.createElement("div", null, /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+    }), props.showUserSource && /* @__PURE__ */ import_react76.default.createElement("div", null, /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "reference",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaSelect, {
+            return /* @__PURE__ */ import_react76.default.createElement(HawaSelect, {
                 label: "How did you learn about us?",
                 isCreatable: false,
                 isMulti: false,
@@ -9114,19 +9197,19 @@ var SignUpForm = function(props) {
                 }
             });
         }
-    })), props.showTermsOption && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+    })), props.showTermsOption && /* @__PURE__ */ import_react76.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_react74.default.createElement(HawaCheckbox, {
+            return /* @__PURE__ */ import_react76.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_react74.default.createElement("span", null, props.texts.iAcceptText, " ", /* @__PURE__ */ import_react74.default.createElement("a", {
+                label: /* @__PURE__ */ import_react76.default.createElement("span", null, props.texts.iAcceptText, " ", /* @__PURE__ */ import_react76.default.createElement("a", {
                     onClick: props.handleRouteToTOS,
                     className: "clickable-link"
                 }, props.texts.termsText))
@@ -9135,49 +9218,54 @@ var SignUpForm = function(props) {
         rules: {
             required: props.texts.termsRequiredText
         }
-    }), props.showNewsletterOption && /* @__PURE__ */ import_react74.default.createElement(import_react_hook_form4.Controller, {
+    }), props.showNewsletterOption && /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form4.Controller, {
         control: control,
         name: "newsletter_accepted",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react74.default.createElement(HawaCheckbox, {
+            return /* @__PURE__ */ import_react76.default.createElement(HawaCheckbox, {
                 id: "newsletter_accepted",
                 label: props.texts.subscribeToNewsletter,
                 onChange: field.onChange
             });
         }
-    }), /* @__PURE__ */ import_react74.default.createElement(Button, {
+    }), /* @__PURE__ */ import_react76.default.createElement(Button, {
         className: "w-full",
         isLoading: props.isLoading
-    }, props.texts.signUpText))), /* @__PURE__ */ import_react74.default.createElement("div", {
+    }, props.texts.signUpText))), /* @__PURE__ */ import_react76.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_react74.default.createElement("span", null, props.texts.existingUserText), /* @__PURE__ */ import_react74.default.createElement("span", {
+    }, /* @__PURE__ */ import_react76.default.createElement("span", null, props.texts.existingUserText), /* @__PURE__ */ import_react76.default.createElement("span", {
         onClick: props.handleRouteToSignIn,
         className: "clickable-link"
-    }, props.texts.signInText)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react74.default.createElement(CardFooter, {
+    }, props.texts.signInText)))), props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react76.default.createElement(CardFooter, {
         className: "grid grid-cols-1 gap-2 "
-    }, props.viaGoogle && /* @__PURE__ */ import_react74.default.createElement(Button, {
+    }, props.viaGoogle && /* @__PURE__ */ import_react76.default.createElement(Button, {
         variant: "outline",
         onClick: props.handleGoogleSignUp
-    }, /* @__PURE__ */ import_react74.default.createElement(Icons.google, {
-        className: (0, import_clsx37.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signUpViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react74.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react76.default.createElement(Icons.google, {
+        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
+    }), props.texts.signUpViaGoogleLabel), props.viaGithub && /* @__PURE__ */ import_react76.default.createElement(Button, {
         variant: "outline",
         onClick: props.handleGithubSignUp
-    }, /* @__PURE__ */ import_react74.default.createElement(Icons.gitHub, {
-        className: (0, import_clsx37.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signUpViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react74.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react76.default.createElement(Icons.gitHub, {
+        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
+    }), props.texts.signUpViaGithubLabel), props.viaTwitter && /* @__PURE__ */ import_react76.default.createElement(Button, {
         variant: "outline",
         onClick: props.handleTwitterSignUp
-    }, /* @__PURE__ */ import_react74.default.createElement(Icons.twitter, {
-        className: (0, import_clsx37.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
-    }), props.texts.signUpViaTwitterLabel)) : null);
+    }, /* @__PURE__ */ import_react76.default.createElement(Icons.twitter, {
+        className: (0, import_clsx36.default)("h-4 w-4", props.direction === "rtl" ? "ml-2" : "mr-2")
+    }), props.texts.signUpViaTwitterLabel)) : null), /* @__PURE__ */ import_react76.default.createElement(InterfaceSettings, {
+        currentColorMode: props.currentColorMode,
+        currentLanguage: props.currentLanguage,
+        handleColorMode: props.handleColorMode,
+        handleLanguage: props.handleLanguage
+    }));
 };
 // src/blocks/AuthForms/NewPasswordForm.tsx
-var import_react75 = __toESM(require("react"));
+var import_react77 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var NewPasswordForm = function(props) {
-    var _ref = _sliced_to_array((0, import_react75.useState)(false), 2), matchError = _ref[0], setMatchError = _ref[1];
+    var _ref = _sliced_to_array((0, import_react77.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) {
@@ -9188,22 +9276,22 @@ var NewPasswordForm = function(props) {
         }
     };
     var _field_value, _field_value1;
-    return /* @__PURE__ */ import_react75.default.createElement(Card, null, matchError && /* @__PURE__ */ import_react75.default.createElement(HawaAlert, {
+    return /* @__PURE__ */ import_react77.default.createElement(Card, null, matchError && /* @__PURE__ */ import_react77.default.createElement(HawaAlert, {
         text: props.texts.passwordMatchError,
         severity: "error"
-    }), props.passwordChanged ? /* @__PURE__ */ import_react75.default.createElement(CardContent, {
+    }), props.passwordChanged ? /* @__PURE__ */ import_react77.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react75.default.createElement("div", {
+    }, /* @__PURE__ */ import_react77.default.createElement("div", {
         className: "text-center"
-    }, props.texts.passwordChanged)) : /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form5.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react75.default.createElement("form", {
+    }, props.texts.passwordChanged)) : /* @__PURE__ */ import_react77.default.createElement(import_react_hook_form5.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react77.default.createElement("form", {
         onSubmit: handleSubmit(handleSubmission)
-    }, /* @__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, {
+    }, /* @__PURE__ */ import_react77.default.createElement(CardHeader, null, /* @__PURE__ */ import_react77.default.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ import_react77.default.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ import_react77.default.createElement(CardContent, null, /* @__PURE__ */ import_react77.default.createElement(import_react_hook_form5.Controller, {
         control: control,
         name: "password",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react77.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -9217,13 +9305,13 @@ var NewPasswordForm = function(props) {
         rules: {
             required: props.texts.passwordRequiredText
         }
-    }), /* @__PURE__ */ import_react75.default.createElement(import_react_hook_form5.Controller, {
+    }), /* @__PURE__ */ import_react77.default.createElement(import_react_hook_form5.Controller, {
         control: control,
         name: "confirmPassword",
         render: function(param) {
             var field = param.field;
             var _errors_confirmPassword;
-            return /* @__PURE__ */ import_react75.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react77.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "password",
                 autoComplete: "new-password",
@@ -9237,27 +9325,27 @@ var NewPasswordForm = function(props) {
         rules: {
             required: props.texts.confirmPasswordRequiredText
         }
-    })), /* @__PURE__ */ import_react75.default.createElement(CardFooter, null, /* @__PURE__ */ import_react75.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react77.default.createElement(CardFooter, null, /* @__PURE__ */ import_react77.default.createElement(Button, {
         className: "w-full",
         type: "submit"
     }, props.texts.updatePassword)))));
 };
 // src/blocks/AuthForms/ResetPasswordForm.tsx
-var import_react76 = __toESM(require("react"));
+var import_react78 = __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_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", {
+    return /* @__PURE__ */ import_react78.default.createElement(Card, null, !props.sent ? /* @__PURE__ */ import_react78.default.createElement(import_react78.default.Fragment, null, /* @__PURE__ */ import_react78.default.createElement(CardHeader, null, /* @__PURE__ */ import_react78.default.createElement(CardTitle, null, "Reset Password"), /* @__PURE__ */ import_react78.default.createElement(CardDescription, null, "Enter your email to reset your account password")), /* @__PURE__ */ import_react78.default.createElement("form", {
         onSubmit: handleSubmit(props.handleResetPassword)
-    }, /* @__PURE__ */ import_react76.default.createElement(CardContent, null, /* @__PURE__ */ import_react76.default.createElement(import_react_hook_form6.Controller, {
+    }, /* @__PURE__ */ import_react78.default.createElement(CardContent, null, /* @__PURE__ */ import_react78.default.createElement(import_react_hook_form6.Controller, {
         control: control,
         name: "email",
         render: function(param) {
             var field = param.field;
             var _errors_email;
-            return /* @__PURE__ */ import_react76.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react78.default.createElement(HawaTextField, _object_spread_props(_object_spread({
                 width: "full",
                 type: "text",
                 label: props.texts.emailLabel,
@@ -9274,112 +9362,112 @@ var ResetPasswordForm = function(props) {
                 message: props.texts.emailInvalidText
             }
         }
-    }), /* @__PURE__ */ import_react76.default.createElement("div", {
+    }), /* @__PURE__ */ import_react78.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_react76.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_react78.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_react76.default.createElement(CardFooter, null, /* @__PURE__ */ import_react76.default.createElement(Button, {
+    }, (_props_texts_signUpText = props.texts.signUpText) !== null && _props_texts_signUpText !== void 0 ? _props_texts_signUpText : "Sign Up"))), /* @__PURE__ */ import_react78.default.createElement(CardFooter, null, /* @__PURE__ */ import_react78.default.createElement(Button, {
         type: "submit",
         className: "w-full"
-    }, props.texts.resetPassword)))) : /* @__PURE__ */ import_react76.default.createElement(CardContent, {
+    }, props.texts.resetPassword)))) : /* @__PURE__ */ import_react78.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react76.default.createElement("div", {
+    }, /* @__PURE__ */ import_react78.default.createElement("div", {
         className: "text-center"
     }, props.texts.emailSentText)));
 };
 // src/blocks/AuthForms/CodeConfirmation.tsx
-var import_react77 = __toESM(require("react"));
+var import_react79 = __toESM(require("react"));
 var CodeConfirmation = function(props) {
-    var _ref = _sliced_to_array((0, import_react77.useState)(null), 2), pins = _ref[0], setPins = _ref[1];
+    var _ref = _sliced_to_array((0, import_react79.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_react77.default.createElement(Card, null, /* @__PURE__ */ import_react77.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react79.default.createElement(Card, null, /* @__PURE__ */ import_react79.default.createElement(CardContent, {
         headless: true
-    }, props.showError && /* @__PURE__ */ import_react77.default.createElement(HawaAlert, {
+    }, props.showError && /* @__PURE__ */ import_react79.default.createElement(HawaAlert, {
         title: props.errorTitle,
         text: props.errorText,
         severity: "error"
-    }), /* @__PURE__ */ import_react77.default.createElement("div", {
+    }), /* @__PURE__ */ import_react79.default.createElement("div", {
         className: "mb-4 dark:text-white"
-    }, /* @__PURE__ */ import_react77.default.createElement("div", {
+    }, /* @__PURE__ */ import_react79.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_react77.default.createElement("div", {
+    }, (_props_texts_checkYourPhone = props.texts.checkYourPhone) !== null && _props_texts_checkYourPhone !== void 0 ? _props_texts_checkYourPhone : "Please check your phone"), /* @__PURE__ */ import_react79.default.createElement("div", {
         className: "text-muted-foreground"
-    }, /* @__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", {
+    }, /* @__PURE__ */ import_react79.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_react79.default.createElement("span", null, props.phoneNumber)), " "), /* @__PURE__ */ import_react79.default.createElement("form", {
         onSubmit: function(e) {
             e.preventDefault();
             if (pins) {
                 props.submitConfirmation(pins);
             }
         }
-    }, /* @__PURE__ */ import_react77.default.createElement(HawaPinInput, {
+    }, /* @__PURE__ */ import_react79.default.createElement(HawaPinInput, {
         width: "full",
         digits: 6,
         getPins: function(e) {
             return setPins(e);
         }
-    }), /* @__PURE__ */ import_react77.default.createElement("div", {
+    }), /* @__PURE__ */ import_react79.default.createElement("div", {
         className: " py-2 text-center text-xs text-muted-foreground"
-    }, /* @__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", {
+    }, /* @__PURE__ */ import_react79.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_react79.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_react77.default.createElement("div", {
+    }, (_props_texts_resendCode = props.texts.resendCode) !== null && _props_texts_resendCode !== void 0 ? _props_texts_resendCode : "Click to resend")), /* @__PURE__ */ import_react79.default.createElement("div", {
         className: "mt-4  grid grid-cols-2 gap-2"
-    }, /* @__PURE__ */ import_react77.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react79.default.createElement(Button, {
         variant: "secondary"
-    }, (_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")))));
+    }, (_props_texts_cancel = props.texts.cancel) !== null && _props_texts_cancel !== void 0 ? _props_texts_cancel : "Cancel"), /* @__PURE__ */ import_react79.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_react78 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 var SelectPayment = function(props) {
-    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(CardContent, null, props.viaWallet && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
+    return /* @__PURE__ */ import_react80.default.createElement(Card, null, /* @__PURE__ */ import_react80.default.createElement(CardHeader, null, /* @__PURE__ */ import_react80.default.createElement(CardTitle, null, "Choose Payment Method")), /* @__PURE__ */ import_react80.default.createElement(CardContent, null, props.viaWallet && /* @__PURE__ */ import_react80.default.createElement(HawaLogoButton, {
         logo: "wallet",
         buttonText: props.walletLabel,
         onClick: props.handleWallet
-    }), props.viaCreditCard && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
+    }), props.viaCreditCard && /* @__PURE__ */ import_react80.default.createElement(HawaLogoButton, {
         logo: "visa/master",
         buttonText: props.visaMasterLabel,
         onClick: props.handleCreditCard
-    }), props.viaMada && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
+    }), props.viaMada && /* @__PURE__ */ import_react80.default.createElement(HawaLogoButton, {
         logo: "mada",
         buttonText: props.madaLabel,
         onClick: props.handleMada
-    }), props.viaSTCPay && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
+    }), props.viaSTCPay && /* @__PURE__ */ import_react80.default.createElement(HawaLogoButton, {
         logo: "stcpay",
         buttonText: props.stcPayLabel,
         onClick: props.handleSTCPay
-    }), props.viaPayPal && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
+    }), props.viaPayPal && /* @__PURE__ */ import_react80.default.createElement(HawaLogoButton, {
         logo: "paypal",
         buttonText: props.paypalLabel,
         onClick: props.handlePayPal
-    }), props.viaGooglePay && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
+    }), props.viaGooglePay && /* @__PURE__ */ import_react80.default.createElement(HawaLogoButton, {
         logo: "googlepay",
         buttonText: props.googlePayLabel,
         onClick: props.handleGooglePay
-    }), props.viaApplePay && /* @__PURE__ */ import_react78.default.createElement(HawaLogoButton, {
+    }), props.viaApplePay && /* @__PURE__ */ import_react80.default.createElement(HawaLogoButton, {
         logo: "applepay",
         buttonText: props.applePayLabel,
         onClick: props.handleApplePay
     })));
 };
 // src/blocks/Payment/CreditCardForm.tsx
-var import_react79 = __toESM(require("react"));
+var import_react81 = __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_react79.default.createElement(Card, null, /* @__PURE__ */ import_react79.default.createElement("form", {
+    return /* @__PURE__ */ import_react81.default.createElement(Card, null, /* @__PURE__ */ import_react81.default.createElement("form", {
         onSubmit: handleSubmit(props.handle)
-    }, /* @__PURE__ */ import_react79.default.createElement(CardContent, {
+    }, /* @__PURE__ */ import_react81.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react79.default.createElement("div", {
+    }, /* @__PURE__ */ import_react81.default.createElement("div", {
         className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
+    }, /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form7.Controller, {
         control: control,
         name: "cardName",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, {
                 width: "full",
                 name: "password",
                 placeholder: "Enter password",
@@ -9391,15 +9479,15 @@ var CreditCardForm = function(props) {
         rules: {
             required: "Password is rquired"
         }
-    }), /* @__PURE__ */ import_react79.default.createElement("div", {
+    }), /* @__PURE__ */ import_react81.default.createElement("div", {
         className: "w-1/4"
-    }, /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
+    }, /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form7.Controller, {
         control: control,
         name: "cardName",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, {
                 width: "full",
                 name: "password",
                 maxLength: "3",
@@ -9413,13 +9501,13 @@ var CreditCardForm = function(props) {
         rules: {
             required: "Password is rquired"
         }
-    }))), /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
+    }))), /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form7.Controller, {
         control: control,
         name: "cardName",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, {
                 width: "full",
                 name: "password",
                 placeholder: "Enter password",
@@ -9431,13 +9519,13 @@ var CreditCardForm = function(props) {
         rules: {
             required: "Password is rquired"
         }
-    }), /* @__PURE__ */ import_react79.default.createElement(import_react_hook_form7.Controller, {
+    }), /* @__PURE__ */ import_react81.default.createElement(import_react_hook_form7.Controller, {
         control: control,
         name: "cardName",
         render: function(param) {
             var field = param.field;
             var _errors_password;
-            return /* @__PURE__ */ import_react79.default.createElement(HawaTextField, {
+            return /* @__PURE__ */ import_react81.default.createElement(HawaTextField, {
                 width: "full",
                 name: "password",
                 placeholder: "Enter password",
@@ -9449,60 +9537,60 @@ var CreditCardForm = function(props) {
         rules: {
             required: "Password is rquired"
         }
-    })), /* @__PURE__ */ import_react79.default.createElement(CardFooter, null, /* @__PURE__ */ import_react79.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react81.default.createElement(CardFooter, null, /* @__PURE__ */ import_react81.default.createElement(Button, {
         className: "w-full",
         onClick: props.handlePayWithCreditCard
     }, "Pay with Credit Card"))));
 };
 // src/blocks/Payment/ChargeWalletForm.tsx
-var import_react80 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 var ChargeWalletForm = function(props) {
-    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, {
+    var _ref = _sliced_to_array((0, import_react82.useState)(0), 2), walletAmount = _ref[0], setWalletAmount = _ref[1];
+    return /* @__PURE__ */ import_react82.default.createElement(Card, null, /* @__PURE__ */ import_react82.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "p-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, /* @__PURE__ */ import_react82.default.createElement("div", {
         className: " text-5xl font-extrabold"
-    }, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, Number(walletAmount).toLocaleString("en") || "0"), /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "text-sm font-normal"
-    }, props.currency || "SAR")), /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, props.currency || "SAR")), /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "mb-2 flex w-full flex-col gap-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement("div", {
+    }, /* @__PURE__ */ import_react82.default.createElement("div", {
         className: "mb-2 flex w-full flex-row gap-4 text-center"
-    }, /* @__PURE__ */ import_react80.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react82.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "10 SAR"), /* @__PURE__ */ import_react80.default.createElement(Button, {
+    }, "10 SAR"), /* @__PURE__ */ import_react82.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "50 SAR"), /* @__PURE__ */ import_react80.default.createElement(Button, {
+    }, "50 SAR"), /* @__PURE__ */ import_react82.default.createElement(Button, {
         variant: "outline",
         className: "h-full w-full"
-    }, "100 SAR")), /* @__PURE__ */ import_react80.default.createElement(Input, {
+    }, "100 SAR")), /* @__PURE__ */ import_react82.default.createElement(Input, {
         placeholder: "Custom Amount",
         type: "number",
         name: "amount"
-    })), /* @__PURE__ */ import_react80.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react82.default.createElement(Button, {
         className: "mt-6 w-full"
     }, props.texts.chargeWallet)));
 };
 // src/blocks/Payment/PayWithWallet.tsx
-var import_react81 = __toESM(require("react"));
+var import_react83 = __toESM(require("react"));
 var PayWithWallet = function(props) {
-    return /* @__PURE__ */ import_react81.default.createElement(Card, null, /* @__PURE__ */ import_react81.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react83.default.createElement(Card, null, /* @__PURE__ */ import_react83.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react81.default.createElement("div", {
+    }, /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "text-center text-5xl font-extrabold"
-    }, props.walletBalance || "0", /* @__PURE__ */ import_react81.default.createElement("div", {
+    }, props.walletBalance || "0", /* @__PURE__ */ import_react83.default.createElement("div", {
         className: "text-sm font-normal"
-    }, props.currency || "SAR")), /* @__PURE__ */ import_react81.default.createElement(Button, {
+    }, props.currency || "SAR")), /* @__PURE__ */ import_react83.default.createElement(Button, {
         className: "mt-6 w-full",
         onClick: props.handlePayWithWallet
     }, "Pay Now")));
 };
 // src/blocks/Payment/CheckoutForm.tsx
-var import_react82 = __toESM(require("react"));
+var import_react84 = __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;
@@ -9523,9 +9611,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_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", {
+    return /* @__PURE__ */ import_react84.default.createElement(Card, null, /* @__PURE__ */ import_react84.default.createElement(CardHeader, null, /* @__PURE__ */ import_react84.default.createElement(CardTitle, null, props.texts.orderDetails)), /* @__PURE__ */ import_react84.default.createElement(CardContent, null, /* @__PURE__ */ import_react84.default.createElement("div", null, /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "rounded border border-gray-300"
-    }, /* @__PURE__ */ import_react82.default.createElement(HawaTable, {
+    }, /* @__PURE__ */ import_react84.default.createElement(HawaTable, {
         pagination: false,
         direction: isArabic ? "rtl" : "ltr",
         columns: [
@@ -9545,9 +9633,9 @@ var CheckoutForm = function(props) {
         borders: "inner",
         rows: props.products,
         bordersWidth: "1"
-    })))), /* @__PURE__ */ import_react82.default.createElement(CardHeader, null, /* @__PURE__ */ import_react82.default.createElement(CardTitle, null, props.texts.billingAddress)), /* @__PURE__ */ import_react82.default.createElement("form", {
+    })))), /* @__PURE__ */ import_react84.default.createElement(CardHeader, null, /* @__PURE__ */ import_react84.default.createElement(CardTitle, null, props.texts.billingAddress)), /* @__PURE__ */ import_react84.default.createElement("form", {
         onSubmit: handleSubmit(props.handlePayNow)
-    }, /* @__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, {
+    }, /* @__PURE__ */ import_react84.default.createElement(CardContent, null, /* @__PURE__ */ import_react84.default.createElement("div", null, /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react84.default.createElement("div", null, /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "firstName",
         rules: {
@@ -9556,7 +9644,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_firstName;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react84.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
@@ -9564,11 +9652,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value = field.value) !== null && _field_value !== void 0 ? _field_value : ""
             }));
         }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }), /* @__PURE__ */ import_react84.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "lastName",
         rules: {
@@ -9577,7 +9665,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_lastName;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react84.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) + " *",
@@ -9586,13 +9674,13 @@ var CheckoutForm = function(props) {
                 value: (_field_value1 = field.value) !== null && _field_value1 !== void 0 ? _field_value1 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    })), /* @__PURE__ */ import_react84.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_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react84.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) + " *",
@@ -9608,9 +9696,9 @@ var CheckoutForm = function(props) {
                 message: (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.emailInvalidText
             }
         }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "streetAddress",
         rules: {
@@ -9619,7 +9707,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_streetAddress;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react84.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) + " *",
@@ -9628,9 +9716,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value3 = field.value) !== null && _field_value3 !== void 0 ? _field_value3 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
+    })), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "province",
         rules: {
@@ -9639,7 +9727,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_province;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react84.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) + " *",
@@ -9648,11 +9736,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value4 = field.value) !== null && _field_value4 !== void 0 ? _field_value4 : ""
             }));
         }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }), /* @__PURE__ */ import_react84.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "city",
         rules: {
@@ -9661,7 +9749,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_city;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react84.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) + " *",
@@ -9670,9 +9758,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value5 = field.value) !== null && _field_value5 !== void 0 ? _field_value5 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
+    })), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "flex flex-col md:flex-row"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "buildingNumber",
         rules: {
@@ -9681,7 +9769,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_buildingNumber;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react84.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) + " *",
@@ -9690,11 +9778,11 @@ var CheckoutForm = function(props) {
                 value: (_field_value6 = field.value) !== null && _field_value6 !== void 0 ? _field_value6 : ""
             }));
         }
-    }), /* @__PURE__ */ import_react82.default.createElement("div", {
+    }), /* @__PURE__ */ import_react84.default.createElement("div", {
         style: {
             width: 20
         }
-    }), /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }), /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "zipCode",
         rules: {
@@ -9703,7 +9791,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_zipCode;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaTextField, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react84.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) + " *",
@@ -9712,9 +9800,9 @@ var CheckoutForm = function(props) {
                 value: (_field_value7 = field.value) !== null && _field_value7 !== void 0 ? _field_value7 : ""
             }));
         }
-    })), /* @__PURE__ */ import_react82.default.createElement("div", {
+    })), /* @__PURE__ */ import_react84.default.createElement("div", {
         className: "mb-3"
-    }, /* @__PURE__ */ import_react82.default.createElement(import_react_hook_form8.Controller, {
+    }, /* @__PURE__ */ import_react84.default.createElement(import_react_hook_form8.Controller, {
         control: control,
         name: "country",
         rules: {
@@ -9723,7 +9811,7 @@ var CheckoutForm = function(props) {
         render: function(param) {
             var field = param.field;
             var _props_texts, _errors_country;
-            return /* @__PURE__ */ import_react82.default.createElement(HawaSelect, {
+            return /* @__PURE__ */ import_react84.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,
@@ -9735,73 +9823,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_react82.default.createElement("option", null), props.countriesList.map(function(country, i) {
-                return /* @__PURE__ */ import_react82.default.createElement("option", {
+            }, /* @__PURE__ */ import_react84.default.createElement("option", null), props.countriesList.map(function(country, i) {
+                return /* @__PURE__ */ import_react84.default.createElement("option", {
                     key: i
                 }, country);
             }));
         }
-    }))))), /* @__PURE__ */ import_react82.default.createElement(CardFooter, null, /* @__PURE__ */ import_react82.default.createElement(Button, {
+    }))))), /* @__PURE__ */ import_react84.default.createElement(CardFooter, null, /* @__PURE__ */ import_react84.default.createElement(Button, {
         className: "w-full"
     }, props.texts.payNow)), " "));
 };
 // src/blocks/Payment/Confirmation.tsx
-var import_react83 = __toESM(require("react"));
+var import_react85 = __toESM(require("react"));
 var ConfirmationPage = function(props) {
     var isArabic = props.lang === "ar";
-    return /* @__PURE__ */ import_react83.default.createElement(Card, null, /* @__PURE__ */ import_react83.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react85.default.createElement(Card, null, /* @__PURE__ */ import_react85.default.createElement(CardContent, {
         headless: true
-    }, " ", /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, " ", /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "py-5 text-center text-3xl font-bold dark:text-white"
-    }, props.confirmationTitle), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.confirmationTitle), /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "py-5 dark:text-white"
-    }, /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "mb-2 text-center"
-    }, props.texts.successMessage, " ", /* @__PURE__ */ import_react83.default.createElement("strong", null, props.userEmail)), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.texts.successMessage, " ", /* @__PURE__ */ import_react85.default.createElement("strong", null, props.userEmail)), /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "text-center"
-    }, props.texts.yourOrderNumber), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.texts.yourOrderNumber), /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "text-center font-bold"
-    }, props.orderNumber)), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.orderNumber)), /* @__PURE__ */ import_react85.default.createElement("div", {
         className: "flex flex-col items-center justify-center gap-4 py-5 pt-0"
-    }, /* @__PURE__ */ import_react83.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react85.default.createElement(Button, {
         className: "w-full",
         onClick: props.handlePrint
-    }, props.texts.print), /* @__PURE__ */ import_react83.default.createElement(Button, {
+    }, props.texts.print), /* @__PURE__ */ import_react85.default.createElement(Button, {
         className: "w-full",
         onClick: props.handleHistory
-    }, props.texts.history), /* @__PURE__ */ import_react83.default.createElement(Button, {
+    }, props.texts.history), /* @__PURE__ */ import_react85.default.createElement(Button, {
         className: "w-full",
         onClick: props.handleHome
-    }, props.texts.homePage), /* @__PURE__ */ import_react83.default.createElement("div", {
+    }, props.texts.homePage), /* @__PURE__ */ import_react85.default.createElement("div", {
         className: " text-center text-sm dark:text-white"
-    }, props.texts.fasterPaymentNote), /* @__PURE__ */ import_react83.default.createElement("a", {
+    }, props.texts.fasterPaymentNote), /* @__PURE__ */ import_react85.default.createElement("a", {
         className: "clickable-link text-xs",
         onClick: props.handleRefundPolicyLink
     }, props.texts.refundPolicy))));
 };
 // src/blocks/Pricing/PricingPlans.tsx
-var import_react84 = __toESM(require("react"));
+var import_react86 = __toESM(require("react"));
 var PricingPlans = function(props) {
-    return /* @__PURE__ */ import_react84.default.createElement("div", null, /* @__PURE__ */ import_react84.default.createElement("div", {
+    return /* @__PURE__ */ import_react86.default.createElement("div", null, /* @__PURE__ */ import_react86.default.createElement("div", {
         className: "mb-2 flex w-full justify-between"
-    }, /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: props.currentCycle,
         options: props.billingCycles,
         onChangeTab: function(e) {
             return props.onCycleChange(e);
         }
-    }), /* @__PURE__ */ import_react84.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: props.currentCurrency,
         options: props.currencies,
         onChangeTab: function(e) {
             return props.onCurrencyChange(e);
         }
-    })), /* @__PURE__ */ import_react84.default.createElement("div", {
+    })), /* @__PURE__ */ import_react86.default.createElement("div", {
         className: "flex flex-row justify-between"
     }, props.plans.map(function(plan, index) {
-        return /* @__PURE__ */ import_react84.default.createElement(HawaPricingCard, _object_spread_props(_object_spread({
+        return /* @__PURE__ */ import_react86.default.createElement(HawaPricingCard, _object_spread_props(_object_spread({
             key: index,
             onPlanClicked: function() {
                 return props.onPlanClicked(plan);
@@ -9815,26 +9903,26 @@ var PricingPlans = function(props) {
     })));
 };
 // src/blocks/Pricing/ComparingPlans.tsx
-var import_react85 = __toESM(require("react"));
+var import_react87 = __toESM(require("react"));
 var CheckMark = function() {
-    return /* @__PURE__ */ import_react85.default.createElement("svg", {
+    return /* @__PURE__ */ import_react87.default.createElement("svg", {
         className: "h-5 w-5 text-green-500",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react85.default.createElement("path", {
+    }, /* @__PURE__ */ import_react87.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_react85.default.createElement("svg", {
+    return /* @__PURE__ */ import_react87.default.createElement("svg", {
         className: "h-5 w-5 text-red-500",
         "aria-hidden": "true",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ import_react85.default.createElement("path", {
+    }, /* @__PURE__ */ import_react87.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"
@@ -9842,74 +9930,74 @@ var UncheckMark = function() {
 };
 var ComparingPlans = function(props) {
     var _props_plans;
-    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", {
+    var _ref = _sliced_to_array((0, import_react87.useState)("sar"), 2), currentCurrency = _ref[0], setCurrentCurrency = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react87.useState)("month"), 2), currentCycle = _ref1[0], setCurrentCycle = _ref1[1];
+    return /* @__PURE__ */ import_react87.default.createElement("div", {
         id: "detailed-pricing",
         className: "w-full overflow-x-auto"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
+    }, /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "mb-2 flex w-full justify-between"
-    }, /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react87.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: currentCycle,
         options: props.billingCycles,
         onChangeTab: function(e) {
             return props.onCycleChange(e);
         }
-    }), /* @__PURE__ */ import_react85.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react87.default.createElement(HawaRadio, {
         design: "tabs",
         defaultValue: currentCurrency,
         options: props.currencies,
         onChangeTab: function(e) {
             return props.onCurrencyChange(e);
         }
-    })), /* @__PURE__ */ import_react85.default.createElement("div", {
+    })), /* @__PURE__ */ import_react87.default.createElement("div", {
         className: " overflow-hidden rounded"
-    }, /* @__PURE__ */ import_react85.default.createElement("div", {
+    }, /* @__PURE__ */ import_react87.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_react85.default.createElement("div", {
+    }, /* @__PURE__ */ import_react87.default.createElement("div", {
         className: "flex items-center"
     }), props.plans.map(function(plan) {
-        return /* @__PURE__ */ import_react85.default.createElement("div", null, /* @__PURE__ */ import_react85.default.createElement("h5", {
+        return /* @__PURE__ */ import_react87.default.createElement("div", null, /* @__PURE__ */ import_react87.default.createElement("h5", {
             className: "text-md 0 font-bold text-gray-500 dark:text-gray-400"
-        }, plan.texts.title), /* @__PURE__ */ import_react85.default.createElement("div", {
+        }, plan.texts.title), /* @__PURE__ */ import_react87.default.createElement("div", {
             className: " flex items-baseline  text-gray-900 dark:text-white"
-        }, /* @__PURE__ */ import_react85.default.createElement(import_react85.default.Fragment, null, /* @__PURE__ */ import_react85.default.createElement("span", {
+        }, /* @__PURE__ */ import_react87.default.createElement(import_react87.default.Fragment, null, /* @__PURE__ */ import_react87.default.createElement("span", {
             className: "text-5xl font-extrabold tracking-tight"
-        }, plan.price), /* @__PURE__ */ import_react85.default.createElement("span", {
+        }, plan.price), /* @__PURE__ */ import_react87.default.createElement("span", {
             className: "mx-1 text-sm font-semibold"
-        }, plan.texts.currencyText)), /* @__PURE__ */ import_react85.default.createElement("span", {
+        }, plan.texts.currencyText)), /* @__PURE__ */ import_react87.default.createElement("span", {
             className: "ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"
-        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react85.default.createElement("h5", {
+        }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react87.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_react85.default.createElement("div", {
+            return /* @__PURE__ */ import_react87.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_react85.default.createElement("div", {
+            }, /* @__PURE__ */ import_react87.default.createElement("div", {
                 className: "  flex flex-row items-center gap-2  text-gray-500 dark:text-gray-400"
-            }, feature.text, feature.description && /* @__PURE__ */ import_react85.default.createElement(Tooltip, {
+            }, feature.text, feature.description && /* @__PURE__ */ import_react87.default.createElement(Tooltip, {
                 side: "right",
                 content: feature.description
-            }, /* @__PURE__ */ import_react85.default.createElement("svg", {
+            }, /* @__PURE__ */ import_react87.default.createElement("svg", {
                 stroke: "currentColor",
                 fill: "currentColor",
                 "stroke-width": "0",
                 viewBox: "0 0 16 16",
                 height: "1em",
                 width: "1em"
-            }, /* @__PURE__ */ import_react85.default.createElement("path", {
+            }, /* @__PURE__ */ import_react87.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_react85.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react85.default.createElement(CheckMark, null), /* @__PURE__ */ import_react85.default.createElement(UncheckMark, null));
+            })))), /* @__PURE__ */ import_react87.default.createElement(UncheckMark, null), /* @__PURE__ */ import_react87.default.createElement(CheckMark, null), /* @__PURE__ */ import_react87.default.createElement(UncheckMark, null));
         });
     })));
 };
 // src/blocks/Pricing/HorizontalPricing.tsx
-var import_react86 = __toESM(require("react"));
-var import_clsx38 = __toESM(require("clsx"));
+var import_react88 = __toESM(require("react"));
+var import_clsx37 = __toESM(require("clsx"));
 var HorizontalPricing = function(props) {
-    var _ref = _sliced_to_array((0, import_react86.useState)(null), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
+    var _ref = _sliced_to_array((0, import_react88.useState)(null), 2), selectedCard = _ref[0], setSelectedCard = _ref[1];
     var data = [
         {
             title: "basic",
@@ -9927,155 +10015,155 @@ var HorizontalPricing = function(props) {
             cycle: "/mo"
         }
     ];
-    return /* @__PURE__ */ import_react86.default.createElement("div", {
+    return /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "z-10 w-full max-w-screen-sm"
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "max-w-2xl "
-    }, /* @__PURE__ */ import_react86.default.createElement("div", {
+    }, /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
+    }, /* @__PURE__ */ import_react88.default.createElement(HawaRadio, {
         design: "tabs",
         options: props.currencies,
         defaultValue: props.currentCurrency
-    }), /* @__PURE__ */ import_react86.default.createElement(HawaRadio, {
+    }), /* @__PURE__ */ import_react88.default.createElement(HawaRadio, {
         design: "tabs",
         options: props.billingCycles,
         defaultValue: props.currentCycle
     })), data.map(function(d) {
-        return /* @__PURE__ */ import_react86.default.createElement("label", {
+        return /* @__PURE__ */ import_react88.default.createElement("label", {
             htmlFor: d.title,
             className: "",
             onClick: function() {
                 return setSelectedCard(d.title);
             }
-        }, /* @__PURE__ */ import_react86.default.createElement("input", {
+        }, /* @__PURE__ */ import_react88.default.createElement("input", {
             type: "radio",
             name: "radio",
             id: d.title,
             className: "peer appearance-none"
-        }), /* @__PURE__ */ import_react86.default.createElement("div", {
-            className: (0, import_clsx38.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_react86.default.createElement("div", {
+        }), /* @__PURE__ */ import_react88.default.createElement("div", {
+            className: (0, import_clsx37.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_react88.default.createElement("div", {
             className: "peer flex items-center gap-4"
-        }, /* @__PURE__ */ import_react86.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react86.default.createElement(CardText, {
+        }, /* @__PURE__ */ import_react88.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react88.default.createElement(CardText, {
             title: "Enterprise",
             subtitle: "For startups and new businesses"
-        })), /* @__PURE__ */ import_react86.default.createElement(CardPrice, {
+        })), /* @__PURE__ */ import_react88.default.createElement(CardPrice, {
             amount: d.price,
             cycle: d.cycle
         })));
     })));
 };
 var CheckIcons = function() {
-    return /* @__PURE__ */ import_react86.default.createElement(import_react86.default.Fragment, null, /* @__PURE__ */ import_react86.default.createElement("svg", {
+    return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement("svg", {
         fill: "none",
         viewBox: "0 0 24 24",
         "stroke-width": "1.5",
         stroke: "currentColor",
         className: "default h-8 w-8 text-neutral-500"
-    }, /* @__PURE__ */ import_react86.default.createElement("path", {
+    }, /* @__PURE__ */ import_react88.default.createElement("path", {
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-    })), /* @__PURE__ */ import_react86.default.createElement("svg", {
+    })), /* @__PURE__ */ import_react88.default.createElement("svg", {
         viewBox: "0 0 24 24",
         fill: "currentColor",
         className: "active hidden h-8 w-8 text-blue-500"
-    }, /* @__PURE__ */ import_react86.default.createElement("path", {
+    }, /* @__PURE__ */ import_react88.default.createElement("path", {
         "fill-rule": "evenodd",
         "clip-rule": "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_react86.default.createElement("div", {
+    return /* @__PURE__ */ import_react88.default.createElement("div", {
         className: "peer flex flex-col items-start "
-    }, /* @__PURE__ */ import_react86.default.createElement("h2", {
+    }, /* @__PURE__ */ import_react88.default.createElement("h2", {
         className: "font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"
-    }, props.title), /* @__PURE__ */ import_react86.default.createElement("p", {
+    }, props.title), /* @__PURE__ */ import_react88.default.createElement("p", {
         className: "text-sm text-neutral-500 dark:text-gray-300"
     }, props.subtitle, " "));
 };
 var CardPrice = function(props) {
-    return /* @__PURE__ */ import_react86.default.createElement("h2", {
+    return /* @__PURE__ */ import_react88.default.createElement("h2", {
         className: "peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"
-    }, props.amount, /* @__PURE__ */ import_react86.default.createElement("span", {
+    }, props.amount, /* @__PURE__ */ import_react88.default.createElement("span", {
         className: "text-base font-medium text-neutral-400"
     }, props.cycle));
 };
 // src/blocks/Referral/ReferralAccount.tsx
-var import_react87 = __toESM(require("react"));
+var import_react89 = __toESM(require("react"));
 var ReferralAccount = function(param) {
     var referralLink = param.referralLink, referralCode = param.referralCode;
-    return /* @__PURE__ */ import_react87.default.createElement(Card, null, /* @__PURE__ */ import_react87.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "my-2 mt-0"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mb-1"
-    }, "Referral Code"), /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, "Referral Code"), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "flex flex-row items-center justify-between rounded border bg-background"
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
+    }, /* @__PURE__ */ import_react89.default.createElement("span", {
         className: "ml-3 font-bold"
-    }, referralCode), /* @__PURE__ */ import_react87.default.createElement(Button, {
+    }, referralCode), /* @__PURE__ */ import_react89.default.createElement(Button, {
         onClick: function() {
             return navigator.clipboard.writeText(referralCode);
         }
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
+    }, /* @__PURE__ */ import_react89.default.createElement("span", {
         className: "bg-red flex items-center justify-center"
-    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react89.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         "stroke-width": "0",
         viewBox: "0 0 512 512",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react87.default.createElement("path", {
+    }, /* @__PURE__ */ import_react89.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_react87.default.createElement("div", {
+    })), " ")))), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "my-2 mt-0"
-    }, /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "mb-1"
-    }, "Referral Link"), /* @__PURE__ */ import_react87.default.createElement("div", {
+    }, "Referral Link"), /* @__PURE__ */ import_react89.default.createElement("div", {
         className: "flex flex-row items-center justify-between rounded border bg-background"
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
+    }, /* @__PURE__ */ import_react89.default.createElement("span", {
         className: "ml-3 font-bold"
-    }, referralLink), /* @__PURE__ */ import_react87.default.createElement(Button, {
+    }, referralLink), /* @__PURE__ */ import_react89.default.createElement(Button, {
         onClick: function() {
             return navigator.clipboard.writeText(referralLink);
         }
-    }, /* @__PURE__ */ import_react87.default.createElement("span", {
+    }, /* @__PURE__ */ import_react89.default.createElement("span", {
         className: "bg-red flex items-center justify-center"
-    }, /* @__PURE__ */ import_react87.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react89.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         "stroke-width": "0",
         viewBox: "0 0 512 512",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react87.default.createElement("path", {
+    }, /* @__PURE__ */ import_react89.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_react88 = __toESM(require("react"));
+var import_react90 = __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_react88.default.createElement(Card, null, /* @__PURE__ */ import_react88.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react90.default.createElement(Card, null, /* @__PURE__ */ import_react90.default.createElement(CardContent, {
         headless: true
-    }, /* @__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, {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement(import_react_hook_form9.FormProvider, _object_spread({}, methods), /* @__PURE__ */ import_react90.default.createElement(HawaTextField, {
         label: "IBAN"
-    }), /* @__PURE__ */ import_react88.default.createElement(HawaTextField, {
+    }), /* @__PURE__ */ import_react90.default.createElement(HawaTextField, {
         label: "Holder Name"
-    }), /* @__PURE__ */ import_react88.default.createElement(import_react_hook_form9.Controller, {
+    }), /* @__PURE__ */ import_react90.default.createElement(import_react_hook_form9.Controller, {
         control: control,
         name: "bank",
         render: function(param) {
             var field = param.field;
-            return /* @__PURE__ */ import_react88.default.createElement(HawaSelect, _object_spread_props(_object_spread({
+            return /* @__PURE__ */ import_react90.default.createElement(HawaSelect, _object_spread_props(_object_spread({
                 label: "Bank",
                 isCreatable: false,
                 isMulti: false,
@@ -10104,47 +10192,47 @@ var ReferralSettlement = function(param) {
                 }
             }));
         }
-    }))), /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(Button, {
+    }))), /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.default.createElement(Button, {
         className: "mt-6 w-full"
-    }, "Add Bank Account")), withdrawError && /* @__PURE__ */ import_react88.default.createElement("div", null, /* @__PURE__ */ import_react88.default.createElement(HawaAlert, {
+    }, "Add Bank Account")), withdrawError && /* @__PURE__ */ import_react90.default.createElement("div", null, /* @__PURE__ */ import_react90.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_react90.default.createElement("div", {
         className: "mt-3"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "mb-1"
-    }, "Settlement Accounts"), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, "Settlement Accounts"), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "rounded"
-    }, /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
+    }, /* @__PURE__ */ import_react90.default.createElement(SettlementAccountCard, {
         bank: "Al Inma Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri",
         default: true
-    }), /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
+    }), /* @__PURE__ */ import_react90.default.createElement(SettlementAccountCard, {
         bank: "Al Rajihi Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri"
-    }), /* @__PURE__ */ import_react88.default.createElement(SettlementAccountCard, {
+    }), /* @__PURE__ */ import_react90.default.createElement(SettlementAccountCard, {
         bank: "Al Inma Bank",
         iban: "SA10228094028098329119",
         accountHolder: "Zakher Masri"
     })))));
 };
 var SettlementAccountCard = function(props) {
-    return /* @__PURE__ */ import_react88.default.createElement("div", {
+    return /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "flex flex-col justify-between"
-    }, /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "text-xs"
-    }, props.bank), /* @__PURE__ */ import_react88.default.createElement("div", null, props.accountHolder), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, props.bank), /* @__PURE__ */ import_react90.default.createElement("div", null, props.accountHolder), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "text-xs"
-    }, props.iban)), /* @__PURE__ */ import_react88.default.createElement("div", {
+    }, props.iban)), /* @__PURE__ */ import_react90.default.createElement("div", {
         className: "flex flex-row items-center justify-center gap-2"
-    }, props.default && /* @__PURE__ */ import_react88.default.createElement(HawaChip, {
+    }, props.default && /* @__PURE__ */ import_react90.default.createElement(HawaChip, {
         label: "Default",
         size: "small"
-    }), /* @__PURE__ */ import_react88.default.createElement(HawaMenu, {
+    }), /* @__PURE__ */ import_react90.default.createElement(HawaMenu, {
         size: "small",
         menuItems: [
             [
@@ -10160,10 +10248,10 @@ var SettlementAccountCard = function(props) {
                 }
             ]
         ]
-    }, /* @__PURE__ */ import_react88.default.createElement(Button, {
+    }, /* @__PURE__ */ import_react90.default.createElement(Button, {
         variant: "outline",
         size: "icon"
-    }, /* @__PURE__ */ import_react88.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react90.default.createElement("svg", {
         "aria-label": "Vertical Three Dots Menu Icon",
         className: "rotate-90",
         stroke: "currentColor",
@@ -10172,126 +10260,126 @@ var SettlementAccountCard = function(props) {
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em"
-    }, /* @__PURE__ */ import_react88.default.createElement("path", {
+    }, /* @__PURE__ */ import_react90.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_react89 = __toESM(require("react"));
+var import_react91 = __toESM(require("react"));
 var ReferralStats = function(param) {
     var referralLink = param.referralLink, referralCode = param.referralCode, withdrawError = param.withdrawError;
-    return /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react91.default.createElement(Card, null, /* @__PURE__ */ import_react91.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "mb-1"
-    }, "Stats"), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, "Stats"), /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "justi flex flex-row gap-1"
-    }, /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
+    }, /* @__PURE__ */ import_react91.default.createElement(NumberCard, {
         title: "Clicks",
         number: 22
-    }), /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
+    }), /* @__PURE__ */ import_react91.default.createElement(NumberCard, {
         title: "Sign-ups",
         number: 32
-    }), /* @__PURE__ */ import_react89.default.createElement(NumberCard, {
+    }), /* @__PURE__ */ import_react91.default.createElement(NumberCard, {
         title: "Commission",
         number: "213.22 SAR"
-    })), /* @__PURE__ */ import_react89.default.createElement(Button, {
+    })), /* @__PURE__ */ import_react91.default.createElement(Button, {
         className: "mt-6 w-full"
-    }, "Withdraw Money"), withdrawError && /* @__PURE__ */ import_react89.default.createElement("div", null, /* @__PURE__ */ import_react89.default.createElement(HawaAlert, {
+    }, "Withdraw Money"), withdrawError && /* @__PURE__ */ import_react91.default.createElement("div", null, /* @__PURE__ */ import_react91.default.createElement(HawaAlert, {
         text: "Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",
         severity: "warning"
-    })), /* @__PURE__ */ import_react89.default.createElement("div", {
+    })), /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "mt-3"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "mb-1"
-    }, "Sign ups"), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, "Sign ups"), /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "rounded"
-    }, /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }, /* @__PURE__ */ import_react91.default.createElement(ReferralSignUpCard, {
         date: "2020/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react91.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react91.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react91.default.createElement(ReferralSignUpCard, {
         date: "2022/10/11 @ 9:45 pm",
         email: "zakher@sikka.io",
         amount: "3.4 SAR / Month"
-    }), /* @__PURE__ */ import_react89.default.createElement(ReferralSignUpCard, {
+    }), /* @__PURE__ */ import_react91.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_react89.default.createElement("div", {
+    return /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "w-full rounded border bg-background p-2"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "text-sm"
-    }, props.title), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, props.title), /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "font-bold"
     }, props.number));
 };
 var ReferralSignUpCard = function(props) {
-    return /* @__PURE__ */ import_react89.default.createElement("div", {
+    return /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "mb-3 rounded border-b bg-background p-2"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "text-xs"
-    }, props.date), /* @__PURE__ */ import_react89.default.createElement("div", {
+    }, props.date), /* @__PURE__ */ import_react91.default.createElement("div", {
         className: "flex flex-row justify-between"
-    }, /* @__PURE__ */ import_react89.default.createElement("div", null, props.email), /* @__PURE__ */ import_react89.default.createElement("div", null, props.amount)));
+    }, /* @__PURE__ */ import_react91.default.createElement("div", null, props.email), /* @__PURE__ */ import_react91.default.createElement("div", null, props.amount)));
 };
 // src/blocks/Misc/NotFound.tsx
-var import_react90 = __toESM(require("react"));
+var import_react92 = __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_react90.default.createElement(Card, null, /* @__PURE__ */ import_react90.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react92.default.createElement(Card, null, /* @__PURE__ */ import_react92.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, /* @__PURE__ */ import_react92.default.createElement("div", {
         className: "flex flex-col items-center dark:text-white"
-    }, /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, /* @__PURE__ */ import_react92.default.createElement("div", {
         className: "text-center text-6xl font-bold "
-    }, "404"), /* @__PURE__ */ import_react90.default.createElement("div", {
+    }, "404"), /* @__PURE__ */ import_react92.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_react90.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_react92.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_react90.default.createElement(import_react90.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ import_react90.default.createElement("span", {
+    }, (_texts_ifLost = (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.ifLost) !== null && _texts_ifLost !== void 0 ? _texts_ifLost : /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ import_react92.default.createElement("span", {
         className: "clickable-link"
-    }, "help@sikka.io"))), /* @__PURE__ */ import_react90.default.createElement(Button, {
+    }, "help@sikka.io"))), /* @__PURE__ */ import_react92.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_react91 = __toESM(require("react"));
+var import_react93 = __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_react91.default.createElement(Card, null, /* @__PURE__ */ import_react91.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react93.default.createElement(Card, null, /* @__PURE__ */ import_react93.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react91.default.createElement("div", {
+    }, /* @__PURE__ */ import_react93.default.createElement("div", {
         className: "flex flex-col items-center justify-center text-center "
-    }, /* @__PURE__ */ import_react91.default.createElement("div", {
+    }, /* @__PURE__ */ import_react93.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_react91.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react93.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         "stroke-width": "0",
         viewBox: "0 0 512 512",
         height: "0.35em",
         width: "0.35em"
-    }, /* @__PURE__ */ import_react91.default.createElement("path", {
+    }, /* @__PURE__ */ import_react93.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_react91.default.createElement("div", {
+    }))), /* @__PURE__ */ import_react93.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_react91.default.createElement(CardFooter, null, /* @__PURE__ */ import_react91.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_react93.default.createElement(CardFooter, null, /* @__PURE__ */ import_react93.default.createElement(Button, {
         className: "w-full",
         onClick: function() {
             return onActionClick();
@@ -10299,81 +10387,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_react92 = __toESM(require("react"));
+var import_react94 = __toESM(require("react"));
 var Testimonial = function(props) {
-    return /* @__PURE__ */ import_react92.default.createElement(Card, null, /* @__PURE__ */ import_react92.default.createElement(CardContent, {
+    return /* @__PURE__ */ import_react94.default.createElement(Card, null, /* @__PURE__ */ import_react94.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react92.default.createElement("div", null, /* @__PURE__ */ import_react92.default.createElement("p", {
+    }, /* @__PURE__ */ import_react94.default.createElement("div", null, /* @__PURE__ */ import_react94.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_react92.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_react94.default.createElement("div", {
         className: "flex flex-row gap-4"
-    }, /* @__PURE__ */ import_react92.default.createElement("svg", {
+    }, /* @__PURE__ */ import_react94.default.createElement("svg", {
         width: "48",
         height: "48",
         viewBox: "0 0 48 48",
         fill: "none"
-    }, /* @__PURE__ */ import_react92.default.createElement("rect", {
+    }, /* @__PURE__ */ import_react94.default.createElement("rect", {
         width: "48",
         height: "48",
         rx: "24",
         fill: "#45BE8B"
-    }), /* @__PURE__ */ import_react92.default.createElement("path", {
+    }), /* @__PURE__ */ import_react94.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_react92.default.createElement("path", {
+    }), /* @__PURE__ */ import_react94.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_react92.default.createElement("span", {
+    })), /* @__PURE__ */ import_react94.default.createElement("span", {
         className: "border border-l "
-    }), " ", /* @__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")))));
+    }), " ", /* @__PURE__ */ import_react94.default.createElement("div", null, /* @__PURE__ */ import_react94.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react94.default.createElement("div", null, " Chief Information Security Officer")))));
 };
 // src/blocks/Misc/LeadGenerator.tsx
-var import_react93 = __toESM(require("react"));
+var import_react95 = __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_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", {
+    return /* @__PURE__ */ import_react95.default.createElement(Card, null, /* @__PURE__ */ import_react95.default.createElement(CardHeader, null, /* @__PURE__ */ import_react95.default.createElement(CardTitle, null, (_texts = texts) === null || _texts === void 0 ? void 0 : _texts.title), /* @__PURE__ */ import_react95.default.createElement(CardDescription, null, (_texts1 = texts) === null || _texts1 === void 0 ? void 0 : _texts1.subtitle)), /* @__PURE__ */ import_react95.default.createElement(CardContent, null, /* @__PURE__ */ import_react95.default.createElement("form", {
         className: "flex flex-row gap-2",
         onSubmit: function(e) {
             e.preventDefault();
             handleNewsletterSub(e.target[0].value);
         }
-    }, /* @__PURE__ */ import_react93.default.createElement(Input, {
+    }, /* @__PURE__ */ import_react95.default.createElement(Input, {
         type: "email",
         name: "email",
         placeholder: "example@sikka.io"
-    }), /* @__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"))));
+    }), /* @__PURE__ */ import_react95.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_react96 = __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_react96.default.createElement(Card, null, /* @__PURE__ */ import_react96.default.createElement(CardContent, {
+        headless: true,
+        className: "flex flex-row items-center justify-between"
+    }, /* @__PURE__ */ import_react96.default.createElement("div", {
+        className: "flex flex-col items-start justify-center "
+    }, /* @__PURE__ */ import_react96.default.createElement("span", {
+        className: "text-lg font-bold"
+    }, props.title), /* @__PURE__ */ import_react96.default.createElement("span", {
+        className: "text-sm"
+    }, props.subtitle)), /* @__PURE__ */ import_react96.default.createElement(Button, {
+        onClick: function() {
+            return onActionClick();
+        }
+    }, props.actionText)));
 };
 // src/blocks/Misc/NoPermission.tsx
-var import_react94 = __toESM(require("react"));
+var import_react97 = __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_react97.default.createElement(Card, null, /* @__PURE__ */ import_react97.default.createElement(CardContent, {
         headless: true
-    }, /* @__PURE__ */ import_react94.default.createElement("div", {
+    }, /* @__PURE__ */ import_react97.default.createElement("div", {
         className: "flex flex-col items-center justify-center text-center"
-    }, /* @__PURE__ */ import_react94.default.createElement("div", {
+    }, /* @__PURE__ */ import_react97.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_react97.default.createElement("svg", {
         stroke: "currentColor",
         fill: "currentColor",
         "stroke-width": "0",
         viewBox: "0 0 448 512",
         height: "0.35em",
         width: "0.35em"
-    }, /* @__PURE__ */ import_react94.default.createElement("path", {
+    }, /* @__PURE__ */ import_react97.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_react97.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_react97.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_react98 = require("react");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+    Announcement: Announcement,
     AppLanding: AppLanding,
     AppLayout: AppLayout,
     AppSidebar: AppSidebar,
@@ -10387,6 +10498,7 @@ var import_react95 = require("react");
     CardFooter: CardFooter,
     CardHeader: CardHeader,
     CardTitle: CardTitle,
+    Carousel: Carousel,
     ChargeWalletForm: ChargeWalletForm,
     CheckoutForm: CheckoutForm,
     CodeConfirmation: CodeConfirmation,