@sikka/hawa 0.1.94 → 0.1.96

package/dist/index.js

@@ -388,7 +388,7 @@ var HawaTextField = function(_param) {
     }))), props.iconInside && /* @__PURE__ */ React6.default.createElement("div", {
         className: "absolute right-1 top-[41px]  -translate-y-1/2"
     }, props.iconInside), props.helpertext ? /* @__PURE__ */ React6.default.createElement("p", {
-        className: "mb-0 mt-1 text-xs text-red-600 dark:text-red-500"
+        className: "mb-0 mt-0 text-xs text-red-600 dark:text-red-500"
     }, props.helpertext) : null));
 };
 // src/elements/HawaColorPicker.tsx
@@ -509,7 +509,7 @@ var HawaRadio = function(_param) {
                                 setSelectedOption(opt.value);
                                 props.onChangeTab(opt.value);
                             },
-                            className: cn("w-full cursor-pointer", orientation === "horizontal" && parentDirection === "ltr" && "rounded-none first:rounded-l last:rounded-r", orientation === "horizontal" && parentDirection === "rtl" && "rounded-none first:rounded-r last:rounded-l", orientation === "vertical" && "rounded-none first:rounded-t last:rounded-b", "last flex flex-row items-center justify-center gap-2 ", selectedOption === opt.value ? activeTabStyle : inactiveTabStyle),
+                            className: cn("w-full cursor-pointer ", orientation === "horizontal" && parentDirection === "ltr" && "rounded-none first:rounded-l last:rounded-r", orientation === "horizontal" && parentDirection === "rtl" && "rounded-none first:rounded-r last:rounded-l", orientation === "vertical" && "rounded-none first:rounded-t last:rounded-b", "last flex flex-row items-center justify-center gap-2 ", selectedOption === opt.value ? activeTabStyle : inactiveTabStyle),
                             key: o
                         }, opt.icon && opt.icon, opt.label);
                     });
@@ -561,7 +561,7 @@ var HawaRadio = function(_param) {
                             disabled: opt.disabled
                         }), /* @__PURE__ */ React6.default.createElement("label", {
                             htmlFor: opt.value.toString(),
-                            className: cn("inline-flex h-full w-full  items-center justify-between rounded-lg border border-gray-200 bg-white p-5                    text-gray-500  peer-checked:border-blue-600 peer-checked:text-blue-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400  dark:peer-checked:text-primary", opt.disabled ? "opacity-50" : "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-gray-300 hover:text-gray-600")
+                            className: cn("inline-flex h-full w-full  items-center justify-between rounded-lg border border-gray-200 bg-white p-5                    text-gray-500  peer-checked:border-blue-600 peer-checked:text-blue-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400  dark:peer-checked:text-primary", opt.disabled ? "opacity-50" : "cursor-pointer hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300")
                         }, /* @__PURE__ */ React6.default.createElement("div", {
                             className: "block  h-full w-full"
                         }, /* @__PURE__ */ React6.default.createElement("div", {
@@ -640,15 +640,13 @@ var Option = function(_param) /* @__PURE__ */ {
     ]);
     return React6.default.createElement("div", _object_spread({
         ref: innerRef,
-        className: "flex flex-row items-center justify-between rounded-inner p-1 px-2 hover:text-primary-foreground hover:bg-primary"
+        className: "flex cursor-pointer select-none flex-row items-center justify-between rounded-inner p-1 px-2 hover:bg-primary hover:text-primary-foreground"
     }, innerProps), children);
 };
 var HawaSelect = function(props) {
     return /* @__PURE__ */ React6.default.createElement("div", {
-        className: " w-full"
-    }, props.label && /* @__PURE__ */ React6.default.createElement("div", {
-        className: "mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"
-    }, props.label), !props.isCreatable && /* @__PURE__ */ React6.default.createElement(_reactselect2.default, {
+        className: " flex w-full flex-col gap-2"
+    }, props.label && /* @__PURE__ */ React6.default.createElement(Label, null, props.label), !props.isCreatable && /* @__PURE__ */ React6.default.createElement(_reactselect2.default, {
         classNames: {
             // control: () => "bg-blue-500 w-full",
             // container: () => "bg-red-500 w-full",
@@ -1123,7 +1121,7 @@ var DropdownMenuSubTrigger = React19.forwardRef(function(_param, ref) /* @__PURE
     ]);
     return React19.createElement(DropdownMenuPrimitive.SubTrigger, _object_spread({
         ref: ref,
-        className: cn("flex cursor-default select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className)
+        className: cn("flex cursor-default select-none items-center justify-between rounded-sm px-2 py-3 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className)
     }, props), /* @__PURE__ */ React19.createElement("div", {
         className: "flex flex-row items-center gap-2"
     }, children), " ", /* @__PURE__ */ React19.createElement("svg", {
@@ -1171,9 +1169,9 @@ var DropdownMenuItem = React19.forwardRef(function(_param, ref) /* @__PURE__ */
     return React19.createElement(DropdownMenuPrimitive.Item, _object_spread({
         disabled: props.disabled,
         ref: ref,
-        className: cn("relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
+        className: cn("relative flex cursor-pointer select-none items-center justify-between rounded-sm text-sm outline-none transition-colors focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
     }, props), /* @__PURE__ */ React19.createElement("div", {
-        className: "flex flex-row items-center gap-2"
+        className: "flex flex-row items-center gap-2 "
     }, props.children), props.end && props.end);
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
@@ -1262,13 +1260,17 @@ var DropdownMenuShortcut = function(_param) {
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var DropdownMenu = function(param) {
-    var trigger = param.trigger, items = param.items, direction = param.direction, onItemSelect = param.onItemSelect, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset, selectCallback = param.selectCallback, _param_width = param.width, width = _param_width === void 0 ? "default" : _param_width;
+    var trigger = param.trigger, items = param.items, direction = param.direction, onItemSelect = param.onItemSelect, sideOffset = param.sideOffset, side = param.side, className = param.className, triggerClassname = param.triggerClassname, align = param.align, alignOffset = param.alignOffset, selectCallback = param.selectCallback, _param_size = param.size, size = _param_size === void 0 ? "default" : _param_size, _param_width = param.width, width = _param_width === void 0 ? "default" : _param_width;
     var widthStyles2 = {
         default: "min-w-[8rem]",
         sm: "w-fit",
         lg: "w-[200px]",
         parent: "ddm-w-parent"
     };
+    var sizeStyles2 = {
+        default: "px-2 py-3 ",
+        sm: "text-xs px-1.5 py-1.5"
+    };
     return /* @__PURE__ */ React19.createElement(DropdownMenuRoot, {
         dir: direction
     }, /* @__PURE__ */ React19.createElement(DropdownMenuTrigger, {
@@ -1280,43 +1282,50 @@ var DropdownMenu = function(param) {
         align: align,
         alignOffset: alignOffset
     }, items.map(function(item, index) {
-        return item.subitems ? /* @__PURE__ */ React19.createElement(DropdownMenuSub, {
-            key: index
-        }, /* @__PURE__ */ React19.createElement(DropdownMenuSubTrigger, {
-            dir: direction
-        }, item.icon && item.icon, item.label), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
-            return /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
-                disabled: subitem.disabled,
-                className: "flex flex-row gap-2",
-                onSelect: function() {
-                    subitem.action();
-                    if (selectCallback) {
-                        selectCallback(subitem.value);
-                    }
-                },
-                key: subIndex
-            }, subitem.icon && subitem.icon, subitem.label);
-        })))) : /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
-            disabled: item.disabled,
-            className: "flex flex-row gap-2",
-            key: index,
-            onSelect: function(e) {
-                if (item.presist) {
-                    e.preventDefault();
-                }
-                if (item.action) {
-                    item.action();
-                    if (selectCallback) {
-                        selectCallback(item.value);
+        if (item.type === "separator") {
+            return /* @__PURE__ */ React19.createElement(DropdownMenuSeparator, null);
+        } else if (item.type === "label") {
+            return /* @__PURE__ */ React19.createElement(DropdownMenuLabel, null, item.label);
+        } else {
+            return item.subitems ? /* @__PURE__ */ React19.createElement(DropdownMenuSub, {
+                key: index
+            }, /* @__PURE__ */ React19.createElement(DropdownMenuSubTrigger, {
+                className: cn(sizeStyles2[size]),
+                dir: direction
+            }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(DropdownMenuSubContent, null, item.subitems.map(function(subitem, subIndex) {
+                return /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
+                    className: cn(sizeStyles2[size], !item.icon && !item.label ? "px-0 py-0 focus:bg-transparent" : "focus:bg-accent"),
+                    disabled: subitem.disabled,
+                    onSelect: function() {
+                        subitem.action();
+                        if (selectCallback) {
+                            selectCallback(subitem.value);
+                        }
+                    },
+                    key: subIndex
+                }, subitem.icon && subitem.icon, subitem.label && subitem.label);
+            })))) : /* @__PURE__ */ React19.createElement(DropdownMenuItem, {
+                disabled: item.disabled,
+                key: index,
+                onSelect: function(e) {
+                    if (item.presist) {
+                        e.preventDefault();
                     }
-                } else {
-                    if (selectCallback) {
-                        selectCallback(item.value);
+                    if (item.action) {
+                        item.action();
+                        if (selectCallback) {
+                            selectCallback(item.value);
+                        }
+                    } else {
+                        if (selectCallback) {
+                            selectCallback(item.value);
+                        }
                     }
-                }
-            },
-            end: item.end
-        }, item.icon && item.icon, item.label);
+                },
+                end: item.end,
+                className: cn(sizeStyles2[size], !item.icon && !item.label ? "px-0 py-0 focus:bg-transparent " : "focus:bg-accent ", item.presist && "focus:bg-transparent")
+            }, item.icon && item.icon, item.label && item.label);
+        }
     }))));
 };
 // src/elements/HawaTable.tsx
@@ -1387,64 +1396,12 @@ var HawaTable = function(_param) {
         page
     ]);
     return /* @__PURE__ */ React6.default.createElement("div", {
-        className: "relative flex flex-col gap-2 "
+        className: "relative flex flex-col gap-2 bg-background "
     }, /* @__PURE__ */ React6.default.createElement("div", {
         className: "overflow-x-auto rounded  bg-".concat(headerColor)
     }, props.headerTools && /* @__PURE__ */ React6.default.createElement("div", {
-        className: "flex flex-row items-center justify-between gap-2 border bg-background px-4  py-2"
-    }, /* @__PURE__ */ React6.default.createElement(HawaTextField, {
-        icon: /* @__PURE__ */ React6.default.createElement("svg", {
-            "aria-label": "Search Icon",
-            stroke: "currentColor",
-            fill: "gray",
-            strokeWidth: "0",
-            viewBox: "0 0 512 512",
-            height: "1em",
-            width: "1em"
-        }, /* @__PURE__ */ React6.default.createElement("path", {
-            d: "M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
-        })),
-        placeholder: "Search",
-        width: "full",
-        margin: "none"
-    }), /* @__PURE__ */ React6.default.createElement("div", {
-        className: "flex flex-row items-center justify-between gap-2"
-    }, /* @__PURE__ */ React6.default.createElement(Button, {
-        className: "flex flex-row gap-2"
-    }, /* @__PURE__ */ React6.default.createElement("svg", {
-        "aria-label": "Filter Icon",
-        stroke: "currentColor",
-        fill: "currentColor",
-        strokeWidth: "0",
-        viewBox: "0 0 16 16",
-        height: "1em",
-        width: "1em"
-    }, /* @__PURE__ */ React6.default.createElement("path", {
-        d: "M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"
-    })), _nullishCoalesce(_optionalChain([
-        props,
-        "access",
-        function(_17) {
-            return _17.texts;
-        },
-        "optionalAccess",
-        function(_18) {
-            return _18.filter;
-        }
-    ]), function() {
-        return "Filter";
-    }), /* @__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("table", {
+        className: "flex flex-row items-center justify-between gap-2 border bg-background px-2  py-2"
+    }, props.headerTools), /* @__PURE__ */ React6.default.createElement("table", {
         className: _clsx2.default.call(void 0, borders === "outer" || borders === "all" ? "outline outline-[".concat(bordersWidth, "px] -outline-offset-1 outline-gray-300 dark:outline-gray-700") : "", "w-full  rounded   text-left text-sm text-gray-500 dark:text-gray-400", "bg-".concat(headerColor))
     }, /* @__PURE__ */ React6.default.createElement("thead", {
         className: _clsx2.default.call(void 0, "text-xs uppercase text-gray-700 dark:bg-gray-700 dark:text-gray-400", borders === "rows" || borders === "all" || borders === "inner" ? "border-b " : "")
@@ -1468,12 +1425,12 @@ var HawaTable = function(_param) {
     }, _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_19) {
-            return _19.texts;
+        function(_17) {
+            return _17.texts;
         },
         "optionalAccess",
-        function(_20) {
-            return _20.actions;
+        function(_18) {
+            return _18.actions;
         }
     ]), function() {
         return "Actions";
@@ -1482,17 +1439,17 @@ var HawaTable = function(_param) {
     }, sortedRows ? _optionalChain([
         slice,
         "optionalAccess",
-        function(_21) {
-            return _21.map;
+        function(_19) {
+            return _19.map;
         },
         "call",
-        function(_22) {
-            return _22(function(singleRow, rowIndex) {
+        function(_20) {
+            return _20(function(singleRow, rowIndex) {
                 var lastRow = rowIndex == _optionalChain([
                     slice,
                     "optionalAccess",
-                    function(_23) {
-                        return _23.length;
+                    function(_21) {
+                        return _21.length;
                     }
                 ]) - 1;
                 return /* @__PURE__ */ React6.default.createElement("tr", {
@@ -1501,18 +1458,18 @@ var HawaTable = function(_param) {
                 }, _optionalChain([
                     singleRow,
                     "optionalAccess",
-                    function(_24) {
-                        return _24.map;
+                    function(_22) {
+                        return _22.map;
                     },
                     "call",
-                    function(_25) {
-                        return _25(function(r, i) {
+                    function(_23) {
+                        return _23(function(r, i) {
                             var firstCell = i === 0;
                             var lastCell = i === _optionalChain([
                                 singleRow,
                                 "optionalAccess",
-                                function(_26) {
-                                    return _26.length;
+                                function(_24) {
+                                    return _24.length;
                                 }
                             ]) - 1;
                             var isRTLLastCell = isRTL && lastRow && lastCell && !props.actions;
@@ -1538,7 +1495,7 @@ var HawaTable = function(_param) {
                 }, /* @__PURE__ */ React6.default.createElement("div", {
                     className: "flex items-center justify-center"
                 }, /* @__PURE__ */ React6.default.createElement(DropdownMenu, {
-                    width: "sm",
+                    width: props.actionsWidth,
                     direction: direction,
                     side: "right",
                     items: props.actions,
@@ -1571,12 +1528,12 @@ var HawaTable = function(_param) {
     }, _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_27) {
-            return _27.texts;
+        function(_25) {
+            return _25.texts;
         },
         "optionalAccess",
-        function(_28) {
-            return _28.noData;
+        function(_26) {
+            return _26.noData;
         }
     ]), function() {
         return "No Data";
@@ -1604,8 +1561,8 @@ var HawaTable = function(_param) {
     }), _optionalChain([
         range,
         "optionalAccess",
-        function(_29) {
-            return _29.length;
+        function(_27) {
+            return _27.length;
         }
     ]) > 6 && /* @__PURE__ */ React6.default.createElement("input", {
         type: "text",
@@ -1624,8 +1581,8 @@ var HawaTable = function(_param) {
     }), _optionalChain([
         range,
         "optionalAccess",
-        function(_30) {
-            return _30.length;
+        function(_28) {
+            return _28.length;
         }
     ]) > 6 && range.map(function(el, index) {
         if (index >= range.length - 1) {
@@ -1640,8 +1597,8 @@ var HawaTable = function(_param) {
     }), _optionalChain([
         range,
         "optionalAccess",
-        function(_31) {
-            return _31.length;
+        function(_29) {
+            return _29.length;
         }
     ]) <= 6 && range.map(function(el, index) {
         return /* @__PURE__ */ React6.default.createElement("button", {
@@ -1668,12 +1625,12 @@ var HawaTable = function(_param) {
     }, props.rows.length, " ", _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_32) {
-            return _32.texts;
+        function(_30) {
+            return _30.texts;
         },
         "optionalAccess",
-        function(_33) {
-            return _33.items;
+        function(_31) {
+            return _31.items;
         }
     ]), function() {
         return "Items";
@@ -1691,12 +1648,12 @@ var HawaTable = function(_param) {
     }, "10 / ", _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_34) {
-            return _34.texts;
+        function(_32) {
+            return _32.texts;
         },
         "optionalAccess",
-        function(_35) {
-            return _35.page;
+        function(_33) {
+            return _33.page;
         }
     ]), function() {
         return "Page";
@@ -1708,12 +1665,12 @@ var HawaTable = function(_param) {
     }, "20 / ", _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_36) {
-            return _36.texts;
+        function(_34) {
+            return _34.texts;
         },
         "optionalAccess",
-        function(_37) {
-            return _37.page;
+        function(_35) {
+            return _35.page;
         }
     ]), function() {
         return "Page";
@@ -1725,12 +1682,12 @@ var HawaTable = function(_param) {
     }, "30 / ", _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_38) {
-            return _38.texts;
+        function(_36) {
+            return _36.texts;
         },
         "optionalAccess",
-        function(_39) {
-            return _39.page;
+        function(_37) {
+            return _37.page;
         }
     ]), function() {
         return "Page";
@@ -1742,12 +1699,12 @@ var HawaTable = function(_param) {
     }, "50 / ", _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_40) {
-            return _40.texts;
+        function(_38) {
+            return _38.texts;
         },
         "optionalAccess",
-        function(_41) {
-            return _41.page;
+        function(_39) {
+            return _39.page;
         }
     ]), function() {
         return "Page";
@@ -1759,12 +1716,12 @@ var HawaTable = function(_param) {
     }, "100 / ", _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_42) {
-            return _42.texts;
+        function(_40) {
+            return _40.texts;
         },
         "optionalAccess",
-        function(_43) {
-            return _43.page;
+        function(_41) {
+            return _41.page;
         }
     ]), function() {
         return "Page";
@@ -3630,77 +3587,77 @@ var HawaTooltip = function(param) {
         setTooltipHeight(_optionalChain([
             tooltipRef,
             "access",
-            function(_44) {
-                return _44.current;
+            function(_42) {
+                return _42.current;
             },
             "optionalAccess",
-            function(_45) {
-                return _45.getBoundingClientRect;
+            function(_43) {
+                return _43.getBoundingClientRect;
             },
             "call",
-            function(_46) {
-                return _46();
+            function(_44) {
+                return _44();
             },
             "access",
-            function(_47) {
-                return _47.height;
+            function(_45) {
+                return _45.height;
             }
         ]));
         setTooltipWidth(_optionalChain([
             tooltipRef,
             "access",
-            function(_48) {
-                return _48.current;
+            function(_46) {
+                return _46.current;
             },
             "optionalAccess",
-            function(_49) {
-                return _49.getBoundingClientRect;
+            function(_47) {
+                return _47.getBoundingClientRect;
             },
             "call",
-            function(_50) {
-                return _50();
+            function(_48) {
+                return _48();
             },
             "access",
-            function(_51) {
-                return _51.width;
+            function(_49) {
+                return _49.width;
             }
         ]));
         setChildrenHeight(_optionalChain([
             childrenRef,
             "access",
-            function(_52) {
-                return _52.current;
+            function(_50) {
+                return _50.current;
             },
             "optionalAccess",
-            function(_53) {
-                return _53.getBoundingClientRect;
+            function(_51) {
+                return _51.getBoundingClientRect;
             },
             "call",
-            function(_54) {
-                return _54();
+            function(_52) {
+                return _52();
             },
             "access",
-            function(_55) {
-                return _55.height;
+            function(_53) {
+                return _53.height;
             }
         ]));
         setChildrenWidth(_optionalChain([
             childrenRef,
             "access",
-            function(_56) {
-                return _56.current;
+            function(_54) {
+                return _54.current;
             },
             "optionalAccess",
-            function(_57) {
-                return _57.getBoundingClientRect;
+            function(_55) {
+                return _55.getBoundingClientRect;
             },
             "call",
-            function(_58) {
-                return _58();
+            function(_56) {
+                return _56();
             },
             "access",
-            function(_59) {
-                return _59.width;
+            function(_57) {
+                return _57.width;
             }
         ]));
     });
@@ -3774,16 +3731,16 @@ var HawaTabs = function(_param) {
     var _react_useState_call = _sliced_to_array(_react.useState.call(void 0, _optionalChain([
         props,
         "access",
-        function(_60) {
-            return _60.options;
+        function(_58) {
+            return _58.options;
         },
         "access",
-        function(_61) {
-            return _61[0];
+        function(_59) {
+            return _59[0];
         },
         "optionalAccess",
-        function(_62) {
-            return _62.value;
+        function(_60) {
+            return _60.value;
         }
     ])), 2), selectedOption = _react_useState_call[0], setSelectedOption = _react_useState_call[1];
     var activeTabStyle = {
@@ -3829,16 +3786,16 @@ var HawaTabs = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_63) {
-            return _63.options;
+        function(_61) {
+            return _61.options;
         },
         "optionalAccess",
-        function(_64) {
-            return _64.map;
+        function(_62) {
+            return _62.map;
         },
         "call",
-        function(_65) {
-            return _65(function(opt, o) {
+        function(_63) {
+            return _63(function(opt, o) {
                 return /* @__PURE__ */ React6.default.createElement("button", {
                     key: o,
                     "aria-current": "page",
@@ -3847,12 +3804,12 @@ var HawaTabs = function(_param) {
                         _optionalChain([
                             props,
                             "optionalAccess",
-                            function(_66) {
-                                return _66.onChangeTab;
+                            function(_64) {
+                                return _64.onChangeTab;
                             },
                             "call",
-                            function(_67) {
-                                return _67(opt);
+                            function(_65) {
+                                return _65(opt);
                             }
                         ]);
                     },
@@ -3944,77 +3901,77 @@ var HawaMenu = function(param) {
         setMenuHeight(_optionalChain([
             menuRef,
             "access",
-            function(_68) {
-                return _68.current;
+            function(_66) {
+                return _66.current;
             },
             "optionalAccess",
-            function(_69) {
-                return _69.getBoundingClientRect;
+            function(_67) {
+                return _67.getBoundingClientRect;
             },
             "call",
-            function(_70) {
-                return _70();
+            function(_68) {
+                return _68();
             },
             "access",
-            function(_71) {
-                return _71.height;
+            function(_69) {
+                return _69.height;
             }
         ]));
         setMenuWidth(_optionalChain([
             menuRef,
             "access",
-            function(_72) {
-                return _72.current;
+            function(_70) {
+                return _70.current;
             },
             "optionalAccess",
-            function(_73) {
-                return _73.getBoundingClientRect;
+            function(_71) {
+                return _71.getBoundingClientRect;
             },
             "call",
-            function(_74) {
-                return _74();
+            function(_72) {
+                return _72();
             },
             "access",
-            function(_75) {
-                return _75.width;
+            function(_73) {
+                return _73.width;
             }
         ]));
         setChildrenHeight(_optionalChain([
             childrenRef,
             "access",
-            function(_76) {
-                return _76.current;
+            function(_74) {
+                return _74.current;
             },
             "optionalAccess",
-            function(_77) {
-                return _77.getBoundingClientRect;
+            function(_75) {
+                return _75.getBoundingClientRect;
             },
             "call",
-            function(_78) {
-                return _78();
+            function(_76) {
+                return _76();
             },
             "access",
-            function(_79) {
-                return _79.height;
+            function(_77) {
+                return _77.height;
             }
         ]));
         setChildrenWidth(_optionalChain([
             childrenRef,
             "access",
-            function(_80) {
-                return _80.current;
+            function(_78) {
+                return _78.current;
             },
             "optionalAccess",
-            function(_81) {
-                return _81.getBoundingClientRect;
+            function(_79) {
+                return _79.getBoundingClientRect;
             },
             "call",
-            function(_82) {
-                return _82();
+            function(_80) {
+                return _80();
             },
             "access",
-            function(_83) {
-                return _83.width;
+            function(_81) {
+                return _81.width;
             }
         ]));
         var handleClickOutside = function(event) {
@@ -4089,24 +4046,24 @@ var HawaMenu = function(param) {
     }, headerSubtitle)), _optionalChain([
         menuItems,
         "optionalAccess",
-        function(_84) {
-            return _84.map;
+        function(_82) {
+            return _82.map;
         },
         "call",
-        function(_85) {
-            return _85(function(group, o) {
+        function(_83) {
+            return _83(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(_86) {
-                        return _86.map;
+                    function(_84) {
+                        return _84.map;
                     },
                     "call",
-                    function(_87) {
-                        return _87(function(item, indx) {
+                    function(_85) {
+                        return _85(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"
@@ -4119,12 +4076,12 @@ var HawaMenu = function(param) {
                                         _optionalChain([
                                             item,
                                             "optionalAccess",
-                                            function(_88) {
-                                                return _88.action;
+                                            function(_86) {
+                                                return _86.action;
                                             },
                                             "call",
-                                            function(_89) {
-                                                return _89(actionedItem);
+                                            function(_87) {
+                                                return _87(actionedItem);
                                             }
                                         ]);
                                     }
@@ -4437,7 +4394,9 @@ var HawaStats = function(_param) {
         className: "mt-2 h-4 w-1/2"
     }) : props.helperText && /* @__PURE__ */ React6.default.createElement("p", {
         className: "text-xs text-muted-foreground"
-    }, props.helperText)));
+    }, props.helperText), props.isLoading && props.chart ? /* @__PURE__ */ React6.default.createElement(Skeleton, {
+        className: "mt-2 h-4 w-1/2"
+    }) : props.chart));
 };
 // src/elements/HawaCodeBlock.tsx
 // src/elements/Tooltip.tsx
@@ -4602,12 +4561,12 @@ var DragDropImages = function(param) {
             _optionalChain([
                 files,
                 "optionalAccess",
-                function(_90) {
-                    return _90.forEach;
+                function(_88) {
+                    return _88.forEach;
                 },
                 "call",
-                function(_91) {
-                    return _91(function(file) {
+                function(_89) {
+                    return _89(function(file) {
                         URL.revokeObjectURL(file.preview);
                     });
                 }
@@ -4682,12 +4641,12 @@ var DragDropImages = function(param) {
     var thumbs = _optionalChain([
         files,
         "optionalAccess",
-        function(_92) {
-            return _92.map;
+        function(_90) {
+            return _90.map;
         },
         "call",
-        function(_93) {
-            return _93(function(file, index) {
+        function(_91) {
+            return _91(function(file, index) {
                 return /* @__PURE__ */ React6.default.createElement("div", {
                     className: "relative rounded"
                 }, /* @__PURE__ */ React6.default.createElement("button", {
@@ -4782,20 +4741,20 @@ var DragDropImages = function(param) {
     }, _optionalChain([
         fileRejections,
         "access",
-        function(_94) {
-            return _94[0];
+        function(_92) {
+            return _92[0];
         },
         "optionalAccess",
-        function(_95) {
-            return _95.errors;
+        function(_93) {
+            return _93.errors;
         },
         "access",
-        function(_96) {
-            return _96[0];
+        function(_94) {
+            return _94[0];
         },
         "optionalAccess",
-        function(_97) {
-            return _97.code;
+        function(_95) {
+            return _95.code;
         }
     ]) && errs)), disclaimer && /* @__PURE__ */ React6.default.createElement("div", {
         className: "mt-2 text-sm text-muted-foreground/50"
@@ -4990,16 +4949,16 @@ var InvoiceAccordion = function(_param) {
     }, props.invoiceDescription), _optionalChain([
         props,
         "access",
-        function(_98) {
-            return _98.products;
+        function(_96) {
+            return _96.products;
         },
         "optionalAccess",
-        function(_99) {
-            return _99.map;
+        function(_97) {
+            return _97.map;
         },
         "call",
-        function(_100) {
-            return _100(function(product, i) {
+        function(_98) {
+            return _98(function(product, i) {
                 return /* @__PURE__ */ React6.default.createElement("div", {
                     key: i,
                     className: "flex flex-row border-b  pb-4"
@@ -6026,7 +5985,6 @@ var FloatingCommentSlate = function() {
 // src/elements/FloatingCommentExec.tsx
 var _server = require("react-dom/server");
 var _server2 = _interopRequireDefault(_server);
-var _ai = require("react-icons/ai");
 var base64 = "iVBORw0KGgoAAAANSUhEUgAAANUAAABhCAYAAABBG+TgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAACEgSURBVHhe7Z0HWFRXFsfPG1SaFKWDgBUsWLH3lthN1cQYY5ItiellN9mYxGQ3m2rcbDYxuiamJ2qqaa4NK/aOFaWIIgqKIE1Rmbf3f+eNvJl5b2DgDWK8v++bj3nDlDdw/++ce+4550pl5ZdlEggEhmFSfgoEAoMQohIIDEaISiAwGCEqgcBghKgEAoMRohIIDEaISiAwGCEqgcBg6p2oZJmowkx0qULmN9wXCK4l6lVGRckFmbIKJcotluliheWxhh5EjT0tP70bSOTbiP1sKJOfp0SeDWSSJMnyRIGgnlBvRFVWTrQqXaYf98qUUyRzi2XFxHTjw8QU6CVRkC9RMLuF+xGF+UsU5idRqK9MIY0laiCcWUE9oF6ICidw8BTRrDVmOsEEVV18G0lMTDJFMnHFNpGoTQhR21CJmnizLyYMmOAqUS9EdZnNm9akyVxUNT2ZRsw9DPaVKDKAqGMEUb8WEkUFSCS0Jahr6o2oVqeZmahqfyoQkQ+bgwX7SNQ1imhcB4u4BIK6ot7MqQ7lEr25ykwni407nYZsjuXnRTSqrUQ3JZjIn90XCNxNvRHVpQqipCMyfbFdpqILMncDebCCGRl+n1mzmp4o7FQMm3Pd00OiHtESF5uYcwncRb0RFTCzMzleyKxWHkLqTFznJf7zdClRPrsVlMlUflmiC+yx8kvsJ/xGF2ZN3g2JhsdJNLa9iaIDLVFFgcBo6pWoqqLsoky5xRIdLZAp7QxRZr5MeSUyFZwnKr2oPKkKoKOEcKIJXUxszsWsloflcYHAKK4pUdkDIcGqpZ5mt1yZMvIlOsOsmXqNS48QX4lu7UQ0rLVE/t7CZAmM45oWlRW4jaeZxTqYS7TnpEzbjsFdtMzLnIGMjJFtTXRbJxOFNlYeFAhqye8iBwFzI2RWDGwl0dTuEj0+QKJhcSZq1EB5gg6Yny09JNNn28xsLnd1ry0rV66ge+6+i7Zt3ao8IrhW+V0l9kBcgcyVS4yW6A+9JJo+1ERtQpy7duWXiZIzZfpqp3xVhZWedoS++/Ybys4+rjwiuFb5XWbLQVxIVeoZK9FLI0w0LsFEHk6+KYS1gQlrARPWSRfSpAQCLX6XorICcQX7EP2JWa3H+psoADmByu/swTrZ2gyZlhwkKilXHrxGuXz5Mp0+nUcPT3uAMjLS+bFcneiNwBB+16KygrxArE89PsBEzYNI12qhdmvxPjOtTUctl/LgVcRsNtO5wkIqLCigixert2aQf+YMvTzjRerWpRN98vF86turBz35xGN0YP/+ar+HoHZcF6ICEFJv5g7+oZeJ2oWRbpkIxPTxNpl25ygZHQZTXl5O+/fto6SklbRxwwbdORSe978lv9Gr/3yFXn55Bv36y89UcPas8lt9Zr71Ji1auIA6d+5M3RITqbi4mOZ/OI8efOCPlJy8ni5duqQ8U+AurhtRAbiD3aIkuqe7ieJC9TPYS8tl+miTmU4ZmIcI4IIt/d8SevihB+jmcWNo8qQ76I3XXqUTJ7KVZ1Ty9Zdf0F13TqT333uX5s2dQ3975q9ciLBezjhy5DBNumsy/bD4F/pgzjxq1KgRBYeEMAuWT+/9+x3KyjqqPFPgLq4rUQEIKyFcorsTJYptqjyoQVYhQu2WNTCjgJVAhG/f3r00ctRoCggIoELm3tlbDwjnjddfo9at29D051+kBx96mBo0aEArli+j3NxTyrP0adGiBXl4eFBEZAR5+/jQKPZZk++eQtt3bKf0tDQxv3Iz152oAISFFKUH+3pQEyfZFMmZZvplv3PL4AoYzBUVFeTn50/PPPscvffBHHphxkvUvHkL5RkWIKrSslIaOmw4PfvcdHrxxZfopptvoeT16ykzI1N5ljYtWrSkefPm0urVq+idWbMoLDSM/vTnB2nEyFHUqlUrunDhQpXWTlA7fhcZFTUFVmgT84ZeS6rQbTDTLFCiV0dLFNZYX3zVAYLCQH/2L09zFy2hY0eKjW3Oe2wkdu9OPsyiPPn4Y/TVgkU0bvxN1Dwminy8fahZdDP++pM5J7mb2KZNHAUEBvDX4T2tP0OZeCCW3bt20cmTORQTE8sjgPhdu/btuTU8evQozftwPo0ZO45MpuvyelonXNeiAlij+i7FzEtOtEDC7ZDWEj01qHaDEAP+lb+/TG/PfJNbKwAXDYMbg3zQ4MFXRHXLrbfRnRNvp59/WsyfVx3wXsD63j179eJuZllZGT8Go0aPobfensUsVmvlEYE7uO5FBU6ck+mdtWbapzNdQS3W04Mkig+tubWCxVizZjVt3rRJeaSS+Ph47gIuW7aUCepWatu2HX/8t19/oT27d1NBQQGtSlpJJiacYcwlDA0LpfLyi+Tl5cncOcuiWkCAPxcu5l6dOnWh3n36UElJCS357VduofD5N944gkcERQcq9yJExYAbuD5Dpv+sZ3MZjaUchN9viDfRQ33rplQE856cnBN80TZlzx76+qsvuaj+8c9XadpDj1DDhg2VZwrqI/VGVFgfKrko80F9/pJEF5lbhgJF68k1ZBdXzwaW/hP+nhLvBYiAg1GcuyDTlztkWnJAJvaxDrQKkmlaXw9KiHD/VR7W7ObxY6ioqIgfY741ZOgwem76C9zSCOo3V1VUzCOh06VIZJUou9BMRwuITrFxdKaUDXLm1RSft4gK3gr6/gUwIaHfX3QTE7VsStSc3dCazMuACzc+Z/sxM320hSirwPFPgoz3iZ0lurOrye39BTEXevKJR/kCcHBwCCUkdKQJE++gjp06Kc8Q1GeuiqjgbmUXyrTrhEwHcolX8WKh1ZUWz7BaLYOI2oeZeFZ6hzCZPVY7K3L+EjFRybQ81dJy2p7EZkR/7uPBhKw84CZgoZB1geBDeEQ4RUU1uxKIENR/6lxUqMxdn24pJEw9w9y9WiavwgWMbSpRLyas4fFEzWrRjgyWc2e2TB9slHnwwp7GzO18YoBE/Vu63wUUXLvU2WIFrNC+k2zAJsu0YDfR7pzaCwrA6h09K9PP+800l4kBn1HTqwTczHbhlq63WgEy9MhApgUsmkCgR52ICk2P1mWgA61MW7LQJUk2NP0HFqaMDXS4k++uk2nnCYvYaoI3cysHtDDxOZw9eM/NWUR5xcoDAoEGbhcVBuLSQ2Z6e42lUaZWZE0PWAvrrTrAGh5nbttbq8x0+LQl+OAq+Kx+LZirh3CjBtmFRCU1qKBA0OGZvzxNPmwyqL716dVdeYY+Z86cpscfe8Thtc0iw5RnVM3KFcspsUsnh/fAbdzokXT0qPP0J+Qi+vt62byuQ9s4/r20wLrYpo0byderoc1rcBs+dJDyLG1+/OF7h9c88vA0ystjE3An/PLzTxQbHenwWtymTJ5Ex4+zOUcd4FZRYTucH/bK9D5z+aoKQmBu5MWsRKAXUYQfUcdIiQayucvgVpafnaOQKoSOs1Xv7nGOWcJXV5gpp4bl8QjZB/lqv/b8JbREM9bSuhsM8L17U3h6lBa7du+ilcuX8+fp4ePjTZ6ensqRBSw2lxRrm21kdmDxWus9UfKCkhQ9UPJiT0R4BPn66nfnweesWpVExcoyhD3r162j48eOO/2ORuE2UWHdadVhM320ueqQHvpKIHP8lo4mem64B71/m4lmjmX3h5no2aGWn6+PNtG7t3jQo/0k6t9C4sJztk6FUP2/1pn5+pOrIC3uxjhJ10JuO2amC9fQvAqFjsePH7+SwmTP2fx8Sk9P17U6ICYmlucXqkE+4YkTzNfWAIJLSlqhHDmSzc5Hj4MHDyj3LHh7e1NERAT/qQes+SH2Or3vACt3YP++OinUdIuocBXfelymz7YrD+iA7ATUN01JJHpmqERTezCLFGnZIsceCCiQ/U3RMenJgSZ6sK+JesVYWjjrceAU0U/7lAMX6RatX2+196RE56+hRJQUZqVWLFvm9CqdmnqIjh1jE0YduvfoQXHx8cqRhZKSYlq/fq1yZAs+69gxfXdr3bo1yj1bMOhzT9m6eW3i4iiubVunScCwRMjgd/YdkdBcWlKiHLkPt4jqaD5z+1LMVOjESgT5SHQbs0wPMcszpr2Jb4NTXTwbEvWKlWgaey129fDSmf/g09GCbP8p1wUQwNxMPUsF62eWq3++VxMMstxTpxyKE/38mKlXsXnzJp5nqDcoIyOjuLVQr5chWRfZH7BK9qQdOUJF584pR458+80i3dcVFhYoRxZatmxFsbGxypEjOGcsmMNaWYEAGze2dReRe3ny5EnlyH0YLqoyZl2XH5YpPR8lCcqDdmBrG1inO7pKvLSipoQ2lmgSe4+bEiTdvhMQwNJDyoELIIMC/da1wNKesytifQL9LbZv2+bg+t119xTlngU8D6Uleu4TBqm/f4BN3qG1wcz58+eVRypZuOBrm8/E69WJvAcOHNCc/6xeneRQtNk0KIiaNNGvKMV5w2VUnwdSu8aOG68cWUA7gh07trv9f2e4qNAhdusxmc05tE8cc6G7mBCGtDHxDQNqCwIX49pLNKyNtjgRIEEkMJNZT1fAuyU20/7zVDArVXTh2rBU2dnZ9P1339oMpL79+tFfn3nWIUtjdVKSZmm/lQ4JCRQYaJtOAnetuNhRHCtWLFPuWQQVERHJROmvPMJex8Sbk5OjHFWya+dOLlYrsDYxMTFcJHqghmxvSorNd+zduw9vK+DlZbt/0o/ff6fccx+GigrrT9vZXEqvtwMXQIKJZyR4MktgFEHs7z2UiTTCT3ug55WY+TqZq2AjAy3wvzO6f4U7wCBDlM2+BP/BaQ/zQe7r66s8YmHt2jVXykS0GH7DDbxEX83Z/LPMShxUjipRz6eQZjV2/HiKjql04WDFkpPXKUeVwFVVf354eATPfdSbT8GFzMzM4Fn9aibccSf/js2aRSuPWIALeOqUe11AQ0WVWShRCrv4aIWbPUwS9WF/05FsrmukoAC8ivgQooGttUV1gV348kpdF0G0kxy/jPyqo5pXG8x5vvziMwfXD/VacMVQoq8GVifnhKXkRAsM0uCgYBs3DoLdyVwqNZi/wZ200q5dO7r//j/azIvwWViPUoMLwCkmKvVcKzIqkltIPbD2tHXLFl4uo6Zf//4UHBLM68rUwL1NWrlSOXIPhokKFbSH87R7kuN/0CyAeH9zH43InhHAlUTmelMfx/fHhQ8bGLhqXZyJ/7LZmO9x+dJl7nI5u6GUviZRq9LSEj63UYMeFn7+liDFo4894WABPpw3l86e1feVAwIDbdzGc+fO8eCCWohokaYmKDiYCyosLOzKnAzWCN9L3XZt27at/P3UNG7sR0FMyHqkpaXRls2blSML+I4o+gwJCWXiGsALN9XMnTNbd3nBCAwTFQICmLtogdB5lyiJOtt6DoaD3elb6/z9z5RIzLooB9VExwviZFXdgq9aHD6cSgP79XV6Gz92NP20+EflFdUHIWb7wMPkKfdcGaRBwUFMYJXzHICgxuk8nX8kA/007Ocp+Ax1kABt2KxAgBAiujphnUu9gIzXqedV25mo1PMzfA7EYR/FswJrl5WZ6eDeTpl6L79Y4LOjohC1jFR+Y2Hnjh1VZpDUBkNEhcF3tpR0Q9d+zDohK0IPpC4Z0RE20FPiGRlalFxi51jZrqHegEgXGrU4u2HQlJayP7CLvPXm6zbzE4Amm9ZJv7eXN/Xu1ZvfV7N9+zblniOjx4zl1kMNyv3z88/w+zwiqBIlBJzQIYFbqC5du/IIopUiJqAtmyvbC2AhWe3GIeI3YOBA5cgRRB6XL1/mEC0cOXKUco/N59icqm3btspRJaikdheGiApzqDz2P9cbtM0CmR8fqhyo4OH3VJm+3C7Twl1m2nSUTaxrkAFhBVa+gU5NFaKArla5OHt2U/1gVL0AgztppW1GAwIGGORWl6+xnx9Nmny3gwv4wez3dedV6OYUyCyPmqyjR+lwaiq/n56eRueKKl04zIm69+jJ72N+ExLK3AkFhNS3bt3CXTEIAy2r1QLBWlr7Dh2UI0fQINTe9UNgomWrVsoRcbezW2J3hxYE6L9oPw8zCkNEdZmpKldnvoL5VFyI4zoSggfIuPhkq0wLmKAW7pJp/haZVqdbSuprAuQk6UhBZueoFUBxRoWTeVMTHxffrI5BlMv+Cn7jiBHUomVlj0HMNeBe2btz+/amXLE8WqDxjBoEC9LSjnCriEYzZSqrioahCIkDuH/oQ2gVMc4PgRHMF2GRYXnUQQpvH6Qn2bpuVvDalJQ9Ngu+YMy4cTZRTVjl5i1acBdUzeHUw7yxqDswRFRYtzmtN49mY6+Txt8FdU+r08w8ORXABTxRhIVamY7ZLqhXG7yHnnAkE4StLxItss7qR/iiAgz501GTpk1591hnt9snTKS4ONsUoap4/dVXHFw/DOBPPv6Yt0mz3r5ZtJA87UQFvvj8M+WeI2jyqQauKawGBjrWjDDXARAP1rVgEa3ENG9uE+goLimm3LxcnhGRc6JyfgXBd+3azSHsbwVzOEQP7QMOebm59K9ZM22+48YNycpvK0EQZ/nypcqRsRhS+Ytiw9kbZVp1xHEQYhx/PtlEwXZRuS93mOnbPdhtXnlAAVG8Z4aYqE9z1wQAECxBoeLqNMevhKggcgtHxFf/fd9LNtNvB7T/PLNv9aBW+kEpBzApf/H56bw3upqEjp1o+Yok5UibM8xqzJr5Fn326SfKIxaQaZCdo10OEREa5BBJQ5DA3g2CZcC52Q9OROwys7IdImcAlim+dUvlyMLjTzxFz784gybefgutXbOGCzqwSROa8dLLfF3MCjLX75s6hbdPA7CUr73xJl9nwmYM1mggLMxHH39KN99yKz+2B65il84J/KcaJN3aL2prfUcIfujQYbToux+cJurWBIMsFaJr+ld1e0EBM3etHB9HwMKVmis1Gez/kXlW+8Vw1xDWdwV0r9UCSbx+XjU8STs8mF+Mwef0xlyXRnZlF85ASzOt1CEMLAxm9Q1rWVrhZQxW+xw8K9HRMQ7uFIQGi5CXa+mKC/z9/GngwMH8vpXBQ4YywVRaH4gJWRQFZwvoguqcef/Czp2VI0d+ZeK0FxTA967Od4TQTp46RRnp6cojxmGMD8Mw6+Z0a+PriZJ1x4GJKuEsJgxXS9ZR6r47G6X1ygMqcGYR/iZqHVz9c0QQRa9spBG72KvWP+sd8/47x2E+VRPmzJ6t3HMkPMw23QSNarA+dVo1x4FljIy09f3hzqmzMuAqIsMB63HqwAFcUr35FPjs04+VezUH87hVq1Y6uMm1xRBRYXz5apSfW4FQ7EHXV70k2C3HZV4PVV3w/iknidZn6oiAeTBh7OLoSiYHuj3p/a1DfNiV1MX5WV2B2qjCgkKbgQKXLyQ0lFsYvRssj33nWogE1k0Le7cMqULIVEDtFsB7IaBhvw4G2re3jejtYvOwHTt22Jxz3779dN0yfEeIWA0EjJQmre9mvWG9S/0d4Wpi43K9wsaaYoioIA5/J96JViZDDPMePHUGJpJfN2aSblKuGgQmsD72wx4z5Wh0QALY/7ebbQqYU/C/XXJIX1T9Wki8l0V95Ouvv+QTfzXYkudvz03nfdT1buPH3+Qw34LblJGRoRzZguCJOhQPi4PonTVIgXkNesTbz28AehiqST10kBcYqrFPoVLz+eefOlQOoyfic88/r/ndrLdBg4fYfEeIGG4rCjSNxBhLxbSB6l0tMDDhztmD+ql4jbUrgHkVyvB/O+h83Qou36ojMn26zUwpOn3QIfi2oRJ1idQ+Py3wmXuwk6JyrKYBGyPtI0y8pqs+siE52eHKiyK/qffezweq3g0CwDqWmqKic/TtooU2FsRKfNu2DpkO6udBcMOH36gc2dJ/wECbrHO4qvbuao+elrUtLbDGZM+AAYNo4sQ7Nb+b9Xbb7RPIxy6aiIvGnt27bEL5tcUwS6W7GMrG8qE8xwGN14xP0B/oRWxgL9xNvAffmjR2RWFWqJh5IlhgRjrU0oNmen8DBCXTQSf9QJBhcXNHfVdTiw1HLZ+vRQi7GKBTbvUlWnegehcTf/UAgVsU1axZlRGufv3684wHtXuESf+mTRs0gx54HgoX9cDvretT9kCMYXZzMjUoEdF774MHDjisL+H92rRpYxO612LY8OEUEly5+AwQ7EBltLOCSlcxRFRoxBKq05MDF6/0M9pXgQ5hEi+P1wMWY006FoXNvEPSy8sq6JUVFfSvtRX02XaZVjMrdcbJ3AvjY2JX13brQIBkU5bMW55p0SdWojDn/7urBvYFtmY2WIH1wdY8arFogRB6WHi4jbsGy4NoHtaQ7MH7Db9B2xKBuHhmyZwMcpTn6wE3Te8igIph+5Qt7L/VvkOCpqupBgm29hkauABhsTsrS7+VgKsYIipMjYJwBde5GJ44J/GaJnsQQLi3p/NSeojyNPsbHmHWaT9z8WCVEOErYBdPfTlZGNXWRCPiTS5ZlXUZZnYRsHyuPWgrjbUpbI5QH0HWt3VTAytNmjahbt0SlSPndOnSlfduV4MAxOIff7Bx7QDcu1tvu91mXqVmwkTbOZc9d066S7nnCNw0PbZs2eQQHo9nAm7ZynbdTI8RI0Y6XGCwYI3KYaNcQENEBQK9ZYoP0R6+xWzuukYnIwSVwE8ONmaTATWDmAX8cx/2vi4EFM5dINp+nLkEZdpybR+G3T/0G8JcTeD6HWY3+3kNRFLdxU0M5jZxbZQjC9ZtfRC0sCcsPEw342H8TTcr97Sxn1epadeuvXLPFljMjPQMm++IjcKxI2XTpkHKI85B8SJcYjVYyzp08KBuuzVXMayXeulFmQcXvt7pGDWDJUuMkmj6Ddol9NgMYCObxyAbAs1itKxEdcBgR2dZlNZPSZR4pXF1wTn8yM7/K3b+9lkeAOH4KYkmur1zfZSUoD5hmKVC8WHLpiZN1whh78wCYsIxa7psDT0k6ttcokf6S9SOWQNXrRasOV4D1wzu5NTuJpcEhfNLzbMEKLQEhXdqySxUxzrYm0pw7WOYqDDcYpvKzEXSHnhnmUsFa4S9p7RAISOE9Wg/E41pZ6I45to7W1AGEBOie+3D0fzFRE8N8qCx7STydWHOA6uIdbRfDshMWNomEhvN9WnOfHedJQCBQI2hW+lg98PF+8y0aLd2+YY/E8AdXSQazQa+t06vPoB20QgWpJ6W+RoXhIh5GRaDIT4f9trGTHAhjYmaN5EoLlRigiZiBs9lSsqJb6L98wFmRTX+EhBux3CipwebKEynsYxAoMbw/anS84lmJ1fwzdy0aMEGPzZOQyfa6mT6YNCjPKT0osTFhvA9gg8+jWSeKVGbjd7g6qGea1mqWTfXMJC5kU8Mkqh3bO0EhaI/7DaPIr6p997Ha4uQFfD3l2bw9RMsSqoXNd94c6ZNEADdVTesX0+Tp0zhPRjQbxxVr6hyxZrP/PkfKs8kmv78CzRr5kwqv2ibYpSQkMCDEfYRPoGxGOb+WYkJlKlXLOZW2oMwi82tUOWbU810K8zRogMlXjncKcISgcMOiuHMatRGULB6czaa+Y4kzpJ3RzGrih0UawvCwOjmCmFZSzIuXDhPX3z+Kc/SbtSwEe3etZPmfziPzpeVMQtp+93279vL12jQEjkjI51mvPA8Ja9bx7MlkNF95HAqf+2Z06d51A89GJD+8+nH8y1iTjvCQ+5GJNoKnGO4qBB0GNIaQpA1Q88ICqBA8b9sQBe5p5q5SjC/e2u1TElHZF6BrEcH5vZN6Iwd6WtnpaoDGqr07NWbi+ne+/+gGwa/XHGZnnzsUW7xvlq4iLdERsoQNtrGa5FXB0s0e85ceuff7/Gq3sTE7jR33kf0+BNP8gVQgXsxXFQAqTyTujJr5VhQykG91I5smWYsreAlFnUF5kxYPP77cjPfvM1Zsxm4lv8Y4aG5+Zs7wHqLZyNLhKWxr202tZoXpv+NkpPX0zff/XClGhhJotaSeKz9ILMALiGyxPE+ECgyuFFlrFV0KDAWt4gK46FHtEQj4iTdeRMs1qE8omnfm3mraIOndjbgswrZvOzXAzK9nmTm4XOzzmIYThcdb18b08ClKGJdkJ19nLl0h3gmOMoyjEwCFRiHW0QFIKzJiSY2H9EXFkDDmNdWyvR9imXz6osGigu6yS+zWMW311jmUHkl+u+P04zwl+jxgR4U08S487ACq1FefvFKmk1hYSGf/3h565h0OxDsQANMdCVa8PVXvBZIUP9wm6gAsieeGmyirlGWrHQ9sPPhgl2W/Xoxz0E9ldYibHWAkNAzA40zkYw7b5OZWyf0eIfF0gPCR1j+/p6S5XydXAhqAlwyuHjHj2XxKB627kQrMPTQ69WrD8/ZQ6kFQEWqlhWCSzdg0CB6/Y2Z5B8QQA9Pe4AX2iGFCIWJIC+vsqZJcHVwq6gA5iYP9DFRzxjJ6UDF/CaFuYEfbpZp7qYKvtaFSt6MfNRUKU/SAaH2nCKZV/8uTzXTV0ygH2ysoFlrzbSWCauqeRt6TiBj/r6eJr7vFdbCjAaiwm4byJL+z7v/pscefZh+XryYRo8dyzO20VQymYkNeW0fvP+eZvNMzI0aNmjIn4/e5IgCIpSOnLglS37jr0U0saq9cQXuxfB1Ki1gPY4WEC3YaaYtx7Rz6+yB+4iAR7i/zDshNWEeUgCb63ipwujYfxeCKUKdValMZ88jo13iJSP4zOrQiAkIlbw3JViyOKqzdlZTUJqOjdWw925ZWSlfq+rarRvf+hPl4Rs2rFeeSXTP1Pts+vFBOPv376PBQ4Zwi4Wy9W++WcjfA1Wv2CjbyoQJd/CgBOqgFjI3MTomhkcHqyqNEBhDnYgKwPWCNfl5n0yr0ohKyl37WAx2LPqqxwWmJrBSWj0wqoOvp0STuhANaIkaKTeqSXBdUWeiAvigEmZF1jK3buFOS/rR1QBWsFc00dQeHhTh73oCr0DgjDoVlZUKZrZOFBF9xOZP2HWxroCY0HDmji6WuVNVCbsCQU24KqKygnkPSte/2W3m6UuYazmL0NUEuI2ohQr3s6QcDWaunr9OkxqBwAiuqqisnL/ILFY20do0mYsLTSwRgKipwBB88G2EIkXLZnPog4HFaGGZBHVBvRCVFZSOQFQpJ82Ulm+pvSo6b6kqvnBZ4gvDCEpAbLA1sEDYdAA/vRvKPPk2wEviJfooKmwXDndPWCVB3VKvRKUG+YGnimTKLZGooMySfAvrdbFC4ntNkSRzy4NSEH8mpEBvS892dDpCvp47Q+MCgTPqragEgmsVt2dUCATXG0JUAoHBCFEJBAYjRCUQGIwQlUBgMEJUAoHBCFEJBAYjRCUQGIwQlUBgMEJUAoHBCFEJBIZC9H8N2KynRYkKgQAAAABJRU5ErkJggg==";
 var Property3 = function(props) {
     return /* @__PURE__ */ React6.default.createElement("div", {
@@ -6041,7 +5999,17 @@ var Image = function(props) {
         src: "data:image/pngg;charset=utf-8;base64,".concat(base64)
     }), /* @__PURE__ */ React6.default.createElement("div", {
         className: "absolute right-0 top-0 text-red-900 opacity-0 transition-all hover:opacity-50 group-hover:opacity-100"
-    }, /* @__PURE__ */ React6.default.createElement(_ai.AiOutlineClose, null)));
+    }, /* @__PURE__ */ React6.default.createElement("svg", {
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "h-4 w-4",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
+    }, /* @__PURE__ */ React6.default.createElement("path", {
+        fillRule: "evenodd",
+        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+        clipRule: "evenodd"
+    }))));
 };
 var styles2 = {
     bold: "B",
@@ -6134,20 +6102,20 @@ var BackToTop = function(_param) {
             _optionalChain([
                 props,
                 "access",
-                function(_101) {
-                    return _101.anchor;
+                function(_99) {
+                    return _99.anchor;
                 },
                 "access",
-                function(_102) {
-                    return _102.current;
+                function(_100) {
+                    return _100.current;
                 },
                 "optionalAccess",
-                function(_103) {
-                    return _103.removeEventListener;
+                function(_101) {
+                    return _101.removeEventListener;
                 },
                 "call",
-                function(_104) {
-                    return _104("scroll", onScroll);
+                function(_102) {
+                    return _102("scroll", onScroll);
                 }
             ]);
             clearInterval(interval);
@@ -6226,12 +6194,12 @@ var HawaPinInput = function(_param) {
             _optionalChain([
                 previousInput,
                 "optionalAccess",
-                function(_105) {
-                    return _105.focus;
+                function(_103) {
+                    return _103.focus;
                 },
                 "call",
-                function(_106) {
-                    return _106();
+                function(_104) {
+                    return _104();
                 }
             ]);
         }
@@ -6257,12 +6225,12 @@ var HawaPinInput = function(_param) {
                 _optionalChain([
                     nextInput,
                     "optionalAccess",
-                    function(_107) {
-                        return _107.focus;
+                    function(_105) {
+                        return _105.focus;
                     },
                     "call",
-                    function(_108) {
-                        return _108();
+                    function(_106) {
+                        return _106();
                     }
                 ]);
             } else if (e.target.value.length === 0) {
@@ -6270,12 +6238,12 @@ var HawaPinInput = function(_param) {
                 _optionalChain([
                     previousInput,
                     "optionalAccess",
-                    function(_109) {
-                        return _109.focus;
+                    function(_107) {
+                        return _107.focus;
                     },
                     "call",
-                    function(_110) {
-                        return _110();
+                    function(_108) {
+                        return _108();
                     }
                 ]);
             }
@@ -6421,16 +6389,16 @@ var HawaPricingCard = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_111) {
-            return _111.features;
+        function(_109) {
+            return _109.features;
         },
         "optionalAccess",
-        function(_112) {
-            return _112.map;
+        function(_110) {
+            return _110.map;
         },
         "call",
-        function(_113) {
-            return _113(function(feature, o) {
+        function(_111) {
+            return _111(function(feature, o) {
                 return /* @__PURE__ */ React6.default.createElement("li", {
                     key: o,
                     className: "flex "
@@ -6535,24 +6503,24 @@ var HawaLandingCard = function(_param) {
     }, props), _optionalChain([
         props,
         "access",
-        function(_114) {
-            return _114.texts;
+        function(_112) {
+            return _112.texts;
         },
         "optionalAccess",
-        function(_115) {
-            return _115.titleTip;
+        function(_113) {
+            return _113.titleTip;
         }
     ]) && /* @__PURE__ */ React6.default.createElement("div", {
         className: "text-sm text-red-600"
     }, _optionalChain([
         props,
         "access",
-        function(_116) {
-            return _116.texts;
+        function(_114) {
+            return _114.texts;
         },
         "optionalAccess",
-        function(_117) {
-            return _117.titleTip;
+        function(_115) {
+            return _115.titleTip;
         }
     ])), props.imageURL && /* @__PURE__ */ React6.default.createElement("img", {
         className: "absolute -bottom-10 -right-10 h-40 w-auto ",
@@ -6560,68 +6528,68 @@ var HawaLandingCard = function(_param) {
     }), _optionalChain([
         props,
         "access",
-        function(_118) {
-            return _118.texts;
+        function(_116) {
+            return _116.texts;
         },
         "optionalAccess",
-        function(_119) {
-            return _119.title;
+        function(_117) {
+            return _117.title;
         }
     ]) && /* @__PURE__ */ React6.default.createElement("div", {
         className: "mt-2 text-lg font-medium"
     }, _optionalChain([
         props,
         "access",
-        function(_120) {
-            return _120.texts;
+        function(_118) {
+            return _118.texts;
         },
         "optionalAccess",
-        function(_121) {
-            return _121.title;
-        }
+        function(_119) {
+            return _119.title;
+        }
     ]), " "), _optionalChain([
         props,
         "access",
-        function(_122) {
-            return _122.texts;
+        function(_120) {
+            return _120.texts;
         },
         "optionalAccess",
-        function(_123) {
-            return _123.description;
+        function(_121) {
+            return _121.description;
         }
     ]) && /* @__PURE__ */ React6.default.createElement("div", {
         className: "z-10 mt-4 text-sm"
     }, _optionalChain([
         props,
         "access",
-        function(_124) {
-            return _124.texts;
+        function(_122) {
+            return _122.texts;
         },
         "optionalAccess",
-        function(_125) {
-            return _125.description;
+        function(_123) {
+            return _123.description;
         }
     ])), _optionalChain([
         props,
         "access",
-        function(_126) {
-            return _126.texts;
+        function(_124) {
+            return _124.texts;
         },
         "optionalAccess",
-        function(_127) {
-            return _127.linkText;
+        function(_125) {
+            return _125.linkText;
         }
     ]) && /* @__PURE__ */ React6.default.createElement("div", {
         className: "z-10 mt-6 text-sm underline underline-offset-8"
     }, _optionalChain([
         props,
         "access",
-        function(_128) {
-            return _128.texts;
+        function(_126) {
+            return _126.texts;
         },
         "optionalAccess",
-        function(_129) {
-            return _129.linkText;
+        function(_127) {
+            return _127.linkText;
         }
     ])));
 };
@@ -7616,16 +7584,16 @@ var useBreakpoint = function() {
     var _react_useState_call = _sliced_to_array(_react.useState.call(void 0, _optionalChain([
         window,
         "optionalAccess",
-        function(_130) {
-            return _130.innerWidth;
+        function(_128) {
+            return _128.innerWidth;
         }
     ])), 2), breakpoint = _react_useState_call[0], setBreakpoint = _react_useState_call[1];
     var resize = function() {
         setBreakpoint(_optionalChain([
             window,
             "optionalAccess",
-            function(_131) {
-                return _131.innerWidth;
+            function(_129) {
+                return _129.innerWidth;
             }
         ]));
     };
@@ -7634,24 +7602,24 @@ var useBreakpoint = function() {
             _optionalChain([
                 window,
                 "optionalAccess",
-                function(_132) {
-                    return _132.addEventListener;
+                function(_130) {
+                    return _130.addEventListener;
                 },
                 "call",
-                function(_133) {
-                    return _133("resize", resize);
+                function(_131) {
+                    return _131("resize", resize);
                 }
             ]);
             return function() {
                 _optionalChain([
                     window,
                     "optionalAccess",
-                    function(_134) {
-                        return _134.removeEventListener;
+                    function(_132) {
+                        return _132.removeEventListener;
                     },
                     "call",
-                    function(_135) {
-                        return _135("resize", resize);
+                    function(_133) {
+                        return _133("resize", resize);
                     }
                 ]);
             };
@@ -7718,16 +7686,16 @@ var HawaSiteLayout = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_136) {
-            return _136.navItems;
+        function(_134) {
+            return _134.navItems;
         },
         "optionalAccess",
-        function(_137) {
-            return _137.map;
+        function(_135) {
+            return _135.map;
         },
         "call",
-        function(_138) {
-            return _138(function(param, i) {
+        function(_136) {
+            return _136(function(param, i) {
                 var label = param.label;
                 return /* @__PURE__ */ React6.default.createElement("div", {
                     onClick: function() {
@@ -8000,7 +7968,12 @@ var AppLayout = function(_param) {
         alignOffset: 8,
         side: "bottom",
         sideOffset: 5,
+        width: props.profileMenuWidth,
         direction: isRTL ? "rtl" : "ltr",
+        items: props.profileMenuItems,
+        onItemSelect: function(e) {
+            return console.log("selecting item ", e);
+        },
         trigger: /* @__PURE__ */ React6.default.createElement("div", {
             className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"
         }, props.avatarImage ? /* @__PURE__ */ React6.default.createElement("img", {
@@ -8015,11 +7988,7 @@ var AppLayout = function(_param) {
             fillRule: "evenodd",
             d: "M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",
             clipRule: "evenodd"
-        }))),
-        items: props.profileMenuItems,
-        onItemSelect: function(e) {
-            return console.log("selecting item ", e);
-        }
+        })))
     }))), /* @__PURE__ */ React6.default.createElement("div", {
         className: _clsx2.default.call(void 0, "fixed  z-40 flex  flex-col justify-between overflow-x-clip   transition-all", design === "floating" ? isRTL ? "right-5 top-5" : "bottom-5 left-5 top-5" : isRTL ? "right-0 top-0 h-full" : "left-0 top-0 h-full"),
         style: {
@@ -8084,22 +8053,22 @@ var AppLayout = function(_param) {
         content: keepOpen ? _optionalChain([
             props,
             "access",
-            function(_139) {
-                return _139.texts;
+            function(_137) {
+                return _137.texts;
             },
             "optionalAccess",
-            function(_140) {
-                return _140.collapseSidebar;
+            function(_138) {
+                return _138.collapseSidebar;
             }
         ]) || "Collapse Sidebar" : _optionalChain([
             props,
             "access",
-            function(_141) {
-                return _141.texts;
+            function(_139) {
+                return _139.texts;
             },
             "optionalAccess",
-            function(_142) {
-                return _142.expandSidebar;
+            function(_140) {
+                return _140.expandSidebar;
             }
         ]) || "Expand Sidebar"
     }, /* @__PURE__ */ React6.default.createElement(Button, {
@@ -8283,28 +8252,28 @@ var HawaAppLayout = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_143) {
-            return _143.drawerItems;
+        function(_141) {
+            return _141.drawerItems;
         },
         "optionalAccess",
-        function(_144) {
-            return _144.map;
+        function(_142) {
+            return _142.map;
         },
         "call",
-        function(_145) {
-            return _145(function(dSection, dIndex) {
+        function(_143) {
+            return _143(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(_146) {
-                        return _146.map;
+                    function(_144) {
+                        return _144.map;
                     },
                     "call",
-                    function(_147) {
-                        return _147(function(dItem, i) {
+                    function(_145) {
+                        return _145(function(dItem, i) {
                             return /* @__PURE__ */ React6.default.createElement("div", {
                                 key: i,
                                 id: "test",
@@ -8320,16 +8289,16 @@ var HawaAppLayout = function(_param) {
                                 className: _clsx2.default.call(void 0, props.currentPage === dItem.slug || _optionalChain([
                                     dItem,
                                     "access",
-                                    function(_148) {
-                                        return _148.subItems;
+                                    function(_146) {
+                                        return _146.subItems;
                                     },
                                     "optionalAccess",
-                                    function(_149) {
-                                        return _149.find;
+                                    function(_147) {
+                                        return _147.find;
                                     },
                                     "call",
-                                    function(_150) {
-                                        return _150(function(e) {
+                                    function(_148) {
+                                        return _148(function(e) {
                                             return e.slug === props.currentPage;
                                         });
                                     }
@@ -8351,28 +8320,28 @@ var HawaAppLayout = function(_param) {
                                     height: openSubItem == dItem.slug && openSideMenu ? 6 + 33 * _optionalChain([
                                         dItem,
                                         "access",
-                                        function(_151) {
-                                            return _151.subItems;
+                                        function(_149) {
+                                            return _149.subItems;
                                         },
                                         "optionalAccess",
-                                        function(_152) {
-                                            return _152.length;
+                                        function(_150) {
+                                            return _150.length;
                                         }
                                     ]) : 0
                                 }
                             }, _optionalChain([
                                 dItem,
                                 "access",
-                                function(_153) {
-                                    return _153.subItems;
+                                function(_151) {
+                                    return _151.subItems;
                                 },
                                 "optionalAccess",
-                                function(_154) {
-                                    return _154.map;
+                                function(_152) {
+                                    return _152.map;
                                 },
                                 "call",
-                                function(_155) {
-                                    return _155(function(subIt, s) {
+                                function(_153) {
+                                    return _153(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"),
@@ -8599,28 +8568,28 @@ var HawaAppLayoutSimplified = function(_param) {
     }, _optionalChain([
         props,
         "access",
-        function(_156) {
-            return _156.drawerItems;
+        function(_154) {
+            return _154.drawerItems;
         },
         "optionalAccess",
-        function(_157) {
-            return _157.map;
+        function(_155) {
+            return _155.map;
         },
         "call",
-        function(_158) {
-            return _158(function(dSection, dIndex) {
+        function(_156) {
+            return _156(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(_159) {
-                        return _159.map;
+                    function(_157) {
+                        return _157.map;
                     },
                     "call",
-                    function(_160) {
-                        return _160(function(dItem, i) {
+                    function(_158) {
+                        return _158(function(dItem, i) {
                             return /* @__PURE__ */ React6.default.createElement("div", {
                                 key: i,
                                 id: "test",
@@ -8636,16 +8605,16 @@ var HawaAppLayoutSimplified = function(_param) {
                                 className: _clsx2.default.call(void 0, props.currentPage === dItem.slug || _optionalChain([
                                     dItem,
                                     "access",
-                                    function(_161) {
-                                        return _161.subItems;
+                                    function(_159) {
+                                        return _159.subItems;
                                     },
                                     "optionalAccess",
-                                    function(_162) {
-                                        return _162.find;
+                                    function(_160) {
+                                        return _160.find;
                                     },
                                     "call",
-                                    function(_163) {
-                                        return _163(function(e) {
+                                    function(_161) {
+                                        return _161(function(e) {
                                             return e.slug === props.currentPage;
                                         });
                                     }
@@ -8665,28 +8634,28 @@ var HawaAppLayoutSimplified = function(_param) {
                                     height: openSubItem == dItem.slug && openSideMenu ? 6 + 35 * _optionalChain([
                                         dItem,
                                         "access",
-                                        function(_164) {
-                                            return _164.subItems;
+                                        function(_162) {
+                                            return _162.subItems;
                                         },
                                         "optionalAccess",
-                                        function(_165) {
-                                            return _165.length;
+                                        function(_163) {
+                                            return _163.length;
                                         }
                                     ]) : 0
                                 }
                             }, _optionalChain([
                                 dItem,
                                 "access",
-                                function(_166) {
-                                    return _166.subItems;
+                                function(_164) {
+                                    return _164.subItems;
                                 },
                                 "optionalAccess",
-                                function(_167) {
-                                    return _167.map;
+                                function(_165) {
+                                    return _165.map;
                                 },
                                 "call",
-                                function(_168) {
-                                    return _168(function(subIt, s) {
+                                function(_166) {
+                                    return _166(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 "),
@@ -8720,22 +8689,22 @@ var HawaAppLayoutSimplified = function(_param) {
         content: keepOpen ? _optionalChain([
             props,
             "access",
-            function(_169) {
-                return _169.texts;
+            function(_167) {
+                return _167.texts;
             },
             "optionalAccess",
-            function(_170) {
-                return _170.collapseSidebar;
+            function(_168) {
+                return _168.collapseSidebar;
             }
         ]) || "Collapse Sidebar" : _optionalChain([
             props,
             "access",
-            function(_171) {
-                return _171.texts;
+            function(_169) {
+                return _169.texts;
             },
             "optionalAccess",
-            function(_172) {
-                return _172.expandSidebar;
+            function(_170) {
+                return _170.expandSidebar;
             }
         ]) || "Expand Sidebar"
     }, /* @__PURE__ */ React6.default.createElement(Button, {
@@ -8890,16 +8859,16 @@ var Footer = function(_param) {
     }, "\xa9 ", props.copyRights, " ", /* @__PURE__ */ new Date().getFullYear()), _optionalChain([
         props,
         "access",
-        function(_173) {
-            return _173.footerLinks;
+        function(_171) {
+            return _171.footerLinks;
         },
         "optionalAccess",
-        function(_174) {
-            return _174.map;
+        function(_172) {
+            return _172.map;
         },
         "call",
-        function(_175) {
-            return _175(function(pagesSection) {
+        function(_173) {
+            return _173(function(pagesSection) {
                 return /* @__PURE__ */ React.createElement("div", {
                     className: "flex w-32 flex-col gap-2"
                 }, /* @__PURE__ */ React.createElement("div", {
@@ -9011,12 +8980,12 @@ var UserProfileForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_176) {
-                        return _176.fullName;
+                    function(_174) {
+                        return _174.fullName;
                     },
                     "optionalAccess",
-                    function(_177) {
-                        return _177.message;
+                    function(_175) {
+                        return _175.message;
                     }
                 ])
             }, field), {
@@ -9046,12 +9015,12 @@ var UserProfileForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_178) {
-                        return _178.email;
+                    function(_176) {
+                        return _176.email;
                     },
                     "optionalAccess",
-                    function(_179) {
-                        return _179.message;
+                    function(_177) {
+                        return _177.message;
                     }
                 ]),
                 placeholder: props.texts.emailPlaceholder
@@ -9081,12 +9050,12 @@ var UserProfileForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_180) {
-                        return _180.password;
+                    function(_178) {
+                        return _178.password;
                     },
                     "optionalAccess",
-                    function(_181) {
-                        return _181.message;
+                    function(_179) {
+                        return _179.message;
                     }
                 ])
             }, field), {
@@ -9111,12 +9080,12 @@ var UserProfileForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_182) {
-                        return _182.confirmPassword;
+                    function(_180) {
+                        return _180.confirmPassword;
                     },
                     "optionalAccess",
-                    function(_183) {
-                        return _183.message;
+                    function(_181) {
+                        return _181.message;
                     }
                 ])
             }, field), {
@@ -9223,6 +9192,7 @@ var Icons = {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 20 20"
         }, props), /* @__PURE__ */ React.createElement("path", {
+            fill: "currentColor",
             d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
         }));
     },
@@ -9357,12 +9327,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_184) {
-            return _184.texts;
+        function(_182) {
+            return _182.texts;
         },
         "optionalAccess",
-        function(_185) {
-            return _185.continueWithGoogle;
+        function(_183) {
+            return _183.continueWithGoogle;
         }
     ]), function() {
         return "Continue With Google";
@@ -9375,12 +9345,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_186) {
-            return _186.texts;
+        function(_184) {
+            return _184.texts;
         },
         "optionalAccess",
-        function(_187) {
-            return _187.continueWithGithub;
+        function(_185) {
+            return _185.continueWithGithub;
         }
     ]), function() {
         return "Continue With Github";
@@ -9393,12 +9363,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_188) {
-            return _188.texts;
+        function(_186) {
+            return _186.texts;
         },
         "optionalAccess",
-        function(_189) {
-            return _189.continueWithTwitter;
+        function(_187) {
+            return _187.continueWithTwitter;
         }
     ]), function() {
         return "Continue With Twitter";
@@ -9411,12 +9381,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_190) {
-            return _190.texts;
+        function(_188) {
+            return _188.texts;
         },
         "optionalAccess",
-        function(_191) {
-            return _191.continueWithApple;
+        function(_189) {
+            return _189.continueWithApple;
         }
     ]), function() {
         return "Continue With Apple";
@@ -9429,12 +9399,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_192) {
-            return _192.texts;
+        function(_190) {
+            return _190.texts;
         },
         "optionalAccess",
-        function(_193) {
-            return _193.continueWithMicrosoft;
+        function(_191) {
+            return _191.continueWithMicrosoft;
         }
     ]), function() {
         return "Continue With Microsoft";
@@ -9447,12 +9417,12 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_194) {
-            return _194.texts;
+        function(_192) {
+            return _192.texts;
         },
         "optionalAccess",
-        function(_195) {
-            return _195.continueWithEmail;
+        function(_193) {
+            return _193.continueWithEmail;
         }
     ]), function() {
         return "Continue With Email";
@@ -9465,18 +9435,18 @@ var AppLanding = function(props) {
     }), _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_196) {
-            return _196.texts;
+        function(_194) {
+            return _194.texts;
         },
         "optionalAccess",
-        function(_197) {
-            return _197.continueWithPhone;
+        function(_195) {
+            return _195.continueWithPhone;
         }
     ]), function() {
         return "Continue With Phone";
     })), !props.withoutSignUp && /* @__PURE__ */ React6.default.createElement("div", {
         className: "p-3 text-center text-sm font-normal dark:text-gray-300"
-    }, props.texts.newUserText, " ", /* @__PURE__ */ React6.default.createElement("span", {
+    }, props.texts.newUserText, /* @__PURE__ */ React6.default.createElement("span", {
         onClick: props.handleRouteToSignUp,
         className: "clickable-link"
     }, props.texts.createAccount)))), /* @__PURE__ */ React6.default.createElement("div", {
@@ -9602,12 +9572,12 @@ var SignInForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_198) {
-                        return _198.email;
+                    function(_196) {
+                        return _196.email;
                     },
                     "optionalAccess",
-                    function(_199) {
-                        return _199.message;
+                    function(_197) {
+                        return _197.message;
                     }
                 ]),
                 placeholder: props.texts.emailPlaceholder,
@@ -9637,12 +9607,12 @@ var SignInForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_200) {
-                        return _200.username;
+                    function(_198) {
+                        return _198.username;
                     },
                     "optionalAccess",
-                    function(_201) {
-                        return _201.message;
+                    function(_199) {
+                        return _199.message;
                     }
                 ]),
                 placeholder: props.texts.usernamePlaceholder,
@@ -9681,12 +9651,12 @@ var SignInForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_202) {
-                        return _202.password;
+                    function(_200) {
+                        return _200.password;
                     },
                     "optionalAccess",
-                    function(_203) {
-                        return _203.message;
+                    function(_201) {
+                        return _201.message;
                     }
                 ]),
                 onChange: field.onChange,
@@ -9818,12 +9788,12 @@ var SignUpForm = function(props) {
                         helpertext: _optionalChain([
                             errors,
                             "access",
-                            function(_204) {
-                                return _204.fullName;
+                            function(_202) {
+                                return _202.fullName;
                             },
                             "optionalAccess",
-                            function(_205) {
-                                return _205.message;
+                            function(_203) {
+                                return _203.message;
                             }
                         ]),
                         onChange: field.onChange,
@@ -9852,12 +9822,12 @@ var SignUpForm = function(props) {
                         helpertext: _optionalChain([
                             errors,
                             "access",
-                            function(_206) {
-                                return _206.email;
+                            function(_204) {
+                                return _204.email;
                             },
                             "optionalAccess",
-                            function(_207) {
-                                return _207.message;
+                            function(_205) {
+                                return _205.message;
                             }
                         ]),
                         placeholder: props.texts.emailPlaceholder,
@@ -9891,12 +9861,12 @@ var SignUpForm = function(props) {
                         helpertext: _optionalChain([
                             errors,
                             "access",
-                            function(_208) {
-                                return _208.username;
+                            function(_206) {
+                                return _206.username;
                             },
                             "optionalAccess",
-                            function(_209) {
-                                return _209.message;
+                            function(_207) {
+                                return _207.message;
                             }
                         ]),
                         placeholder: props.texts.usernamePlaceholder,
@@ -9925,12 +9895,12 @@ var SignUpForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_210) {
-                        return _210.password;
+                    function(_208) {
+                        return _208.password;
                     },
                     "optionalAccess",
-                    function(_211) {
-                        return _211.message;
+                    function(_209) {
+                        return _209.message;
                     }
                 ]),
                 onChange: field.onChange,
@@ -9956,12 +9926,12 @@ var SignUpForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_212) {
-                        return _212.confirm_password;
+                    function(_210) {
+                        return _210.confirm_password;
                     },
                     "optionalAccess",
-                    function(_213) {
-                        return _213.message;
+                    function(_211) {
+                        return _211.message;
                     }
                 ]),
                 onChange: field.onChange,
@@ -9986,12 +9956,12 @@ var SignUpForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_214) {
-                        return _214.password;
+                    function(_212) {
+                        return _212.password;
                     },
                     "optionalAccess",
-                    function(_215) {
-                        return _215.message;
+                    function(_213) {
+                        return _213.message;
                     }
                 ]),
                 value: _nullishCoalesce(field.value, function() {
@@ -10040,12 +10010,12 @@ var SignUpForm = function(props) {
                 helperText: _optionalChain([
                     errors,
                     "access",
-                    function(_216) {
-                        return _216.terms_accepted;
+                    function(_214) {
+                        return _214.terms_accepted;
                     },
                     "optionalAccess",
-                    function(_217) {
-                        return _217.message;
+                    function(_215) {
+                        return _215.message;
                     }
                 ]),
                 onChange: function(e) {
@@ -10118,7 +10088,9 @@ var NewPasswordForm = function(props) {
             setMatchError(true);
         }
     };
-    return /* @__PURE__ */ React6.default.createElement(Card, null, matchError && /* @__PURE__ */ React6.default.createElement(HawaAlert, {
+    return /* @__PURE__ */ React6.default.createElement(Card, {
+        dir: props.direction
+    }, matchError && /* @__PURE__ */ React6.default.createElement(HawaAlert, {
         text: props.texts.passwordMatchError,
         severity: "error"
     }), props.passwordChanged ? /* @__PURE__ */ React6.default.createElement(CardContent, {
@@ -10141,12 +10113,12 @@ var NewPasswordForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_218) {
-                        return _218.password;
+                    function(_216) {
+                        return _216.password;
                     },
                     "optionalAccess",
-                    function(_219) {
-                        return _219.message;
+                    function(_217) {
+                        return _217.message;
                     }
                 ])
             }, field), {
@@ -10172,12 +10144,12 @@ var NewPasswordForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_220) {
-                        return _220.confirmPassword;
+                    function(_218) {
+                        return _218.confirmPassword;
                     },
                     "optionalAccess",
-                    function(_221) {
-                        return _221.message;
+                    function(_219) {
+                        return _219.message;
                     }
                 ])
             }, field), {
@@ -10215,34 +10187,34 @@ var ResetPasswordForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_222) {
-                        return _222.texts;
+                    function(_220) {
+                        return _220.texts;
                     },
                     "optionalAccess",
-                    function(_223) {
-                        return _223.emailLabel;
+                    function(_221) {
+                        return _221.emailLabel;
                     }
                 ]),
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_224) {
-                        return _224.email;
+                    function(_222) {
+                        return _222.email;
                     },
                     "optionalAccess",
-                    function(_225) {
-                        return _225.message;
+                    function(_223) {
+                        return _223.message;
                     }
                 ]),
                 placeholder: _optionalChain([
                     props,
                     "access",
-                    function(_226) {
-                        return _226.texts;
+                    function(_224) {
+                        return _224.texts;
                     },
                     "optionalAccess",
-                    function(_227) {
-                        return _227.emailPlaceholder;
+                    function(_225) {
+                        return _225.emailPlaceholder;
                     }
                 ])
             }, field), {
@@ -10255,12 +10227,12 @@ var ResetPasswordForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_228) {
-                    return _228.texts;
+                function(_226) {
+                    return _226.texts;
                 },
                 "optionalAccess",
-                function(_229) {
-                    return _229.emailRequiredText;
+                function(_227) {
+                    return _227.emailRequiredText;
                 }
             ]),
             pattern: {
@@ -10268,12 +10240,12 @@ var ResetPasswordForm = function(props) {
                 message: _optionalChain([
                     props,
                     "access",
-                    function(_230) {
-                        return _230.texts;
+                    function(_228) {
+                        return _228.texts;
                     },
                     "optionalAccess",
-                    function(_231) {
-                        return _231.emailInvalidText;
+                    function(_229) {
+                        return _229.emailInvalidText;
                     }
                 ])
             }
@@ -10283,12 +10255,12 @@ var ResetPasswordForm = function(props) {
     }, _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_232) {
-            return _232.texts;
+        function(_230) {
+            return _230.texts;
         },
         "optionalAccess",
-        function(_233) {
-            return _233.dontHaveAccount;
+        function(_231) {
+            return _231.dontHaveAccount;
         }
     ]), function() {
         return "Don't have an account? ";
@@ -10298,12 +10270,12 @@ var ResetPasswordForm = function(props) {
     }, _nullishCoalesce(_optionalChain([
         props,
         "access",
-        function(_234) {
-            return _234.texts;
+        function(_232) {
+            return _232.texts;
         },
         "optionalAccess",
-        function(_235) {
-            return _235.signUpText;
+        function(_233) {
+            return _233.signUpText;
         }
     ]), function() {
         return "Sign Up";
@@ -10313,12 +10285,12 @@ var ResetPasswordForm = function(props) {
     }, _optionalChain([
         props,
         "access",
-        function(_236) {
-            return _236.texts;
+        function(_234) {
+            return _234.texts;
         },
         "optionalAccess",
-        function(_237) {
-            return _237.resetPassword;
+        function(_235) {
+            return _235.resetPassword;
         }
     ]))))) : /* @__PURE__ */ React6.default.createElement(CardContent, {
         headless: true
@@ -10327,12 +10299,12 @@ var ResetPasswordForm = function(props) {
     }, _optionalChain([
         props,
         "access",
-        function(_238) {
-            return _238.texts;
+        function(_236) {
+            return _236.texts;
         },
         "optionalAccess",
-        function(_239) {
-            return _239.emailSentText;
+        function(_237) {
+            return _237.emailSentText;
         }
     ]))));
 };
@@ -10414,8 +10386,8 @@ var CheckEmail = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_240) {
-            return _240.checkEmail;
+        function(_238) {
+            return _238.checkEmail;
         }
     ]), function() {
         return "Check you email";
@@ -10424,8 +10396,8 @@ var CheckEmail = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_241) {
-            return _241.pleaseVerify;
+        function(_239) {
+            return _239.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.";
@@ -10437,8 +10409,8 @@ var CheckEmail = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_242) {
-            return _242.resendEmail;
+        function(_240) {
+            return _240.resendEmail;
         }
     ]), function() {
         return "Resend Email";
@@ -10605,12 +10577,12 @@ var CreditCardForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_243) {
-                        return _243.password;
+                    function(_241) {
+                        return _241.password;
                     },
                     "optionalAccess",
-                    function(_244) {
-                        return _244.message;
+                    function(_242) {
+                        return _242.message;
                     }
                 ]),
                 iconInside: /* @__PURE__ */ React6.default.createElement("img", {
@@ -10641,12 +10613,12 @@ var CreditCardForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_245) {
-                        return _245.password;
+                    function(_243) {
+                        return _243.password;
                     },
                     "optionalAccess",
-                    function(_246) {
-                        return _246.message;
+                    function(_244) {
+                        return _244.message;
                     }
                 ])
             });
@@ -10668,12 +10640,12 @@ var CreditCardForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_247) {
-                        return _247.password;
+                    function(_245) {
+                        return _245.password;
                     },
                     "optionalAccess",
-                    function(_248) {
-                        return _248.message;
+                    function(_246) {
+                        return _246.message;
                     }
                 ])
             });
@@ -10694,12 +10666,12 @@ var CreditCardForm = function(props) {
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_249) {
-                        return _249.password;
+                    function(_247) {
+                        return _247.password;
                     },
                     "optionalAccess",
-                    function(_250) {
-                        return _250.message;
+                    function(_248) {
+                        return _248.message;
                     }
                 ])
             });
@@ -10806,12 +10778,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_251) {
-                    return _251.texts;
+                function(_249) {
+                    return _249.texts;
                 },
                 "optionalAccess",
-                function(_252) {
-                    return _252.required;
+                function(_250) {
+                    return _250.required;
                 }
             ])
         },
@@ -10822,23 +10794,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_253) {
-                        return _253.texts;
+                    function(_251) {
+                        return _251.texts;
                     },
                     "optionalAccess",
-                    function(_254) {
-                        return _254.firstNameLabel;
+                    function(_252) {
+                        return _252.firstNameLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_255) {
-                        return _255.firstName;
+                    function(_253) {
+                        return _253.firstName;
                     },
                     "optionalAccess",
-                    function(_256) {
-                        return _256.message;
+                    function(_254) {
+                        return _254.message;
                     }
                 ])
             }, field), {
@@ -10858,12 +10830,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_257) {
-                    return _257.texts;
+                function(_255) {
+                    return _255.texts;
                 },
                 "optionalAccess",
-                function(_258) {
-                    return _258.required;
+                function(_256) {
+                    return _256.required;
                 }
             ])
         },
@@ -10875,23 +10847,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_259) {
-                        return _259.texts;
+                    function(_257) {
+                        return _257.texts;
                     },
                     "optionalAccess",
-                    function(_260) {
-                        return _260.lastNameLabel;
+                    function(_258) {
+                        return _258.lastNameLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_261) {
-                        return _261.lastName;
+                    function(_259) {
+                        return _259.lastName;
                     },
                     "optionalAccess",
-                    function(_262) {
-                        return _262.message;
+                    function(_260) {
+                        return _260.message;
                     }
                 ])
             }, field), {
@@ -10911,23 +10883,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_263) {
-                        return _263.texts;
+                    function(_261) {
+                        return _261.texts;
                     },
                     "optionalAccess",
-                    function(_264) {
-                        return _264.emailLabel;
+                    function(_262) {
+                        return _262.emailLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_265) {
-                        return _265.email;
+                    function(_263) {
+                        return _263.email;
                     },
                     "optionalAccess",
-                    function(_266) {
-                        return _266.message;
+                    function(_264) {
+                        return _264.message;
                     }
                 ])
             }, field), {
@@ -10940,12 +10912,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_267) {
-                    return _267.texts;
+                function(_265) {
+                    return _265.texts;
                 },
                 "optionalAccess",
-                function(_268) {
-                    return _268.emailRequiredText;
+                function(_266) {
+                    return _266.emailRequiredText;
                 }
             ]),
             pattern: {
@@ -10953,12 +10925,12 @@ var CheckoutForm = function(props) {
                 message: _optionalChain([
                     props,
                     "access",
-                    function(_269) {
-                        return _269.texts;
+                    function(_267) {
+                        return _267.texts;
                     },
                     "optionalAccess",
-                    function(_270) {
-                        return _270.emailInvalidText;
+                    function(_268) {
+                        return _268.emailInvalidText;
                     }
                 ])
             }
@@ -10972,12 +10944,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_271) {
-                    return _271.texts;
+                function(_269) {
+                    return _269.texts;
                 },
                 "optionalAccess",
-                function(_272) {
-                    return _272.required;
+                function(_270) {
+                    return _270.required;
                 }
             ])
         },
@@ -10989,23 +10961,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_273) {
-                        return _273.texts;
+                    function(_271) {
+                        return _271.texts;
                     },
                     "optionalAccess",
-                    function(_274) {
-                        return _274.streetAddressLabel;
+                    function(_272) {
+                        return _272.streetAddressLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_275) {
-                        return _275.streetAddress;
+                    function(_273) {
+                        return _273.streetAddress;
                     },
                     "optionalAccess",
-                    function(_276) {
-                        return _276.message;
+                    function(_274) {
+                        return _274.message;
                     }
                 ])
             }, field), {
@@ -11023,12 +10995,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_277) {
-                    return _277.texts;
+                function(_275) {
+                    return _275.texts;
                 },
                 "optionalAccess",
-                function(_278) {
-                    return _278.required;
+                function(_276) {
+                    return _276.required;
                 }
             ])
         },
@@ -11040,23 +11012,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_279) {
-                        return _279.texts;
+                    function(_277) {
+                        return _277.texts;
                     },
                     "optionalAccess",
-                    function(_280) {
-                        return _280.stateLabel;
+                    function(_278) {
+                        return _278.stateLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_281) {
-                        return _281.province;
+                    function(_279) {
+                        return _279.province;
                     },
                     "optionalAccess",
-                    function(_282) {
-                        return _282.message;
+                    function(_280) {
+                        return _280.message;
                     }
                 ])
             }, field), {
@@ -11076,12 +11048,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_283) {
-                    return _283.texts;
+                function(_281) {
+                    return _281.texts;
                 },
                 "optionalAccess",
-                function(_284) {
-                    return _284.required;
+                function(_282) {
+                    return _282.required;
                 }
             ])
         },
@@ -11093,23 +11065,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_285) {
-                        return _285.texts;
+                    function(_283) {
+                        return _283.texts;
                     },
                     "optionalAccess",
-                    function(_286) {
-                        return _286.cityLabel;
+                    function(_284) {
+                        return _284.cityLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_287) {
-                        return _287.city;
+                    function(_285) {
+                        return _285.city;
                     },
                     "optionalAccess",
-                    function(_288) {
-                        return _288.message;
+                    function(_286) {
+                        return _286.message;
                     }
                 ])
             }, field), {
@@ -11127,12 +11099,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_289) {
-                    return _289.texts;
+                function(_287) {
+                    return _287.texts;
                 },
                 "optionalAccess",
-                function(_290) {
-                    return _290.required;
+                function(_288) {
+                    return _288.required;
                 }
             ])
         },
@@ -11144,23 +11116,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_291) {
-                        return _291.texts;
+                    function(_289) {
+                        return _289.texts;
                     },
                     "optionalAccess",
-                    function(_292) {
-                        return _292.buildingNumberLabel;
+                    function(_290) {
+                        return _290.buildingNumberLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_293) {
-                        return _293.buildingNumber;
+                    function(_291) {
+                        return _291.buildingNumber;
                     },
                     "optionalAccess",
-                    function(_294) {
-                        return _294.message;
+                    function(_292) {
+                        return _292.message;
                     }
                 ])
             }, field), {
@@ -11180,12 +11152,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_295) {
-                    return _295.texts;
+                function(_293) {
+                    return _293.texts;
                 },
                 "optionalAccess",
-                function(_296) {
-                    return _296.required;
+                function(_294) {
+                    return _294.required;
                 }
             ])
         },
@@ -11197,23 +11169,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_297) {
-                        return _297.texts;
+                    function(_295) {
+                        return _295.texts;
                     },
                     "optionalAccess",
-                    function(_298) {
-                        return _298.zipCodeLabel;
+                    function(_296) {
+                        return _296.zipCodeLabel;
                     }
                 ]) + " *",
                 helpertext: _optionalChain([
                     errors,
                     "access",
-                    function(_299) {
-                        return _299.zipCode;
+                    function(_297) {
+                        return _297.zipCode;
                     },
                     "optionalAccess",
-                    function(_300) {
-                        return _300.message;
+                    function(_298) {
+                        return _298.message;
                     }
                 ])
             }, field), {
@@ -11231,12 +11203,12 @@ var CheckoutForm = function(props) {
             required: _optionalChain([
                 props,
                 "access",
-                function(_301) {
-                    return _301.texts;
+                function(_299) {
+                    return _299.texts;
                 },
                 "optionalAccess",
-                function(_302) {
-                    return _302.required;
+                function(_300) {
+                    return _300.required;
                 }
             ])
         },
@@ -11247,23 +11219,23 @@ var CheckoutForm = function(props) {
                 label: _optionalChain([
                     props,
                     "access",
-                    function(_303) {
-                        return _303.texts;
+                    function(_301) {
+                        return _301.texts;
                     },
                     "optionalAccess",
-                    function(_304) {
-                        return _304.countryLabel;
+                    function(_302) {
+                        return _302.countryLabel;
                     }
                 ]) + " *",
                 helperText: _optionalChain([
                     errors,
                     "access",
-                    function(_305) {
-                        return _305.country;
+                    function(_303) {
+                        return _303.country;
                     },
                     "optionalAccess",
-                    function(_306) {
-                        return _306.message;
+                    function(_304) {
+                        return _304.message;
                     }
                 ]),
                 options: countries_default,
@@ -11423,16 +11395,16 @@ var ComparingPlans = function(props) {
     })), _optionalChain([
         props,
         "access",
-        function(_307) {
-            return _307.plans;
+        function(_305) {
+            return _305.plans;
         },
         "optionalAccess",
-        function(_308) {
-            return _308.map;
+        function(_306) {
+            return _306.map;
         },
         "call",
-        function(_309) {
-            return _309(function(plan) {
+        function(_307) {
+            return _307(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"
@@ -11805,8 +11777,8 @@ var NotFound = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_310) {
-            return _310.pageNotFound;
+        function(_308) {
+            return _308.pageNotFound;
         }
     ]), function() {
         return "Page Not Found";
@@ -11815,8 +11787,8 @@ var NotFound = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_311) {
-            return _311.ifLost;
+        function(_309) {
+            return _309.ifLost;
         }
     ]), function() {
         return /* @__PURE__ */ React6.default.createElement(React6.default.Fragment, null, "If you're lost please contact us", " ", /* @__PURE__ */ React6.default.createElement("span", {
@@ -11827,8 +11799,8 @@ var NotFound = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_312) {
-            return _312.home;
+        function(_310) {
+            return _310.home;
         }
     ]), function() {
         return "Home";
@@ -11857,8 +11829,8 @@ var EmptyState = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_313) {
-            return _313.youreCaughtUp;
+        function(_311) {
+            return _311.youreCaughtUp;
         }
     ]), function() {
         return "You're all caught up";
@@ -11870,8 +11842,8 @@ var EmptyState = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_314) {
-            return _314.actionText;
+        function(_312) {
+            return _312.actionText;
         }
     ]), function() {
         return "Go Home";
@@ -11911,14 +11883,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(_315) {
-            return _315.title;
+        function(_313) {
+            return _313.title;
         }
     ])), /* @__PURE__ */ React6.default.createElement(CardDescription, null, _optionalChain([
         texts,
         "optionalAccess",
-        function(_316) {
-            return _316.subtitle;
+        function(_314) {
+            return _314.subtitle;
         }
     ]))), /* @__PURE__ */ React6.default.createElement(CardContent, null, /* @__PURE__ */ React6.default.createElement("form", {
         className: "flex flex-row gap-2",
@@ -11933,8 +11905,8 @@ var LeadGenerator = function(param) {
     }), /* @__PURE__ */ React6.default.createElement(Button, null, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_317) {
-            return _317.submit;
+        function(_315) {
+            return _315.submit;
         }
     ]), function() {
         return "Submit";
@@ -11984,16 +11956,16 @@ var NoPermission = function(param) {
     }, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_318) {
-            return _318.title;
+        function(_316) {
+            return _316.title;
         }
     ]), function() {
         return "You don't have permission";
     })), /* @__PURE__ */ React6.default.createElement("div", null, _nullishCoalesce(_optionalChain([
         texts,
         "optionalAccess",
-        function(_319) {
-            return _319.subtitle;
+        function(_317) {
+            return _317.subtitle;
         }
     ]), function() {
         return "If you think this is a problem please contact your administrator or our customer support";