@sikka/hawa 0.1.97 → 0.1.99

package/dist/index.js

@@ -219,16 +219,16 @@ var React6 = _interopRequireWildcard(_react);
 var React12 = _interopRequireWildcard(_react);
 var React16 = _interopRequireWildcard(_react);
 var React19 = _interopRequireWildcard(_react);
-var React31 = _interopRequireWildcard(_react);
-var React60 = _interopRequireWildcard(_react);
+var React29 = _interopRequireWildcard(_react);
+var React58 = _interopRequireWildcard(_react);
+var React61 = _interopRequireWildcard(_react);
 var React63 = _interopRequireWildcard(_react);
+var React64 = _interopRequireWildcard(_react);
 var React65 = _interopRequireWildcard(_react);
 var React66 = _interopRequireWildcard(_react);
 var React67 = _interopRequireWildcard(_react);
-var React68 = _interopRequireWildcard(_react);
 var React69 = _interopRequireWildcard(_react);
-var React71 = _interopRequireWildcard(_react);
-var React77 = _interopRequireWildcard(_react);
+var React75 = _interopRequireWildcard(_react);
 var _clsx = require("clsx");
 var _clsx2 = _interopRequireDefault(_clsx);
 var HawaCheckbox = function(props) {
@@ -1108,7 +1108,6 @@ var useTable_default = useTable;
 // src/elements/DropdownMenu.tsx
 var _reactdropdownmenu = require("@radix-ui/react-dropdown-menu");
 var DropdownMenuPrimitive = _interopRequireWildcard(_reactdropdownmenu);
-var DropdownMenu2 = _interopRequireWildcard(_reactdropdownmenu);
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
@@ -3574,152 +3573,6 @@ var HawaPhoneInput = function(props) {
         className: "mb-1 mt-1 text-xs text-red-600 dark:text-red-500"
     }, props.helperText)));
 };
-// src/elements/HawaTooltip.tsx
-var HawaTooltip = function(param) {
-    var children = param.children, content = param.content, _param_size = param.size, size = _param_size === void 0 ? "normal" : _param_size, _param_position = param.position, position = _param_position === void 0 ? "top-right" : _param_position, _param_direction = param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction;
-    var _react_useState_call = _sliced_to_array(_react.useState.call(void 0, false), 2), hovered = _react_useState_call[0], setHovered = _react_useState_call[1];
-    var childrenRef = _react.useRef.call(void 0, null);
-    var _react_useState_call1 = _sliced_to_array(_react.useState.call(void 0, null), 2), childrenHeight = _react_useState_call1[0], setChildrenHeight = _react_useState_call1[1];
-    var _react_useState_call2 = _sliced_to_array(_react.useState.call(void 0, null), 2), childrenWidth = _react_useState_call2[0], setChildrenWidth = _react_useState_call2[1];
-    var tooltipRef = _react.useRef.call(void 0, null);
-    var _react_useState_call3 = _sliced_to_array(_react.useState.call(void 0, null), 2), tooltipWidth = _react_useState_call3[0], setTooltipWidth = _react_useState_call3[1];
-    var _react_useState_call4 = _sliced_to_array(_react.useState.call(void 0, null), 2), tooltipHeight = _react_useState_call4[0], setTooltipHeight = _react_useState_call4[1];
-    _react.useEffect.call(void 0, function() {
-        setTooltipHeight(_optionalChain([
-            tooltipRef,
-            "access",
-            function(_42) {
-                return _42.current;
-            },
-            "optionalAccess",
-            function(_43) {
-                return _43.getBoundingClientRect;
-            },
-            "call",
-            function(_44) {
-                return _44();
-            },
-            "access",
-            function(_45) {
-                return _45.height;
-            }
-        ]));
-        setTooltipWidth(_optionalChain([
-            tooltipRef,
-            "access",
-            function(_46) {
-                return _46.current;
-            },
-            "optionalAccess",
-            function(_47) {
-                return _47.getBoundingClientRect;
-            },
-            "call",
-            function(_48) {
-                return _48();
-            },
-            "access",
-            function(_49) {
-                return _49.width;
-            }
-        ]));
-        setChildrenHeight(_optionalChain([
-            childrenRef,
-            "access",
-            function(_50) {
-                return _50.current;
-            },
-            "optionalAccess",
-            function(_51) {
-                return _51.getBoundingClientRect;
-            },
-            "call",
-            function(_52) {
-                return _52();
-            },
-            "access",
-            function(_53) {
-                return _53.height;
-            }
-        ]));
-        setChildrenWidth(_optionalChain([
-            childrenRef,
-            "access",
-            function(_54) {
-                return _54.current;
-            },
-            "optionalAccess",
-            function(_55) {
-                return _55.getBoundingClientRect;
-            },
-            "call",
-            function(_56) {
-                return _56();
-            },
-            "access",
-            function(_57) {
-                return _57.width;
-            }
-        ]));
-    });
-    var defaultTooltipStyles = "absolute z-10   rounded bg-gray-100  text-center text-sm font-medium text-foreground dark:text-white  shadow-sm transition-all duration-300 dark:bg-gray-700";
-    var sizeStyles2 = {
-        normal: "py-2 px-3 leading-2",
-        small: "py-2 px-2 text-[10px] leading-tight",
-        large: "py-2 px-2 text-lg leading-tight"
-    };
-    var tooltipCoordinates;
-    var spacing = 5;
-    switch(position){
-        case "top-right":
-            tooltipCoordinates = direction === "rtl" ? "".concat(tooltipWidth - childrenWidth, "px, -").concat(tooltipHeight + childrenHeight + spacing, "px") : "0px, -".concat(tooltipHeight + childrenHeight + spacing, "px");
-            break;
-        case "top-left":
-            tooltipCoordinates = direction === "rtl" ? "".concat(0, "px, -").concat(tooltipHeight + childrenHeight + spacing, "px") : "-".concat(tooltipWidth - childrenWidth, "px, -").concat(tooltipHeight + childrenHeight + spacing, "px");
-            break;
-        case "bottom-right":
-            tooltipCoordinates = direction === "rtl" ? "".concat(tooltipWidth - childrenWidth, "px, ").concat(spacing, "px") : "-".concat(0, "px, ").concat(spacing, "px");
-            break;
-        case "bottom-left":
-            tooltipCoordinates = direction === "rtl" ? "0px, ".concat(spacing, "px") : "-".concat(tooltipWidth - childrenWidth, "px,").concat(spacing, "px");
-            break;
-        case "right-bottom":
-            tooltipCoordinates = direction === "rtl" ? "".concat(tooltipWidth + spacing, "px, -").concat(childrenHeight, "px") : "".concat(childrenWidth + spacing, "px, -").concat(childrenHeight, "px");
-            break;
-        case "right-top":
-            tooltipCoordinates = direction === "rtl" ? "".concat(tooltipWidth + spacing, "px, -").concat(tooltipHeight, "px") : "".concat(childrenWidth + spacing, "px, -").concat(tooltipHeight, "px");
-            break;
-        case "left-bottom":
-            tooltipCoordinates = direction === "rtl" ? "-".concat(childrenWidth + spacing, "px, -").concat(childrenHeight, "px") : "-".concat(tooltipWidth + spacing, "px, -").concat(childrenHeight, "px");
-            break;
-        case "left-top":
-            tooltipCoordinates = direction === "rtl" ? "-".concat(childrenWidth + spacing, "px, -").concat(tooltipHeight, "px") : "-".concat(tooltipWidth + spacing, "px, -").concat(tooltipHeight, "px");
-            break;
-        default:
-            tooltipCoordinates = "-".concat(tooltipWidth / 2, "px, -").concat(childrenHeight + tooltipHeight / 2, "px");
-            break;
-    }
-    return /* @__PURE__ */ React6.default.createElement("div", {
-        onMouseEnter: function() {
-            return setHovered(true);
-        },
-        onMouseLeave: function() {
-            return setHovered(false);
-        }
-    }, /* @__PURE__ */ React6.default.createElement("div", {
-        ref: childrenRef
-    }, children), /* @__PURE__ */ React6.default.createElement("div", {
-        ref: tooltipRef,
-        style: {
-            position: "absolute",
-            width: "max-content",
-            transform: "translate(".concat(tooltipCoordinates, ")"),
-            opacity: hovered ? "1" : "0",
-            maxWidth: "200px"
-        },
-        className: _clsx2.default.call(void 0, defaultTooltipStyles, sizeStyles2[size])
-    }, content));
-};
 // src/elements/HawaTabs.tsx
 var HawaTabs = function(_param) {
     var _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_width = _param.width, width = _param_width === void 0 ? "normal" : _param_width, _param_marginBetween = _param.marginBetween, marginBetween = _param_marginBetween === void 0 ? 0 : _param_marginBetween, _param_pill = _param.pill, pill = _param_pill === void 0 ? false : _param_pill, props = _object_without_properties(_param, [
@@ -3732,16 +3585,16 @@ var HawaTabs = function(_param) {
     var _react_useState_call = _sliced_to_array(_react.useState.call(void 0, _optionalChain([
         props,
         "access",
-        function(_58) {
-            return _58.options;
+        function(_42) {
+            return _42.options;
         },
         "access",
-        function(_59) {
-            return _59[0];
+        function(_43) {
+            return _43[0];
         },
         "optionalAccess",
-        function(_60) {
-            return _60.value;
+        function(_44) {
+            return _44.value;
         }
     ])), 2), selectedOption = _react_useState_call[0], setSelectedOption = _react_useState_call[1];
     var activeTabStyle = {
@@ -3787,16 +3640,16 @@ var HawaTabs = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_61) {
-            return _61.options;
+        function(_45) {
+            return _45.options;
         },
         "optionalAccess",
-        function(_62) {
-            return _62.map;
+        function(_46) {
+            return _46.map;
         },
         "call",
-        function(_63) {
-            return _63(function(opt, o) {
+        function(_47) {
+            return _47(function(opt, o) {
                 return /* @__PURE__ */ React6.default.createElement("button", {
                     key: o,
                     "aria-current": "page",
@@ -3805,12 +3658,12 @@ var HawaTabs = function(_param) {
                         _optionalChain([
                             props,
                             "optionalAccess",
-                            function(_64) {
-                                return _64.onChangeTab;
+                            function(_48) {
+                                return _48.onChangeTab;
                             },
                             "call",
-                            function(_65) {
-                                return _65(opt);
+                            function(_49) {
+                                return _49(opt);
                             }
                         ]);
                     },
@@ -3902,77 +3755,77 @@ var HawaMenu = function(param) {
         setMenuHeight(_optionalChain([
             menuRef,
             "access",
-            function(_66) {
-                return _66.current;
+            function(_50) {
+                return _50.current;
             },
             "optionalAccess",
-            function(_67) {
-                return _67.getBoundingClientRect;
+            function(_51) {
+                return _51.getBoundingClientRect;
             },
             "call",
-            function(_68) {
-                return _68();
+            function(_52) {
+                return _52();
             },
             "access",
-            function(_69) {
-                return _69.height;
+            function(_53) {
+                return _53.height;
             }
         ]));
         setMenuWidth(_optionalChain([
             menuRef,
             "access",
-            function(_70) {
-                return _70.current;
+            function(_54) {
+                return _54.current;
             },
             "optionalAccess",
-            function(_71) {
-                return _71.getBoundingClientRect;
+            function(_55) {
+                return _55.getBoundingClientRect;
             },
             "call",
-            function(_72) {
-                return _72();
+            function(_56) {
+                return _56();
             },
             "access",
-            function(_73) {
-                return _73.width;
+            function(_57) {
+                return _57.width;
             }
         ]));
         setChildrenHeight(_optionalChain([
             childrenRef,
             "access",
-            function(_74) {
-                return _74.current;
+            function(_58) {
+                return _58.current;
             },
             "optionalAccess",
-            function(_75) {
-                return _75.getBoundingClientRect;
+            function(_59) {
+                return _59.getBoundingClientRect;
             },
             "call",
-            function(_76) {
-                return _76();
+            function(_60) {
+                return _60();
             },
             "access",
-            function(_77) {
-                return _77.height;
+            function(_61) {
+                return _61.height;
             }
         ]));
         setChildrenWidth(_optionalChain([
             childrenRef,
             "access",
-            function(_78) {
-                return _78.current;
+            function(_62) {
+                return _62.current;
             },
             "optionalAccess",
-            function(_79) {
-                return _79.getBoundingClientRect;
+            function(_63) {
+                return _63.getBoundingClientRect;
             },
             "call",
-            function(_80) {
-                return _80();
+            function(_64) {
+                return _64();
             },
             "access",
-            function(_81) {
-                return _81.width;
+            function(_65) {
+                return _65.width;
             }
         ]));
         var handleClickOutside = function(event) {
@@ -4047,24 +3900,24 @@ var HawaMenu = function(param) {
     }, headerSubtitle)), _optionalChain([
         menuItems,
         "optionalAccess",
-        function(_82) {
-            return _82.map;
+        function(_66) {
+            return _66.map;
         },
         "call",
-        function(_83) {
-            return _83(function(group, o) {
+        function(_67) {
+            return _67(function(group, o) {
                 return /* @__PURE__ */ React6.default.createElement("ul", {
                     key: o,
                     className: "bg-layout-1200 flex flex-col gap-1 p-1 text-gray-700 dark:text-gray-200"
                 }, _optionalChain([
                     group,
                     "optionalAccess",
-                    function(_84) {
-                        return _84.map;
+                    function(_68) {
+                        return _68.map;
                     },
                     "call",
-                    function(_85) {
-                        return _85(function(item, indx) {
+                    function(_69) {
+                        return _69(function(item, indx) {
                             return item.element ? /* @__PURE__ */ React6.default.createElement("li", {
                                 key: indx,
                                 className: "cursor-pointer items-center rounded hover:bg-gray-200 rtl:flex-row-reverse dark:hover:bg-gray-600 dark:hover:text-white"
@@ -4077,12 +3930,12 @@ var HawaMenu = function(param) {
                                         _optionalChain([
                                             item,
                                             "optionalAccess",
-                                            function(_86) {
-                                                return _86.action;
+                                            function(_70) {
+                                                return _70.action;
                                             },
                                             "call",
-                                            function(_87) {
-                                                return _87(actionedItem);
+                                            function(_71) {
+                                                return _71(actionedItem);
                                             }
                                         ]);
                                     }
@@ -4098,156 +3951,6 @@ var HawaMenu = function(param) {
         }
     ])));
 };
-// src/elements/HawaDropdownMenu.tsx
-var HawaDropdownMenu = function(param) {
-    var children = param.children, direction = param.direction;
-    var _React6_default_useState = _sliced_to_array(React6.default.useState(true), 2), bookmarksChecked = _React6_default_useState[0], setBookmarksChecked = _React6_default_useState[1];
-    var _React6_default_useState1 = _sliced_to_array(React6.default.useState(false), 2), urlsChecked = _React6_default_useState1[0], setUrlsChecked = _React6_default_useState1[1];
-    var _React6_default_useState2 = _sliced_to_array(React6.default.useState("pedro"), 2), person = _React6_default_useState2[0], setPerson = _React6_default_useState2[1];
-    var dropdownData = {
-        items: [
-            {
-                label: "New Tab",
-                shortcut: "ctrl + T",
-                disabled: false
-            },
-            {
-                label: "New Windows",
-                shortcut: "ctrl + N",
-                disabled: false
-            },
-            {
-                label: "New Private Window",
-                shortcut: "⇧+ctrl+N",
-                disabled: true
-            }
-        ],
-        checkboxes: [
-            {
-                label: "Show Bookmarks",
-                shortcut: "ctrl + B",
-                disabled: false
-            },
-            {
-                label: "Show Something",
-                shortcut: "ctrl + C",
-                disabled: false
-            },
-            {
-                label: "Show that",
-                shortcut: "ctrl + T",
-                disabled: false
-            }
-        ]
-    };
-    return /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Root, {
-        dir: direction
-    }, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Trigger, {
-        asChild: true
-    }, children), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Portal, null, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Content, {
-        className: "min-w-[220px] rounded bg-white p-[5px] shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] will-change-[opacity,transform] data-[side=bottom]:animate-slideUpAndFade data-[side=left]:animate-slideRightAndFade data-[side=right]:animate-slideLeftAndFade data-[side=top]:animate-slideDownAndFade",
-        sideOffset: 5
-    }, dropdownData.items.map(function(it, i) {
-        return /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Item, {
-            key: i,
-            className: "group relative flex h-[25px] select-none items-center justify-between \n         rounded-inner  px-[5px] text-[13px] leading-none text-violet-11 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-violet-9 data-[disabled]:text-mauve-8\n          data-[highlighted]:text-violet-1 ",
-            disabled: it.disabled
-        }, it.label, /* @__PURE__ */ React6.default.createElement("div", {
-            className: " text-mauve-11 group-data-[disabled]:text-mauve-8 group-data-[highlighted]:text-white"
-        }, it.shortcut));
-    }), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Sub, null, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.SubTrigger, {
-        className: " group relative flex h-[25px] select-none  \n            items-center rounded-inner  justify-between flex-row\n            px-[5px] text-[13px] leading-none text-violet-11\n             outline-none data-[disabled]:pointer-events-none\n              data-[highlighted]:bg-violet-9 data-[highlighted]:data-[state=open]:bg-violet-9\n               data-[state=open]:bg-violet-4 data-[disabled]:text-mauve-8 data-[highlighted]:data-[state=open]:text-violet-1\n                data-[highlighted]:text-violet-1 data-[state=open]:text-violet-11 ltr:pl-[25px] rtl:pl-[0px]  "
-    }, "More Tools", /* @__PURE__ */ React6.default.createElement("div", {
-        className: "ltr:ml-auto rtl:pr-[5px]  ltr:pl-[0px] text-mauve-11 group-data-[disabled]:text-mauve-8 group-data-[highlighted]:text-white\n               rtl:mr-auto rtl:rotate-180 rtl:pl-[0px]"
-    }, /* @__PURE__ */ React6.default.createElement("svg", {
-        "aria-label": "Chevron Right Icon",
-        stroke: "currentColor",
-        fill: "currentColor",
-        strokeWidth: "0",
-        viewBox: "0 0 16 16",
-        height: "1em",
-        width: "1em"
-    }, /* @__PURE__ */ React6.default.createElement("path", {
-        fillRule: "evenodd",
-        d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
-    })))), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Portal, null, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.SubContent, {
-        className: "min-w-[220px] rounded-inner bg-white p-[5px] shadow-[0px_10px_38px_-10px_rgba(22,_23,_24,_0.35),_0px_10px_20px_-15px_rgba(22,_23,_24,_0.2)] will-change-[opacity,transform] data-[side=bottom]:animate-slideUpAndFade data-[side=left]:animate-slideRightAndFade data-[side=right]:animate-slideLeftAndFade data-[side=top]:animate-slideDownAndFade",
-        sideOffset: 2,
-        alignOffset: -5
-    }, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Item, {
-        className: "group relative flex h-[25px] select-none items-center rounded-inner px-[5px] pl-[25px] text-[13px] leading-none text-violet-11 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-violet-9 data-[disabled]:text-mauve-8 data-[highlighted]:text-violet-1"
-    }, "Save Page As…", " ", /* @__PURE__ */ React6.default.createElement("div", {
-        className: "ml-auto pl-[20px] text-mauve-11 group-data-[disabled]:text-mauve-8 group-data-[highlighted]:text-white"
-    }, "⌘+S")), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Item, {
-        className: "relative flex h-[25px] select-none items-center rounded-inner px-[5px] pl-[25px] text-[13px] leading-none text-violet-11 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-violet-9 data-[disabled]:text-mauve-8 data-[highlighted]:text-violet-1"
-    }, "Create Shortcut…"), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Item, {
-        className: "relative flex h-[25px] select-none items-center rounded-inner px-[5px] pl-[25px] text-[13px] leading-none text-violet-11 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-violet-9 data-[disabled]:text-mauve-8 data-[highlighted]:text-violet-1"
-    }, "Name Window…"), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Separator, {
-        className: "m-[5px] h-[1px] bg-violet-6"
-    }), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Item, {
-        className: "relative flex h-[25px] select-none items-center rounded-inner px-[5px] pl-[25px] text-[13px] leading-none text-violet-11 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-violet-9 data-[disabled]:text-mauve-8 data-[highlighted]:text-violet-1"
-    }, "Developer Tools")))), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Separator, {
-        className: "m-[5px] h-[1px] bg-violet-6"
-    }), dropdownData.checkboxes.map(function(ch, i) {
-        return /* @__PURE__ */ React6.default.createElement(DropdownMenu2.CheckboxItem, {
-            key: i,
-            className: "group relative flex h-[25px] select-none items-center\n             justify-between rounded-inner px-[5px] text-[13px] leading-none text-violet-11\n              outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-violet-9 data-[disabled]:text-mauve-8\n               data-[highlighted]:text-violet-1",
-            checked: bookmarksChecked,
-            onCheckedChange: setBookmarksChecked
-        }, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.ItemIndicator, {
-            className: "absolute inline-flex w-[25px] items-center justify-center  ltr:left-0 rtl:right-0"
-        }, /* @__PURE__ */ React6.default.createElement("svg", {
-            "aria-label": "Check Mark",
-            stroke: "currentColor",
-            fill: "currentColor",
-            strokeWidth: "0",
-            viewBox: "0 0 512 512",
-            height: "0.60em",
-            width: "0.60em"
-        }, /* @__PURE__ */ React6.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"
-        })), " "), ch.label, /* @__PURE__ */ React6.default.createElement("div", {
-            className: " text-mauve-11  group-data-[disabled]:text-mauve-8 group-data-[highlighted]:text-white"
-        }, ch.shortcut));
-    }), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Separator, {
-        className: "m-[5px] h-[1px] bg-violet-6"
-    }), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Label, {
-        className: "pl-[25px] text-xs leading-[25px] text-mauve-11"
-    }, "People"), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.RadioGroup, {
-        value: person,
-        onValueChange: setPerson
-    }, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.RadioItem, {
-        className: "relative flex h-[25px] select-none items-center rounded-inner px-[5px] pl-[25px] text-[13px] leading-none text-violet-11 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-violet-9 data-[disabled]:text-mauve-8 data-[highlighted]:text-violet-1",
-        value: "pedro"
-    }, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.ItemIndicator, {
-        className: "absolute left-0 inline-flex w-[25px] items-center justify-center"
-    }, /* @__PURE__ */ React6.default.createElement("svg", {
-        "aria-label": "Filled Dot",
-        width: "15",
-        height: "15",
-        viewBox: "0 0 15 15",
-        fill: "none"
-    }, /* @__PURE__ */ React6.default.createElement("path", {
-        d: "M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z",
-        fill: "currentColor"
-    })), " "), "Pedro Duarte"), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.RadioItem, {
-        className: "relative flex h-[25px] select-none items-center rounded-inner px-[5px] pl-[25px] text-[13px] leading-none text-violet-11 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-violet-9 data-[disabled]:text-mauve-8 data-[highlighted]:text-violet-1",
-        value: "colm"
-    }, /* @__PURE__ */ React6.default.createElement(DropdownMenu2.ItemIndicator, {
-        className: "absolute left-0 inline-flex w-[25px] items-center justify-center"
-    }, /* @__PURE__ */ React6.default.createElement("svg", {
-        "aria-label": "Filled Dot",
-        width: "15",
-        height: "15",
-        viewBox: "0 0 15 15",
-        fill: "none"
-    }, /* @__PURE__ */ React6.default.createElement("path", {
-        d: "M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z",
-        fill: "currentColor"
-    })), " "), "Colm Tuite")), /* @__PURE__ */ React6.default.createElement(DropdownMenu2.Arrow, {
-        className: "fill-white"
-    }))));
-};
 // src/elements/HawaCopyrights.tsx
 var HawaCopyrights = function(props) {
     return /* @__PURE__ */ React6.default.createElement("div", {
@@ -4304,63 +4007,63 @@ var HawaStepper = function(_param) {
 };
 // src/elements/HawaStats.tsx
 // src/elements/Card.tsx
-var Card = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Card = React29.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, _param_clickable = _param.clickable, clickable = _param_clickable === void 0 ? false : _param_clickable, props = _object_without_properties(_param, [
         "className",
         "clickable"
     ]);
-    return React31.createElement("div", _object_spread({
+    return React29.createElement("div", _object_spread({
         ref: ref,
         className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", clickable && "cursor-pointer transition-all hover:drop-shadow-md dark:hover:shadow-dark", className)
     }, props));
 });
 Card.displayName = "Card";
-var CardHeader = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardHeader = React29.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React31.createElement("div", _object_spread({
+    return React29.createElement("div", _object_spread({
         ref: ref,
         className: cn("flex flex-col space-y-1.5 p-6", className)
     }, props));
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardTitle = React29.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React31.createElement("h3", _object_spread({
+    return React29.createElement("h3", _object_spread({
         ref: ref,
         className: cn("text-2xl font-semibold leading-none tracking-tight", className)
     }, props));
 });
 CardTitle.displayName = "CardTitle";
-var CardDescription = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardDescription = React29.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React31.createElement("p", _object_spread({
+    return React29.createElement("p", _object_spread({
         ref: ref,
         className: cn("text-sm text-muted-foreground", className)
     }, props));
 });
 CardDescription.displayName = "CardDescription";
-var CardContent = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardContent = React29.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var headless = _param.headless, className = _param.className, props = _object_without_properties(_param, [
         "headless",
         "className"
     ]);
-    return React31.createElement("div", _object_spread({
+    return React29.createElement("div", _object_spread({
         ref: ref,
         className: cn("p-6", headless ? "pt-6" : "pt-0", className)
     }, props));
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React31.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var CardFooter = React29.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React31.createElement("div", _object_spread({
+    return React29.createElement("div", _object_spread({
         ref: ref,
         className: cn("flex items-center p-6 pt-0", className)
     }, props));
@@ -4562,12 +4265,12 @@ var DragDropImages = function(param) {
             _optionalChain([
                 files,
                 "optionalAccess",
-                function(_88) {
-                    return _88.forEach;
+                function(_72) {
+                    return _72.forEach;
                 },
                 "call",
-                function(_89) {
-                    return _89(function(file) {
+                function(_73) {
+                    return _73(function(file) {
                         URL.revokeObjectURL(file.preview);
                     });
                 }
@@ -4642,12 +4345,12 @@ var DragDropImages = function(param) {
     var thumbs = _optionalChain([
         files,
         "optionalAccess",
-        function(_90) {
-            return _90.map;
+        function(_74) {
+            return _74.map;
         },
         "call",
-        function(_91) {
-            return _91(function(file, index) {
+        function(_75) {
+            return _75(function(file, index) {
                 return /* @__PURE__ */ React6.default.createElement("div", {
                     className: "relative rounded"
                 }, /* @__PURE__ */ React6.default.createElement("button", {
@@ -4742,20 +4445,20 @@ var DragDropImages = function(param) {
     }, _optionalChain([
         fileRejections,
         "access",
-        function(_92) {
-            return _92[0];
+        function(_76) {
+            return _76[0];
         },
         "optionalAccess",
-        function(_93) {
-            return _93.errors;
+        function(_77) {
+            return _77.errors;
         },
         "access",
-        function(_94) {
-            return _94[0];
+        function(_78) {
+            return _78[0];
         },
         "optionalAccess",
-        function(_95) {
-            return _95.code;
+        function(_79) {
+            return _79.code;
         }
     ]) && errs)), disclaimer && /* @__PURE__ */ React6.default.createElement("div", {
         className: "mt-2 text-sm text-muted-foreground/50"
@@ -4950,16 +4653,16 @@ var InvoiceAccordion = function(_param) {
     }, props.invoiceDescription), _optionalChain([
         props,
         "access",
-        function(_96) {
-            return _96.products;
+        function(_80) {
+            return _80.products;
         },
         "optionalAccess",
-        function(_97) {
-            return _97.map;
+        function(_81) {
+            return _81.map;
         },
         "call",
-        function(_98) {
-            return _98(function(product, i) {
+        function(_82) {
+            return _82(function(product, i) {
                 return /* @__PURE__ */ React6.default.createElement("div", {
                     key: i,
                     className: "flex flex-row border-b  pb-4"
@@ -5078,7 +4781,7 @@ var UserFeedback = function(_param) {
     }, "Close")))));
 };
 // src/elements/ArrowCarousel.tsx
-var Arrow3 = function(props) {
+var Arrow2 = function(props) {
     return /* @__PURE__ */ React6.default.createElement("svg", {
         onClick: props.onClick || function() {},
         className: _clsx2.default.call(void 0, "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"),
@@ -5113,7 +4816,7 @@ var ArrowCarousel = function(props) {
     };
     return /* @__PURE__ */ React6.default.createElement("div", {
         className: "align-center box-boorder relative flex h-min w-min flex-row items-center justify-center rounded bg-layoutPrimary-500 p-4 py-0 pb-2 pt-2 shadow-md"
-    }, /* @__PURE__ */ React6.default.createElement(Arrow3, {
+    }, /* @__PURE__ */ React6.default.createElement(Arrow2, {
         direction: "left",
         disabled: index == 0,
         onClick: function() {
@@ -5123,7 +4826,7 @@ var ArrowCarousel = function(props) {
         className: "relative m-5  my-0 box-border flex h-full flex-col items-center justify-center  py-6 pt-0 "
     }, /* @__PURE__ */ React6.default.createElement("div", null, props.items[index].icon), /* @__PURE__ */ React6.default.createElement("div", {
         className: "absolute bottom-1 mb-0 mt-2 select-none"
-    }, props.items[index].label)), /* @__PURE__ */ React6.default.createElement(Arrow3, {
+    }, props.items[index].label)), /* @__PURE__ */ React6.default.createElement(Arrow2, {
         direction: "right",
         disabled: index == props.items.length - 1,
         onClick: function() {
@@ -6103,20 +5806,20 @@ var BackToTop = function(_param) {
             _optionalChain([
                 props,
                 "access",
-                function(_99) {
-                    return _99.anchor;
+                function(_83) {
+                    return _83.anchor;
                 },
                 "access",
-                function(_100) {
-                    return _100.current;
+                function(_84) {
+                    return _84.current;
                 },
                 "optionalAccess",
-                function(_101) {
-                    return _101.removeEventListener;
+                function(_85) {
+                    return _85.removeEventListener;
                 },
                 "call",
-                function(_102) {
-                    return _102("scroll", onScroll);
+                function(_86) {
+                    return _86("scroll", onScroll);
                 }
             ]);
             clearInterval(interval);
@@ -6195,12 +5898,12 @@ var HawaPinInput = function(_param) {
             _optionalChain([
                 previousInput,
                 "optionalAccess",
-                function(_103) {
-                    return _103.focus;
+                function(_87) {
+                    return _87.focus;
                 },
                 "call",
-                function(_104) {
-                    return _104();
+                function(_88) {
+                    return _88();
                 }
             ]);
         }
@@ -6226,12 +5929,12 @@ var HawaPinInput = function(_param) {
                 _optionalChain([
                     nextInput,
                     "optionalAccess",
-                    function(_105) {
-                        return _105.focus;
+                    function(_89) {
+                        return _89.focus;
                     },
                     "call",
-                    function(_106) {
-                        return _106();
+                    function(_90) {
+                        return _90();
                     }
                 ]);
             } else if (e.target.value.length === 0) {
@@ -6239,12 +5942,12 @@ var HawaPinInput = function(_param) {
                 _optionalChain([
                     previousInput,
                     "optionalAccess",
-                    function(_107) {
-                        return _107.focus;
+                    function(_91) {
+                        return _91.focus;
                     },
                     "call",
-                    function(_108) {
-                        return _108();
+                    function(_92) {
+                        return _92();
                     }
                 ]);
             }
@@ -6390,16 +6093,16 @@ var HawaPricingCard = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_109) {
-            return _109.features;
+        function(_93) {
+            return _93.features;
         },
         "optionalAccess",
-        function(_110) {
-            return _110.map;
+        function(_94) {
+            return _94.map;
         },
         "call",
-        function(_111) {
-            return _111(function(feature, o) {
+        function(_95) {
+            return _95(function(feature, o) {
                 return /* @__PURE__ */ React6.default.createElement("li", {
                     key: o,
                     className: "flex "
@@ -6504,24 +6207,24 @@ var HawaLandingCard = function(_param) {
     }, props), _optionalChain([
         props,
         "access",
-        function(_112) {
-            return _112.texts;
+        function(_96) {
+            return _96.texts;
         },
         "optionalAccess",
-        function(_113) {
-            return _113.titleTip;
+        function(_97) {
+            return _97.titleTip;
         }
     ]) && /* @__PURE__ */ React6.default.createElement("div", {
         className: "text-sm text-red-600"
     }, _optionalChain([
         props,
         "access",
-        function(_114) {
-            return _114.texts;
+        function(_98) {
+            return _98.texts;
         },
         "optionalAccess",
-        function(_115) {
-            return _115.titleTip;
+        function(_99) {
+            return _99.titleTip;
         }
     ])), props.imageURL && /* @__PURE__ */ React6.default.createElement("img", {
         className: "absolute -bottom-10 -right-10 h-40 w-auto ",
@@ -6529,68 +6232,68 @@ var HawaLandingCard = function(_param) {
     }), _optionalChain([
         props,
         "access",
-        function(_116) {
-            return _116.texts;
+        function(_100) {
+            return _100.texts;
         },
         "optionalAccess",
-        function(_117) {
-            return _117.title;
+        function(_101) {
+            return _101.title;
         }
     ]) && /* @__PURE__ */ React6.default.createElement("div", {
         className: "mt-2 text-lg font-medium"
     }, _optionalChain([
         props,
         "access",
-        function(_118) {
-            return _118.texts;
+        function(_102) {
+            return _102.texts;
         },
         "optionalAccess",
-        function(_119) {
-            return _119.title;
+        function(_103) {
+            return _103.title;
         }
     ]), " "), _optionalChain([
         props,
         "access",
-        function(_120) {
-            return _120.texts;
+        function(_104) {
+            return _104.texts;
         },
         "optionalAccess",
-        function(_121) {
-            return _121.description;
+        function(_105) {
+            return _105.description;
         }
     ]) && /* @__PURE__ */ React6.default.createElement("div", {
         className: "z-10 mt-4 text-sm"
     }, _optionalChain([
         props,
         "access",
-        function(_122) {
-            return _122.texts;
+        function(_106) {
+            return _106.texts;
         },
         "optionalAccess",
-        function(_123) {
-            return _123.description;
+        function(_107) {
+            return _107.description;
         }
     ])), _optionalChain([
         props,
         "access",
-        function(_124) {
-            return _124.texts;
+        function(_108) {
+            return _108.texts;
         },
         "optionalAccess",
-        function(_125) {
-            return _125.linkText;
+        function(_109) {
+            return _109.linkText;
         }
     ]) && /* @__PURE__ */ React6.default.createElement("div", {
         className: "z-10 mt-6 text-sm underline underline-offset-8"
     }, _optionalChain([
         props,
         "access",
-        function(_126) {
-            return _126.texts;
+        function(_110) {
+            return _110.texts;
         },
         "optionalAccess",
-        function(_127) {
-            return _127.linkText;
+        function(_111) {
+            return _111.linkText;
         }
     ])));
 };
@@ -6678,18 +6381,7 @@ var HawaButton = function(_param) {
     };
     return /* @__PURE__ */ React6.default.createElement("div", {
         className: _clsx2.default.call(void 0, "relative", margins !== "none" ? "my-".concat(margins) : "m-0", containerWidthStyles[width])
-    }, tooltip ? /* @__PURE__ */ React6.default.createElement(HawaTooltip, {
-        direction: tooltipDirection,
-        position: tooltipPosition,
-        size: tooltipSize,
-        content: tooltip
     }, /* @__PURE__ */ React6.default.createElement("button", {
-        className: disabled ? _clsx2.default.call(void 0, className, baseStyles, edgeCorner ? "rounded-inner" : "rounded", variantStyles[variant], sizeStyles[size], widthStyles[width], disabledSyles, disabledVariantSyles[variant]) : _clsx2.default.call(void 0, className, baseStyles, edgeCorner ? "rounded-inner" : "rounded", variantStyles[variant], sizeStyles[size], colorStyles[variant][color], widthStyles[width]),
-        disabled: disabled,
-        onClick: props.onClick
-    }, !isLoading ? children : /* @__PURE__ */ React6.default.createElement(HawaLoading, {
-        size: "button"
-    }))) : /* @__PURE__ */ React6.default.createElement("button", {
         className: disabled ? _clsx2.default.call(void 0, className, baseStyles, edgeCorner ? "rounded-inner" : "rounded", variantStyles[variant], sizeStyles[size], widthStyles[width], disabledSyles, disabledVariantSyles[variant]) : _clsx2.default.call(void 0, className, "overflow-x-clip", baseStyles, edgeCorner ? "rounded-inner" : "rounded", variantStyles[variant], sizeStyles[size], colorStyles[variant][color], widthStyles[width]),
         disabled: disabled,
         onClick: handleClick
@@ -6862,14 +6554,14 @@ var StickyFeatures = function(props) {
 };
 // src/elements/UserReferralSource.tsx
 // src/elements/Textarea.tsx
-var Textarea = React60.forwardRef(function(_param, ref) {
+var Textarea = React58.forwardRef(function(_param, ref) {
     var className = _param.className, label = _param.label, props = _object_without_properties(_param, [
         "className",
         "label"
     ]);
-    return /* @__PURE__ */ React60.createElement(React60.Fragment, null, label && /* @__PURE__ */ React60.createElement(Label, {
+    return /* @__PURE__ */ React58.createElement(React58.Fragment, null, label && /* @__PURE__ */ React58.createElement(Label, {
         htmlFor: props.id
-    }, label), /* @__PURE__ */ React60.createElement("textarea", _object_spread({
+    }, label), /* @__PURE__ */ React58.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)));
@@ -6998,7 +6690,7 @@ var Carousel = function(param) {
     var imageWidth = 1e3 + 16;
     var _useCarousel_default = useCarousel_default(imageWidth), containerRef = _useCarousel_default.containerRef, handleMouseDown = _useCarousel_default.handleMouseDown, handleMouseLeave = _useCarousel_default.handleMouseLeave, handleMouseUp = _useCarousel_default.handleMouseUp, handleMouseMove = _useCarousel_default.handleMouseMove;
     return /* @__PURE__ */ React6.default.createElement("div", {
-        className: "flex cursor-pointer snap-x  gap-4 overflow-x-hidden justify-center items-center",
+        className: "flex cursor-pointer snap-x  items-center justify-center gap-4 overflow-x-hidden",
         onMouseDown: handleMouseDown,
         onMouseLeave: handleMouseLeave,
         onMouseUp: handleMouseUp,
@@ -7007,7 +6699,7 @@ var Carousel = function(param) {
     }, images.map(function(image, index) {
         return /* @__PURE__ */ React6.default.createElement("div", {
             key: index,
-            className: "w-[1000px] h-96 flex-shrink-0"
+            className: "h-96 w-[1000px] flex-shrink-0"
         }, /* @__PURE__ */ React6.default.createElement("img", {
             src: image,
             alt: "Carousel Image ".concat(index),
@@ -7017,13 +6709,13 @@ var Carousel = function(param) {
     }));
 };
 // src/elements/Input.tsx
-var Input = React63.forwardRef(function(_param, ref) {
+var Input = React61.forwardRef(function(_param, ref) {
     var className = _param.className, preview = _param.preview, type = _param.type, props = _object_without_properties(_param, [
         "className",
         "preview",
         "type"
     ]);
-    return /* @__PURE__ */ React63.createElement("input", _object_spread({
+    return /* @__PURE__ */ React61.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,
@@ -7106,13 +6798,13 @@ var InterfaceSettings = function(_param) {
 // src/elements/Popover.tsx
 var _reactpopover = require("@radix-ui/react-popover");
 var PopoverPrimitive = _interopRequireWildcard(_reactpopover);
-var PopoverContent = React65.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 React65.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React65.createElement(PopoverPrimitive.Content, _object_spread({
+    return React63.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React63.createElement(PopoverPrimitive.Content, _object_spread({
         ref: ref,
         align: align,
         sideOffset: sideOffset,
@@ -7122,7 +6814,7 @@ var PopoverContent = React65.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__ */ React65.createElement(PopoverPrimitive.Root, null, /* @__PURE__ */ React65.createElement(PopoverPrimitive.Trigger, null, trigger), /* @__PURE__ */ React65.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,
@@ -7132,50 +6824,50 @@ var Popover = function(param) {
 // src/elements/Tabs.tsx
 var _reacttabs = require("@radix-ui/react-tabs");
 var TabsPrimitive = _interopRequireWildcard(_reacttabs);
-var TabsContext = React66.createContext({
+var TabsContext = React64.createContext({
     orientation: "vertical"
 });
-var Tabs = React66.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 React66.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__ */ React66.createElement(TabsContext.Provider, {
+    }, props), /* @__PURE__ */ React64.createElement(TabsContext.Provider, {
         value: {
             orientation: orientation
         }
     }, props.children));
 });
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React66.forwardRef(function(_param, ref) {
+var TabsList = React64.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    var orientation = React66.useContext(TabsContext).orientation;
-    return /* @__PURE__ */ React66.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 = React66.forwardRef(function(_param, ref) {
+var TabsTrigger = React64.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React66.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 = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var TabsContent = React64.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React66.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));
@@ -7184,20 +6876,20 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 // src/elements/Separator.tsx
 var _reactseparator = require("@radix-ui/react-separator");
 var SeparatorPrimitive = _interopRequireWildcard(_reactseparator);
-var Separator3 = React67.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var Separator2 = React65.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_decorative = _param.decorative, decorative = _param_decorative === void 0 ? true : _param_decorative, props = _object_without_properties(_param, [
         "className",
         "orientation",
         "decorative"
     ]);
-    return React67.createElement(SeparatorPrimitive.Root, _object_spread({
+    return React65.createElement(SeparatorPrimitive.Root, _object_spread({
         ref: ref,
         decorative: decorative,
         orientation: orientation,
         className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)
     }, props));
 });
-Separator3.displayName = SeparatorPrimitive.Root.displayName;
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
 // src/elements/Toast.tsx
 var _reacttoast = require("@radix-ui/react-toast");
 var ToastPrimitives = _interopRequireWildcard(_reacttoast);
@@ -7220,24 +6912,24 @@ var toastVariants = _classvarianceauthority.cva.call(void 0, "group pointer-even
     }
 });
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React68.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastViewport = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement(ToastPrimitives.Viewport, _object_spread({
+    return React66.createElement(ToastPrimitives.Viewport, _object_spread({
         ref: ref,
         className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className)
     }, props));
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React68.forwardRef(function(_param, ref) {
+var Toast = React66.forwardRef(function(_param, ref) {
     var className = _param.className, variant = _param.variant, _param_severity = _param.severity, severity = _param_severity === void 0 ? "none" : _param_severity, direction = _param.direction, props = _object_without_properties(_param, [
         "className",
         "variant",
         "severity",
         "direction"
     ]);
-    return /* @__PURE__ */ React68.createElement(ToastPrimitives.Root, _object_spread({
+    return /* @__PURE__ */ React66.createElement(ToastPrimitives.Root, _object_spread({
         ref: ref,
         className: cn(toastVariants({
             variant: variant,
@@ -7247,52 +6939,52 @@ var Toast = React68.forwardRef(function(_param, ref) {
     }, props));
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React68.forwardRef(function(_param, ref) {
+var ToastAction = React66.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ React68.createElement(ToastPrimitives.Action, _object_spread({
+    return /* @__PURE__ */ React66.createElement(ToastPrimitives.Action, _object_spread({
         ref: ref,
         className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info", "group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error", "group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success", "group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning", className)
     }, props));
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React68.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastClose = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement(ToastPrimitives.Close, _object_spread({
+    return React66.createElement(ToastPrimitives.Close, _object_spread({
         ref: ref,
         className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", className),
         "toast-close": ""
-    }, props), /* @__PURE__ */ React68.createElement("svg", {
+    }, props), /* @__PURE__ */ React66.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
         className: "h-4 w-4",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React68.createElement("path", {
+    }, /* @__PURE__ */ React66.createElement("path", {
         fillRule: "evenodd",
         d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
         clipRule: "evenodd"
     })));
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React68.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastTitle = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement(ToastPrimitives.Title, _object_spread({
+    return React66.createElement(ToastPrimitives.Title, _object_spread({
         ref: ref,
         className: cn("text-sm font-semibold", className)
     }, props));
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React68.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var ToastDescription = React66.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React68.createElement(ToastPrimitives.Description, _object_spread({
+    return React66.createElement(ToastPrimitives.Description, _object_spread({
         ref: ref,
         className: cn("text-sm opacity-90", className)
     }, props));
@@ -7410,8 +7102,8 @@ function toast(_param) {
     };
 }
 function useToast() {
-    var _React69_useState = _sliced_to_array(React69.useState(memoryState), 2), state = _React69_useState[0], setState = _React69_useState[1];
-    React69.useEffect(function() {
+    var _React67_useState = _sliced_to_array(React67.useState(memoryState), 2), state = _React67_useState[0], setState = _React67_useState[1];
+    React67.useEffect(function() {
         listeners.push(setState);
         return function() {
             var index = listeners.indexOf(setState);
@@ -7464,42 +7156,42 @@ var DialogPortal = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React71.createElement(DialogPrimitive.Portal, _object_spread({
+    return React69.createElement(DialogPrimitive.Portal, _object_spread({
         className: cn(className)
     }, props));
 };
 DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-var DialogOverlay = React71.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogOverlay = React69.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React71.createElement(DialogPrimitive.Overlay, _object_spread({
+    return React69.createElement(DialogPrimitive.Overlay, _object_spread({
         ref: ref,
         className: cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
     }, props));
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React71.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogContent = React69.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return React71.createElement(DialogPortal, null, /* @__PURE__ */ React71.createElement(DialogOverlay, null), /* @__PURE__ */ React71.createElement(DialogPrimitive.Content, _object_spread({
+    return React69.createElement(DialogPortal, null, /* @__PURE__ */ React69.createElement(DialogOverlay, null), /* @__PURE__ */ React69.createElement(DialogPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full", className)
-    }, props), children, /* @__PURE__ */ React71.createElement(DialogPrimitive.Close, {
+    }, props), children, /* @__PURE__ */ React69.createElement(DialogPrimitive.Close, {
         className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
-    }, /* @__PURE__ */ React71.createElement("svg", {
+    }, /* @__PURE__ */ React69.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
         className: "h-5 w-5",
         fill: "currentColor",
         viewBox: "0 0 20 20"
-    }, /* @__PURE__ */ React71.createElement("path", {
+    }, /* @__PURE__ */ React69.createElement("path", {
         fillRule: "evenodd",
         d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
         clipRule: "evenodd"
-    })), /* @__PURE__ */ React71.createElement("span", {
+    })), /* @__PURE__ */ React69.createElement("span", {
         className: "sr-only"
     }, "Close"))));
 });
@@ -7508,7 +7200,7 @@ var DialogHeader = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React71.createElement("div", _object_spread({
+    return React69.createElement("div", _object_spread({
         className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className)
     }, props));
 };
@@ -7517,26 +7209,26 @@ var DialogFooter = function(_param) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React71.createElement("div", _object_spread({
+    return React69.createElement("div", _object_spread({
         className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
     }, props));
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React71.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogTitle = React69.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React71.createElement(DialogPrimitive.Title, _object_spread({
+    return React69.createElement(DialogPrimitive.Title, _object_spread({
         ref: ref,
         className: cn("text-lg font-semibold leading-none tracking-tight", className)
     }, props));
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React71.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var DialogDescription = React69.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React71.createElement(DialogPrimitive.Description, _object_spread({
+    return React69.createElement(DialogPrimitive.Description, _object_spread({
         ref: ref,
         className: cn("text-sm text-muted-foreground", className)
     }, props));
@@ -7585,16 +7277,16 @@ var useBreakpoint = function() {
     var _react_useState_call = _sliced_to_array(_react.useState.call(void 0, _optionalChain([
         window,
         "optionalAccess",
-        function(_128) {
-            return _128.innerWidth;
+        function(_112) {
+            return _112.innerWidth;
         }
     ])), 2), breakpoint = _react_useState_call[0], setBreakpoint = _react_useState_call[1];
     var resize = function() {
         setBreakpoint(_optionalChain([
             window,
             "optionalAccess",
-            function(_129) {
-                return _129.innerWidth;
+            function(_113) {
+                return _113.innerWidth;
             }
         ]));
     };
@@ -7603,24 +7295,24 @@ var useBreakpoint = function() {
             _optionalChain([
                 window,
                 "optionalAccess",
-                function(_130) {
-                    return _130.addEventListener;
+                function(_114) {
+                    return _114.addEventListener;
                 },
                 "call",
-                function(_131) {
-                    return _131("resize", resize);
+                function(_115) {
+                    return _115("resize", resize);
                 }
             ]);
             return function() {
                 _optionalChain([
                     window,
                     "optionalAccess",
-                    function(_132) {
-                        return _132.removeEventListener;
+                    function(_116) {
+                        return _116.removeEventListener;
                     },
                     "call",
-                    function(_133) {
-                        return _133("resize", resize);
+                    function(_117) {
+                        return _117("resize", resize);
                     }
                 ]);
             };
@@ -7687,16 +7379,16 @@ var HawaSiteLayout = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_134) {
-            return _134.navItems;
+        function(_118) {
+            return _118.navItems;
         },
         "optionalAccess",
-        function(_135) {
-            return _135.map;
+        function(_119) {
+            return _119.map;
         },
         "call",
-        function(_136) {
-            return _136(function(param, i) {
+        function(_120) {
+            return _120(function(param, i) {
                 var label = param.label;
                 return /* @__PURE__ */ React6.default.createElement("div", {
                     onClick: function() {
@@ -7741,28 +7433,28 @@ var _reactaccordion = require("@radix-ui/react-accordion");
 var AccordionPrimitive = _interopRequireWildcard(_reactaccordion);
 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 = React77.forwardRef(function(_param, ref) /* @__PURE__ */ {
+var AccordionItem = React75.forwardRef(function(_param, ref) /* @__PURE__ */ {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return React77.createElement(AccordionPrimitive.Item, _object_spread({
+    return React75.createElement(AccordionPrimitive.Item, _object_spread({
         ref: ref,
         className: cn(className)
     }, props));
 });
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React77.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 React77.createElement(AccordionPrimitive.Header, {
+    return React75.createElement(AccordionPrimitive.Header, {
         className: "flex"
-    }, /* @__PURE__ */ React77.createElement(AccordionPrimitive.Trigger, _object_spread({
+    }, /* @__PURE__ */ React75.createElement(AccordionPrimitive.Trigger, _object_spread({
         ref: ref,
         className: cn(triggerStyles, className)
-    }, props), children, showArrow && /* @__PURE__ */ React77.createElement("svg", {
+    }, props), children, showArrow && /* @__PURE__ */ React75.createElement("svg", {
         "aria-label": "Chevron Right Icon",
         stroke: "currentColor",
         fill: "currentColor",
@@ -7770,29 +7462,29 @@ var AccordionTrigger = React77.forwardRef(function(_param, ref) /* @__PURE__ */
         height: "1em",
         width: "1em",
         className: "h-4 w-4 shrink-0 rotate-90 transition-transform duration-200"
-    }, /* @__PURE__ */ React77.createElement("path", {
+    }, /* @__PURE__ */ React75.createElement("path", {
         d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
     }))));
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React77.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 React77.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__ */ React77.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__ */ React77.createElement("div", null, title && /* @__PURE__ */ React77.createElement("h3", {
+    return /* @__PURE__ */ React75.createElement("div", null, title && /* @__PURE__ */ React75.createElement("h3", {
         className: "mb-1 font-bold"
-    }, title), /* @__PURE__ */ React77.createElement("ul", {
+    }, title), /* @__PURE__ */ React75.createElement("ul", {
         className: "flex flex-col gap-2"
-    }, /* @__PURE__ */ React77.createElement(Accordion, {
+    }, /* @__PURE__ */ React75.createElement(Accordion, {
         value: openedItem,
         type: "single",
         onValueChange: function(e) {
@@ -7801,7 +7493,7 @@ var SidebarGroup = function(param) {
         collapsible: true,
         className: "flex flex-col gap-1"
     }, items.map(function(item, idx) {
-        return /* @__PURE__ */ React77.createElement(SidebarItem, {
+        return /* @__PURE__ */ React75.createElement(SidebarItem, {
             isOpen: isOpen,
             isSelected: selectedItem,
             key: idx,
@@ -7818,26 +7510,27 @@ 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__ */ React77.createElement(AccordionItem, {
+        return /* @__PURE__ */ React75.createElement(AccordionItem, {
             value: item.value,
             className: "overflow-x-clip",
             dir: direction
-        }, /* @__PURE__ */ React77.createElement(AccordionTrigger, {
+        }, /* @__PURE__ */ React75.createElement(AccordionTrigger, {
             className: cn(getSelectedStyle(item.value, 0)),
             showArrow: isOpen
-        }, /* @__PURE__ */ React77.createElement("div", {
+        }, /* @__PURE__ */ React75.createElement("div", {
             className: cn(!isOpen && "py-1", "flex w-fit flex-row items-center  gap-2")
-        }, item.icon, isOpen && /* @__PURE__ */ React77.createElement("span", {
+        }, item.icon, isOpen && /* @__PURE__ */ React75.createElement("span", {
             className: cn("transition-all ", isOpen ? "opacity-100" : "opacity-0")
-        }, item.label))), item.subitems && /* @__PURE__ */ React77.createElement(AccordionContent, {
+        }, item.label))), item.subitems && /* @__PURE__ */ React75.createElement(AccordionContent, {
             className: " mt-1 h-full rounded  "
-        }, /* @__PURE__ */ React77.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__ */ React77.createElement("li", {
+            return /* @__PURE__ */ React75.createElement("li", {
                 key: idx,
                 onClick: function(e) {
                     e.stopPropagation();
+                    subitem.onClick();
                     if (onSubItemClick) {
                         onSubItemClick([
                             item.value,
@@ -7849,9 +7542,10 @@ var SidebarItem = function(param) {
             }, subitem.icon, subitem.label);
         }))));
     } else {
-        return /* @__PURE__ */ React77.createElement("div", {
+        return /* @__PURE__ */ React75.createElement("div", {
             dir: direction,
             onClick: function() {
+                item.onClick();
                 if (onItemClick) {
                     onItemClick([
                         item.value
@@ -7859,9 +7553,9 @@ var SidebarItem = function(param) {
                 }
             },
             className: cn(triggerStyles, getSelectedStyle(item.value, 0), "overflow-x-clip ")
-        }, /* @__PURE__ */ React77.createElement("div", {
+        }, /* @__PURE__ */ React75.createElement("div", {
             className: "flex flex-row items-center gap-2 "
-        }, item.icon, /* @__PURE__ */ React77.createElement("span", {
+        }, item.icon, /* @__PURE__ */ React75.createElement("span", {
             className: cn("whitespace-nowrap transition-all", isOpen ? "opacity-100" : "opacity-0")
         }, item.label)));
     }
@@ -8029,12 +7723,17 @@ var AppLayout = function(_param) {
     }, /* @__PURE__ */ React6.default.createElement(SidebarGroup, {
         direction: direction,
         onItemClick: function(values) {
+            console.log("vals ", values);
             setSelectedItem(values);
-            clickedItem(values);
+            if (clickedItem) {
+                clickedItem(values);
+            }
         },
         onSubItemClick: function(values) {
             setSelectedItem(values);
-            clickedItem(values);
+            if (clickedItem) {
+                clickedItem(values);
+            }
         },
         selectedItem: selectedItem,
         openedItem: openedSidebarItem,
@@ -8054,22 +7753,22 @@ var AppLayout = function(_param) {
         content: keepOpen ? _optionalChain([
             props,
             "access",
-            function(_137) {
-                return _137.texts;
+            function(_121) {
+                return _121.texts;
             },
             "optionalAccess",
-            function(_138) {
-                return _138.collapseSidebar;
+            function(_122) {
+                return _122.collapseSidebar;
             }
         ]) || "Collapse Sidebar" : _optionalChain([
             props,
             "access",
-            function(_139) {
-                return _139.texts;
+            function(_123) {
+                return _123.texts;
             },
             "optionalAccess",
-            function(_140) {
-                return _140.expandSidebar;
+            function(_124) {
+                return _124.expandSidebar;
             }
         ]) || "Expand Sidebar"
     }, /* @__PURE__ */ React6.default.createElement(Button, {
@@ -8253,28 +7952,28 @@ var HawaAppLayout = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_141) {
-            return _141.drawerItems;
+        function(_125) {
+            return _125.drawerItems;
         },
         "optionalAccess",
-        function(_142) {
-            return _142.map;
+        function(_126) {
+            return _126.map;
         },
         "call",
-        function(_143) {
-            return _143(function(dSection, dIndex) {
+        function(_127) {
+            return _127(function(dSection, dIndex) {
                 return /* @__PURE__ */ React6.default.createElement("div", {
                     key: dIndex,
                     className: _clsx2.default.call(void 0, "flex flex-col items-stretch justify-center")
                 }, _optionalChain([
                     dSection,
                     "optionalAccess",
-                    function(_144) {
-                        return _144.map;
+                    function(_128) {
+                        return _128.map;
                     },
                     "call",
-                    function(_145) {
-                        return _145(function(dItem, i) {
+                    function(_129) {
+                        return _129(function(dItem, i) {
                             return /* @__PURE__ */ React6.default.createElement("div", {
                                 key: i,
                                 id: "test",
@@ -8290,16 +7989,16 @@ var HawaAppLayout = function(_param) {
                                 className: _clsx2.default.call(void 0, props.currentPage === dItem.slug || _optionalChain([
                                     dItem,
                                     "access",
-                                    function(_146) {
-                                        return _146.subItems;
+                                    function(_130) {
+                                        return _130.subItems;
                                     },
                                     "optionalAccess",
-                                    function(_147) {
-                                        return _147.find;
+                                    function(_131) {
+                                        return _131.find;
                                     },
                                     "call",
-                                    function(_148) {
-                                        return _148(function(e) {
+                                    function(_132) {
+                                        return _132(function(e) {
                                             return e.slug === props.currentPage;
                                         });
                                     }
@@ -8321,28 +8020,28 @@ var HawaAppLayout = function(_param) {
                                     height: openSubItem == dItem.slug && openSideMenu ? 6 + 33 * _optionalChain([
                                         dItem,
                                         "access",
-                                        function(_149) {
-                                            return _149.subItems;
+                                        function(_133) {
+                                            return _133.subItems;
                                         },
                                         "optionalAccess",
-                                        function(_150) {
-                                            return _150.length;
+                                        function(_134) {
+                                            return _134.length;
                                         }
                                     ]) : 0
                                 }
                             }, _optionalChain([
                                 dItem,
                                 "access",
-                                function(_151) {
-                                    return _151.subItems;
+                                function(_135) {
+                                    return _135.subItems;
                                 },
                                 "optionalAccess",
-                                function(_152) {
-                                    return _152.map;
+                                function(_136) {
+                                    return _136.map;
                                 },
                                 "call",
-                                function(_153) {
-                                    return _153(function(subIt, s) {
+                                function(_137) {
+                                    return _137(function(subIt, s) {
                                         return /* @__PURE__ */ React6.default.createElement("div", {
                                             key: s,
                                             className: _clsx2.default.call(void 0, "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"),
@@ -8569,28 +8268,28 @@ var HawaAppLayoutSimplified = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_154) {
-            return _154.drawerItems;
+        function(_138) {
+            return _138.drawerItems;
         },
         "optionalAccess",
-        function(_155) {
-            return _155.map;
+        function(_139) {
+            return _139.map;
         },
         "call",
-        function(_156) {
-            return _156(function(dSection, dIndex) {
+        function(_140) {
+            return _140(function(dSection, dIndex) {
                 return /* @__PURE__ */ React6.default.createElement("div", {
                     key: dIndex,
                     className: _clsx2.default.call(void 0, "flex select-none flex-col items-stretch justify-center transition-all")
                 }, _optionalChain([
                     dSection,
                     "optionalAccess",
-                    function(_157) {
-                        return _157.map;
+                    function(_141) {
+                        return _141.map;
                     },
                     "call",
-                    function(_158) {
-                        return _158(function(dItem, i) {
+                    function(_142) {
+                        return _142(function(dItem, i) {
                             return /* @__PURE__ */ React6.default.createElement("div", {
                                 key: i,
                                 id: "test",
@@ -8606,16 +8305,16 @@ var HawaAppLayoutSimplified = function(_param) {
                                 className: _clsx2.default.call(void 0, props.currentPage === dItem.slug || _optionalChain([
                                     dItem,
                                     "access",
-                                    function(_159) {
-                                        return _159.subItems;
+                                    function(_143) {
+                                        return _143.subItems;
                                     },
                                     "optionalAccess",
-                                    function(_160) {
-                                        return _160.find;
+                                    function(_144) {
+                                        return _144.find;
                                     },
                                     "call",
-                                    function(_161) {
-                                        return _161(function(e) {
+                                    function(_145) {
+                                        return _145(function(e) {
                                             return e.slug === props.currentPage;
                                         });
                                     }
@@ -8635,28 +8334,28 @@ var HawaAppLayoutSimplified = function(_param) {
                                     height: openSubItem == dItem.slug && openSideMenu ? 6 + 35 * _optionalChain([
                                         dItem,
                                         "access",
-                                        function(_162) {
-                                            return _162.subItems;
+                                        function(_146) {
+                                            return _146.subItems;
                                         },
                                         "optionalAccess",
-                                        function(_163) {
-                                            return _163.length;
+                                        function(_147) {
+                                            return _147.length;
                                         }
                                     ]) : 0
                                 }
                             }, _optionalChain([
                                 dItem,
                                 "access",
-                                function(_164) {
-                                    return _164.subItems;
+                                function(_148) {
+                                    return _148.subItems;
                                 },
                                 "optionalAccess",
-                                function(_165) {
-                                    return _165.map;
+                                function(_149) {
+                                    return _149.map;
                                 },
                                 "call",
-                                function(_166) {
-                                    return _166(function(subIt, s) {
+                                function(_150) {
+                                    return _150(function(subIt, s) {
                                         return /* @__PURE__ */ React6.default.createElement("div", {
                                             key: s,
                                             className: _clsx2.default.call(void 0, "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 "),
@@ -8690,22 +8389,22 @@ var HawaAppLayoutSimplified = function(_param) {
         content: keepOpen ? _optionalChain([
             props,
             "access",
-            function(_167) {
-                return _167.texts;
+            function(_151) {
+                return _151.texts;
             },
             "optionalAccess",
-            function(_168) {
-                return _168.collapseSidebar;
+            function(_152) {
+                return _152.collapseSidebar;
             }
         ]) || "Collapse Sidebar" : _optionalChain([
             props,
             "access",
-            function(_169) {
-                return _169.texts;
+            function(_153) {
+                return _153.texts;
             },
             "optionalAccess",
-            function(_170) {
-                return _170.expandSidebar;
+            function(_154) {
+                return _154.expandSidebar;
             }
         ]) || "Expand Sidebar"
     }, /* @__PURE__ */ React6.default.createElement(Button, {
@@ -8860,16 +8559,16 @@ var Footer = function(_param) {
     }, "\xa9 ", props.copyRights, " ", /* @__PURE__ */ new Date().getFullYear()), _optionalChain([
         props,
         "access",
-        function(_171) {
-            return _171.footerLinks;
+        function(_155) {
+            return _155.footerLinks;
         },
         "optionalAccess",
-        function(_172) {
-            return _172.map;
+        function(_156) {
+            return _156.map;
         },
         "call",
-        function(_173) {
-            return _173(function(pagesSection) {
+        function(_157) {
+            return _157(function(pagesSection) {
                 return /* @__PURE__ */ React.createElement("div", {
                     className: "flex w-32 flex-col gap-2"
                 }, /* @__PURE__ */ React.createElement("div", {
@@ -8930,7 +8629,7 @@ var HawaBanner = function(_param) {
         className: _clsx2.default.call(void 0, "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__ */ React6.default.createElement("div", {
         className: _clsx2.default.call(void 0, "flex flex-shrink-0 items-center justify-center ", props.direction === "rtl" ? "ml-0 md:ml-10" : "mr-0 md:mr-10")
-    }, /* @__PURE__ */ React6.default.createElement(HawaButton, {
+    }, /* @__PURE__ */ React6.default.createElement(Button, {
         onClick: props.onActionClick
     }, props.actionText)), /* @__PURE__ */ React6.default.createElement("button", {
         type: "button",
@@ -8981,12 +8680,12 @@ var UserProfileForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_174) {
-                        return _174.fullName;
+                    function(_158) {
+                        return _158.fullName;
                     },
                     "optionalAccess",
-                    function(_175) {
-                        return _175.message;
+                    function(_159) {
+                        return _159.message;
                     }
                 ])
             }, field), {
@@ -9016,12 +8715,12 @@ var UserProfileForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_176) {
-                        return _176.email;
+                    function(_160) {
+                        return _160.email;
                     },
                     "optionalAccess",
-                    function(_177) {
-                        return _177.message;
+                    function(_161) {
+                        return _161.message;
                     }
                 ]),
                 placeholder: props.texts.emailPlaceholder
@@ -9051,12 +8750,12 @@ var UserProfileForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_178) {
-                        return _178.password;
+                    function(_162) {
+                        return _162.password;
                     },
                     "optionalAccess",
-                    function(_179) {
-                        return _179.message;
+                    function(_163) {
+                        return _163.message;
                     }
                 ])
             }, field), {
@@ -9081,12 +8780,12 @@ var UserProfileForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_180) {
-                        return _180.confirmPassword;
+                    function(_164) {
+                        return _164.confirmPassword;
                     },
                     "optionalAccess",
-                    function(_181) {
-                        return _181.message;
+                    function(_165) {
+                        return _165.message;
                     }
                 ])
             }, field), {
@@ -9328,12 +9027,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_182) {
-            return _182.texts;
+        function(_166) {
+            return _166.texts;
         },
         "optionalAccess",
-        function(_183) {
-            return _183.continueWithGoogle;
+        function(_167) {
+            return _167.continueWithGoogle;
         }
     ]), function() {
         return "Continue With Google";
@@ -9346,12 +9045,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_184) {
-            return _184.texts;
+        function(_168) {
+            return _168.texts;
         },
         "optionalAccess",
-        function(_185) {
-            return _185.continueWithGithub;
+        function(_169) {
+            return _169.continueWithGithub;
         }
     ]), function() {
         return "Continue With Github";
@@ -9364,12 +9063,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_186) {
-            return _186.texts;
+        function(_170) {
+            return _170.texts;
         },
         "optionalAccess",
-        function(_187) {
-            return _187.continueWithTwitter;
+        function(_171) {
+            return _171.continueWithTwitter;
         }
     ]), function() {
         return "Continue With Twitter";
@@ -9382,12 +9081,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_188) {
-            return _188.texts;
+        function(_172) {
+            return _172.texts;
         },
         "optionalAccess",
-        function(_189) {
-            return _189.continueWithApple;
+        function(_173) {
+            return _173.continueWithApple;
         }
     ]), function() {
         return "Continue With Apple";
@@ -9400,12 +9099,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_190) {
-            return _190.texts;
+        function(_174) {
+            return _174.texts;
         },
         "optionalAccess",
-        function(_191) {
-            return _191.continueWithMicrosoft;
+        function(_175) {
+            return _175.continueWithMicrosoft;
         }
     ]), function() {
         return "Continue With Microsoft";
@@ -9418,12 +9117,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_192) {
-            return _192.texts;
+        function(_176) {
+            return _176.texts;
         },
         "optionalAccess",
-        function(_193) {
-            return _193.continueWithEmail;
+        function(_177) {
+            return _177.continueWithEmail;
         }
     ]), function() {
         return "Continue With Email";
@@ -9436,12 +9135,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_194) {
-            return _194.texts;
+        function(_178) {
+            return _178.texts;
         },
         "optionalAccess",
-        function(_195) {
-            return _195.continueWithPhone;
+        function(_179) {
+            return _179.continueWithPhone;
         }
     ]), function() {
         return "Continue With Phone";
@@ -9573,12 +9272,12 @@ var SignInForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_196) {
-                        return _196.email;
+                    function(_180) {
+                        return _180.email;
                     },
                     "optionalAccess",
-                    function(_197) {
-                        return _197.message;
+                    function(_181) {
+                        return _181.message;
                     }
                 ]),
                 placeholder: props.texts.emailPlaceholder,
@@ -9608,12 +9307,12 @@ var SignInForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_198) {
-                        return _198.username;
+                    function(_182) {
+                        return _182.username;
                     },
                     "optionalAccess",
-                    function(_199) {
-                        return _199.message;
+                    function(_183) {
+                        return _183.message;
                     }
                 ]),
                 placeholder: props.texts.usernamePlaceholder,
@@ -9652,12 +9351,12 @@ var SignInForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_200) {
-                        return _200.password;
+                    function(_184) {
+                        return _184.password;
                     },
                     "optionalAccess",
-                    function(_201) {
-                        return _201.message;
+                    function(_185) {
+                        return _185.message;
                     }
                 ]),
                 onChange: field.onChange,
@@ -9789,12 +9488,12 @@ var SignUpForm = function(props) {
                         helpertext: _optionalChain([
                             errors,
                             "access",
-                            function(_202) {
-                                return _202.fullName;
+                            function(_186) {
+                                return _186.fullName;
                             },
                             "optionalAccess",
-                            function(_203) {
-                                return _203.message;
+                            function(_187) {
+                                return _187.message;
                             }
                         ]),
                         onChange: field.onChange,
@@ -9823,12 +9522,12 @@ var SignUpForm = function(props) {
                         helpertext: _optionalChain([
                             errors,
                             "access",
-                            function(_204) {
-                                return _204.email;
+                            function(_188) {
+                                return _188.email;
                             },
                             "optionalAccess",
-                            function(_205) {
-                                return _205.message;
+                            function(_189) {
+                                return _189.message;
                             }
                         ]),
                         placeholder: props.texts.emailPlaceholder,
@@ -9862,12 +9561,12 @@ var SignUpForm = function(props) {
                         helpertext: _optionalChain([
                             errors,
                             "access",
-                            function(_206) {
-                                return _206.username;
+                            function(_190) {
+                                return _190.username;
                             },
                             "optionalAccess",
-                            function(_207) {
-                                return _207.message;
+                            function(_191) {
+                                return _191.message;
                             }
                         ]),
                         placeholder: props.texts.usernamePlaceholder,
@@ -9896,12 +9595,12 @@ var SignUpForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_208) {
-                        return _208.password;
+                    function(_192) {
+                        return _192.password;
                     },
                     "optionalAccess",
-                    function(_209) {
-                        return _209.message;
+                    function(_193) {
+                        return _193.message;
                     }
                 ]),
                 onChange: field.onChange,
@@ -9927,12 +9626,12 @@ var SignUpForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_210) {
-                        return _210.confirm_password;
+                    function(_194) {
+                        return _194.confirm_password;
                     },
                     "optionalAccess",
-                    function(_211) {
-                        return _211.message;
+                    function(_195) {
+                        return _195.message;
                     }
                 ]),
                 onChange: field.onChange,
@@ -9957,12 +9656,12 @@ var SignUpForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_212) {
-                        return _212.password;
+                    function(_196) {
+                        return _196.password;
                     },
                     "optionalAccess",
-                    function(_213) {
-                        return _213.message;
+                    function(_197) {
+                        return _197.message;
                     }
                 ]),
                 value: _nullishCoalesce(field.value, function() {
@@ -10011,12 +9710,12 @@ var SignUpForm = function(props) {
                 helperText: _optionalChain([
                     errors,
                     "access",
-                    function(_214) {
-                        return _214.terms_accepted;
+                    function(_198) {
+                        return _198.terms_accepted;
                     },
                     "optionalAccess",
-                    function(_215) {
-                        return _215.message;
+                    function(_199) {
+                        return _199.message;
                     }
                 ]),
                 onChange: function(e) {
@@ -10114,12 +9813,12 @@ var NewPasswordForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_216) {
-                        return _216.password;
+                    function(_200) {
+                        return _200.password;
                     },
                     "optionalAccess",
-                    function(_217) {
-                        return _217.message;
+                    function(_201) {
+                        return _201.message;
                     }
                 ])
             }, field), {
@@ -10145,12 +9844,12 @@ var NewPasswordForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_218) {
-                        return _218.confirmPassword;
+                    function(_202) {
+                        return _202.confirmPassword;
                     },
                     "optionalAccess",
-                    function(_219) {
-                        return _219.message;
+                    function(_203) {
+                        return _203.message;
                     }
                 ])
             }, field), {
@@ -10188,34 +9887,34 @@ var ResetPasswordForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_220) {
-                        return _220.texts;
+                    function(_204) {
+                        return _204.texts;
                     },
                     "optionalAccess",
-                    function(_221) {
-                        return _221.emailLabel;
+                    function(_205) {
+                        return _205.emailLabel;
                     }
                 ]),
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_222) {
-                        return _222.email;
+                    function(_206) {
+                        return _206.email;
                     },
                     "optionalAccess",
-                    function(_223) {
-                        return _223.message;
+                    function(_207) {
+                        return _207.message;
                     }
                 ]),
                 placeholder: _optionalChain([
                     props,
                     "access",
-                    function(_224) {
-                        return _224.texts;
+                    function(_208) {
+                        return _208.texts;
                     },
                     "optionalAccess",
-                    function(_225) {
-                        return _225.emailPlaceholder;
+                    function(_209) {
+                        return _209.emailPlaceholder;
                     }
                 ])
             }, field), {
@@ -10228,12 +9927,12 @@ var ResetPasswordForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_226) {
-                    return _226.texts;
+                function(_210) {
+                    return _210.texts;
                 },
                 "optionalAccess",
-                function(_227) {
-                    return _227.emailRequiredText;
+                function(_211) {
+                    return _211.emailRequiredText;
                 }
             ]),
             pattern: {
@@ -10241,12 +9940,12 @@ var ResetPasswordForm = function(props) {
                 message: _optionalChain([
                     props,
                     "access",
-                    function(_228) {
-                        return _228.texts;
+                    function(_212) {
+                        return _212.texts;
                     },
                     "optionalAccess",
-                    function(_229) {
-                        return _229.emailInvalidText;
+                    function(_213) {
+                        return _213.emailInvalidText;
                     }
                 ])
             }
@@ -10256,12 +9955,12 @@ var ResetPasswordForm = function(props) {
     }, _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_230) {
-            return _230.texts;
+        function(_214) {
+            return _214.texts;
         },
         "optionalAccess",
-        function(_231) {
-            return _231.dontHaveAccount;
+        function(_215) {
+            return _215.dontHaveAccount;
         }
     ]), function() {
         return "Don't have an account? ";
@@ -10271,12 +9970,12 @@ var ResetPasswordForm = function(props) {
     }, _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_232) {
-            return _232.texts;
+        function(_216) {
+            return _216.texts;
         },
         "optionalAccess",
-        function(_233) {
-            return _233.signUpText;
+        function(_217) {
+            return _217.signUpText;
         }
     ]), function() {
         return "Sign Up";
@@ -10286,12 +9985,12 @@ var ResetPasswordForm = function(props) {
     }, _optionalChain([
         props,
         "access",
-        function(_234) {
-            return _234.texts;
+        function(_218) {
+            return _218.texts;
         },
         "optionalAccess",
-        function(_235) {
-            return _235.resetPassword;
+        function(_219) {
+            return _219.resetPassword;
         }
     ]))))) : /* @__PURE__ */ React6.default.createElement(CardContent, {
         headless: true
@@ -10300,12 +9999,12 @@ var ResetPasswordForm = function(props) {
     }, _optionalChain([
         props,
         "access",
-        function(_236) {
-            return _236.texts;
+        function(_220) {
+            return _220.texts;
         },
         "optionalAccess",
-        function(_237) {
-            return _237.emailSentText;
+        function(_221) {
+            return _221.emailSentText;
         }
     ]))));
 };
@@ -10387,8 +10086,8 @@ var CheckEmail = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_238) {
-            return _238.checkEmail;
+        function(_222) {
+            return _222.checkEmail;
         }
     ]), function() {
         return "Check you email";
@@ -10397,8 +10096,8 @@ var CheckEmail = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_239) {
-            return _239.pleaseVerify;
+        function(_223) {
+            return _223.pleaseVerify;
         }
     ]), function() {
         return "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account.";
@@ -10410,8 +10109,8 @@ var CheckEmail = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_240) {
-            return _240.resendEmail;
+        function(_224) {
+            return _224.resendEmail;
         }
     ]), function() {
         return "Resend Email";
@@ -10578,12 +10277,12 @@ var CreditCardForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_241) {
-                        return _241.password;
+                    function(_225) {
+                        return _225.password;
                     },
                     "optionalAccess",
-                    function(_242) {
-                        return _242.message;
+                    function(_226) {
+                        return _226.message;
                     }
                 ]),
                 iconInside: /* @__PURE__ */ React6.default.createElement("img", {
@@ -10614,12 +10313,12 @@ var CreditCardForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_243) {
-                        return _243.password;
+                    function(_227) {
+                        return _227.password;
                     },
                     "optionalAccess",
-                    function(_244) {
-                        return _244.message;
+                    function(_228) {
+                        return _228.message;
                     }
                 ])
             });
@@ -10641,12 +10340,12 @@ var CreditCardForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_245) {
-                        return _245.password;
+                    function(_229) {
+                        return _229.password;
                     },
                     "optionalAccess",
-                    function(_246) {
-                        return _246.message;
+                    function(_230) {
+                        return _230.message;
                     }
                 ])
             });
@@ -10667,12 +10366,12 @@ var CreditCardForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_247) {
-                        return _247.password;
+                    function(_231) {
+                        return _231.password;
                     },
                     "optionalAccess",
-                    function(_248) {
-                        return _248.message;
+                    function(_232) {
+                        return _232.message;
                     }
                 ])
             });
@@ -10779,12 +10478,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_249) {
-                    return _249.texts;
+                function(_233) {
+                    return _233.texts;
                 },
                 "optionalAccess",
-                function(_250) {
-                    return _250.required;
+                function(_234) {
+                    return _234.required;
                 }
             ])
         },
@@ -10795,23 +10494,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_251) {
-                        return _251.texts;
+                    function(_235) {
+                        return _235.texts;
                     },
                     "optionalAccess",
-                    function(_252) {
-                        return _252.firstNameLabel;
+                    function(_236) {
+                        return _236.firstNameLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_253) {
-                        return _253.firstName;
+                    function(_237) {
+                        return _237.firstName;
                     },
                     "optionalAccess",
-                    function(_254) {
-                        return _254.message;
+                    function(_238) {
+                        return _238.message;
                     }
                 ])
             }, field), {
@@ -10831,12 +10530,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_255) {
-                    return _255.texts;
+                function(_239) {
+                    return _239.texts;
                 },
                 "optionalAccess",
-                function(_256) {
-                    return _256.required;
+                function(_240) {
+                    return _240.required;
                 }
             ])
         },
@@ -10848,23 +10547,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_257) {
-                        return _257.texts;
+                    function(_241) {
+                        return _241.texts;
                     },
                     "optionalAccess",
-                    function(_258) {
-                        return _258.lastNameLabel;
+                    function(_242) {
+                        return _242.lastNameLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_259) {
-                        return _259.lastName;
+                    function(_243) {
+                        return _243.lastName;
                     },
                     "optionalAccess",
-                    function(_260) {
-                        return _260.message;
+                    function(_244) {
+                        return _244.message;
                     }
                 ])
             }, field), {
@@ -10884,23 +10583,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_261) {
-                        return _261.texts;
+                    function(_245) {
+                        return _245.texts;
                     },
                     "optionalAccess",
-                    function(_262) {
-                        return _262.emailLabel;
+                    function(_246) {
+                        return _246.emailLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_263) {
-                        return _263.email;
+                    function(_247) {
+                        return _247.email;
                     },
                     "optionalAccess",
-                    function(_264) {
-                        return _264.message;
+                    function(_248) {
+                        return _248.message;
                     }
                 ])
             }, field), {
@@ -10913,12 +10612,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_265) {
-                    return _265.texts;
+                function(_249) {
+                    return _249.texts;
                 },
                 "optionalAccess",
-                function(_266) {
-                    return _266.emailRequiredText;
+                function(_250) {
+                    return _250.emailRequiredText;
                 }
             ]),
             pattern: {
@@ -10926,12 +10625,12 @@ var CheckoutForm = function(props) {
                 message: _optionalChain([
                     props,
                     "access",
-                    function(_267) {
-                        return _267.texts;
+                    function(_251) {
+                        return _251.texts;
                     },
                     "optionalAccess",
-                    function(_268) {
-                        return _268.emailInvalidText;
+                    function(_252) {
+                        return _252.emailInvalidText;
                     }
                 ])
             }
@@ -10945,12 +10644,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_269) {
-                    return _269.texts;
+                function(_253) {
+                    return _253.texts;
                 },
                 "optionalAccess",
-                function(_270) {
-                    return _270.required;
+                function(_254) {
+                    return _254.required;
                 }
             ])
         },
@@ -10962,23 +10661,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_271) {
-                        return _271.texts;
+                    function(_255) {
+                        return _255.texts;
                     },
                     "optionalAccess",
-                    function(_272) {
-                        return _272.streetAddressLabel;
+                    function(_256) {
+                        return _256.streetAddressLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_273) {
-                        return _273.streetAddress;
+                    function(_257) {
+                        return _257.streetAddress;
                     },
                     "optionalAccess",
-                    function(_274) {
-                        return _274.message;
+                    function(_258) {
+                        return _258.message;
                     }
                 ])
             }, field), {
@@ -10996,12 +10695,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_275) {
-                    return _275.texts;
+                function(_259) {
+                    return _259.texts;
                 },
                 "optionalAccess",
-                function(_276) {
-                    return _276.required;
+                function(_260) {
+                    return _260.required;
                 }
             ])
         },
@@ -11013,23 +10712,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_277) {
-                        return _277.texts;
+                    function(_261) {
+                        return _261.texts;
                     },
                     "optionalAccess",
-                    function(_278) {
-                        return _278.stateLabel;
+                    function(_262) {
+                        return _262.stateLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_279) {
-                        return _279.province;
+                    function(_263) {
+                        return _263.province;
                     },
                     "optionalAccess",
-                    function(_280) {
-                        return _280.message;
+                    function(_264) {
+                        return _264.message;
                     }
                 ])
             }, field), {
@@ -11049,12 +10748,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_281) {
-                    return _281.texts;
+                function(_265) {
+                    return _265.texts;
                 },
                 "optionalAccess",
-                function(_282) {
-                    return _282.required;
+                function(_266) {
+                    return _266.required;
                 }
             ])
         },
@@ -11066,23 +10765,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_283) {
-                        return _283.texts;
+                    function(_267) {
+                        return _267.texts;
                     },
                     "optionalAccess",
-                    function(_284) {
-                        return _284.cityLabel;
+                    function(_268) {
+                        return _268.cityLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_285) {
-                        return _285.city;
+                    function(_269) {
+                        return _269.city;
                     },
                     "optionalAccess",
-                    function(_286) {
-                        return _286.message;
+                    function(_270) {
+                        return _270.message;
                     }
                 ])
             }, field), {
@@ -11100,12 +10799,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_287) {
-                    return _287.texts;
+                function(_271) {
+                    return _271.texts;
                 },
                 "optionalAccess",
-                function(_288) {
-                    return _288.required;
+                function(_272) {
+                    return _272.required;
                 }
             ])
         },
@@ -11117,23 +10816,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_289) {
-                        return _289.texts;
+                    function(_273) {
+                        return _273.texts;
                     },
                     "optionalAccess",
-                    function(_290) {
-                        return _290.buildingNumberLabel;
+                    function(_274) {
+                        return _274.buildingNumberLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_291) {
-                        return _291.buildingNumber;
+                    function(_275) {
+                        return _275.buildingNumber;
                     },
                     "optionalAccess",
-                    function(_292) {
-                        return _292.message;
+                    function(_276) {
+                        return _276.message;
                     }
                 ])
             }, field), {
@@ -11153,12 +10852,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_293) {
-                    return _293.texts;
+                function(_277) {
+                    return _277.texts;
                 },
                 "optionalAccess",
-                function(_294) {
-                    return _294.required;
+                function(_278) {
+                    return _278.required;
                 }
             ])
         },
@@ -11170,23 +10869,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_295) {
-                        return _295.texts;
+                    function(_279) {
+                        return _279.texts;
                     },
                     "optionalAccess",
-                    function(_296) {
-                        return _296.zipCodeLabel;
+                    function(_280) {
+                        return _280.zipCodeLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_297) {
-                        return _297.zipCode;
+                    function(_281) {
+                        return _281.zipCode;
                     },
                     "optionalAccess",
-                    function(_298) {
-                        return _298.message;
+                    function(_282) {
+                        return _282.message;
                     }
                 ])
             }, field), {
@@ -11204,12 +10903,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_299) {
-                    return _299.texts;
+                function(_283) {
+                    return _283.texts;
                 },
                 "optionalAccess",
-                function(_300) {
-                    return _300.required;
+                function(_284) {
+                    return _284.required;
                 }
             ])
         },
@@ -11220,23 +10919,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_301) {
-                        return _301.texts;
+                    function(_285) {
+                        return _285.texts;
                     },
                     "optionalAccess",
-                    function(_302) {
-                        return _302.countryLabel;
+                    function(_286) {
+                        return _286.countryLabel;
                     }
                 ]) + " *",
                 helperText: _optionalChain([
                     errors,
                     "access",
-                    function(_303) {
-                        return _303.country;
+                    function(_287) {
+                        return _287.country;
                     },
                     "optionalAccess",
-                    function(_304) {
-                        return _304.message;
+                    function(_288) {
+                        return _288.message;
                     }
                 ]),
                 options: countries_default,
@@ -11396,16 +11095,16 @@ var ComparingPlans = function(props) {
     })), _optionalChain([
         props,
         "access",
-        function(_305) {
-            return _305.plans;
+        function(_289) {
+            return _289.plans;
         },
         "optionalAccess",
-        function(_306) {
-            return _306.map;
+        function(_290) {
+            return _290.map;
         },
         "call",
-        function(_307) {
-            return _307(function(plan) {
+        function(_291) {
+            return _291(function(plan) {
                 return plan.features.map(function(feature) {
                     return /* @__PURE__ */ React6.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"
@@ -11778,8 +11477,8 @@ var NotFound = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_308) {
-            return _308.pageNotFound;
+        function(_292) {
+            return _292.pageNotFound;
         }
     ]), function() {
         return "Page Not Found";
@@ -11788,8 +11487,8 @@ var NotFound = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_309) {
-            return _309.ifLost;
+        function(_293) {
+            return _293.ifLost;
         }
     ]), function() {
         return /* @__PURE__ */ React6.default.createElement(React6.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ React6.default.createElement("span", {
@@ -11800,8 +11499,8 @@ var NotFound = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_310) {
-            return _310.home;
+        function(_294) {
+            return _294.home;
         }
     ]), function() {
         return "Home";
@@ -11830,8 +11529,8 @@ var EmptyState = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_311) {
-            return _311.youreCaughtUp;
+        function(_295) {
+            return _295.youreCaughtUp;
         }
     ]), function() {
         return "You're all caught up";
@@ -11843,8 +11542,8 @@ var EmptyState = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_312) {
-            return _312.actionText;
+        function(_296) {
+            return _296.actionText;
         }
     ]), function() {
         return "Go Home";
@@ -11884,14 +11583,14 @@ var LeadGenerator = function(param) {
     return /* @__PURE__ */ React6.default.createElement(Card, null, /* @__PURE__ */ React6.default.createElement(CardHeader, null, /* @__PURE__ */ React6.default.createElement(CardTitle, null, _optionalChain([
         texts,
         "optionalAccess",
-        function(_313) {
-            return _313.title;
+        function(_297) {
+            return _297.title;
         }
     ])), /* @__PURE__ */ React6.default.createElement(CardDescription, null, _optionalChain([
         texts,
         "optionalAccess",
-        function(_314) {
-            return _314.subtitle;
+        function(_298) {
+            return _298.subtitle;
         }
     ]))), /* @__PURE__ */ React6.default.createElement(CardContent, null, /* @__PURE__ */ React6.default.createElement("form", {
         className: "flex flex-row gap-2",
@@ -11906,8 +11605,8 @@ var LeadGenerator = function(param) {
     }), /* @__PURE__ */ React6.default.createElement(Button, null, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_315) {
-            return _315.submit;
+        function(_299) {
+            return _299.submit;
         }
     ]), function() {
         return "Submit";
@@ -11957,16 +11656,16 @@ var NoPermission = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_316) {
-            return _316.title;
+        function(_300) {
+            return _300.title;
         }
     ]), function() {
         return "You don't have permission";
     })), /* @__PURE__ */ React6.default.createElement("div", null, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_317) {
-            return _317.subtitle;
+        function(_301) {
+            return _301.subtitle;
         }
     ]), function() {
         return "If you think this is a problem please contact your administrator or our customer support";
@@ -12026,7 +11725,6 @@ exports.HawaColorPicker = HawaColorPicker;
 exports.HawaContainer = HawaContainer;
 exports.HawaCopyrights = HawaCopyrights;
 exports.HawaDatepicker = HawaDatepicker;
-exports.HawaDropdownMenu = HawaDropdownMenu;
 exports.HawaGrid = HawaGrid;
 exports.HawaIconCount = HawaIconCount;
 exports.HawaInlineCode = HawaInlineCode;
@@ -12051,7 +11749,6 @@ exports.HawaStoreButtons = HawaStoreButtons;
 exports.HawaTable = HawaTable;
 exports.HawaTabs = HawaTabs;
 exports.HawaTextField = HawaTextField;
-exports.HawaTooltip = HawaTooltip;
 exports.HawaTypography = HawaTypography;
 exports.HorizontalPricing = HorizontalPricing;
 exports.Input = Input;
@@ -12070,7 +11767,7 @@ exports.ReferralSettlement = ReferralSettlement;
 exports.ReferralStats = ReferralStats;
 exports.ResetPasswordForm = ResetPasswordForm;
 exports.SelectPayment = SelectPayment;
-exports.Separator = Separator3;
+exports.Separator = Separator2;
 exports.SidebarGroup = SidebarGroup;
 exports.SidebarItem = SidebarItem;
 exports.SignInBlock = SignInBlock;